/* ************************************************ Theme Name: Maxshop Author: WPBOX & Weblusive Version: 1.9.1 License: See on zip package License URI: See on zip package Description: Ultra Customizable Ecommerce Theme Theme URI: Author URI: http://www.pixelartinc.com/ Tags: dark, light ************************************************ */ /**************************************************************************** CSS RESET ****************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /**************************************************************************** BASIC STYLES ****************************************************************************/ body { background: #fff; color: #555; font: 14px Arial, Helvetica, sans-serif; } a { color: #000; text-decoration: none; } a:visited { /*color: #551a8b;*/ } a:hover { /*color: #06e;text-decoration: underline; */} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1, h2, h3, h4, h5, h6 { color: #000; } h1 { font-family: 'Oswald', sans-serif; font-size:33px; font-weight: 400; } h1 a { color: #000; } h2 { font-family: 'Oswald', sans-serif; font-size:20px;} h2 a { color: #000; } h3 { font-family: 'Oswald', sans-serif; font-size:17px; font-weight: 700;} h3 a { color: #000; } h4 {font-family: 'Georgia', sans-serif; font-size:15px; } h4 a { color: #000; } h5 { font-size:13px; font-family: 'Arial', sans-serif; } h5 a { color: #000; } h6 { font-size:20px; font-family: 'Georgia', sans-serif; } h6 a { color: #000; } select, input, textarea, img {max-width:100% !Important} ul {} .product_wrap ul li {list-style:disc; margin-left:20px} ul li a {} .product_wrap ol {list-style:decimal; padding-left:20px} ol li {} .product_wrap li a:hover {text-decoration:underline; color:#f71919} .product_wrap li {line-height:1.5em} p strong { font-weight: bold; } p em { font-style: italic; } p {font-size:14px; font-family: 'Open Sans', sans-serif; line-height:1.6em} blockquote {} blockquote p {} .page-content {padding-bottom:20px} .first {margin-left:0 !important;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /**************************************************************************** *-*-*-* HEADER *-*-*-* ****************************************************************************/ .header-bar { background: #eeeeee url("images/header-shadow.png") bottom repeat-x; height: 34px; line-height: 34px; } .pric-icon a {-webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -o-transition:background-color 0.5s; -ms-transition:background-color 0.5s; transition: background-color 0.5s; padding: 2px 10px 9px 10px; font-size:15px; font-family: 'Open Sans', sans-serif; color: #000000;margin-top: 7px; } .pric-icon a:hover {padding: 2px 9px 7.5px 9px; background: #f8f8f8; border: 1px solid #d9d9d9; border-bottom: 0px;box-shadow: 0px 0px 2px #d9d9d9;margin-top: 6px;} .pric-icon a.active{padding: 2px 9px 7.5px 9px; background: #f8f8f8; border: 1px solid #d9d9d9; border-bottom: 0px;box-shadow: 0px -1px 1px #d9d9d9;margin-top: 6px;} .header-bar .right { text-align: right; } .social-strip { display: inline-block; float:right} .social-strip ul { border-left: 1px solid #d6d6d6;} .social-strip ul li { display: inline-block; border-right: 1px solid #d6d6d6; } .social-strip ul li a { padding: 9px 10px; font:12px 'Open Sans', sans-serif; color: #000000; } .social-strip ul li a.account { background: url("images/account.png") 10px center no-repeat; } .social-strip ul li a.wish { background: url("images/wish.png") 10px center no-repeat; } .social-strip ul li a.check { background: url("images/check.png") 8px center no-repeat; } .languages {border-right: 1px solid #d6d6d6;width: 140px;display: inline-block; padding-right: 19px} .languages a {-webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -o-transition:background-color 0.5s; -ms-transition:background-color 0.5s; transition: background-color 0.5s; padding: 2px 6px 9px 6px; font:15px 'Open Sans', sans-serif; color: #000000; margin-top: 7px; } .languages a:hover {padding: 2px 5px 7.5px 5px; background: #f8f8f8; border: 1px solid #d9d9d9; border-bottom: 0px;box-shadow: 0px 0px 2px #d9d9d9;margin-top: 6px;} .languages a.active{padding: 2px 5px 7.5px 5px; background: #f8f8f8; border: 1px solid #d9d9d9; border-bottom: 0px;box-shadow: 0px -1px 1px #d9d9d9;margin-top: 6px;} .header-top { background: #f8f8f8 url("images/header-shadow.png") bottom repeat-x; line-height: 75px; } .header-top .logo { line-height: 75px; } .logo a { margin-right: 8px; display: block; font-size:32px; text-decoration:none; display:block; float:left; display:inline-block} .logo a img { vertical-align: middle; } .logo p { font:15px 'Open Sans', sans-serif; color: #000000; float:left; line-height:5em} .logo p span { font-weight: 600; } .header-top form { position: relative; } .header-top form input[type='text'] {font:12px 'open sans', sans-serif; color:#a2a2a2 ; margin-top: 5px; box-shadow: none; outline: 0px; padding: 0px 38px 0px 10px; height: 37px; border: 1px solid #d8d9dc; border-radius: 0px; } .header-top form input[type='submit'] { background: url("images/search.png") no-repeat; border: none; width: 15px; height: 15px; position: absolute;top:50%;margin-top: -8.5px; right: 15px; } .clear{clear:both} .cart ul{text-align: right} .cart li { display: inline-block;font:14px 'Open Sans', sans-serif; } .cart li a { background: url("images/cart.png") no-repeat; padding-left: 30px } /*.cart li a { width: 17px; height: 17px; background: url("images/cart.png") no-repeat; display: block; } .cart li span { width: 7px; height: 11px; display: block; position: absolute; right: -6px; top: 50%; margin-top: -6px; background: url("images/errow.png") no-repeat; }*/ .cart .first {line-height:20px; display: inline-block; background: #f5f6fa; border: 1px solid #d8d9dc; position: relative;padding: 10px;vertical-align: middle;margin-top: -5px; } header {background: url("images/header-bg.png") repeat; line-height: 36px; margin-bottom: 18px;} header nav > ul { border-left: 1px solid #e4e7f1; } header nav > ul > li { float: left; border-right: 1px solid #e4e7f1; position: relative; } header nav > ul > li a {font:13px 'Georgia', sans-serif; padding: 10px 15px; text-transform: uppercase;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } header nav li a:hover {background: #eeeeee;} header .selectBox-dropdown { display: none !important; } header nav > ul > li ul { display: none; width: 150px; position: absolute; top:35px; left: 0px; background:#f9f9f9 url("images/header-bg.png") bottom repeat-x;z-index: 99999999;} header nav > ul > li ul li {width: 100%;} header nav > ul > li ul li a{display: block;} .sub-menu.menu-two {padding: 14px 0px 14px 14px;} .sub-menu.menu-two .links {float: right} .sub-menu.menu-two figure { float: left; } .sub-menu.menu-three {padding: 14px 14px 14px 14px;} .sub-menu.menu-three .links { float: none; width: 100%; padding: 0px; } .sub-menu.menu-three figure {float: none; width: 100%; height: 116px; margin-bottom: 16px;} .sub-menu.menu-three figure a { width: 100%; height: 116px;} .sub-menu.menu-four {padding: 14px 14px 14px 14px; width: 630px !important; } .sub-menu.menu-four .our-product { width: 195px; float: left; margin: 0px 7.5px;} .sub-menu.menu-four .our-product > div { margin-bottom: 15px; } .sub-menu.menu-four .our-product > div:last-child { margin: 0px; } .sub-menu.menu-four .our-product div > a { transition: all 1s; -webkit-transition: all 1s; float: left; width: 70px; height: 50px; display: block; margin-right: 10px; } .sub-menu.menu-four .our-product div > a:hover { opacity: 0.5; } .sub-menu.menu-four .our-product div h4 { font-size: 13px; color: #ffffff} .sub-menu.menu-four .our-product div span { color: #f71919; font: bold 13px 'Arial', sans-serif; } /**************************************************************************** *-*-*-* SLIDER *-*-*-* ****************************************************************************/ .offers { margin-bottom: 10px; } .offers figure a{ /*width: 270px; height: 171px;*/ display: block; } .offers figure a img{ /*width: 100%; height: 100%; */ } .offers figure { position: relative; } .offers figure .overlay { position: absolute; bottom: 0px; left: 0px; width: 270px; max-width:100%; background: #000; background: rgba(21,16,14,0.7); display: none;} .offers figure .overlay h1 { color: #ffffff; font-size: 27px; line-height: 31px; padding: 6px 10px; } .offers figure .overlay h1 span {font:700 19px 'Open Sans', sans-serif; } .offers figure .overlay h1 small {font:700 19px 'Quattrocento', sans-serif; color: #ffffff;} /**************************************************************************** *-*-*-* PRODUCT OFFERS *-*-*-* ****************************************************************************/ .heading { border-bottom: 1px solid #e9e9e9; margin-bottom: 18px; } .heading h2 { border-bottom:1px solid #e9e9e9; background: #474747; position: relative; padding: 10px 20px 7px; color: #ffffff; display: inline-block; margin-bottom:-1px } .heading h2 span { width: 23px;height: 48.4px; display: block;position: absolute; right: -23px; top: -1px; background: url("images/heading-errow.png") no-repeat;} .product { margin-bottom: 30px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .product figure { position: relative} .product figure > a {/* width: 270px; height: 186px; */ display:block} .product figure > a > img { } .product figure .overlay {opacity:0.8; display: none; padding: 20px 0px; margin-left: -64px; margin-top: -42px; width: 128px; text-align: center; position: absolute; top: 50%; left: 50%; background: rgba(237,60,60,0.7); } .product figure .overlay a { width: 41px; height: 41px; display: inline-block; background-position: 0px 0px; } .product figure .overlay a.zoom { background: url("images/zoom.png") no-repeat; } .product figure .overlay a.link { background: url("images/link.png") no-repeat; } .span9 .span3.product{margin-left:0; margin-right:20px} .detail {margin-top:-6px; background: #f9f9f9;text-align: center; border: 1px solid #dfdfdf; border-top: 0px; padding: 10px 0px;;-webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; } .detail span {font:700 16px 'Arial', sans-serif; color: #f71919; margin-bottom: 5px;} .detail h4 { margin-bottom: 5px; height:40px; overflow:hidden} .detail del span{color:#333} .product-category.product {float:left; margin-left:30px; margin-bottom:30px !important} .detail .icon {position:relative} .detail .icon a, .detail .icon a.button, .button.product_type_variable, .product_type_simple, .button.product_type_simple, .product_type_grouped, .button.product_type_grouped, .product_type_external, .yith-wcwl-wishlistaddedbrowse a, .detail .yith-wcwl-wishlistexistsbrowse a {width: 42px !Important; height: 42px !Important; display: inline-block !Important; background-position: 0 0 !Important; border:none !Important; padding:0 !important; box-shadow:none !Important; } .detail .icon a.add_to_cart_button.button, .product_type_variable, .product_type_simple, .product_type_grouped, .product_type_external { background: url("images/icon3.png") no-repeat !important; margin-right:4px} .detail .icon a.two , .detail .yith-wcwl-wishlistaddedbrowse a, .detail .yith-wcwl-wishlistexistsbrowse a{ background: url("images/icon2.png") no-repeat; } .detail .icon a.three { background: url("images/icon.png") no-repeat; } .detail .yith-wcwl-wishlistexistsbrowse.show, .detail .yith-wcwl-wishlistaddedbrowse.show{position:relative} .detail .yith-wcwl-wishlistexistsbrowse.show a, .detail .yith-wcwl-wishlistaddedbrowse.show a, .detail .icon a.three.added{background-position:0px -42px !important; text-indent:-9999px; position:relative !Important; top:-32px;} .feedback {display:none !important} .product:hover { box-shadow: 1px 1px 20px #e1dfdf; } .product.hentry:hover {box-shadow:none} .product:hover .detail { background: #ffffff; } .product:hover figure { opacity: 0.8; } .pagination { border-top: 1px solid #dfdfdf; margin-top: 0px;margin-left: 27px; } .pagination p {margin-top: 22px;font:13px 'Arial', sans-serif; color: #848484; display: inline-block;} .pagination {margin: 20px 0px 40px;} .pagination ul {margin-top: 12px; float: right; border-radius: 0px !important; box-shadow: none !important; background: none !important; } .pagination li { margin-left: 5px !important; border: 1px solid #dfdfdf;float: left;} .pagination li a { font: 13px 'arial', sans-serif; color: #848484; float: none; padding: 6px 13px !important;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .pagination li a:hover {background: #f5f5f5;} .reset_variations{display:block; margin-top:10px; color:#333} table.variations {border:none} table.variations td {border-left:none} table.variations td.label {margin:10px 10px 0px 0px} table.variations td.label label {padding-left:10px} .yith-wcwl-add-to-wishlist, .product-detail .compare.big-button{} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{width:auto !important} /**************************************************************************** *-*-*-* CLIENTS*-*-*-* ****************************************************************************/ .clients { position: relative ; border: 1px solid #e2e2e2; margin-bottom: 30px; height: 92px;} .clients ul li { display: inline-block; padding: 32px 24px;} .clients ul li a {} .clients ul li img { vertical-align: middle; } .clients .caroufredsel_wrapper { height: 92px !important;; position: static !important;; } .categories { margin-bottom: 30px; } .categories figure { width:100%; height: 133px; position: relative; } .categories figure img { width: 100%; height: 100% } .categories figure .cate-overlay { width: 100%; text-align: center; background: rgba(246,69,68,0.7); line-height: 133px; position: absolute; top: 0px; left: 0px; } .categories figure .cate-overlay a { text-transform: uppercase; font:17px 'Oswald', sans-serif; padding: 10px 15px; border: 1px solid #ffffff; color: #ffffff; } /**************************************************************************** *-*-*-* BUTTONS *-*-*-* ****************************************************************************/ .button {-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #ffffff; border-radius: 10px;font:700 16px 'Open Sans', sans-serif; padding: 10px 21px; text-transform: uppercase; color: #f71919; } .button:hover { background: #f0f0f0; } .red-button {-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; font: 14px 'Arial', sans-serif; color: #ffffff; padding: 20px 15px 20px 38px; margin: 18px; display: inline-block; background: #f71919 url("images/shopping-cart.png") 15px center no-repeat; } .red-button:hover {background: #cc2828 url("images/shopping-cart.png") 15px center no-repeat;} .red-button.black { background: #4d4d4d url("images/update.png") 15px center no-repeat;} .red-button.black:hover { background: #262626 url("images/update.png") 15px center no-repeat;} .big-button { font: 11px 'arial', sans-serif;padding: 14px 14px 15px 30px;margin-right: 6px;border: 1px solid #dfdfdf; background: #f2f2f2; display: inline-block; } .big-button:hover {background:#fcfcfc} /**************************************************************************** *-*-*-*BAR *-*-*-* ****************************************************************************/ .title-bar { height: 109px; line-height: 109px; background: url("images/banner.png") no-repeat; margin-bottom: 18px; border:1px solid #d4d4d4;} .title-bar h1 {background:#333; background:rgba(71,71,71,0.7);vertical-align: middle; position: relative; padding: 10px 20px; color: #ffffff; display: inline-block; line-height:50px} .sorting-bar { margin-bottom: 18px; border:1px solid #d4d4d4; background: #f9f9f9 url("images/header-bg.png") bottom repeat-x; height: 48px; border-bottom: 1px solid #d6d6d6; padding-left: 15px; } .sorting-bar div { float: left; margin-left: 18px; } .sorting-bar .selectBox-dropdown { width: 100px !important; margin-top: 8px !important; } .sorting-bar .sorting-postion { margin-left: 8px;} .sorting-bar label { font: 13px 'Arial', sans-serif; color: #848484; text-transform: uppercase; margin-top: 16px; vertical-align: middle; float: left; margin-right: 17px; } .sorting-bar .show .selectBox-dropdown { width: 130px !important; margin-top: 8px !important; } .sorting-bar .sorting-btn { float: right; margin-right: 6px;width: 150px;} .sorting-bar .sorting-btn{ margin: 0px !important; float: right} .sorting-bar .sorting-btn a{ width: 28px; height: 28px; display: inline-block; margin-top: 9px; float: left;border: 1px solid #d6d6d6; margin-left: -1px;} .sorting-bar .sorting-btn a.one { background: url("images/sort-btn.png") no-repeat; background-position: 0 0; } .sorting-bar .sorting-btn a.two { background: url("images/sort-btn2.png") no-repeat; background-position: 0 0; } /**************************************************************************** *-*-*-* SIDEBAR *-*-*-* ****************************************************************************/ .product-grid {margin-left: 0px;} .product-grid .product figure { position: relative;} .product-grid .product figure > a { display:block} .last {margin-right:0 !important} #sidebar .widget h3{ background: url("images/header-bg.png") repeat; padding: 10px 0px 10px 15px;border-bottom: 1px solid #d6d6d6; font-size:14px; text-transform:uppercase} #sidebar .widget { border: 1px solid #d6d6d6; margin-bottom: 21px; } #sidebar .widget h4.media-heading {background:none; border:none; padding:0} #accordion div { padding: 10px 0px; } #accordion h5 a, .toggle-trigger { display: block; outline: none; padding: 10px 0px 10px 15px; background: url("images/plus.png") 90% center no-repeat; border-bottom: 1px solid #d6d6d6; } .last { border: 0px !important; } #accordion div:last-child { border: 0px; } #accordion h5 a:focus { outline: none; } #accordion h5.ui-accordion-header-active a{ font-weight: bold; color: #fff !important; } #accordion h5.ui-accordion-header-active a {background: #6a6a6a url("images/minas.png") 90% center no-repeat; } #accordion ul li { font:13px 'Arial', sans-serif; color: #767676; background: url("images/dot.png") left center no-repeat; padding-left: 10px; margin-bottom: 5px;} #accordion p { font:15px 'Open Sans', sans-serif; color: #767676; line-height: 20px; } #accordion div { padding-left: 15px;border-bottom: 1px solid #d6d6d6; } .price-filter { text-align: center; padding-top: 10px; } .price-filter li { float: left; margin: 0px 10px 10px;; } .price-filter img { margin-bottom: 7px;; } .price-filter li.second { float: right; } .featured ul { padding-top: 10px; } .featured li { border-bottom: 1px solid #d6d6d6;margin: 0px 10px 10px; padding: 0px 0px 10px; } .featured li figure { width: 50px; height: 50px; float: left; margin-right: 10px; } .featured li figure a { display: block; width: 50px; height: 50px; } .featured li h5 {font:13px 'Georgia', sans-serif;} .featured li div span { color: #f71919 ; font:700 15px 'Arial', sans-serif; } .featured li.last { padding-bottom: 0px; } #sidebar2 .widget { border: 1px solid #dfdfdf; margin-bottom: 21px; } #sidebar2 .widget h3 { text-transform: uppercase; padding: 10px 0px 10px 15px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; font:700 17px 'open sans', sans-serif; } #sidebar2 .widget ul {} #sidebar2 .widget ul.children, #sidebar .widget ul.children{margin-top:6px} #sidebar2 .widget li, #sidebar .widget li { padding-left:16px; font:13px 'open sans', sans-serif; color: #2b2b2b; background: url("images/sidebar-errow.png") left center no-repeat; line-height:22px} #sidebar2 .widget li span {color: #9d9d9d;} #sidebar2 .widget li ul li, #sidebar .widget li ul li {background-position:left 8px} #sidebar2 .widget div {} #sidebar2 .widget .tagcloud a { background: #f71919; font: 10px 'open sans', sans-serif; color: #FFFFFF; border-radius: 7px; display: inline-block; padding: 9px 11px; margin-bottom: 8px; } /***Add tag****/ #sidebar2 .widget .tagcloud ul{list-style:none !important; list-style-image: none;} #sidebar2 .widget .tagcloud li{display: inline-block; list-style-image: none;background:none; padding-left:0; line-height:inherit; margin-bottom: 0;} #sidebar.shop-sidebar .widget li{background:none; padding-left:0} /***************************************************************************************/ .ui-tooltip{font:11px 'Arial', sans-serif; padding:8px;position:absolute;z-index:9999; color: #fff; background: #4c4c4c url("images/tooltip.png") left -5px no-repeat;} #sidebar2 .widget .flcker a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;border: 2px solid #ffffff; width: 65px; height: 67px; display: inline-block; float: left; margin: 0px 0px 8px 8px; } #sidebar2 .widget .flcker a:hover { border-color: #f71919} #sidebar2 .widget .flcker a img { width: 100%; height: 100%; } #sidebar2 .widget .tweets p { font: 13px 'open sans', sans-serif; color: #777777; margin-bottom: 10px; } .widget .tweets p a {font-style: italic; color: #61c2ef;} .widget .tweets p span { color: #61c2ef;} .widget .tweets p strong { color: #f71919; font-weight: bold;} .alignleft { float: left; } img.alignleft { margin: 5px 20px 5px 0; } .text-center {text-align:center} .alignright { float: right; } img.alignright { margin: 5px 0 5px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin-top: 5px; margin-bottom: 5px; } .wp-caption{} .wp-caption-text{} .sticky{} .gallery-caption{} .bypostauthor{} .post.fixed{ height:auto; position:relative} #wp-calendar caption {padding:10px} #wp-calendar{border:solid 1px #dfdfdf; width:100%} #wp-calendar td {padding:8px; border-bottom:solid 1px #ededed} #wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center} #wp-calendar th{padding:4px; background:#333; color:#fff} #wp-calendar caption {background:#f71919; padding:4px; color:#fff} #wp-calendar #prev, #wp-calendar #next{background:none; position:relative; width:auto; height:auto;} /* Flickr Widget */ ul.flickr { margin: 0 -10px -10px 0; } .flickr li { display: inline-block; margin: 0 10px 10px 0; background:none !important; padding-left:0 !important; } .flickr li img{width:54px} #footer ul.flickr{ margin: 0 -9px -9px 0; padding:0; } #footer .flickr li { display: inline-block; margin: 0 9px 9px 0; } .flickr li a, .flickr li img { display: block; } .flickr li a:hover { padding: 3px; background: #f71919; margin: -3px; opacity: 0.80; -moz-opacity: 0.80; } /**************************************************************************** *-*-*-* PRODUCT LIST *-*-*-* ****************************************************************************/ .product-list .product figure { float: left; } .product-list .detail { float: left; width: 582px; text-align: left;padding: 18px 0px 14px 15px;; border-top: 1px solid #dfdfdf; border-left: 0px; background: #ffffff; } .product-list .detail h4 { margin-bottom: 10px; font-size: 18px; } .product-list .detail span { margin-bottom: 14px; } .detail p { font: 13px 'Arial', sans-serif; color: #737373;margin-bottom: 13px; line-height: 22px; } .product-list .product:hover { box-shadow:none; } .product-list .product:hover .detail { background: #ffffff; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {float:none !important} .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt { font-size:14px; background:#f71919 !Important; text-shadow:none !Important; color:#fff !Important; box-shadow:none !Important; border:none !Important; border-radius:0px !Important; padding:7px 14px 8px !important; font-weight:normal !Important } .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{background:#000 !Important;} /**************************************************************************** *-*-*-* CHECKOUT *-*-*-* ****************************************************************************/ #check-accordion { margin-bottom: 30px; background: #f0f0f0;padding: 0 0 50px 0px; border: 1px solid #dfdfdf; } #check-accordion.nopadding{padding:0} #check-accordion h5 { text-transform: uppercase; margin-bottom: 0; color: #4d4d4d; font: 700 16px 'Arial', sans-serif; height: 64px; line-height: 64px; background: #f0f0f0 url("images/bottom-errow.png") 98% center no-repeat; } #check-accordion h5 a { color: #4d4d4d; display: block; } #check-accordion h5 small { margin-right: 25px; font: 700 16px 'Arial', sans-serif; background: url("images/accordian-step.png") no-repeat; float: left; display: block; width: 123px; height: 64px; line-height: 64px; text-align: center; color: #ffffff;} #check-accordion h5.ui-accordion-header-active {margin-bottom: 0px; background: #6a6a6a url("images/top-errow.png") 98% center no-repeat;} #check-accordion h5.ui-accordion-header-active a, .billing-form h5.ui-accordion-header-active small { color: #fff; } #check-accordion h5.ui-accordion-header-active small, .billing-form h5.ui-accordion-header-active small { background: url("images/accordion-hover.png") no-repeat; } .cheakout { width: 539px; } #ship-to-different-address label {padding-left:0; font-weight:bold !important; border-bottom:dotted 1px #000} #check-accordion h6 { height: 56px; line-height: 56px; border-bottom: 1px solid #dfdfdf; padding-left: 17px; } #check-accordion h6 span { color: #9d9d9d; font: 12px 'Arial', sans-serif; } #check-accordion form { padding: 25px; } #check-accordion form input[type='radio'] { margin: -2px 15px 15px 0px; } #check-accordion label { font: 14px 'Arial', sana-serif; color: #000000;display: inline-block; } #check-accordion form p { font: 14px 'Arial', sans-serif; color: #8a8a8a; line-height: 22px; margin-bottom: 17px; } #check-accordion form input[type='submit'] { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #f71919; padding: 10px 15px; border: 0px; color: #ffffff; font:700 14px 'Arial', sans-serif; } #check-accordion form input[type='submit']:hover{background: #cc2828;} #check-accordion .register form a { text-align: right ; font:13px 'arial', sans-serif; display: block; text-decoration: underline; margin-bottom: 15px;} #check-accordion .register input[type='submit'] { background: #4d4d4d; float: right;} #check-accordion .register input[type='submit']:hover {background: #262626;} #check-accordion .register label { margin-top: -23px; } #check-accordion input[type='text'] {border-radius: 0px; box-shadow: none; outline: 0px; margin-bottom: 22px; } #coupon_code{float:none; height:32px} .billing-form { padding: 0px !important; background: none; border: 0px; } .billing-form label { display: inline-block !important; margin-bottom: 10px !important; margin-top: 0px !important;;} .billing-form fieldset { width: 49.3%; float: left; margin-right: 15px; } .billing-form fieldset.last{ margin-right: 0px; } .billing-form fieldset.last input[type='text']{ width: 97% !important; } .billing-form fieldset input[type='text']{ width: 97% !important;border: 1px solid #dddddd; } .billing-form input[type='text'], .cheakout input[type='text'], .cheakout input[type='password']{height: 26px !important; } .billing-form fieldset .selectBox.selectBox-dropdown {width: 100% !important;;margin-bottom: 19px !important; height: 34px !important;} .billing-form fieldset .selectBox-dropdown .selectBox-arrow { background: url("images/big-errow.png") no-repeat !important; width: 38px !important;} .billing-form input[type='checkbox'] { margin: -1px 10px 0px 0px; vertical-align: middle;} .billing-form p{} .billing-form .red-button {background: #f71919; padding: 15px 15px !important; float: right;font-weight: bold; margin-bottom: 0px !important;;margin-right: 0px !important;} .billing-form .red-button:hover {background: #cc2828} .billing-form .selectBox-dropdown .selectBox-label {padding: 10px 26px 10px 11px !important;} #check-accordion .billing {width: 1125px;margin-left: 20px; background: none; border: 0px;} #check-accordion .billing p { margin-bottom: 18px; font: 13px 'Arial', sans-serif; color: #000;} .billing .title { background: #f71919;} .billing .title li {color: #ffffff; } .billing > ul, .billing tr{background: #ffffff; border-bottom: 1px solid #dddddd;} .billing > ul li, .billing tr td{ display: inline-block; width: 21.7%; font: 13px 'Arial', sans-serif; line-height: 39px; color: #787878; margin-left: 10px; } .billing > ul li.last {width: 7%;} #check-accordion .billing .totle {margin-top: 22px;width: 346px;float: right; background: none !important; border:0px;} .billing .totle ul{background: #ffffff; width: 100%;} .billing .totle ul li span {color: #787878; float: right;} .billing .totle ul li { padding:0px 10px ; display:block;font: bold 15px 'Arial', sans-serif; color: #4d4d4d; line-height: 39px;border-bottom: 1px solid #dddddd;} .billing .totle .red-button {background: #f71919; padding: 15px 15px; float: right;font-weight: bold;margin-right: 0px !important;} .billing .totle .red-button:hover {background: #cc2828} /***********************************/ .billing .totle {margin: 22px 0;width: 346px; background: none !important; border:0px;} .billing .totle table{background: #ffffff; border: 1px solid #dddddd;} .billing .totle table th {padding: 0px 10px;font: bold 15px 'Arial', sans-serif;color: #4d4d4d;line-height: 39px;border-bottom: 1px solid #dddddd;vertical-align: middle;} .billing .totle table td{ padding:0px 10px ; display:block;font: bold 15px 'Arial', sans-serif; color: #787878; line-height: 39px; width: auto; float: right;} .billing .totle table tbody td{float: none; display: inline} /************************************/ #check-accordion .payment {width: 1125px;margin-left: 20px; background: none !important; border: 0px;} .payment p { margin-bottom: 18px; font: 13px 'Arial', sans-serif; color: #000;} .payment .radio-btn { background: #ffffff;height: 32px; line-height: 32px;border: 1px solid #dddddd; margin-bottom: 15px;} .payment .radio-btn input[type='radio'] {margin: -0.9px 10px 0px 10px !important;vertical-align: middle;} .payment .radio-btn label {margin-top: 0px !important; width: 70% !important;} .payment form .radio-btn span {line-height: 32px;} .payment form {padding: 0px !important; } .payment form span {float: right; font: 13px 'Arial', sans-serif; color: #787878; margin-right: 13px;} .payment form > label { font-weight: bold !important;margin-top: 0px !important; width: 100% !important; margin-bottom: 11px; } .payment form textarea { width: 98%; resize: none; font: 13px 'Arial', sans-serif; box-shadow: none; outline: none; padding: 10px; height: 241px; border: 1px solid #dddddd; } .payment form .red-button {background: #f71919; padding: 15px 15px !important; float: right;font-weight: bold; margin-bottom: 0px !important;;margin-right: 0px !important; border:none} .payment form .red-button:hover {background: #cc2828} /**************************************************************************** *-*-*-* SHOPPING CART *-*-*-* ****************************************************************************/ .icon a.added_to_cart {position:absolute; left:50%; margin-left:-30px; top:40px} .shopping-cart { margin-bottom: 30px; border: 1px solid #dfdfdf;} .shopping-cart .title {background: #f0f0f0;} .shopping-cart .title li { height: 72px; line-height: 72px; padding: 0px; text-align: center; text-transform: uppercase; width: 175px;} .shopping-cart .title .second { width: 285px; text-align: center; } .shopping-cart ul { border-bottom: 1px solid #dfdfdf; width: 100%; background: #ffffff; } .shopping-cart ul li { text-align: center; border-right: 1px solid #dfdfdf; width: 131px; height: 80px; padding: 22px; color:#000000; font: 15px 'Arial', sans-serif; float: left; } .shopping-cart ul li.second { width: 241px; text-align: left;} .shopping-cart li figure { width: 100%; } .shopping-cart li figure img { width: 100%; } .shopping-cart li h4 { font-size: 16px; margin-bottom: 5px; } .shopping-cart li p { font: 12px 'Arial', sans-serif; margin-bottom: 2px; } .shopping-cart li p span { color: #9d9d9d; } .shopping-cart .last { text-align: center; } .shopping-cart li input[type='number'] { width: 77px; height: 33px; border-radius: 0px; box-shadow: none; outline: none; background: #f8f8f8; font: 17px 'Arial', sans-serif; text-align: center; } .shopping-cart li a { font: 19px 'Arial', sans-serif; color: #595959; } .shopping-cart .red-button.black { float: right } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float:none !important; width:auto !Important} .woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table{border-radius:0px !important} .cart_totals tr td{background:#f8f8f8 !important; vertical-align:middle !important; padding:10px !important} .cart_totals th{padding:10px !important} .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th{ vertical-align:middle ; padding:6px 12px 6px 0 !important} .woocommerce-cart .cart-collaterals .cart_totals table{border-left:1px solid #cbcbcb !Important} .row.cart-collaterals {width:auto !important} #order_comments_field {height:80px !important} .cart-calculator h6 { font-size: 18px; text-transform: uppercase;background: #212224; color: #ffffff; padding: 20px; } .cart-calculator .estimate { background: #e4e4e4; padding:20px; margin-bottom: 20px; text-align: center;} .cart-calculator .selectBox-dropdown { background: #ffffff;text-decoration: none !important;font-size: 13px !important; color: #808080 !important;margin: 0px 0px 20px 0px!important; float: none !important;width: 308px !important; height: 38px !important;border: solid 1px #d4d4d4;line-height: 38px;} .cart-calculator .selectBox-dropdown .selectBox-label { padding: 11px 26px 7px 11px !important;color: #808080 !important;} .cart-calculator .selectBox-dropdown .selectBox-arrow {right: -2px !important; background: url("images/big-errow.png") no-repeat !important; width: 40px !important; height: 40px !important; } .cart-calculator input[type='text'] { font: 13px 'Arial', sans-serif; box-shadow: none; outline: 0px; width: 289px; padding: 0px 10px 0px 10px; height: 38px; border: 1px solid #d8d9dc; border-radius: 0px; } .cart-calculator .red-button { font-family: georgia; float: right; margin: 0px 4px 0px 0px; border: 0px; background: #f71919; padding:18px 20px; } .cart-calculator .red-button:hover { background:#cc2828; } .cart-calculator ul { float: left; padding: 10px 18px 0px; width: 140px; margin-bottom: 20px; } .cart-calculator ul.black {background: #212224; } .cart-calculator ul li{ color: #FFFFFF; font: 15px 'Georgia', sans-serif; text-transform: uppercase; margin-bottom: 10px;} .cart-calculator ul li:last-child { font-size: 18px; } .cart-calculator ul.gray {background: #e4e4e4; text-align: left;} .cart-calculator ul.gray li { color: #000000;font: 16px 'Arial', sans-serif;margin-bottom: 4.5px; } .cart-calculator ul.gray li:last-child { color: #000000;font-weight: 700; font-size: 22px;} .cart-calculator .total a { float: left; font-family: arial; font-size: 15px; font-weight: bold;padding: 23px 26px;} .cart-calculator .total a:hover { background:#cc2828; } .cart-calculator ul.discount{margin-bottom: -3px;} .cart-calculator ul.discount a{float: right; color:#ffffff; padding: 5px;} .cart-calculator ul.total, .cart-calculator ul.total-gray{margin-top: 23px;} .woocommerce-billing-fields, .woocommerce-shipping-fields {padding:20px} .woocommerce .order_details, .woocommerce-page .order_details{margin-top:10px !important; background:#f9f9f9; border:1px solid rgba(0,0,0,.1); padding-top:10px; padding-bottom:10px} /**************************************************************************** *-*-*-* BLOG *-*-*-* ****************************************************************************/ article { border-bottom: 1px solid #efefef; margin-bottom: 22px; } article figure { width: 100%; height: 324px; margin-bottom: 20px; } article figure a { width: 100%; height: 324px; } article figure a img { width: 100%; height: 100%; } article figure img{ width: 100%; height: 100%; } article h2 {font-size: 18px; color: #161616;margin-bottom: 20px;} article p {font-size: 13px; color: #8d8d8d; line-height: 20px;margin-bottom: 20px;} .post-meta {float: left; display: block; margin-bottom: 22px;} .post-meta li {float: left; border: 1px solid #dfdfdf;margin-left: -1px;} .post-meta li a { background: url("images/comment.png") 7px 16px no-repeat; padding: 14px 14px 14px 30px; display: inline-block;font: 10px 'open sans', sans-serif;} .post-meta li span { background: url("images/clock.png") 7px center no-repeat; padding: 14px 14px 14px 30px; display: inline-block;font: 10px 'open sans', sans-serif; } .read { background: #f71919; font: 13px 'open sans', sans-serif; color: #FFFFFF;display: inline-block; padding: 13px 22px 14px; margin-bottom: 22px; } .read:hover { background: #cc2828; } .blog_wrap .pagination { border: 0px; } /**************************************************************************** *-*-*-* SINGLE*-*-*-* ****************************************************************************/ .commnts-wrap {width: 731px;} .comments { margin-bottom:30px; } .commnts-wrap h3 { font-size: 21px;margin-bottom: 15px;} .comments li { border-bottom:1px solid #f0f0f0; padding-bottom:26px; margin-bottom:26px;} .comments li figure { float:left; margin-right:28px; } .comments li figure a{ width:76px; height:75px;display: inline-block; border: 7px solid #f71919; border-radius: 7px; } .comments li figure img { width:100%; height:100%; } .comments li.last { border: 0px; } .comments li div { width:500px; float:left; } .comments li div > a { font: 11px 'open sans', sans-serif; background: #868686; color: #FFFFFF; padding: 10px 15px; border-radius: 5px; display: inline-block; } .comments li div p a { font: 14px 'open sans', sans-serif; color:#3c3c3c; } .comments li div p span { font: 11px 'open sans', sans-serif; color:#b8b8b8; } .comments li div p{margin-bottom:5px; font: 13px 'open sans', sans-serif; color:#868686; } .comments .children { padding-left:75px; border: 0px;padding-bottom:0px; margin-bottom:0px; } .comments .children div { width:359px; } .contact-form h3 { font-size: 21px;margin-bottom: 15px;} .contact-form form {width: 731px;} .contact-form form fieldset { width: 250px; float: left} .contact-form form input[type="text"] { background: #f9f9f9; padding:12px 8px; margin-right:19px; margin-bottom:10px; box-shadow:none; width:224px;border:1px solid #d9d9d9; border-radius: 7px; } .contact-form form textarea {background: #f9f9f9; padding:12px 8px; margin-bottom:17px; width:450px; height:132px; resize:none;box-shadow:none;border:1px solid #d9d9d9; border-radius: 7px; } .contact-form form input[type="submit"] { border:0px; border-radius: 4px;padding: 13px 20px;float: right; font: 12px 'open sans', sans-serif; margin-bottom:36px;background:#f71919;color:#FFF !important; } /**************************************************************************** *-*-*-* SINGLE PRODUCT *-*-*-* ****************************************************************************/ .single { border-bottom: 1px solid #e8e8e8; margin-bottom: 17px; } .product-detail { border-bottom: 1px solid #e8e8e8; margin-bottom: 17px; } .product-detail h4 { font-size: 18px; margin-bottom: 10px; } .product-detail span {color: #f71919;display: block; } .product-detail p { font:13px 'Arial', sans-serif; color: #737373; margin-bottom: 18px; line-height: 20px;} .product-type {border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom:12px; } .product-type div { float: left; width: 78px; margin-right: 10px; } .product-type div label { font: 14px 'Arial', sans-serif; display: block; margin-left: 6px; margin-bottom: 10px; } .product-type .selectBox-dropdown { font: 13px 'Arial', sans-serif !important; width: 70px } .product-type .color { width: 175px; } .product-type .color .selectBox-dropdown { width: 170px !important; } .buttons { margin-bottom: 15px; } .buttons a {box-shadow: inset 0px -2px 1px #ededed; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;} .buttons .wish { background:#f2f2f2 url("images/wish.png") 10px center no-repeat;} .buttons .cart { background:#f2f2f2 url("images/red-cart.png") 6px center no-repeat;} .buttons .compare { background:#f2f2f2 url("images/compare.png") 6px center no-repeat;} .buttons .wish:hover { background:#fcfcfc url("images/wish.png") 10px center no-repeat;} .buttons .cart:hover { background:#fcfcfc url("images/red-cart.png") 6px center no-repeat;} .buttons .compare:hover { background:#fcfcfc url("images/compare.png") 6px center no-repeat;} #product_tabs, .woocommerce-tabs{ margin-bottom: 25px; } #product_tabs .ui-tabs-active, .woocommerce-tabs .ui-tabs-active{ color: #1d9bcd; background: #FFF; border-bottom: 0px; } #product_tabs > ul, .woocommerce-tabs{ margin-bottom: -1px; } #product_tabs > ul > li, .woocommerce-tabs> ul { background: #f9f9f9; float: left; border: 1px solid #e1e1e1; border-bottom: 0px; margin-right: 15px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } #product_tabs > ul > li a ,.woocommerce-tabs> ul > li a{ font: 16px 'Georgia', sans-serif; padding: 15px 10px; display: block; text-decoration: none; color: #000; outline: 0px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; -ms-transition: color 0.5s; transition: color 0.5s; } #product_tabs > ul > li:hover, .woocommerce-tabs> ul > li:hover{border-bottom: 0px; background: #f71919; border-color: #f71919;} #product_tabs > ul > li:hover a, .woocommerce-tabs> ul > li:hover a{ box-shadow: inset 0px -2px 1px #f71919; color: #ffffff; } #product_tabs > ul .ui-state-active, .woocommerce-tabs> ul .ui-state-active{border-bottom: 0px; background: #f71919; border-color: #f71919;} #product_tabs > ul .ui-state-active a, .woocommerce-tabs> ul .ui-state-active a{box-shadow: inset 0px -2px 1px #f71919; color: #ffffff; } .tab { border: 1px solid #dddddd; background: #f9f9f9 url("images/single-tabs.png") bottom repeat-x; padding: 15px; min-height: 110px;} .tab p { margin-bottom: 10px; font: 13px 'Open Sans', sans-serif; line-height: 20px; color: #646464;} .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator{width:auto !Important; float:none !Important} .shipping-calculator-form p.form-row {width:auto !important; margin-left:0 !Important; display:block !important} .cart-calculator .selectBox-dropdown {width:100% !important} .cart-calculator .selectBox-dropdown {margin-bottom:0 !Important} /**************************************************************************** *-*-*-* FOOTER *-*-*-* ****************************************************************************/ /* .shipping-wrap { background: #474747; height:100px; line-height: 100px; } .shipping p {font-size:20px; font-weight: 300; background: url("images/shiiping.png") left center no-repeat; color: #ffffff; display: inline-block; margin-right: 14px; line-height: 100px; padding-left: 70px; } .shipping p span { font-weight: 700; } .shipping a { margin-left: 1px; } .shipping-calculator-form {display:block !Important} */ .footer-wrap { background: #f5f5f5; } .footer { padding: 25px 0px 40px 0px; } .footer .widget { margin-bottom: 20px} .footer .widget:first-child{margin-left:0} .footer .widget h3 { text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 12px; } .footer .widget li { margin-bottom: 10px;font:13px 'open sans', sans-serif; color: #1c1c1c;} .footer .widget li a { font: 13px 'open sans', sans-serif; color: #1c1c1c; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; } .footer .widget li a:hover { color: #f71919; } footer { height: 53px; line-height: 53px; border-top: 1px solid #dbdce1; } footer p { font-size: 11px; color: #000000; line-height: 53px; } footer .social-icon { float: right; } footer .social-icon a { width: 25px; height: 20px; display: inline-block; } footer .social-icon a.rss { background-position:0px 0px;background: url("images/footer-rss.png") no-repeat; } footer .social-icon a.twet { background-position:0px 0px;background: url("images/footer-twet.png") no-repeat; } footer .social-icon a.fb { background-position:0px 0px;background: url("images/footer-fb.png") no-repeat; } footer .social-icon a.google { background-position:0px 0px;background: url("images/footer-google.png") no-repeat; } footer .social-icon a.pin { background-position:0px 0px;background: url("images/footer-pin.png") no-repeat; } footer .back-top { position: relative; } footer .back-top a { position: absolute; top: -30px; left: 45px;} #uc-content{text-align:center; padding:100px 0px} .uc-text{margin:30px 0px} .uc-maintitle {color:#1b1b1b; font-size:30px; text-align:center} div#clock { color: #585858; margin: 20px auto;overflow: hidden; text-align: center; } div#clock p {padding:10px; border:1px solid #e5e5e5;} div#clock p span { display: block; font-size: 40px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; margin:20px 0 30px 0px } #uc-content .progress {height:30px} #uc-content .progress i{font-size:20px; display:block; margin:4px 0 0 -10px} #clock .row-fluid div:first-child {margin-left:7.4%} /******************************************************** *-*-*-* CAROUSEL *-*-*-* *********************************************************/ .wrap { position: relative; margin-left: 0px; } #wrapper { width: 470px; float: right; margin: 0px 40px; } #carousel-wrapper { padding-bottom: 10px; position: relative; } #carousel { position: relative; } #carousel-wrapper .caroufredsel_wrapper { height: 311px !important; } #carousel > a { height: 311px !important; } #carousel > a img { width: 100%; } .wrap .next { display: block; width: 55px; height: 108px; top: 139px; position: absolute; right: -16px; background:#a5a5a5 url("images/next.png") no-repeat; } .wrap .prev { display: block; width: 55px; height: 108px; top: 139px; position: absolute; left: -16px; background: #a5a5a5 url("images/prev.png") no-repeat; } #thumbs-wrapper { width: 470px; margin-bottom: 30px; position: relative; max-width:100%} #thumbs { overflow: hidden; width: 300px; height: 300px; width: 300px; height: 300px; } #carousel a, #carousel img, #thumbs a, #thumbs img { display: block; float: left; } #carousel span, #carousel a, #thumbs span { position: relative; } #thumbs img { border: none; width: 100%; position: absolute; top: 0; left: 0; } #carousel img { border: none; position: absolute; top: 0; left: 0; } #carousel img.glare, img.glare { width: 102%; height: auto; } #thumbs-wrapper .caroufredsel_wrapper { margin: 0px !important; height: 70px !important; } #thumbs a { position: relative; } #thumbs { width: 470px !important; height: 377px !important; } #thumbs a { margin-bottom: 10px !important; float: left; width:97px !important; height: 60px !important; border: 5px solid #ffffff; margin: 0 4px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs a:hover, #thumbs a.selected { border-color: #f71919; } #thumbs a img { height: 100%; } #prev { display: block; width: 25px; height: 60px; position: absolute; top: 5px; display: block !important; background: #a5a5a5 url("images/single-prev.png") no-repeat; background-size: 100% 100%; } #next { display: block; width: 25px; height: 60px; position: absolute; top: 5px; right: 18px; display: block !important; background:#a5a5a5 url("images/single-next.png") no-repeat; background-size: 100% 100%;} #prev { background-position: 0 0; left: 5px; } #prev.disabled, #next.disabled { display: block !important; } #donate-spacer { height: 100%; } #donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; } #donate p, #donate form { margin: 0; float: left; } #donate p { width: 650px; } #donate form { width: 100px; } /* Navigation Arrows */ .elastislide-wrapper nav {position: absolute;top: -53px; right: 9px; } .elastislide-wrapper nav span { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;background-position: 0 0; margin: 0px 2px; width: 30px;height: 29px;text-indent: -9000px;cursor: pointer;opacity: 0.8;background:#a5a5a5 url("images/prev.png") no-repeat; display: inline-block !important;} .elastislide-wrapper nav span:hover {background-position: 0 -30px; background-color:#f71919} .elastislide-horizontal nav span.elastislide-next { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;background-position: 0 0; background:#a5a5a5 url("images/next.png") no-repeat; display: inline-block !important; } .elastislide-horizontal nav span.elastislide-next:hover {background-position: 0 -30px; background-color:#f71919} /* Elastislide Style */ .elastislide-list {list-style-type: none;display: none;} .no-js .elastislide-list {display: block;} .elastislide-carousel ul li {min-width: 20px;} .elastislide-wrapper {background-color: #fff;margin: 0 auto; height: 92px; position:relative} .elastislide-wrapper.elastislide-loading {/*background-image: url(images/loading.gif);background-repeat: no-repeat;background-position: center center;*/} .elastislide-carousel {overflow: hidden;position: relative;height:92px;} .elastislide-carousel ul {position: relative;display: block;list-style-type: none;padding: 0;margin: 0;-webkit-backface-visibility: hidden;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);} .elastislide-horizontal ul {white-space: nowrap;} .elastislide-carousel ul li { border-left: 1px solid #e2e2e2; margin: 0 7px 0px 0px;-webkit-backface-visibility: hidden;} .elastislide-horizontal ul li {height: 100%;display: inline-block;margin-left: -2px;} .elastislide-vertical ul li {display: block;} .elastislide-carousel ul li a {display: inline-block;width: 142px; height: 28px;} .elastislide-carousel ul li a img {display: block;border: 2px solid white;width: 100%;} /* Dropdown control */ .selectBox-dropdown { background: #ffffff; text-decoration: none !important; font: 400 12px 'Arial', sans-serif !important; color: #000 !important; margin: 0px!important; position: relative; border: solid 1px #dddcdc; line-height: 28px; text-decoration: none; text-align: left; outline: none; vertical-align: middle; display: inline-block; cursor: default; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #dddcdc; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { font: 400 12px 'Arial', sans-serif !important;padding: 7px 26px 7px 11px; display: block; white-space: nowrap; overflow: hidden; color: #000; } .selectBox-dropdown .selectBox-arrow {border-left: solid 1px #d4d4d4; position: absolute; top: 0; right: 0; width: 28px; height: 100%; background: url(images/option.png) 50% center no-repeat; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); overflow: auto; } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #EEE; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #C8DEF4; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } .price-range .ui-slider-horizontal, .mileage-range .ui-slider-horizontal { height: .4em; } .price-range .ui-widget-content { background: #d7d7d7; } .price-range .ui-widget-content { border: 1px solid #dadada; background: #f5f5f5; color: #222222; } .price-range {width: 93%;margin: 15px auto 0px;} .price-range .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .price-range #slider-range { margin-top: 11px; margin-bottom: 20px; position: relative;width: 93%; margin: 0 auto 7px;} .price-range .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .price-range .ui-widget-header { background: #087af2; } .price-range .ui-state-default { background: url(images/rang-btn.png) no-repeat; height: 15px; width: 15px; border-radius: 100%; } .price-range .ui-widget-header { border: 1px solid #aaaaaa; background: #434343; color: #222222; font-weight: bold; } .price-range input {border: 0; color: #000000; font-weight: bold;box-shadow: none; width: 50px; font: 13px 'Arial', sans-serif;} #amount{ float: left;} #amount2{ float: right;text-align: right;margin-right: 3px;margin-left: 6px;} .price-range .ui-state-default, .price-range .ui-widget-content .ui-state-default, .price-range .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: url(images/rang-btn.png) no-repeat;; font-weight: normal; color: #555555; } .price-range .ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -.6em; } .price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .price-range .ui-widget-content a { color: #222222; } /**********NOT FOUND***************/ .notfound_button{ background: #f0f0f0; } .notfound_title{ font-family: 'open-sans', sans-serif; font-size: 30px; color:#9c9c9c; } /*************search widget and search results*********/ .widget_search form { position: relative; padding-left: 5px;} .widget_search form input[type="text"] {font:12px 'open sans', sans-serif; color:#a2a2a2 ; margin-top: 5px; box-shadow: none; outline: 0px; padding: 0px 10px; height: 37px; border: 1px solid #d8d9dc; border-radius: 0px; } .widget_search form input[type="submit"] { background: url("images/search.png") no-repeat; border: none; width: 25px; height: 25px; position: absolute;top:50%;margin-top: -8.5px; right: 15px; } mark{ background: #f71919; } /********** WooCommerce ******/ .product-detail .product_meta{display: none;} .woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus{top:15px !important; bottom:auto !important} span.onsale{min-height:32px !important;min-width:32px !important; background:#333 !important; padding:6px !important;font-size:12px !important;font-weight:bold !important;position:absolute !important;text-align:center !important;line-height:32px !important;top:6px !important;left:6px !important;right:auto !important; margin:0 !important;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;color:#ffffff !important; text-shadow:none !important} /*****************Checkout***********************/ p.form-row{ } .billing-form h5.ui-accordion-header-active{background:#6a6a6a url("images/top-errow.png") 98% center no-repeat} .billing-form h5 { text-transform: uppercase; margin-bottom: 15px; color: #4d4d4d; font: 700 16px 'Arial', sans-serif; height: 64px; line-height: 64px; background: #f0f0f0 url("images/bottom-errow.png") 98% center no-repeat } .billing-form h5 a { color: #4d4d4d; display: block; } .billing-form h5.ui-accordion-header-active a {color:#fff} .billing-form h5 small { margin-right: 25px; font: 700 16px 'Arial', sans-serif; background: url("images/accordian-step.png") no-repeat; float: left; display: block; width: 123px; height: 64px; line-height: 64px; text-align: center; color: #ffffff;} .last {margin-right:0 !Important} .first {margin-left:0 !Important} .billing ul.order_details{ width: 40%; } .billing p{ margin-bottom: 18px; font: 13px 'Arial', sans-serif; color: #000; } .customer_details dd, .customer_details dt{ margin-bottom: 5px; } .chzn-container{display: none;height:51px;} /*.chzn-container a{width: 220px !important;background: #ffffff !important; border:1px solid #cccccc !important; height: 34px !important; border-radius: 0px !important;}*/ #billing_country_field, #shipping_country_field{display: block !important;width: 48% !important} /*=============CHEKOUT INFO===============*/ .check-accordion2{margin-bottom: 30px;} .check-accordion2 { margin-bottom: 30px; } .check-accordion2 h5 { text-transform: uppercase; margin-bottom: 15px; color: #4d4d4d; font: 700 16px 'Arial', sans-serif; height: 64px; line-height: 64px; background: #f0f0f0 url("images/bottom-errow.png") 98% center no-repeat; } .check-accordion2 h5 a { color: #4d4d4d; display: block; } .check-accordion2 h5 small { margin-right: 25px; font: 700 16px 'Arial', sans-serif; background: url("images/accordian-step.png") no-repeat; float: left; display: block; width: 123px; height: 64px; line-height: 64px; text-align: center; color: #ffffff;} .check-accordion2 h5.ui-accordion-header-active {margin-bottom: 0px; background: #6a6a6a url("images/top-errow.png") 98% center no-repeat;} .check-accordion2 h5.ui-accordion-header-active a { color: #fff; } .check-accordion2 h5.ui-accordion-header-active small { background: url("images/accordion-hover.png") no-repeat; } .check-accordion2 > div { background: #f0f0f0;margin-bottom: 15px;padding: 25px 0px; height: auto !important; border: 1px solid #dfdfdf; border-top: 0px; } .check-accordion2 div > div { background: #ffffff; border: 1px solid #dfdfdf; border-top: 0px; } .check-accordion2 h6 { height: 56px; line-height: 56px; padding-left: 17px; display: inline-block; } .check-accordion2 h6 span { color: #9d9d9d; font: 12px 'Arial', sans-serif; } .check-accordion2 form { padding: 25px; display: block; border-top: 1px solid #dfdfdf;} .check-accordion2 form input[type='radio'] { margin: -2px 15px 15px 0px; } .check-accordion2 label { font: 14px 'Arial', sans-serif; color: #000000; vertical-align: middle;display: inline-block; margin-top: -17px; width: 150px; } .check-accordion2 form p { font: 14px 'Arial', sans-serif; color: #8a8a8a; line-height: 22px; margin-bottom: 17px; } .check-accordion2 form input[type='submit'] { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #f71919; padding: 10px 15px; border: 0px; color: #ffffff; font:700 14px 'Arial', sans-serif; } .check-accordion2 form input[type='submit']:hover{background: #cc2828;} .check-accordion2 .register form a { text-align: right ; font:13px 'Arial', sans-serif; display: block; text-decoration: underline; margin-bottom: 15px;} .check-accordion2 .register input[type='submit'] { background: #4d4d4d; float: right;} .check-accordion2 .register input[type='submit']:hover {background: #262626;} .check-accordion2 .register label { margin-top: -23px; } .check-accordion2 input[type='text'], .check-accordion2 input[type='password'] {width:213px; border-radius: 0px; box-shadow: none; outline: 0px; margin-bottom: 22px; } /*======================================*/ /*===================SHOP========================*/ .sorting-bar a.selectBox-dropdown{ float: left; width: 200px !important; margin-right:20px !Important; } h1.page-title{ display: none; } .woocommerce-message{ margin: 10px; } .woocommerce-message a.button {margin-bottom:14px; display:inline-block} /*================================================*/ /*===========================ACCOUNT===============*/ .acc-login{background: #f0f0f0; margin-bottom: 25px; padding: 25px;} .acc-login h6 { height: 56px; line-height: 56px; padding-left: 17px; display: inline-block; } .acc-login form p { font: 14px 'Arial', sans-serif; color: #8a8a8a; line-height: 22px; margin-bottom: 17px; } .acc-login form{padding: 25px; display: block; border-top: 1px solid #dfdfdf;} .acc-login form label{font: 14px 'Arial', sans-serif; color: #000000; vertical-align: middle;display: inline-block; margin-top: -17px; width: 150px;} .acc-login form a { text-align: right ; font:13px 'Arial', sans-serif; display: block; text-decoration: underline; margin-bottom: 15px;} .acc-login input[type='submit'] { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background: #f71919; padding: 10px 15px; border: 0px; color: #ffffff; font:700 14px 'Arial', sans-serif; background: #4d4d4d; float: right;} .acc-login input[type='submit']:hover {background: #262626;} .acc-login label { margin-top: -23px; } .acc-login input[type='text'], .acc-login input[type='password'] {width:213px; border-radius: 0px; box-shadow: none; outline: 0px; margin-bottom: 22px; } .related.products .featured li figure, .related.products .featured li figure a {width:100%; height:auto} .billing-form a.selectBox-dropdown{ float: none; margin-bottom: 19px !important; width: 100% !important; } .billing-form div.clear{ display: none; } .billing-form h3{ width: 100%; } p.myaccount_user{ margin-bottom:20px; line-height: 24px; } p.myaccount_address{ font: 13px 'Arial', sans-serif; color: #787878; margin-bottom: 15px; } header.title{ margin-bottom: 30px; } header.title h5 {margin-bottom: 0px; background: #6a6a6a; text-transform:uppercase; margin-bottom: 15px; color: #fff; font: 700 16px 'Arial', sans-serif; height: 64px; line-height: 64px; } header.title h5 a { margin-right: 25px; font: 700 16px 'Arial', sans-serif; background: url("images/accordion-hover.png") no-repeat !important; float: left; display: block; width: 123px; height: 64px; line-height: 64px; text-align: center; color: #fff !important; text-decoration: underline; } .address address{ } ul.my-orders li{ width: 18%; } ul.order, ul.digital-downloads{ margin-bottom: 15px; } /*================================================*/ .compare{ font: 11px 'Arial', sans-serif; padding: 14px 14px 15px 30px; margin-right: 6px; border: 1px solid #dfdfdf; background: #f2f2f2; display: inline-block; background: #f2f2f2 url("images/compare.png") 6px center no-repeat; } .compare:hover { background:#fcfcfc url("images/compare.png") 6px center no-repeat;} .icon .compare{ background: url("images/icon.png") no-repeat; padding: 0; border:none; } .wish{ background:#f2f2f2 url("images/wish.png") 10px center no-repeat;} .wish:hover { background:#fcfcfc url("images/wish.png") 10px center no-repeat;} /*======================REVIEW(COMMENTS)==============*/ #reviews ul.comments li figure{ width: 60px; height: 60px; } #commentform a.selectBox-dropdown{ display: none !important; } #commentform label{ font: 14px 'Arial', sans-serif; color: #000000; display:block; margin-top: 20px; } #commentform p.stars a{ color: red; } /*==================================================*/ /*****************************************/ /********************SHORTCODES***************************/ /*==========================Carousel content==================================*/ /*-- Items listing ---*/ .work_slide a.prev, .work_slide a.next{ position: relative; float:right;top:-24px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;background-position: 0 0; margin: 0px 2px; margin-top:-20px; width: 30px;height: 29px;text-indent: -9000px;cursor: pointer;opacity: 0.8;background:#a5a5a5 url("images/prev.png") no-repeat; display: inline-block !important;} .work_slide a.prev:hover, .work_slide a.next:hover {background-position: 0 -30px; background-color:#f71919} .work_slide a.next { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;background-position: 0 0; background: #a5a5a5 url("images/next.png") no-repeat; display: inline-block !important; } .work_slide a.next:hover {background-position: 0 -30px; background-color:#f71919} .work_slide{position: relative;} #work_slide{list-style: none; max-width:100% !Important;} .caroufredsel_wrapper{max-width:100% !Important; padding-bottom:2px; padding-right:1px} #work_slide li{float: left;margin-left:0px;margin-right:20px;} #work_slide.related-projects li{margin-left:10px; margin-right:10px} #work_slide.related-projects li:first-child{margin-left:0px} #work_slide li img {display: block;float: left;height: 239px; width:358px; } .clients-wrap .heading {margin-bottom:10px} .clients-wrap {margin-bottom:20px} .work_slide a.prev.disabled, .work_slide a.next.disabled { cursor: default; } .work_slide a.prev span, .work_slide a.next span { display: none; } .spcarousel a.prev, .spcarousel a.next {display:none !important} .spcarousel .bottom {margin-top:10px} #thumbs-wrapper a#prev, #thumbs-wrapper a#next {background-color:#f71919; opacity:0.9} #testimonial_slide li{width:551px; max-width:100%; position:relative} /* --- Logo slider -- */ .partners-block{margin-bottom:20px} #logo_slide {} #logo_slide li {list-style:none; width:189px; float:left; padding:20px 0px; border-right:solid 1px #eee; line-height:69px; text-align:center; margin-left:-2px} #logo_slide{border:solid 1px #eee; list-style:none} #logo_slide li:last-child{border:none} #slide_prev2, #slide_next2{top:0px !Important} /*============================================================*/ /*-==========================SOCIAL ICONS==========================*/ .social-icon a { width: 25px; height: 20px; display: inline-block; } .social-icon a.rss { background-position:0px 0px;background: url("images/footer-rss.png") no-repeat; } .social-icon a.twet { background-position:0px 0px;background: url("images/footer-twet.png") no-repeat; } .social-icon a.fb { background-position:0px 0px;background: url("images/footer-fb.png") no-repeat; } .social-icon a.google { background-position:0px 0px;background: url("images/footer-google.png") no-repeat; } .social-icon a.pin { background-position:0px 0px;background: url("images/footer-pin.png") no-repeat; } /*===============================================================*/ .twitter-item {margin-bottom:10px; background:none !Important; padding-left:0 !important} .twitter-item i {margin-right:6px} .twitter-item abbr {color:#aaa} .twitter-title {color:#fff} /* Contact Us Widget */ #contactFormWidget input[type="text"], #contactFormWidget textarea { float: left; font-size: 0.846em; padding: 10px; background: #6a6a6a ; color: #fff; width: 85%; margin-bottom: 11px; border: none; border-radius:0; } #contactFormWidget input[type="text"] { float: right; } #contactFormWidget input[type="text"]:first-child { float: left; } #contactFormWidget textarea { width: 93%; max-width: 100%; height: 80px; min-height: 80px; float:none; } #contactFormWidget input[type="submit"] { float: right; position: relative; margin: 0; } .widgetinfo {color:#02ab68; font-size:12px; text-transform:uppercase; text-shadow:0px 1px 1px #000; margin-top:-24px} .widgetinfo i{color:#02ab68; margin-right:6px} /*========================Testimonial===========================*/ .testimonial-content{ background: rgb(241,241,241); border:1px solid; border-color: rgb(212,212,212); font-family: Georgia; font-size: 16px; color:rgb(109,109,109); font-style: italic; padding: 20px; position: relative; margin-bottom: 15px; } .testimonial-content:after, .testimonial-content:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; } .testimonial-content:after { border-color: rgba(136, 183, 213, 0); border-top-color: rgb(241,241,241); border-width: 10px; margin-left: 1px; } .testimonial-content:before { border-color: rgba(194, 225, 245, 0); border-top-color: rgb(212,212,212); border-width: 11px; } .testimonial-content p{ font-size: 15px; } .testimonial-block cite{ font-family: Georgia; font-size: 17px; color: rgb(72,72,72); font-style: italic; } .test_author{ font-family: Georgia; font-size: 13px; color: #f71919; font-style: italic; } /***************************WIDGETS************************************/ .widget ul.nav li, .widget div.tab-content li, .widget ul.footer-list li{ background: none !important; padding: 0 !important; display: inline-block; } .widget div.tab-content, .widget div.tab-pane{ padding: 0 !important; } .widget div.tab-content figure, .widget div.tab-pane ul li div, .widget ul.footer-list figure, .widget ul.footer-list div{ float:left !important; display: block; } .widget div.tab-pane ul li div{ width: 185px; padding-right: 0 !important; } .widget ul.footer-list div{ width: 160px; padding-right: 0 !important; margin-left: 10px; } .widget-content {padding:10px} /* ======================Price Filter Widget==========================*/ .widget_price_filter .price_slider { width: 93%; margin: 15px auto 0px; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; margin-bottom: 15px; padding: 0 5px; } .widget_price_filter .price_slider_amount .button { font-size: 9px; } .widget_price_filter .price_slider_amount .button { float: left; } #min-price{ float: left; } #max-price{ float: right; text-align: right; margin-right: 3px; margin-left: 6px; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: pointer; outline: none; top: -0.2em; background: url(images/rang-btn.png) no-repeat; height: 1.2em; width: 1.2em; border-radius: 100%; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -0.5em; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border: 1px solid #aaaaaa; background: #434343; color: #222222; font-weight: bold; } .widget_price_filter .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #d7d7d7; border: 1px solid #dadada; background: #f5f5f5; color: #222222; margin-bottom: 15px; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /*================Products list widets=====================*/ .product_list_widget{ padding-top: 10px; } .product_list_widget li{ border-bottom: 1px solid #d6d6d6; margin: 0px 10px 10px; padding: 0px 0px 10px; } .product_list_widget img, .product_list_widget li figure{ width: 50px; height: 50px; margin-right: 10px; display: inline-block; } .product_list_widget li a, .product_list_widget li h5{ font: 13px 'Georgia', sans-serif; margin-bottom: 5px; } .product_list_widget li > span{ color: #f71919; font: 700 15px 'Arial', sans-serif; margin: 5px; } .product_list_widget li div{ display: inline-block } .widget_product_tag_cloud .tagcloud{ padding-top: 10px; margin: 10px } .widget_product_tag_cloud .tagcloud a{ background: #f71919; font: 10px 'open sans', sans-serif; color: #FFFFFF; border-radius: 7px; display: inline-block; padding: 9px 11px; margin-bottom: 8px; } .widget_product_search label{ display: none; } .widget_product_search form{ padding-left: 5px; } .widget_product_search input[type='text']{ font: 12px 'open sans', sans-serif; color: #a2a2a2; margin-top: 5px; box-shadow: none; outline: 0px; padding: 0px 38px 0px 10px; height: 37px; border: 1px solid #d8d9dc; border-radius: 0px; } /*====================Woo Category=========================*/ li.cat-item{ font: 13px 'Arial', sans-serif; display: block; outline: none; padding: 10px 0px 10px 15px; border-bottom: 1px solid #d6d6d6; } .cat-item ul.children li{ font: 13px 'Arial', sans-serif; color: #767676; background: url("images/dot.png") left center no-repeat; padding: 0 0 0 10px; margin:0 0 5px 10px; border: none; } .cat-item ul.children li a{ color: #767676; } /*********************SHOP*****************/ .product-grid .sorting-bar{ margin-left:28px; } .product_list_widget li del span {color:#333 !important} ins {text-decoration:none} /********************************************/ /* ======================== Under Construction ===================== */ .uc-wrapper{} .construction_title{ text-align:center; margin-top:20px;} .construction_description{ line-height:1.6;} .construction .progress h4{ font-weight:300; font-size:20px; margin:0; position:absolute; padding:10px; color:#fff;} .construction .progress{ height:40px; padding:0} .construction .meter.progress{ height:48px} .construction .progress .meter{ background:#f2c025} .construction span.icon-cogs{color:#fff} .progress.primary{background-image:url('images/backgrounds/bg10.png')} .uc-header #logo-image{margin:20px 0px} .scrollup{display:inline} div#clock { color:red; margin: 20px auto;overflow: hidden; text-align: center;} div#clock .small-2.columns p{background:#f2c025} div#clock .small-2.columns:last-child{float:left} div#clock p {padding:10px; border:1px dotted #e5e5e5;} div#clock p span { display: block; font-size: 50px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; } div.coupon{ color: #333 !important; font-size: 50px; font-weight: bold; } div.multi_clock{ border: 1px solid #666; color: #333; float: left; margin: 10px; padding: 5px; } /****************************WISHLIST**********************************/ .wishlist_table{margin: 20px 0;} .wishlist_table thead tr{ background: #f0f0f0; width: 100%; } .wishlist_table th{ height: 72px; line-height: 72px; padding: 0px; text-align: center; text-transform: uppercase; width: 175px; color: #000000; font: 15px 'Arial', sans-serif; border: 1px solid #dfdfdf; vertical-align: middle; } .wishlist_table td{ text-align: center !important; width: 150px; height: 80px; padding: 22px; color: #000000; font: 15px 'Arial', sans-serif; border: 1px solid #dfdfdf; vertical-align: middle; } /*=============================Wishlist Button===============================*/ .yith-wcwl-add-to-wishlist{ width: 145px; margin-bottom: 15px; } .icon .yith-wcwl-add-to-wishlist{ width: 42px; display: inline-block; margin: 0; } .icon .yith-wcwl-add-to-wishlist img{ display: none !important; } .icon .yith-wcwl-add-to-wishlist span{ font-size: 9px; } .icon div.clear{ display: none; } .icon .yith-wcwl-wishlistexistsbrowse, .icon .yith-wcwl-wishlistaddedbrowse{ font-size: 8px; height: 21px; } .icon .yith-wcwl-wishlistexistsbrowse span, .icon .yith-wcwl-wishlistaddedbrowse span{ display: none; } #selectpage{display:none} table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb} table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center} table td, table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:6px 12px} table td:first-child,table th:first-child{border-left-width:0} table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom} table td{background-color:transparent} .table-odd td{background-color:#f2f2f2} .table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2} .table-bordered td{border-bottom:1px solid #cbcbcb} .table-bordered tbody>tr:last-child td, .table-horizontal tbody>tr:last-child td{border-bottom-width:0} .table-horizontal td, .table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb} .table-horizontal tbody>tr:last-child td{border-bottom-width:0} .top-spacing{margin-top:40px !important; margin-bottom:10px} .toggle-trigger { background: #fff url("images/plus.png") 90% center no-repeat; cursor: pointer; color:#333; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; } .toggle-trigger.open { color:#fff; background: #6a6a6a url("images/minas.png") 90% center no-repeat } .toggle-container { padding: 12px 22px; border: 1px solid #e8e8e8; border-top: none; } .container{max-width:100% !important} .nav-tabs li, .work_slide li{list-style:none !important; margin-left:0 !Important; line-height:1.3} .btn [class^="icon-"], .btn [class*=" icon-"]{margin-right:6px !Important} strong {font-weight:bold} em {font-style:italic} .flex-video iframe, ifame{max-width:100% !important; } .woocommerce li {list-style:none !important; margin-left:0} .shopping-cart .title li, .shopping-cart ul li{margin-left:0 !important} .showlogin {} /*::-moz-selection { background: #f71919; color: #fff; text-shadow: none; } ::selection { background: #f71919; color: #fff; text-shadow: none; }*/ #wc-sorting {margin:-58px 0 40px 16px} .product figure {border:1px solid #dfdfdf; border-bottom:none} .product figure {border:1px solid #dfdfdf; border-bottom:none} .related.products figure, .related.products figure > a {width:100% !important; height:auto !important} .related.products h2 {margin-bottom:12px} .related.products li{border-bottom:none !important} .sort-select {margin:-58px 0 38px 10px} .sub-menu ul.sub-menu {left: 150px; top:50px} .single-product-right{ margin-left:10px} .product-left .images {width:auto !Important} .thumbnails a {margin-bottom:10px} .product-detail .compare.big-button{margin-top:10px} .no-shadow:hover{box-shadow:none !important} .single-product .product-detail .yith-wcwl-add-to-wishlist, .single-product .yith-wcwl-wishlistaddedbrowse, .single-product .yith-wcwl-wishlistexistsbrowse{float:left; width:128px} .single-product .product-detail a.compare {width:50px; float:left; } .single-product .product-detail div.clear {display:none} .single-product .yith-wcwl-wishlistaddedbrowse, .single-product .yith-wcwl-wishlistexistsbrowse { font: 12px 'arial', sans-serif; margin-right: 10px;border: 1px solid #f71919; display: block; text-align:center; width:initial; padding:7px 13px 7px 21px; background:#f2f2f2 url("images/wish.png") 10px center no-repeat} /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Icon Fonts *********************************/ /* Font-face Icons */ @font-face { font-family: 'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 0px; color:#fff !important} .flexslider:hover .flex-next { opacity: 0.7; right: 0px; color:#fff !important} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; margin-top:20px; margin-right:16px} .flex-direction-nav a.flex-next:before { content: '\f002';} .flex-direction-nav a.flex-prev:before { margin-left:16px; margin-right:0} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav {/*width: 100%*/; position: absolute; bottom: 10px; right:10px; text-align: center; z-index:99} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a { height: 15px; width: 15px; border: 1px solid #c6c2bf; background: #585553; display: block; cursor: pointer; text-indent: -9999px; } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #f71919; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0px; } .flex-direction-nav .flex-next { opacity: 1; right: 0px;} } .flex-direction-nav li {list-style:none !important; margin:0 !important; line-height:auto !important} .flexslider .slides > li {position:relative; margin-left:0 !important} .flex-caption { text-align: center; width: 338px; position: absolute; background: rgba(21,16,14,0.7); top: 50%; left: 50%; margin-left: -165px; margin-top:-70px; padding:20px 10px 6px 10px} .flex-caption h1 { display: inline-block; color: #ffffff; padding-bottom: 5px; border-bottom: 1px solid #ffffff; margin-bottom: 5px; } .flex-caption p { font:28px 'Open Sans', sans-serif; color: #ffffff; } .flex-caption p span { font-weight: 700; } .flex-direction-nav a { width: 60px; height: 60px; color:#fff; background-color:#f71919; opacity:1} .flex-direction-nav .flex-next{right:0} .flex-direction-nav .flex-prev{left:0} .woocommerce .addresses .title, .woocommerce-page .addresses .title{background:none !Important; margin-bottom:10px} .woocommerce ul.products li.product a img.woocommerce-placeholder{width:270px; height:180px} .woocommerce a.button.product_type_simple{background:url("images/icon3.png") no-repeat !important; margin-right:4px} .woocommerce-ordering, .woocommerce-ordering .orderby{margin-bottom:0 !important} .woocommerce-ordering .orderby{margin-top:8px !important; margin-right:4px !Important} table.compare-list .add-to-cart td a{background:url("images/icon3.png") 0 0 no-repeat !important; width: 42px !Important; height: 42px !Important; display: inline-block !Important; border:none !Important; padding:0 !important; box-shadow:none !Important;}