////////////////////////////////////////////////////// MENU MAIN////////////////////////////////////////////////////// @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,500,700,900'); body { background: #fff; text-shadow: none; font-weight: 400; color: #666; font-family: 'Roboto'; line-height: 20px; width: 100%;overflow-x: hidden; } .wrapper { padding: 0 30px; overflow:hidden; } header .container { width: 100%; padding: 0; } @media (min-width: 1200px){ .container { /*width: 1230px;*/ } } .tp-bannertimer { z-index: 0!important; } .modal-open .modal { z-index: 999999; } .main-menu { background: #f3eddd; nav { display: block; background: #f3eddd; } } .menu_horizontal{ min-height:80px; background:#fff; } .main-menu.main-header-ontop { border: none; } .menu { display: block; } .menu li { display: inline-block; position: relative; z-index: 100; } .menu li:first-child { margin-left: 0; } .fix-nav { background: #fff; padding: 0 30px; left: 0; position: fixed !important; top: 0; width: 100%; z-index: 9991; opacity: 0.8; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1); -webkit-animation: fadeInDown 300ms linear; -moz-animation: fadeInDown 300ms linear; -ms-animation: fadeInDown 300ms linear; animation: fadeInDown 300ms linear; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.1); -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } header .menu li a { text-decoration: none; padding: 30px 20px 30px 20px; display: block; transition: all .2s ease-in-out 0s; font-size: 13px; line-height: 1.3666; text-transform: uppercase; color: #000; } header .menu li a i{ float:right; margin-left:5px; margin-top: 2px; } header .menu li a:hover, header .menu li:hover>a { color: #252531; background:transparent; } .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 20px; min-width: 250px; position: absolute; left: 0px; background: #171E26; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); z-index: 99; transform: translate(0, 20px); transition: all 0.2s ease-out; } .menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #171e26; border-width: 6px; margin-left: -6px; } .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; } .menu ul li a { font-size: 13px; line-height:20px; font-weight: normal; display: block; color: #fff; line-height:35px; padding:0 20px; background:none; white-space:nowrap; } .menu ul li a:hover, .menu ul li:hover>a { /*background: #efe4c8; */ color: #af112f ; } .menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0); } .menu ul ul { left: 100%; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; } .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; } .menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0); } //////////////////////////////////////////////////////END MENU MAIN////////////////////////////////////////////////////// ///////////////////////////////////////////////////NEWLESTER//////////////////////////////// .form-newsletter { position: relative; } .newsletters-btn { position: absolute; right: 0; top: 0; padding: 11px 10px; } footer .menu li { width: 100%; padding: 10px 0; } ///////////////////////////END NEWLESTER/////////////////////////////// /////////////////////////////////PRODUCT//////////////////////////// .status-sale { text-transform: capitalize; position: absolute; right: 10%; top: 35%; z-index: 99; text-align: center; transition: all .3s ease 0s; display: block; background-color: transparent!important; background: url(../images/3_48_48.png) no-repeat top left!important; width: 48px!important; height: 53px!important; line-height: 48px!important; color: #FFF!important; -webkit-border-radius: initial; -moz-border-radius: initial; border-radius: initial; } //////////////////////////////////////END PRODUCT///////////////////////// .single-pro-thumb .owl-buttons .owl-next, .single-pro-thumb .owl-buttons .owl-prev{ padding:5px 13px; zoom:1; display:inline; opacity:.5; width:19px; top:30%!important; height:27px; line-height:24px; background-color:#eaeaea; font-size:0;-webkit-transition:.5s; border-radius:0; transition:.5s; right:370px} .single-pro-thumb .owl-buttons .owl-next{ right:-10px; } .single-pro-thumb .owl-buttons .owl-next:hover, .single-pro-thumb .owl-buttons .owl-prev:hover{background-color:#566} .single-pro-thumb .owl-carousel .owl-buttons div i{ font-size:18px; margin:0 -3px 0; color:#000} .single-pro-thumb .owl-carousel .owl-buttons:hover i{ color:#fff} .single-pro-thumb img{border:1px solid #edecec} .single-pro-thumb img:hover { border-color: #af112f; } .pro-desc h2{ margin: 0; font-size: 18px; color: #676767; text-transform: capitalize; line-height: 1; font-weight: 500; } .pro-desc .list-unstyled{ /*border-top: 2px solid #f3f3f3;*/ } .list-unstyled{ margin:0 0 20px 0; color: #676767; clear: both; font-size: 14px; font-weight: 400; } .des2{ margin: 30px 0 35px; color: #676767; line-height: 24px; font-size: 14px; font-weight: 400; border-top: 2px solid #f3f3f3; border-bottom: 2px solid #f3f3f3; padding: 30px 0; } .des2 .span{display:none} .single-poraduct-botton { float:left; width:100%; margin-bottom:15px; } .list-unstyled li{ line-height:30px} .product-quantity{ float: left; width: 100%; margin: 0 15px 30px 0; } .product-quantity .numbers-row{ display:inline-block; margin-left:35px; position:relative; width:15%} .product-quantity input{ border:1px solid #f0f0f0; color:#555;font-size:14px; height:41px; text-align:center; width:100%} .product-quantity .inc.button{ border-radius:0; border-right:0 none; left:-40px;top:0} .block-2 .btn-compare span, .block-2 .btn-wishlist span{ display: none; } .block-2 .btn-compare:hover i, .block-2 .btn-wishlist:hover i{ /* color: #fff; */ } .block-2 .btn-compare i, .block-2 .btn-wishlist i{ font-size: 16px; line-height: 35px; vertical-align: top; } .block-2 .btn-compare, .block-2 .btn-wishlist { height:42px; line-height:42px; border: none; padding: 0; background: none; color: #b3b3b3; font-size:14px; font-weight:400; text-transform:inherit; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .block-2 .btn-wishlist { margin-right:16px; padding-right:22px; position:relative; } .block-2 .btn-wishlist:after { content:''; width:1px; height:17px; background:#ebebeb; position:absolute; top:12px; right:0; } .block-2 .btn-compare:hover, .block-2 .btn-wishlist:hover { color: #af112f; } .product-quantity button{ border:1px solid #f0f0f0; color:#222; display:block; font-size:17px; height:41px; line-height:17px; margin-right:10px; padding:0; text-align:center; width:39px} .product-quantity .qtybutton{ border:1px solid #f0f0f0; color:#555!important;cursor:pointer; font-size:27px!important; font-weight:400!important; height:41px!important; line-height:37px; position:absolute; text-align:center; transition:all .3s ease 0s; width:40px; border-radius:0} .product-quantity .dec.qtybutton{ border-radius: 20px 0 0 20px; border-right:0 none; left:-40px;top:0} .product-quantity .inc.qtybutton{ border-left:0 none; border-radius: 0px 20px 20px 0 ; right:-40px; top:0} .add-to-links{ display:block; float:left} .fv-comp-button{ display:inline-block; float:right; overflow:hidden; width:65.5%} .push_button{ margin: 0 30px 10px 0; float: left; background: #af112f; height: 42px; line-height: 42px; border-radius: 20px; width: auto; padding: 0 80px; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 500; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; border:none; } .add-to-links>li{float:left} .tags-ms label{ font-weight:700; font-size:14px; text-transform:capitalize; color:#000 } .tags-ms a{ font-size:13px; line-height:18px; color:grey; font-weight:300} .tags-ms a:after{ content:"/";margin-left:5px} .bg-ms-product{ padding: 40px; background: #fff; border: 1px solid #ebebeb; border-radius: 3px; overflow: auto; } .bg-ms-product .nav-tabs{ border:none; border-bottom:1px #e6e6e6 solid; margin-bottom:15px } .bg-ms-product .nav-tabs li { display:inline-block; } .bg-ms-product .nav-tabs { font-weight: 500; font-size: 18px; text-transform: capitalize; border: none; text-align: left; padding-bottom: 25px; border-bottom: 1px solid #ebebeb; } .bg-ms-product .nav-tabs li a{ border:1px solid #566; border-radius:0 } .bg-ms-product .nav-tabs li a { color: #bbbbbb; font-size: 14px; font-weight: 700; text-transform: uppercase; border: 0; border-radius: 0; margin: 0; padding: 0 40px 0 0; } .bg-ms-product .nav-tabs li:hover a, .bg-ms-product .nav-tabs li.active a { color: #363f4d !important; background: none; border: 0; border: none !important; background-color: transparent !important; } .bg-ms-product .tab-content .tab-pane { padding: 25px 0; border: 0; font-size: 14px; color: #676767; line-height: 25px; } .tab-content p{ font-size:14px; line-height:22px} .owl-wrapper-outer{ border:none; box-shadow:none} .carousel_partner { background-color: transparent; } .zoomWindowContainer{ position:relative;z-index:9999} .zoomWrapper{ margin:0 auto} .zoomWrapper img{ width:84.5%!important; height:auto} .zoomWindow{ border:2px solid #566!important} .single-pro-main-image{ border:none; overflow:hidden; border:1px solid #fff; padding:5px; margin-bottom:25px } .single-pro-thumb li{ margin-right:20px; } #product{margin-top:10px} #product .radio .img-thumbnail{ width:37px;height:37px;display:inline-block;margin-right:12px; cursor:pointer;position:relative;margin-bottom:12px;line-height:35px; border:none;border-radius:0} #product .radio .input_color{ margin-top:13px} .span_red{ font-size: 16px !important; color: #676767; margin-right:5px; } .pro-desc .rating{ margin:20px 0 15px 0; } .list-unstyled .span{ color: #af112f; margin-left: 5px;} .product-late-ms{margin-top:40px} #column-left .owl-carousel, #column-right .owl-carousel{margin:0 0 30px!important} @media (min-width:767px) and (max-width:2000px){ .featured-item .product-thumb{min-height:325px} } .featured-item{clear:both} .featured-item .owl-item{ padding-left:15px; padding-right:15px} .featured-item .owl-buttons div{ opacity:.7!important} .featured-item .owl-buttons div i{ font-size:14px!important} .featured-item .owl-buttons .owl-next{ right:16px!important; top:-45px!important} .featured-item .owl-buttons .owl-next, .featured-item .owl-buttons .owl-prev{ background:#eaeaea; width:24px;height:24px; color:#ccc;text-align:center; line-height:24px; position:absolute } .featured-item .owl-buttons .owl-prev{ top:-45px!important; left:inherit!important; right:45px} .area-title{margin-bottom:20px} .area-title h3{ padding-bottom:10px; display:block; font-size:22px; line-height:27px; margin:0; position:relative; text-transform:uppercase; border-bottom:#566; text-align:center; } /* end single product */ /* category main */ .single-image-add{position:relative; display:block;overflow:hidden; background:#000} .single-image-add img{ border-radius:0; border:none; padding:0; -webkit-transition:opacity .35s,-webkit-transform .35s; transition:opacity .35s,transform .35s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden;width:100% } .page-selector .shop-grid-controls{ margin-right:200px; font-size:14px; font-weight:500; margin-bottom:-15px } .page-selector .shop-grid-controls .entry{ line-height:30px; padding-right:16px; float:left; margin-bottom:0px!important; margin-right:16px; min-height:30px} .page-selector .shop-grid-controls .entry:last-child{ border-right:none} .page-selector .pages-box{ float:right; font-size:15px; line-height:30px} .shop-grid-controls .simple-drop-down{float:left; margin-right:10px;position:relative} .shop-grid-controls .simple-drop-down select{ height:30px; line-height:29px; border:1px #ebebeb solid;padding:0 40px 0 10px; white-space:nowrap; text-overflow:ellipsis; -moz-appearance:none; -webkit-appearance:none; appearance:none; width:100%; cursor:pointer; font-size:13px; font-weight:400; color:#7c7c7c} .shop-grid-controls .inline-text{ float:left;margin-right:10px} .page-selector .view-button{ padding:0; width:30px; position:relative; margin-right:10px; text-align:center; color:#b5b5b5; cursor:pointer; background:0 0; border:none; box-shadow:none} .page-selector .pages-box{float:right; font-size:15px;line-height:30px} .display_number_c{width:75px} .shop-grid-controls .simple-drop-down:after{ width:30px; height:30px; position:absolute; top:0; right:0;border:1px #ebebeb solid; content:"\f107"; font-family:FontAwesome; font-size:12px; color:#7c7c7c; text-align:center; cursor:pointer; pointer-events:none; line-height:30px; background:#fff} .shop-grid-controls .active, .shop-grid-controls .view-button:focus, .shop-grid-controls .view-button:hover{ border:none; box-shadow:none; text-shadow:none; background-color:#000; color:#fff} .shop-grid-controls .active:after, .shop-grid-controls .view-button:focus:after, .shop-grid-controls .view-button:hover:after{border:none} .shop-grid-controls .active .fa, .shop-grid-controls .view-button:focus .fa, .shop-grid-controls .view-button:hover .fa{color:#af112f} .page-selector .view-button:after{ border:1px #ebebeb solid; position:absolute; left:0; top:0;width:100%; height:100%; content:""} .page-selector{ float: left; width: 100%; margin: 40px 0; padding: 12px 15px; min-height: 52px; border: 1px solid #e9e9e9; background:none; } .page-selector .pages-box{float:right} .clear{clear:both}.pagination{ border-radius:0; display:inline-block; margin:0;padding-left:0} .pagination>.active span, .pagination>.active span:focus, .pagination>.active span:hover, .pagination>.active>a:focus, .pagination>.active>a:hover>a{ background-color:#455; border-color:#455} .pagination>li:first-child span, .pagination>li:first-child>a{ color:#fff; text-decoration:none; border-radius:0;font-size:14px; font-weight:500;cursor:pointer} /* end category main */ .menu_category .navbar-collapse { padding-left: 0; } .menu_category .navbar-nav li { width: 100%; } :-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #464646 !important; opacity: 1 !important; } :-moz-placeholder { /* Firefox 18- */ color: #464646 !important; opacity: 1 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #464646 !important; opacity: 1 !important; } :-ms-input-placeholder { /* IE 10+ */ color: #464646 !important; opacity: 1 !important; } ::-ms-input-placeholder { /* Edge */ color: #464646 !important; opacity: 1 !important; } :placeholder-shown { /* Standard one last! */ color: #464646 !important; opacity: 1 !important; } ::-webkit-input-placeholder { opacity: 1 !important; } :-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; } ::-moz-placeholder { /* Firefox 19+ */ opacity: 1 !important; } :-ms-input-placeholder { opacity: 1 !important; } .btn-default, .panel-default { border-radius: 0 !important; border:1px solid #ebebeb; } .panel-default > .panel-heading{ background:none; border-color:transparent; padding:0; } .panel-default{ padding:20px; border-top:1px solid #ebebeb; } .panel-footer{ background:none; } .newsletters-input { border-radius: 0; font-size: 12px; } legend { border: none; padding: 0; } ul, li { list-style: none; } .fa { font-size: 12px; } .fa-stack, .fa-star { color: #fac872; width: 13px; font-size: 12px; } /*slideshow*/ .tp-bullets{ z-index:90 !important; } .tp-bullets.simplebullets .bullet{ background:#dbdbdb !important; border:2px solid #dbdbdb !important; height: 12px !important; margin: 0 5px !important; font-size: 0; width: 12px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected{ background: #f6f6f6 !important; border:2px solid #af112f !important; height: 12px !important; margin: 0 5px !important; font-size: 0; width: 12px !important; } /* scrollUp */ #scrollUp { position: fixed; bottom: 50px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer; color: #fff; border:none; font-weight: 700; text-transform: uppercase; background: #14191e; z-index: 999; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } #scrollUp:hover { background: #af112f; } #scrollUp i{ font-size: 25px; line-height: 40px; } /* end scrollUp */ @media only screen and (max-width: 1024px) and (min-width: 0px){ body { font-size: 14px !important; } } @media (max-width: 1199px){ .fix-nav { position: initial !important; } #search { width: 300px !important; } } /* menu fix top */ @media (min-width: 768px) and (max-width: 2000px) { .main-header-ontop{ position: fixed; top: 0; width: 100%; z-index: 99999; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; font-size: 13px; -ms-transition: all .2s ease; transition: all .2s ease; box-shadow: none; .col-md-3 { display: none; } } } /* end menu fix top */ /*search */ /* search */ .header-search { margin: 0 25px 0 0; float: right; } .search-containers { float: left; margin-left:50px; } .search-container { position: relative; z-index: 95; padding:29px 0 32px; } .search-content { position: absolute; top: 100%; right: 0; display: none; } .header-search .search-icon { font-size:18px; color:#232323; cursor:pointer; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .header-search .search-icon:hover { color:#af112f; } #search { width: 350px; background: #ffffff; display: inline-block; margin: 0; position:relative; border-radius:3px; box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.1); } #search input{ border: none; border-radius: 0; box-shadow: none; padding: 0 40px 0 15px; background: none; color: #3c4651; font-size:13px; font-weight:300; width: 100%; height: 41px; line-height: 41px; text-transform:capitalize; font-style:italic; font-family: 'Roboto', sans-serif; } #search input::-webkit-input-placeholder{ color: #bababa; } #search input::-moz-placeholder{ color: #bababa; } #search input:-ms-input-placeholder{ color: #bababa; } #search input:-moz-placeholder { color: #bababa; } #search button { width:50px; height:41px; line-height:41px; border: none; border-radius: 0 30px 30px 0; box-shadow: none; padding: 0; font-size: 0; font-weight:400; background: none !important; position: absolute; top:0; right:0; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } #search button i { color:#232323; font-size: 18px; line-height:41px; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } #search button:hover i{ color: #af112f; } #search.expand-search > i:hover{ color: #ee3333; } #search.expand-search > i{ color: #fff } #search.expand-search > input{ max-width: 250px; padding: 0 0 0 20px; background: #222; margin-top: -10px; color: #fff; } .quick-setting{ float: right; position: relative; margin: 0 25px 0 0; padding: 27px 0 32px; } .quick-setting i{font-size:18px;} .quick-setting .dropdown-menu{ background: #fff; padding: 12px 12px 15px; width: 175px; text-align: left; margin-top: 0; border-radius: 3px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); } ul.top-links{ border: 0; left: initial; right: 0; padding: 0; box-shadow: none; border-radius: 0; margin: 0; min-width: 120px; background: none; display: block; position: initial; width: 100%; } .top-links li a { background:none; color: #232323; font-size: 13px; text-decoration: none; padding: 6px 0; line-height: 20px; margin-bottom: 3px; text-align: left; border-bottom:1px solid #eeeeee; display:block; margin:0 12px; } .top-links li a:hover { color:#af112f; } .top-links li:last-child a { border:0; } .column .dropdown-menu{ margin:0; padding:0; border:0; } @media (max-width: 767px) { .product-search input[name="search"] { margin-bottom: 5px; } } @media (min-width:768px) and (max-width:2000px){ .product-list .product-thumb{min-height:auto;border-bottom: 1px solid #ebebeb;} .product-list .product-thumb .description {display:block !important;} .product-list .product-thumb .image{float:left;margin-right:10px;margin-bottom:10px;width:30%} .product-list .product-thumb .button-group{display:none} .product-list .product-thumb .caption{text-align:left;} } .description { display: none; } h1, h2, h3, h4, h5, h6 { color: #444; } /* default font size */ .fa { font-size: 14px; } /* Override the bootstrap defaults */ h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: #2f3844; } a:hover { text-decoration: none; color: #af112f; } legend { font-size: 18px; padding: 7px 0px } label { font-size: 12px; font-weight: normal; } .input-group .input-group-addon { font-size: 12px; height: 30px; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .nav-tabs { margin-bottom: 15px; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } .checkout-cart .control-label { padding: 5px 0; } /* top */ .common-home #top .container{ border: 0; } #top { border:none; padding:0; margin: 0 0 0px 0; } #top .container { padding:0; } #top .container { border-bottom: 1px solid #ededed; } #top #currency .currency-select { text-align: left; } #top #currency .currency-select:hover { text-shadow: none; color: #ffffff; background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; } #top .btn-link, #top-links li, #top-links a { color: #888; text-shadow: 0 1px 0 #FFF; text-decoration: none; font-size: 13px; padding: 30px 20px 30px 20px; } #top .btn-link:hover, #top-links a:hover { color: #444; } #top-links .dropdown-menu a { text-shadow: none; } #top-links .dropdown-menu a:hover { color: #FFF; } #top .btn-link strong { font-size: 14px; line-height: 14px; } #top-links { padding-top: 6px; } #top-links a + a { margin-left: 15px; } /* logo */ #logo { margin: 18px 0 0; } /*slider*/ #custom_slider{ margin:0; padding:0; } #custom_slider > .container { width: 100% !important; padding: 0; } /* search */ #search { } #search .btn-lg { line-height: 18px; text-shadow: 0 1px 0 #FFF; top:0; right:0; } /* header-link */ .header-link { float: right; position: relative; margin:0 25px 0 0; padding:27px 0 32px; } .header-link .link-icon { font-size:18px; color:#232323; cursor:pointer; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .header-link .link-icon:hover { color:#af112f; } .header-link .box-content { background: #fff; padding: 12px 12px 15px; position: absolute; right: -30px; top: 100%; width: 175px; text-align: left; margin-top: 0; display: none; border-radius:3px; box-shadow:0px 0px 50px 0px rgba(0, 0, 0, 0.1); z-index:99; } /* top-link */ #top-links { display:inline-block; width:100%; } #top-links .list-inline { margin:0; padding:0; } #top-links li.dropdown { padding: 0; margin: 0; width: 100%; } #top-links .dropdown-menu { border: 0; left: 0; padding: 10px 15px; box-shadow: 0 0 9.6px 0.4px rgba(0, 0, 0, 0.1); border-radius: 3px; min-width: 120px; background: #fff; } #top-links label { color: #fff; font-size: 12px; text-transform: capitalize; position: relative; padding:0 0 0 30px; line-height:44px; display: initial; text-decoration: none; cursor:pointer; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } #top-links label:hover { color:#85979d; } #top-links label i { margin-left:6px; font-size:14px; } #top-links label i.ion-gear-a { margin-left:0; margin-right:7px; } #top-links .dropdown-menu { border: 0; left: initial; right: 0; padding: 0; box-shadow: none; border-radius: 0; margin: 0; min-width: 120px; background: none; display: block; position: initial; width: 100%; } #top-links .dropdown-menu li a { background:none; color: #232323; font-size: 13px; text-decoration: none; padding: 6px 0; line-height: 20px; margin-bottom: 3px; text-align: left; border-bottom:1px solid #eeeeee; } #top-links .dropdown-menu li a:hover { color:#af112f; } #top-links .dropdown-menu li:last-child a { border:0; padding:6px 0 0; margin:0; } /* cart */ .header-cart { float:right; } button,#cart.open > .btn{ background-color: transparent ; border: none ; } #cart { padding: 27px 25px 32px 0; margin-bottom:0; } #cart #cart-total span { font-size: 13px; } #cart>.btn { line-height: 18px; color: #000; background: transparent; text-align: right; } #cart.open > .btn { background-image: none; background-color: transparent; border: none; color: #666; box-shadow: none; text-shadow: none; } #cart.open > .btn:hover { color: #444; } #cart .dropdown-menu { background: #eee; z-index: 1001; } #cart .dropdown-menu { min-width: 100%; } /*add lbp*/ #cart-total .num_product { width:19px; height:19px; line-height:19px; background:#af112f; font-weight: 400; color: #fff; font-size: 10px; text-transform: capitalize; float: left; position:absolute; top:0; left:20px; text-align: center; border-radius:100%; } #cart-total .text-cart,#cart-total .price{display:none;} #cart-total .total-price{ font-weight: 400; font-size: 14px; display: block; text-align: left; } #cart > button { background: none; border: none; border-radius: 0; box-shadow: none; padding: 0; width: auto; float: right; text-align:left; position:relative; } #cart .dropdown-cart i { font-size: 18px; color: #232323; line-height: 1; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } #cart > button > i:hover { color:#af112f; } #cart .dropdown-menu .text-empty{ margin: 0; padding: 10px 0; } #cart .dropdown-menu { background: #fff; border: 0; min-width: 355px; margin: 0; padding: 35px 35px 0; top: 100%; border-radius: 3px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); color: #555555; font-size: 13px; } #cart .dropdown-menu:before { content: ''; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; right: 18px; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .common-home #cart .dropdown-menu { border:0; } #cart .dropdown-menu .cart-empty { padding-bottom: 35px; margin: 0; } #cart-total .item-cart { position: absolute; display: block; width: 24px; height: 24px; background: #888; border: 2px solid #fff; color: #fff; top: -8px; left: 32px; border-radius: 100%; text-align: center; font-size: 12px; line-height: 20px; font-weight: 400 !important; } #cart .dropdown-menu .cart-button { padding: 25px 35px; margin: 15px -35px 0; background: #363f4d; } #cart .table > tbody > tr > td{ border: none; padding: 0; } .table-striped>tbody>tr { border-bottom: 1px solid #ebebeb; padding: 0 0 10px; margin-bottom: 25px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: transparent; } .table-striped .img-thumbnail{ border:none; } #cart .dropdown-menu li p a{ border: 0; background: #495465; color: #fff; height: 40px; line-height: 43px; text-align: center; padding: 0 30px; display: block; text-transform: uppercase; font-size: 13px; font-weight: 500; display: inline-block; border-radius: 3px; } #cart .dropdown-menu li p a:hover{ color: #fff; background: #af112f; border-color: #af112f; } #cart .table-bordered{ border:none } #cart .cart-close button:hover{ color: #888; } #cart .cart-close button { background: none !important; color: #363f4d; border: none; font-size: 18px; font-weight: 700; line-height: 1; box-shadow: none !important; position: absolute; top: 8px; right: 0; padding: 0; } #cart .cart-close button i { font-size: 12px; color: #363f4d; } #cart .cart-close button:hover i { color:#af112f; } #cart .cart-quantity{ color: #54595e; font-size: 13px; margin: 5px 0 8px 0 !important; display:inline-block; width:100%; } #cart .cart-name:hover{ color: #af112f; } #cart .cart-name{ color: #292929; text-transform: uppercase; font-size: 12px; line-height: 16px; font-weight: 500; } #cart .cart-price{ font-size: 16px; color: #929292; } #cart p.cart-button a:last-child{ margin: 0; } #cart p.cart-button { text-align:left; } #cart p.cart-button a { border: 0; background: #495465; color: #fff; height: 50px; line-height: 53px; text-align: center; padding: 0 30px; display: block; text-transform: uppercase; font-size: 13px; font-weight: 500; display: inline-block; width: 100%; border-radius: 3px; } #cart p.cart-button a:hover{ color: #fff; background: #af112f; border-color:#af112f; } #cart .cart-button a.view-cart { margin-bottom: 15px; } #cart .dropdown-menu .info-item { padding:10px 20px; } #cart .dropdown-menu .info-item a { font-size:14px; color:#676767; display:block; font-weight:400; } #cart .dropdown-menu .info-item a:hover { color:#af112f; } #cart .dropdown-menu .info-item .cart-price { font-size:16px; color:#af112f; display:inline-block; font-weight:500; } #cart .dropdown-menu tr td strong{ color: #000; } #cart .dropdown-menu tr td:first-child{ font-size: 13px; color: #232323; text-transform: uppercase; font-weight: 500; } #cart .dropdown-menu tr td:last-child{ font-size: 14px; color: #363f4d; font-weight: 500; } #cart .dropdown-menu .cart-totals .text-left { float: left; } #cart .dropdown-menu .cart-totals .text-right { float: right; } #cart .dropdown-menu .cart-close { margin-left:20px; } .unvisible{ display: none; } #cart .dropdown-menu .has-scroll table tr { border-bottom: 1px solid #ebebeb; padding: 0 0 10px; margin-bottom: 25px; display: inline-block; width: 100%; position: relative; } #cart .dropdown-menu .has-scroll table tr:last-child { margin-bottom: 10px; } #cart .dropdown-menu .cart-totals { padding:0; margin:0; display: inline-block; } #cart .dropdown-menu .cart-totals tbody, #cart .dropdown-menu .cart-totals tbody tr { width:100%; display:inline-block; } #cart .dropdown-menu .cart-totals tbody tr { margin-bottom:10px; } @media (max-width: 478px) { #cart .dropdown-menu { width: 100%; } } #cart .dropdown-menu table { margin-bottom: 10px; } #cart .dropdown-menu li > div { min-width: 427px; padding: 0 10px; } @media (max-width: 478px) { #cart .dropdown-menu li > div { min-width: 100%; } } #cart .dropdown-menu li p { margin: 20px 0; } /* footer */ footer hr { border-top: none; border-bottom: 1px solid #666; } footer a { font-size: 14px; color: #676767; font-weight: 400; text-transform: capitalize; } footer li a:hover,#footer_top .logo-footer a:hover,footer a:hover{ color: #af112f; padding-left: 6px; } footer h5 { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: bold; color: #fff; } /* alert */ .alert { padding: 8px 14px 8px 14px; margin: 0px 0px; text-align:center; } .alert.alert-success{ text-align: center; font-size: 14px; margin: 0; position:relative; z-index:99; padding-right:35px; } /* breadcrumb */ .breadcrumb-title h1{display:none;} .breadcrumb { margin: 20px 0; padding: 0; border:none; background-color:transparent; } .breadcrumb i { font-size: 15px; } .breadcrumb > li { margin-right: 6px; padding:0 6px; position: relative; white-space: nowrap; } .breadcrumb > li + li:before { content: ''; padding: 0; } .breadcrumb > li:after { content: ''; display: block; position: absolute; top: 6px; right: -6px; width: 6px; height:6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .breadcrumb li:last-child a:after{ display:none; } .breadcrumb > li a { text-transform: capitalize; color: #b2b2b2; font-size: 14px; } .breadcrumb > li a:hover { color: #af112f; } .breadcrumb a:hover, .breadcrumb li:last-child a { color: #252531; } .pagination { margin: 0; } /* buttons */ .buttons { margin: 1em 0; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-primary,.btn-default { color: #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #252531 !important; border: none; padding: 0 20px; text-transform: uppercase; font-size: 13px; height: 34px; line-height: 34px; background-image: none; border-color: transparent; border-radius: 0 !important; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #af112f !important; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #363f4d; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: transparent; background-image: none; background-repeat: repeat-x; border-color: transparent; font-size: 12px; font-weight: normal; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #23A1D1; border-radius: 0; } /* list group */ .menu_category{ padding: 20px; border: 1px solid #ebebeb; box-shadow: 0 1px 1px rgba(0,0,0,.05); } .list-group a { font-size: 13px; color: #252531; margin: 0; font-weight: 500; text-transform: uppercase; padding: 0 0 15px; position: relative; display: inline-block; border:none; } .list-group-item{ border:none; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #af112f; text-shadow: 0 1px 0 #FFF; background:none; border:none; } .list-group a:hover,.nav>li>a:focus, .nav>li>a:hover{ background-color:transparent; } .checkbox, .radio,label{ text-transform: capitalize; color: #363f4d; font-size: 14px; font-weight: 400; padding-bottom: 13px; } /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* product table in wishlist compare */ .product-table{ .price{ .price-new{ font-weight: bold; } .price-old{ text-decoration: underline; } } } /* product table in wishlist compare */ /* contact page */ .add_contact { border: 1px #ebebeb solid; padding: 15px 10px; margin: 2em 0 1em 0; @media (max-width: 991px) { .item-content { margin-bottom: 1em; &:last-child { margin-bottom: 0; } } } } /* contact page */ /* product list */ .product-thumb { border:none; margin-bottom: 0px; overflow: auto; } .product-thumb .image { text-align: center; } .product-thumb .image a { display: block; } .product-thumb .image a:hover { opacity: 1; } .product-thumb .image img { margin-left: auto; margin-right: auto; } .product-grid .product-thumb .image { float: none; } .product-thumb .caption{ padding: 13px 0 0; text-align: center; } .product-name { font-size: 14px; text-transform: capitalize; margin: 0 0 10px; line-height: 14px; font-weight: 400; } .product-name a { color: #676767; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .product-name a:hover { color: #af112f; } .product-thumb .rating { line-height:12px; width: 100%; margin: 0 auto; padding: 0 0 12px; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .rating .fa-stack { font-size: 8px; height:12px; } .rating .fa-star-o { color: #999; font-size: 12px; } .rating .fa-star { color: #FC0; font-size: 15px; } .rating .fa-star + .fa-star-o { color: #E69500; } h2.price { margin: 0; } .price { color: #676767; font-size: 13px; margin: 0; font-weight: 400; min-height: 30px; } .product-thumb .price-new { font-weight: 500; } .product-thumb .price-old { font-size: 13px; color: #c2c2c2; text-decoration: line-through; margin-right: 8px; font-weight: 400; } .product-thumb .price-tax { color: #999; font-size: 12px; display: block; } .product-thumb .actions { position: absolute; bottom: 0; left: -110px; right: 0; margin: 0 auto; text-align: center; opacity: 0; background: none; z-index: 2; -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .product-thumb:hover .actions { left: 0; opacity: 1; } .product-thumb .actions .add-to-links { padding: 0; text-align: center; background:#fff; display:inline-block; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1); float:none; } .product-thumb .add-to-links div { display: inline-block; list-style: none; float:left; } .product-thumb .add-to-links div:first-child { margin:0; } .product-thumb .add-to-links button { line-height: 45px; height: 45px; width: 45px; border-radius: 3px; padding: 0; position: relative; text-align: center; font-weight: 400; display: inline-block; font-size: 0; color: #676767; cursor: pointer; border: 0; background: none; -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .product-thumb .add-to-links button:after { content:''; position:absolute; right:0; top:11px; width:1px; height:20px; background:#ebebeb; } /*.product-thumb .add-to-links button:before { font-family: 'Stroke-Gap-Icons'; display: inline-block; font-size: 18px; } .product-thumb .add-to-links .cart button:before { content: "\e680"; } .product-thumb .add-to-links .wishlist button:before { content: "\e67e"; } .product-thumb .add-to-links .compare button:before { content: "\e684"; } .product-thumb .add-to-links .qv-button-container button:before { content: "\e6a4"; }*/ .product-thumb .add-to-links div:last-child button:after { display:none; } .product-thumb .add-to-links button:hover { color:#af112f; } .tab-content .description{display:none;} .product-list .product-thumb .button-group { border-left: 1px solid #ddd; } @media (max-width: 768px) { .product-list .product-thumb .button-group { border-left: none; } } .product-thumb .button-group button { width: 60%; font-size: 12px; border: none; display: inline-block; float: left; background-color: #fff; color: #888; line-height: 38px; font-weight: 700; text-align: center; text-transform: uppercase; border-bottom: 1px solid #eee; } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #444; background-color: #ddd; text-decoration: none; cursor: pointer; } @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > li { margin-left: 20px; } .thumbnails { margin-left: -20px; } .thumbnails > img { width: 100%; } .image-additional a { margin-bottom: 20px; padding: 5px; display: block; border: 1px solid #ddd; } .image-additional { max-width: 78px; } .thumbnails .image-additional { float: left; margin-left: 20px; } /* fixed colum left + content + right*/ @media (min-width: 768px) { #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content .product-layout .col-md-3 { width: 50%; } #column-left + #content + #column-right .product-layout .col-md-3{ width: 100%; } #content + #column-right .product-layout .col-md-3{ width: 100%; } } #column-left .product-layout, #column-right .product-layout { width: 100%; } /* fixed mobile cart quantity input */ .input-group .form-control[name^=quantity] { min-width: 50px; } #footer_bottom{ padding: 28px 0 20px; background: #fff; margin: 0px 0 0; color: #757575; font-size: 14px; font-weight: 400; } #footer_bottom .chili a{color:#af112f!important;} /* menu footer maskters */ footer .menu_vertical .vertical-name>a { font-size: 18px; line-height: 40px; text-transform: uppercase; padding: 0; margin-bottom: 15px; display: inline-block; border-bottom: 2px solid #a8a8a8; } footer .vertical-name i.fa.fa-bars, footer .vertical-name .caret { display: none;} footer .menu_vertical .vertical-name>.navbar-collapse{ opacity: 1; position: initial; padding: 0px; border: none; left: 0px; top:45px; background:none; width: 100%; transition: 0.2s all linear;} footer .menu_vertical .vertical-name>.navbar-collapse a { transition: padding .5s ease 0s; padding: 7px 0px; line-height: 25px; } footer .menu_vertical .vertical-name>.navbar-collapse li { border:none; background: none; float: none;} .footer-widget span.badge.pull-right { display: none;} .footer-widget span.badge.pull-right { color: #f5f5f5; background-color: #333; background: 0 0; border-radius: 10px; position: absolute; top: 0; right: 0; color: #FFF; font-size: 12px; font-weight: 700; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: baseline; white-space: nowrap;} footer .vertical-name { position: relative;} footer .vertical-name h4 { margin:0 0 25px 0; } footer .vertical-name h4,footer .vertical-name h4 a { font-size: 14px; color: #252531; text-transform: uppercase; font-weight: 500; } span.navi { display: none;} span.navi a { color: #fff;} footer .navbar { width: 100%; border-radius: 0; background: 0 0; position: inherit; top: 0; margin-bottom: 0; z-index: 9990; border: 0!important; } footer .menu_vertical .vertical-name>.navbar-collapse a { background: none; color: #d9d9d9; font-size: 13px; line-height: 25px; text-transform: capitalize; } .ovelay { margin: 0; padding: 15px 0 0px; } footer { padding: 0; background: #f6f6f6; color:#676767; margin: 0 -30px; } .common-home #footer_top{ margin: 0; } #footer_top{ margin-top: 40px; padding: 70px 0; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } #footer_top .logo-footer { margin-bottom: 35px; } .footer-widget a { color: #d9d9d9; font-size: 13px; text-transform: capitalize; }.widget_logo img { margin-bottom: 18px; } .widget_logo ul li i { font-size: 24px; padding-right: 20px; } .wl_left i { color: #d9d9d9; } .footer_area { background: #252525; color: #333; padding: 10px 0; } .categories-side { background: #fff; margin-bottom: 50px; } .sidebar-title { background-color: #f1f1f1; font-size: 20px; font-weight: lighter; line-height: 50px; padding: 0 0 0 60px; position: relative; text-transform: capitalize; color: #555; } .sidebar-title:before { background: #23b4ca; content: url("../images/buy_us2.png"); height: 50px; left: 0; position: absolute; top: 0; width: 50px; } #menu_categfory { padding: 10px 0; } #menu_categfory li { position: relative; line-height: 38px; } #menu_categfory li a{ padding-left: 30px; padding-right: 40px; display: block; background: rgba(0, 0, 0, 0) url("../images/li_footer_static2.png") no-repeat scroll 10px 15px; text-transform: capitalize; font-size: 14px; } #menu_categfory ul.label2 li a { padding-left: 45px; background-position: 25px 15px; } #menu_categfory ul.label3 li a { padding-left: 55px; background-position: 40px 14px; font-size: 12px; } #menu_categfory ul.label4 li a { padding-left: 65px; background-position: 48px 14px; font-size: 12px; } #menu_categfory ul >li >a.active { font-weight: bold } li.selected a { position: relative } /* .icons { background: rgba(0, 0, 0, 0) url("../images/vertical_li.png") no-repeat scroll 0 0; cursor: pointer; background-position: 14px -9px; height: 36px; margin-left: 0; position: absolute; right: 0; top: 0; width: 56px; }*/ #menu_categfory .treeview li:hover> a { color: #23B4CA; background-color: #F1F1F1; } #menu_categfory li.selected >.icons { background-position: 14px -43px; } #menu_categfory li ul { padding-left: 0; } #menu_categfory li > ul li a { color: gray; } #custom_bottom { background-color: #fff; padding-top: 0; padding-bottom: 0; margin: 0 0 0; } #custom_bottom .container{ border-top: 1px solid #ebebeb; padding: 55px 0 45px; } #txtemail { background: #fff; font-size: 12px; color: #b2b2b2; font-weight: 400; display: block; padding: 0 110px 0 10px; height: 40px; width: 100%; float: left; margin: 0; border: 0; border-radius: 20px; } .newsletters-btn { border: none; background: #252531 !important; padding: 0 20px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; font-size: 14px; color: #ffffff !important; font-weight: 400; text-transform: capitalize; border-radius: 0 30px 30px 0; } .newsletters-btn:hover { background: #af112f !important; } .newletter-title h3 { font-size: 14px; color: #676767; font-weight: 400; margin: 0; text-transform: inherit; text-align: left; line-height: 22px; } .form-newsletter { display: inline-block; width: 100%; position: relative; margin: 30px 0 0; } .cmsblock .icon-banner{ width: 60px; text-align: center; float: left; } .cmsblock .banner-text{ margin-left: 70px; padding-top: 12px; } .cmsblock .banner-text h2 { font-size: 14px; color: #252531; font-weight: 500; margin: 0; text-transform: uppercase; } .cmsblock .banner-text p { font-size: 14px; color: #676767; margin: 6px 0 0; font-weight: 400; } img { max-width: 100%; height: auto; } /*banner*/ .banner-static { margin-top: 30px; } .banner-static .dv-item-module:before { position: absolute; content: ""; top: 0; left: 15px; right: 15px; bottom: 0; margin: 0 auto; pointer-events: none; -webkit-transition: ease .3s all; -moz-transition: ease .3s all; transition: ease .3s all; } .banner-static .dv-item-module:hover:before { box-shadow: 0 0 0 15px rgba(0,0,0,0.2) inset; } .banner-static p{ margin:0; padding:0; } .banner-center { margin: 10px 0 0; } .banner-center img { -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .banner-center img:hover { opacity: 0.7; } /*product tab*/ .top-product, .home-moduls{ margin-top: 90px; } .title h3{ margin: 0 0 5px; font-size: 13px; color: #838383; font-weight: 500; text-transform: uppercase; text-align: center; } .show-in-tab > .nav-tabs > li > a { font-size: 20px; color: #252531 !important; margin: 0; font-weight: 700; text-transform: uppercase; padding: 0 40px; position: relative; display: inline-block; background: #fff; } .show-in-tab > .nav-tabs{ margin: 0 0 50px; border:none; } .show-in-tab > .nav-tabs > li.active { border-bottom:none; position: relative; } .nav-tabs>li{ display:block; float:none; } .center {text-align:center !important} .image { position: relative; overflow: hidden; z-index: 4; } .image > a { display: block; overflow: hidden; position: relative; } .img-r { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .product-thumb:hover .img-r{ opacity: 1; } .action-links, .image img { -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; transition: all .7s ease 0s; } .product-thumb .actions { position: absolute; bottom: 0; left: -110px; right: 0; margin: 0 auto; text-align: center; opacity: 0; background: none; z-index: 2; -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .owl-car-tab .owl-controls{ text-align: center; -webkit-tap-highlight-color: transparent; position: unset; top: auto; right: auto; display:block !important } .owl-car-tab > div i { font-size: 20px; } .slide_arrow_next, .slide_arrow_prev{ background:transparent; border:none; } .slide_arrow_prev { right: 0; } .slide_arrow_next .fa, .slide_arrow_prev .fa{ font-size:20px; } .slide_arrow_next, .slide_arrow_prev{ position: absolute; top: 50%; margin: -30px 0 0 0; width: 49px; height: 49px; line-height: 45px; background: #fff; text-align: center; opacity: 0; color: #252531; padding: 0; border: 4px solid #ebebeb; border-radius: 100%; } .owl-car-tab .owl-buttons div:hover{ opacity: 1; } .owl-controls .owl-buttons div{ /*opacity: 0;*/ } .slide_arrow_next:hover, .slide_arrow_prev:hover{ color: #fff; background:#af112f; border-color:#af112f; } .slide_arrow_prev{ left: -40px; } .slide_arrow_next { right: -40px; } .owl-car-tab .owl-controls .owl-buttons .owl-prev .slide_arrow_prev , .owl-car-tab .owl-controls .owl-buttons .owl-next .slide_arrow_next{ opacity:0; } .owl-car-tab:hover .owl-controls .owl-buttons .owl-prev .slide_arrow_prev, .owl-car-tab:hover .owl-controls .owl-buttons .owl-next .slide_arrow_next{ opacity: 1; } /*home module*/ .home-moduls .show-in-tab > .nav-tabs > li > a { font-size: 14px; padding: 0; } .home-moduls .product-thumb{ margin-bottom:20px; display: inline-block; width: 100%; } .home-moduls .item-inner{ width:100%; height:110px; overflow:hidden; } .home-moduls .image { width: 110px; float: left; overflow:unset; } .home-moduls .product-thumb .caption { margin-left:115px; text-align:left; position:relative; } .home-moduls .product-thumb .ratings .rating-box div[class^="rating"] { background-position: left center; } .home-moduls { display:inline-block; width:100%; margin-bottom:20px; } .home-moduls .product-thumb:last-child { /*margin:0;*/ } .home-moduls .product-thumb .rating{ position:relative; top:20px; } .home-moduls .product-name{ position: relative; top: -30px; } .home-moduls .product-thumb .actions { left:110px; bottom:25px; text-align:left; opacity:0; background:#fff; } .home-moduls .item-inner:hover .actions{ opacity: 1; left:110px; width:135px; bottom:5px; } .home-moduls .show-in-tab > .nav-tabs > li > a span { font-size: 14px; color: #8c8c8c; font-style: italic; text-transform: capitalize; font-weight: 400; text-align: left; font-family: 'Roboto', sans-serif; margin: 0; display: block; } .oc-menu-bar,.top-click-show{display: none;} /*menu mobile*/ @media (max-width: 991px) { header { padding: 30px 0 0; } .fix-nav{ opacity:1 !important; } #logo{ text-align:center; margin: 0 0 20px; } #logo img{ display:inline-block; } .search-content { right: -175px; } .column{ width: 250px; margin: 0 auto; display: table; } .menu_horizontal { min-height: 50px; background: #434343; color: #FFFFFF; } .navbar-toggle .icon-bar{ background:#fff; color:#fff; } .menu li{ display:block; } header .menu li a{ padding: 0 15px ; line-height: 35px ; color: #FFFFFF ; text-transform: none; font-weight: 400; display:inline-block; } header .menu li a.active{ color:#af112f ; font-weight:400; } header .menu li a i { float: right; margin-left: 5px; margin-top: 12px; } .menu li:hover > ul{ width:100%; z-index:999; } #cart .dropdown-menu { right: -100px; padding:15px 10px; } footer{ padding:0 20px } footer .vertical-name h4 { margin: 15px 0; } .zoomContainer { display:none; } .top-product, .home-moduls { margin-top: 30px; } .show-in-tab > .nav-tabs{ margin:0; } /*quick checkout*/ #quickcheckout .block-title{ font-size:20px; } .checkout-cart h1,.checkout-cart h2,.checkout-cart h3{ font-size:20px; } .btn-primary, .btn-default{ font-size:11px; } /*menu mobile*/ .oc-menu-bar{display: block;} #top #logo{width: 100%;} #top .col-xs-12{width: 100%;} #top .menu_horizontal{} .oc-menu-bar .left { float: left; padding: 0; line-height: 50px; padding-left: 15px; font-size: 16px; text-transform: uppercase; } .oc-menu-bar .left span{padding-left: 10px;} .oc-menu-bar .right:hover{cursor: pointer;} .oc-menu-bar .right { float: right; padding: 0; line-height: 50px;padding-right: 15px; } #top .menu_horizontal nav.menu{display: none;} #top .menu_horizontal nav.menu.active{ position: absolute; background: #434343; width: 100%;display: block; left: 0;top: 50px;z-index: 99; } #top .container{padding-left: 0;padding-right: 0;} #header .col-xs-12{padding-left: 0;padding-right: 0;} #top .column{ width: 180px; margin: 0 auto; display: table; float:none; } #top .column .pull-right{} #top .column #cart{} header nav.menu li a .fa-caret-down{display: none;} header nav.menu .top-click-show{ display: block; position: absolute; right: 10px; top: 5px; line-height: 30px; width: 30px; height: 30px; text-align: center; cursor: pointer; } header nav.menu .a-click-show .fa-minus { display: none; } header nav.menu .expand .a-click-show .fa-minus{display: block;padding-top: 7px;} header nav.menu .expand .a-click-show .fa-plus{display: none;} header nav.menu li a{ color: #FFFFFF; font-size: 14px; text-transform: none; font-weight: 400; } header nav.menu li:hover > a{ color: #af112f; } header nav.menu li:hover ul{display: none;} .search-block{z-index: 98;} nav.menu.active li .sub-menu, nav.menu.active li:hover .sub-menu{display: none;padding-top: 0;transform: inherit;} nav.menu.active li.expand .sub-menu{ display: block;opacity: 1; visibility: visible; position: relative; background: inherit; box-shadow: inherit;padding-top: 0;transform: inherit } nav.menu.active li.expand ul:after{display: none;} nav.menu.active li.expand .sub-menu {padding-bottom: 0;} .banner-static .dv-item-module img{display: block;width: 100%;} .banner-static .dv-item-module {padding-bottom: 30px;} .banner-static .dv-item-module:hover:before{box-shadow: inherit;} .banner-static .dv-item-module br{display: none;} .banner-center .dv-item-module img{display: block;width: 100%;} /*#footer_top{padding-left: 15px;padding-right: 15px;}*/ } @media (max-width: 767px){ #header{padding-left: 15px;padding: 15px;} .owl-controls { display: none; } #top .container{ width:100%; } .cmsblock .dv-item-module { margin-bottom:20px; } .owl-car-tab .owl-controls{ display:none; } .owl-car-tab{ overflow:hidden; } .menu_horizontal .navbar-toggle{display: none;} #cart .dropdown-menu li p a{ width:45% !important; padding:0 !important; } .footer-bottom .text-left, .footer-bottom .text-right { text-align:center; } .footer-bottom .text-right { padding-top:5px; } } @media (max-width: 380px){ #search { width: 250px; right: 0px; } .quick-setting .dropdown-menu{ right: -80px; } .search-content { right: -165px; } #cart .dropdown-menu { width: 300px; right: -90px; min-width: 300px; } #cart .dropdown-menu:before { right: 145px; } } @media (max-width: 1921px) and (min-width: 1367px){ .wrapper { padding: 0 60px; } footer { margin: 0 -60px; } .menu_horizontal{ margin-left:-70px; } } /* product grid */ .product-grid { margin-bottom:0px; } .product-grid .caption{ padding: 13px 0 0; text-align:center; } .product-name{ font-size: 14px; text-transform: capitalize; margin: 0 0 10px; line-height: 14px; font-weight:400; } .product-thumb h4{ font-weight:400; } .product-name a { color: #676767; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .product-name a:hover { color: #af112f; } .price-tax{ display: none; } .price { color: #676767; font-size: 13px; margin: 0; font-family: 'Rubik', sans-serif; font-weight:400; min-height:30px; } .price-old { color:#c2c2c2; font-size:13px; color:#c2c2c2; text-decoration: line-through; margin-right: 8px; font-weight:400; } .price-new { font-weight:500; } .product-des{ color: #898989; line-height: 24px; letter-spacing: .025em; margin: 20px 0 0 0; } .product-list .product-des{ margin: 20px 0 0 0; font-size:14px; color:#363f4d; font-weight:400; line-height:23px; } .product-list .item-inner .caption .cart { margin:40px 0 0; } .ratings .rating-box div[class^="rating"]{ background-repeat: no-repeat; background-position: center center; font-size: 0; height: 11px; } .ratings .rating-box .rating0{ background-image: url("image/rating0.png") } .ratings .rating-box .rating1{ background-image: url("image/rating1.png") } .ratings .rating-box .rating2{ background-image: url("image/rating2.png") } .ratings .rating-box .rating3{ background-image: url("image/rating3.png") } .ratings .rating-box .rating4{ background-image: url("image/rating4.png") } .ratings .rating-box .rating5{ background-image: url("image/rating5.png") } .image > a{ display: block; } .image{ position: relative; z-index: 4; } .img-r{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .product-layout:hover .img-r{ opacity: 1; } .action-links, .image img{ -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; transition: all .7s ease 0s; } .item-inner { position:relative; } .item-inner .ratings { width:100%; margin: 0 auto; padding:0 0 12px; -webkit-transition: ease-in-out .3s all; -moz-transition: ease-in-out .3s all; transition: ease-in-out .3s all; } .item-inner:hover .ratings { opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .item-inner .actions { position: absolute; bottom: 0; left: -110px; right: 0; margin: 0 auto; text-align: center; opacity: 0; background: none; z-index:2; -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .item-inner:hover .actions { left:0; opacity:1; } .item-inner .actions .add-to-links { padding: 0; text-align: center; background:#fff; display:inline-block; box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1); } .item-inner .add-to-links div { display: inline-block; list-style: none; float:left; } .item-inner .add-to-links div:first-child { margin:0; } .item-inner .add-to-links button { line-height: 45px; height: 45px; width: 45px; border-radius: 3px; padding: 0; position: relative; text-align: center; font-weight: 400; display: inline-block; font-size: 0; color: #676767; cursor: pointer; border: 0; background: none; -webkit-transition: ease .5s all; -moz-transition: ease .5s all; transition: ease .5s all; } .item-inner .add-to-links button:after { content:''; position:absolute; right:0; top:11px; width:1px; height:20px; background:#ebebeb; } .item-inner .add-to-links button:before { font-family: 'Stroke-Gap-Icons'; display: inline-block; font-size: 18px; } .item-inner .add-to-links .cart button:before { content: "\e680"; } .item-inner .add-to-links .wishlist button:before { content: "\e67e"; } .item-inner .add-to-links .compare button:before { content: "\e684"; } .item-inner .add-to-links .qv-button-container button:before { content: "\e6a4"; } .item-inner .add-to-links div:last-child button:after { display:none; } .item-inner .add-to-links button:hover { color:#af112f; } .label-product { position: absolute; top: 0; left: 0; width: auto; height: 22px; line-height:22px; padding: 0 10px; font-size:12px; color:#f6f6f6; background:#adbcc1; display: inline-block; font-family: 'Poppins', sans-serif; text-transform:uppercase; z-index:9; } .label-product.label_sale { background: #af112f; } .label-product + .label-product{ display: none; } .btn-cart span{ display: none; } .banner-left { margin: 60px 0px 0px; } .banner-left img:hover { opacity: 0.8; } .checkout-cart .btn-danger{ color: #fff; background-color: #d9534f; border-color: #d43f3a; font-size:14px; } .checkout-cart > .panel-default > .panel-heading{ display:block; } #quickcheckout #step_5 .price, #quickcheckout #step_4 .price{ margin-left:5px !important; }