body { background-color: #f9f9f9; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 16px; } a { color: #000; text-decoration: none; } a:hover, a:active, a:focus { color: #dd2c00; text-decoration: none; } a, a:active, a:focus, .btn, input, input:active, input:focus, select, select:active, select:focus { outline: 0 !important; } .row.content { background: #fff; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 8px rgba(0,0,0,.23),0 1px 8px rgba(0,0,0,.16); border: 0; border-radius: 0px; } .row.small { margin-left: 0; margin-right: 0; } .product-tabs, .cart-body, .tab-content { padding: 15px; } ul.thumbnails, ul.specs { list-style-type: none; padding: 0; margin: 0; } ul li a { display: block; padding: 6px 0 6px 0; } ul.icons { padding: 0; margin: 0; } ul.icons li.active { font-weight: bold; } ul.icons li { padding: 0 0 5px 20px; display: block; position: relative; } ul.icons li:before { content: "\f105"; font-family: "FontAwesome"; display: block; position: absolute; left: 3px; top: 6px; width: 20px; text-align: left; } a#scrollup { bottom: 20px; right: 30px; padding: 5px 10px; background: #dd2c00; border-radius: 4px; color: #fff; } a#scrollup i{ font-size: 16px; } a#scrollup:hover { background: #d50000; } .inner { background-color: transparent; position: relative; padding: 0 5px 0 5px; } .inner.notop { padding: 15px 5px 5px 5px;; } .inner.darken { background-color: transparent; padding-top: 5px; padding-bottom: 15px; } header { background: rgba(255,255,255,1); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); } #nav.affix { position: fixed; top: 0; width: 100%; z-index:10000; } .nav-wrapper { min-height:50px; } @media (max-width: 767px) { .nav-wrapper { min-height:6px; } } @media (min-width: 768px) and (max-width: 979px) { .nav-wrapper { min-height:50px; } } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 0px; border-radius: 0; } .navbar-toggle { border: 0px; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active { color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #c92600; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .nav, .navbar { margin-bottom: 0; } .navbar-default { background: rgb(221,44,0); background: linear-gradient(180deg, rgba(221,44,0,1) 0%, rgba(228,82,3,1) 100%); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #555; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #c92600; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #005685; } .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; } .dropdown-menu { background-color: #555; border: 1px solid #555; font-size: 16px; } ul.dropdown-menu.cart { padding: 0; margin: 0; } .dropdown.open .dropdown-menu.cart h3.widget-title { display: none; } .dropdown-menu.cart { min-width: 250px; width: 250px; background-color: #fff; border: 1px solid #eee; z-index: 2000; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #005685; } .dropdown-menu>li>a { color: #fff; } .navbar-default .navbar-nav > li >a { color: #fff; } .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; background-color: transparent; } /* Categories Navbar /* ========================================================================== */ #categories { margin-bottom: 20px; } #categories .container-fluid { padding: 0; margin: 0; } .navbar-categories .navbar-toggle .icon-bar { background-color: #555; } .navbar-categories .navbar-nav > li > a { margin: .2em; } .navbar-categories .navbar-nav > li > a { color: #000; background: #f5f5f5; border: 1px solid #eee; } .navbar-categories .navbar-nav > li > a:hover, .navbar-categories .navbar-nav > li.active > a, .navbar-categories .navbar-nav > li > a:focus, .navbar-categories .navbar-nav > li > a:active { color: #fff; background: #dd2c00; border: 1px solid #c92600; } .navbar-categories .navbar-collapse { padding-right: 0; padding-left: 0; } .sort { padding-bottom: 25px; } .btn, .btn.active { box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); transition: all 0.4s; font-size: 16px; padding: 5px 12px; } .btn:hover, .btn:active, .btn:focus { background-color: #dd2c00; border: 1px solid #dd2c00; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); transition: all 0.4s; color: #fff; } .btn, .alert, .nav-tabs > li > a, .nav-pills > li > a, .form-control, .breadcrumb { font-size: 16px; } label, th { font-weight: 500; } .breadcrumb> .active { color: #000; } .btn-toolbar .btn-default { margin: 15px 0; } .btn-add-to-cart, .btn-filter-apply, .btn-filter-reset { margin: 12px 0; } .form-group { padding-bottom: 5px; } .form-horizontal .form-group { margin-right: 0; margin-left: 0; } .btn-default, .btn-primary { background-color: #555; border: 1px solid #555; color: #fff; } .btn:hover, .btn:active, .btn-default.active, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: #dd2c00; border: 1px solid #dd2c00; color: #fff; } .btn-warning { background-color: #dd2c00; border: 1px solid #dd2c00; color: #fff; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #005685; border-color: #005685; } /* ========================================================================== */ /* Main Content Styles /* ========================================================================== */ /* Frame overlay /* ========================================================================== */ .media a, .thumbnail { position: relative; } .media .frame-overlay, .thumbnail .frame-overlay, .portfolio article .frame-overlay { background-color: #ffffff; position: absolute; height: 100%; width: 100%; left: 0; top: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity = 0); opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .media a:hover .frame-overlay, .thumbnail:hover .frame-overlay, .portfolio article:hover .frame-overlay { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter: alpha(opacity = 0); opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } /* Pagination /* ========================================================================== */ .pagination > li > a, .pagination > li > span { color: #555; background-color: transparent; border: 0px; padding: 10px 15px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #fff; background-color: #dd2c00; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #dd2c00; } /* Shopping Cart Widget /* ========================================================================== */ .shopping-cart-widget { background: #fff; } .shopping-cart-widget .products { margin: 0 0 20px 0; overflow-y: auto; max-height: 450px; } .shopping-cart-widget .products .media-heading { font-weight: bold; font-size: 16px; color: #dd2c00; } .shopping-cart-widget .products .media-heading a { text-decoration: none; color: #dd2c00; } .shopping-cart-widget .products .media-heading a:hover { color: #dd2c00; } .shopping-cart-widget p.buttons { padding-bottom: 5px; } /* Widget /* ========================================================================== */ .widget ul.icons li { position: relative; text-indent: 0; } /* ========================================================================== */ /* Footer /* ========================================================================== */ footer { color: #fff; background-color: #555; } footer a, footer a:hover, footer a:focus, footer a:active { color: #fff; } footer .copyright { padding: 15px; } .thumbnail .discount { position: absolute; left: 0; padding: 5px; background-color: #dd2c00; border-radius: 4px; color: #ffffff; font-size: 16px; font-weight: bold; z-index: 15; } .thumbnail .label { position: absolute; background-color: #dd2c00; color: #fff; right: 0; padding: 5px; margin: 0 right; top: 0; height: auto; font-size: 16px; text-align: center; vertical-align: middle; border-radius: 4px; } .thumbnail .label.new { background-color: #005685; } .thumbnail .label.hit { background-color: #d91414; } .thumbnail .label.sale { background-color: #006100; } .thumbnail .label.html { background-color: transparent; } .thumbnail .price { color: #dd2c00; font-size: 18px; font-weight: bold; z-index: 5; clear: both; } .thumbnail .old-price { color: #000; font-size: 16px; font-weight: bold; z-index: 5; clear: both; } .thumbnail .save { color: #dd2c00; font-size: 16px; font-weight: bold; z-index: 5; clear: both; } .description .price { color: #dd2c00; font-size: 20px; font-weight: bold; z-index: 5; clear: both; } .description .old-price { color: #000; font-size: 16px; font-weight: bold; z-index: 5; clear: both; } .description .save { color: #dd2c00; font-size: 16px; font-weight: bold; z-index: 5; clear: both; } .rating { background-color: transparent; color: #dd2c00; right: 0; padding: 0 5px 0 0; font-size: 16px; text-align: center; vertical-align: middle; } /* Error */ label.error { margin-left: 10px; width: auto; display: inline; color: red; font-weight: normal; background: transparent; border: 0px; } .error { background: #fcc; border: 1px solid #d91414; } .modified { border: 1px solid #66afe9; } /* /Error */ /* ========================================================================== */ /* Helpful Classes /* ========================================================================== */ ul.clearfix { list-style-type: none; } .clear { clear: both; } .hide { display: none; } .show { display: block; } .spacer { height: 50px; } .pull-vertical-center { vertical-align: middle; display: table-cell; width: auto; } /* Checkout */ ul.shipping-methods, ul.payment-methods { list-style-type: none; padding: 0; margin: 0; } ul.shipping-methods li, ul.payment-methods li { border: 2px solid #fff; border-radius: 4px; margin: 0 0 1.5em 0; padding: 0; } ul.shipping-methods li:hover, ul.payment-methods li:hover, ul.shipping-methods .selected, ul.payment-methods .selected { border: 2px solid #dd2c00; border-radius: 4px; } ul.shipping-methods li label, ul.payment-methods li label { height: 250px; overflow: auto; display: block; } ul.shipping-methods li label span.title, ul.payment-methods li label span.title, ul.shipping-methods li label span.description, ul.payment-methods li label span.description, ul.shipping-methods li label span.image, ul.payment-methods li label span.image { display: block; padding: .5em; } ul.shipping-methods li label span.title, ul.payment-methods li label span.title { background: #eee; } /* /Checkout */ /* Ajax Spinner */ div#spinner { display: none; width:100px; height: 100px; position: fixed; top: 50%; left: 50%; text-align:center; margin-left: -50px; margin-top: -100px; z-index:555; overflow: auto; } /* /Ajax Spinner */ /* Ajax Hightlight */ .ajax-cart-hightlight { background: #fcc; opacity: 1; transition: all 2s ease-in; } /* /Ajax Hightlight */ /* SHOP products /* ========================================================================== */ .shop-products .thumbnails .item { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media (min-width: 768px) and (max-width: 979px) { .shop-products .thumbnails .item { width: 48.61878453038674% !important; } .shop-products .thumbnails .item, .shop-products .thumbnails .item.first { margin-left: 2.7624309392265194% !important; } .shop-products .thumbnails .item:nth-child(odd) { margin-left: 0 !important; } } @media (max-width: 767px) { .shop-products .thumbnails .item { margin-bottom: 50px; } } .shop-products .inner.darken { border-top: solid 0px #e1e1e1; } .shop-products .thumbnail { border: solid 1px #eeeeee; padding: 5px; margin-bottom: 5px; overflow: hidden; border-radius: 4px; box-shadow: 4px; } .shop-products .item.new .thumbnail { background: #f7fdff; border: solid 1px #c2f1ff; box-shadow: 0 4px 15px #c2f1ff; transition: 0.4s; } .shop-products .item.featured .thumbnail { background: #fffbfa; border: solid 1px #ffddd5; box-shadow: 0 4px 15px #ffddd5; transition: 0.4s; } .shop-products .thumbnail .image { overflow: hidden; position: relative; display: block; } .shop-products .thumbnail .image img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .shop-products .thumbnail .price { position: relative; display: block; top: 0; left: 0; padding: 5px; background-color: transparent; border-top: 0px solid #e5e5e5; border-bottom: 0px solid #e5e5e5; color: #dd2c00; font-size: 18px; font-weight: bold; z-index: 5; } .shop-products .thumbnail .zoom { background-color: #364245; color: #ffffff; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; font-size: 40px; line-height: 80px; text-align: center; vertical-align: middle; margin-left: -40px; margin-top: -40px; border-radius: 40px; transition: all 0.2s ease-out; filter: alpha(opacity = 0); opacity: 0; transform: scale(0); } .shop-products .thumbnail .zoom i { padding-left: 6px; } .shop-products .thumbnail .title { padding-top: 15px; margin-bottom: 10px; font-weight: bold; } .shop-products .thumbnail .description { position: relative; } .shop-products .thumbnail .description:last-child { margin-bottom: 0; } .shop-products .thumbnail:hover { box-shadow: 0 4px 15px #d5d5d5; transition: 0.4s; } .shop-products .thumbnail:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .shop-products .thumbnail:hover .price { left: 0; } .shop-products .thumbnail:hover .zoom { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity = 40); opacity: 0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .shop-products .thumbnail:hover .title { color: #dd2c00; } .product-images { margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 979px) { .product-images { float: none !important; width: 100% !important; margin-left: 0 !important; } } .product-images .small .thumbnail .zoom { font-size: 20px; line-height: 35px; height: 40px; width: 40px; margin-left: -20px; margin-top: -20px; border-radius: 20px; } .product-images .small .thumbnail .zoom i { padding-left: 3px; } @media (max-width: 767px) { .product-images .small .thumbnail .zoom { width: 80px; height: 80px; font-size: 40px; line-height: 80px; text-align: center; vertical-align: middle; margin-left: -40px; margin-top: -40px; border-radius: 40px; background-clip: padding-box; } .product-images .small .thumbnail .zoom i { padding-left: 6px; } } @media (max-width: 767px) { .product-images .small .thumbnail { margin-bottom: 20px !important; } } @media (max-width: 767px) { .product-images .small .thumbnail:last-child { margin-bottom: 0 !important; } } .product-images .thumbnail { border: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-images .thumbnail { padding: .5em; margin: 0; } .product-images .thumbnail.big { margin-bottom: 7px; } .product-images .thumbnail.big img { } @media (min-width: 1200px) { .product-images .thumbnail.big { margin-bottom: 10px; } } @media (max-width: 767px) { .product-images .thumbnail.big { margin-bottom: 20px; } } .product-images .thumbnail .image { overflow: hidden; position: relative; display: block; border: solid 1px #eeeeee; } .product-images .thumbnail .image img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-images .thumbnail .zoom { background-color: #dd2c00; color: #ffffff; position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; font-size: 40px; line-height: 80px; text-align: center; vertical-align: middle; margin-left: -40px; margin-top: -40px; border-radius: 40px; transition: all 0.2s ease-out; filter: alpha(opacity = 0); opacity: 0; transform: scale(0); } .product-images .thumbnail .zoom i { padding-left: 6px; } .product-images .thumbnail:hover { box-shadow: 0; } .product-images .thumbnail:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .product-images .thumbnail:hover .zoom { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity = 40); opacity: 0.4; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* TOP Categories /* ========================================================================== */ .featured-categories .thumbnails { margin-bottom: 30px; } @media (max-width: 767px) { .featured-categories .thumbnails { margin-bottom: 0; } } .featured-categories .thumbnails .item { margin-bottom: 30px; } @media (max-width: 767px) { .featured-categories .thumbnails .item { margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 979px) { .featured-categories .thumbnails .item { width: 48.61878453038674% !important; margin-bottom: 2.7624309392265194% !important; } .featured-categories .thumbnails .item, .featured-categories .thumbnails .item.first { margin-left: 2.7624309392265194% !important; } .featured-categories .thumbnails .item:nth-child(odd) { margin-left: 0 !important; } } .featured-categories .thumbnail { border: solid 1px #eeeeee; padding: 5px; margin-bottom: 5px; overflow: hidden; border-radius: 4px; box-shadow: 4px; } .featured-categories .thumbnail .see-all { font-weight: bold; } .featured-categories .thumbnail .image { overflow: hidden; position: relative; display: block; } .featured-categories .thumbnail .image img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .featured-categories .thumbnail .title { position: relative; display: block; top: 0; left: 0; padding: 5px; background-color: transparent; border-top: 0px solid #e5e5e5; border-bottom: 0px solid #e5e5e5; color: #dd2c00; font-size: 20px; z-index: 5; } .featured-categories .thumbnail .link { position: absolute; left: -100%; top: 48%; padding: 10px 15px; background-color: #555; color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .featured-categories .thumbnail .description:last-child { margin-bottom: 0; } .featured-categories .thumbnail:hover { box-shadow: 0 4px 15px #d5d5d5; transition: 0.4s; } .featured-categories .thumbnail:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .featured-categories .thumbnail:hover .title { left: 0; } .featured-categories .thumbnail:hover .link { left: 0; } .attributes li { background-color: #fff; margin: .5em .5em .5em 0; border: 1px solid #eee; border-radius: 4px; } .attributes span.active { display: block; padding: 3px 15px; background-color: #f5f5f5; border: 1px solid #dd2c00; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-weight: normal; color: #000; word-break: break-all; word-wrap: break-word; background-color: transparent; border: 0px solid transparent; font-family: "Roboto", sans-serif !important; font-size: 16px !important; } #searchPreview { position: absolute; z-index: 999999; width: 50%; } #searchResults { } #searchPreview table { border: 1px solid #e5e5e5; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); background: #fff; height: 300px; overflow-y: scroll; overflow-x: hidden; } #searchPreview img.media-object { width: 40px; height: 40px; text-align: center; margin: 0 auto; } .dropdown-submenu { position:relative; } .dropdown-submenu>.dropdown-menu { top:0;left:100%; margin-top:-6px;margin-left:-1px; } .dropdown-submenu > a:after { display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; } .dropdown-submenu:hover>a:after { } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover { text-decoration: none; color: #fff; } @media (max-width: 767px) { .navbar-nav { display: inline; } .navbar-default .navbar-brand { display: inline; } .navbar-default .navbar-toggle .icon-bar { } .navbar-default .navbar-nav .dropdown-menu > li > a { } .navbar-default .navbar-nav .open .dropdown-menu > li > a { } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; } .navbar-nav .open .dropdown-menu { border-radius: 0; } .dropdown-menu { padding-left: 10px; } .dropdown-menu .dropdown-menu { padding-left: 20px; } .dropdown-menu .dropdown-menu .dropdown-menu { padding-left: 30px; } li.dropdown.open { border: 0px solid red; } } @media (min-width: 768px) { ul.nav li:hover > ul.dropdown-menu { display: block; } #navbar { text-align: center; } }