/* Minification failed. Returning unminified contents. (19,1177): run-time error CSS1034: (19,1177): run-time error CSS1019: Unexpected token, found '*' (19,1177): run-time error CSS1042: Expected function, found '*' (19,1177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19,1246): run-time error CSS1034: (19,1246): run-time error CSS1045: Expected term, found * (19,1246): run-time error CSS1019: Unexpected token, found '*' (19,1246): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (4567,26): run-time error CSS1031: Expected selector, found '@charset' (4567,26): run-time error CSS1025: Expected comma or open brace, found '@charset' */ /*! jQuery UI - v1.11.2 - 2015-01-22 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, slider.css * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0} /*! * Datetimepicker for Bootstrap v3 //! version : 3.1.3 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget .dow{width:14.2857%}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}.bootstrap-datetimepicker-widget td.today{position:relative}.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{background-color:#428bca;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget td span.old{color:#777}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget th.picker-switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}@media screen and (max-width:767px){.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}} /** * Owl Carousel v2.1.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*jQuery jGrowl v1.4.3 | Licensed under the MIT License*/ .jGrowl{z-index:9999;color:#333;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl-closer,.jGrowl-notification{width:250px;display:none}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:rgba(241,241,241,.97);text-align:left;border-radius:3px;min-height:40px;margin:10px;box-shadow:0 1px 0 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08),0 1px 5px 0 rgba(0,0,0,.2);padding:10px}.jGrowl-notification .jGrowl-header{font-size:1em;margin-bottom:10px;font-weight:700}.jGrowl-message{overflow:hidden}.jGrowl-notification img{width:50px;float:left;margin-right:15px}.jGrowl-notification h3{font-size:12px;overflow:hidden;line-height:20px;margin:0}.jGrowl-notification .jGrowl-close{color:#fff;border-radius:3px;z-index:99;border:none;float:right;font-size:1.4em;line-height:18px;cursor:pointer;background-color:#999}.jGrowl-notification .jGrowl-close:hover{background-color:#777}.jGrowl-closer{background-color:#000;opacity:.9;filter:alpha(Opacity=(.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(.9*100));zoom:1;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center;margin:10px;padding:4px 10px}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight,.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}} /* Magnific Popup CSS */ .mfp-bg,.mfp-wrap{left:0;top:0;position:fixed}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container,img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1046;font-size:16px;}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{position:absolute;left:0;box-shadow:0 0 8px rgba(0,0,0,.6)}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:36px;height:36px;line-height:36px;position:absolute;margin:10px; right:0;top:0;text-decoration:none;text-align:center;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{top:35px;color:#666;}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:1000px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:0px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:660px;padding:20px;}.mfp-figure:after,img.mfp-img{display:block;width:auto;height:auto}img.mfp-img{box-sizing:border-box;margin:40px auto; background: #fff;}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* MINI COLOR */ .minicolors { position: relative; } .minicolors-focus {border:none !important;} .minicolors-swatch { position: absolute; vertical-align: middle; background: url(jquery.minicolors.png) -80px 0; cursor: text; padding: 0; margin: 0; display: inline-block; } .minicolors-swatch-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .minicolors input[type=hidden] + .minicolors-swatch { width: 28px; position: static; cursor: pointer; } /* Panel */ .minicolors-panel { position: absolute; width: 173px; height: 152px; background: white; border: solid 1px #CCC; box-shadow: 0 0 20px rgba(0, 0, 0, .2); z-index: 99999; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: none; } .minicolors-panel.minicolors-visible { display: block; } /* Panel positioning */ .minicolors-position-top .minicolors-panel { top: -154px; } .minicolors-position-right .minicolors-panel { right: 0; } .minicolors-position-bottom .minicolors-panel { top: auto; } .minicolors-position-left .minicolors-panel { left: 0; } .minicolors-with-opacity .minicolors-panel { width: 194px; } .minicolors .minicolors-grid { position: absolute; top: 1px; left: 1px; width: 150px; height: 150px; background: url(jquery.minicolors.png) -120px 0; cursor: crosshair; } .minicolors .minicolors-grid-inner { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: none; } .minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; } .minicolors-slider-saturation .minicolors-grid-inner { background: url(jquery.minicolors.png) -270px 0; } .minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; } .minicolors-slider-brightness .minicolors-grid-inner { background: black; } .minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; } .minicolors-slider, .minicolors-opacity-slider { position: absolute; top: 1px; left: 152px; width: 20px; height: 150px; background: white url(jquery.minicolors.png) 0 0; cursor: row-resize; } .minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; } .minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; } .minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; } .minicolors-opacity-slider { left: 173px; background-position: -40px 0; display: none; } .minicolors-with-opacity .minicolors-opacity-slider { display: block; } /* Pickers */ .minicolors-grid .minicolors-picker { position: absolute; top: 70px; left: 70px; width: 12px; height: 12px; border: solid 1px black; border-radius: 10px; margin-top: -6px; margin-left: -6px; background: none; } .minicolors-grid .minicolors-picker > div { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 8px; border: solid 2px white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .minicolors-picker { position: absolute; top: 0; left: 0; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Inline controls */ .minicolors-inline { display: inline-block; } .minicolors-inline .minicolors-input { display: none !important; } .minicolors-inline .minicolors-panel { position: relative; top: auto; left: auto; box-shadow: none; z-index: auto; display: inline-block; } /* Default theme */ .minicolors-theme-default .minicolors-swatch { top: 5px; left: 5px; width: 18px; height: 18px; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto; right: 5px; } .minicolors-theme-default.minicolors { width: auto; display: inline-block; } .minicolors-theme-default .minicolors-input { height: 20px; width: auto; display: inline-block; padding-left: 26px; } .minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 26px; padding-left: inherit; } /* Bootstrap theme */ .minicolors-theme-bootstrap .minicolors-swatch { top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 3px; } .minicolors-theme-bootstrap .minicolors-swatch-color { border-radius: inherit; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { left: auto; right: 3px; } .minicolors-theme-bootstrap .minicolors-input { padding-left: 44px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 44px; padding-left: 12px; height:34px; width:100%; font-size:12px;font-weight:400;background: #fff;border:solid 1px #ddd; } .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch { top: 4px; left: 4px; width: 37px; height: 37px; border-radius: 5px; } .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch { width: 24px; height: 24px; } #sosearchpro{ width: 100%; } #sosearchpro .autosearch-input { height: 42px; line-height: 20px; padding: 0 10px; border: 1px solid #e5e5e5; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sosearchpro .button-search{ border:none; } #sosearchpro .select_category{ position:relative; display: table-cell; vertical-align: top; border:1px solid #e5e5e5; background: white; } #sosearchpro .select_category select{ height: 40px; width: 100%; line-height: 100%; padding: 0 5px; border: none; float: left; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sosearchpro .dropdown-menu li > a:hover{ background: transparent; } #sosearchpro .icon-select::after { content: "\f107"; color: black; font-family: "FontAwesome"; right: 0px; top: 0px; position: absolute; pointer-events: none; background: white; line-height: 36px; width: 30px; height: 100%; text-align: center; } @media (max-width: 479px) { #sosearchpro .media-body { padding: 0px 15px; } #sosearchpro{ width: 100%; } #sosearchpro .select_category select { width: auto; } #sosearchpro .dropdown-menu{ left: 0px !important; } } #sosearchpro .dropdown-menu .media{ margin:0px; border-bottom: 1px solid #e5e5e5; } #sosearchpro .dropdown-menu { padding:0px; max-height: 300px; overflow-y: scroll; } #sosearchpro .dropdown-menu .media:hover{ background-color:#e5e5e5; } #sosearchpro .dropdown-menu .media-left{ float:left; padding: 5px; } #sosearchpro .dropdown-menu .media-body{ padding: 10px; } #sosearchpro .dropdown-menu .media-body a{ float:left; } #sosearchpro .dropdown-menu .media-body .box-price{ float: right; width:100%; } #sosearchpro .dropdown-menu .media-body .box-price span{ padding-right:10px; float:left; } /* MegaMenu ------------------*/ .so-megamenu .container .container {width: auto !important;} .so-megamenu .navbar-header{margin:0px;display:none;} .so-megamenu .navbar-default{background: transparent;} #menu { position: relative; overflow: visible; } #menu .background-menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } #megaMenuToggle { display: none; } .container-megamenu, .container-megamenu .container { padding-left: 0px ; padding-right: 0px ; width:auto; } .megamenu-wrapper { position: relative; } .megamenu-pattern { } ul.megamenu { margin: 0px; padding: 0px; list-style: none; position: relative; } ul.megamenu > li { float: left; margin-right:1px; } ul.megamenu > li.pull-right { float: right; } ul.megamenu > li .close-menu { display: none; } /* Search */ ul.megamenu > li.search { background: none; } #top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form { padding: 0px; margin: 8px; } #top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input { height: 29px; min-height: 29px; border: none; } ul.megamenu > li.search .button-search2 { top: 6px; right: 8px; } ul.megamenu > li > a { display: block; position: relative; color: #fff; font-size: 14px; padding: 15px 18px ; } ul.megamenu > li > a > .icon-home { display: block; font-size: 23px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); } ul.megamenu > li > a img { margin-right: 5px; } ul.megamenu > li > a.description { font-size: 14px; padding: 10px 20px 11px 21px; line-height: 1; } ul.megamenu > li > a.description img { float: left; } ul.megamenu > li > a.description .description { font-size: 11px; opacity: 0.9; } ul.megamenu > li > a.description .description-left { float: left; width: auto; } /* Submenu */ ul.megamenu li .sub-menu .content .static-menu a.main-menu, ul.megamenu .title-submenu{ display: block; font-weight: bold; font-size: 13px; color: #222; padding-bottom:10px; text-transform:uppercase; } ul.megamenu > li > .sub-menu { position: absolute; z-index: 9999; display: none; } .horizontal ul.megamenu > li > .sub-menu { max-width: 100%; } ul.megamenu .sub-menu .content { display: none; padding: 20px; background: #fff; border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); } ul.megamenu .sub-menu .content > .row { padding-top: 20px; } ul.megamenu .sub-menu .content > .border { padding-top: 20px; border-bottom: 1px solid #e6e6e6; } ul.megamenu .sub-menu .content > .row:first-child { padding: 0px; } ul.megamenu .sub-menu .content ul.row-list{margin:0; padding:0; list-style: none;} /* Product */ ul.megamenu li .product { text-align: center; position: relative; margin-bottom: -7px; } ul.megamenu li .product .image { padding: 0px; } ul.megamenu li .product .image img { border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } ul.megamenu li .product .name { padding: 7px 0px 0px 0px; } ul.megamenu li .product .price { color: #ff6b6b; } /* Manufacturer */ ul.manufacturer { list-style: none; margin: -10px 0px 0px 0px ; padding: 0px; position: relative; } ul.manufacturer li { display: inline-block; margin: 10px 5px 0px 0px; } ul.manufacturer li a { display: block; font-size: 14px; padding: 2px 8px; border: 1px solid #e6e6e6; } /* Static Menu */ ul.megamenu li .sub-menu .content .static-menu .menu ul { list-style: none; margin: 0px 0 15px; padding:0; } ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li { padding-top: 7px; } ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child { padding-top: 0px; } /* Hover Menu */ ul.megamenu li .sub-menu .content .hover-menu a.main-menu { display: block; } ul.megamenu li .sub-menu .content .hover-menu .menu ul { list-style: none; margin: 3px 0px; padding: 0px; position: relative; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: none; margin-top: -41px; width: 200px; padding: 20px; position: absolute; z-index: 10; left: 100%; background: #fff; border: 1px solid #e6e6e6; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -11px; border-right-color: #e6e6e6; border-left-width: 0; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { position: absolute; display: block; border-color: transparent; border-style: solid; border-width: 10px; content: ""; top: 20px; left: -10px; border-right-color: #fff; border-left-width: 0; } ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li { position: relative; } /* Heading MegaMenu */ #megaMenuToggle { display: none; cursor: pointer; } .megamenuToogle-wrapper { background: #444; } .megamenuToogle-wrapper .container { color: #fff; font-size: 16px; padding:15px ; width:auto; } .megamenuToogle-wrapper .container > div { float: left; width: 15px; margin: 3px 10px 0px 0px; } .megamenuToogle-wrapper .container > div span { display: block; width: 100%; height: 3px; margin-top: 2px; background: #fff; } /* Megamenu vertical */ .so-vertical-menu .vertical-wrapper { width: 100%; background: white; position: absolute; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 650; border-left: 1px solid #ddd; } @media (max-width: 991px){ .so-vertical-menu .vertical-wrapper{ position:fixed; width:280px; } } .vertical #menuHeading { margin: 0px; } .vertical li.loadmore{ border-top: 1px solid #ddd; padding: 13px 10px; } .vertical li.loadmore i{ padding-left: 10px; font-size:15px; } .vertical span.more-view { cursor: pointer; font-size: 14px; } .vertical .megamenuToogle-wrapper { z-index: 3; cursor: pointer; } .vertical .megamenu-wrapper { display: block; background: #fff; border: 1px solid #e6e6e6; position: relative; z-index: 2; margin-top: -2px; } .vertical ul.megamenu > li { display: block; float: none; width: auto; background: none; border-top: 1px solid #e6e6e6; position: relative; margin: 0px -1px; } .vertical ul.megamenu > li.home, .vertical ul.megamenu > li.search { display: none; } .vertical ul.megamenu > li > a { padding: 10px 15px ; color: #666; } .vertical ul.megamenu > li.active > a { /*background: #f6f6f6 ;*/ } .vertical ul.megamenu > li > a.description { padding: 12px 20px 12px 21px; } .vertical ul.megamenu > li.click:before, .vertical ul.megamenu > li.hover:before { font-weight: normal; font-style: normal; text-decoration: inherit; color: #51cfc6; font-weight: 400; font-size: 14px; position: absolute; right: 0; z-index: 10; padding: 14px 15px 10px 50px; } /* SubMenu */ .vertical ul.megamenu > li > .sub-menu { left: 100%; padding-top: 0px; top: 0; } .vertical ul.megamenu > li > .sub-menu > .content { } .megamenu .label { background: #d5375f none repeat scroll 0 0; color: #fff; font-size: 10px; line-height: 17px; padding: 0 5px; position: absolute; text-transform: none; top: -5px; right:0; } .megamenu i { padding-right: 12px; } /* Responsive ------------------*/ @media (max-width: 991px) { /* MegaMenu Vertical */ .so-megamenu .navbar-header {display:block;} .so-megamenu .navbar-default .navbar-toggle .icon-bar { background-color: #B1B1B1;} .navbar-header .navbar-toggle { display: inline-block; } .navbar-header .fa-list-alt{ font-size:42px;color:#eee;vertical-align: middle;padding:0; border:none; } .navbar-header .fa-list-alt:hover{background:none; ;} .responsive .vertical #menuHeading { margin: 20px 0px 0px 0px; } .responsive .vertical ul.megamenu > li > .sub-menu { left: 0; top: auto; width: 100% ; } .responsive .vertical ul.megamenu > li > .sub-menu > .content { margin-left: 0px; } /* Submenu */ ul.megamenu li .sub-menu .content { border: none; border-radius: none; box-shadow: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: block ; margin: 5px 10px; width: auto; padding: 0px; position: static; left: 0; background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { display: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { display: none; } .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before { display: none; } .responsive .vertical .visible { padding: 5px 0px 5px 0px ; } .responsive .vertical .visible > div { margin: 0px !important; border: none !important; padding: 0px !important; padding-left: 20px ; } /* MegaMenu Submenu */ .responsive ul.megamenu .sub-menu .content .border { display: none; } .responsive ul.megamenu .sub-menu .content { padding: 10px ; } .responsive ul.megamenu .sub-menu .content .row > div { margin-top: 10px; } .responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child { margin-top: 0px; border-top: none; padding-top: 0px; } } @media (max-width: 991px) { .responsive #megaMenuToggle { display: block; } .responsive ul.megamenu > li { display: block; float: none ; width: auto; background: none; border-top: 1px solid #e6e6e6; position: relative; margin: 0px -1px; } ul.megamenu > li.search ,.fa-angle-right,.caret { display: none; } .responsive ul.megamenu > li > a { text-shadow: none; color:#666 ; padding:10px; height: auto; } .responsive ul.megamenu > li.active > a, .responsive ul.megamenu > li.home > a, .responsive ul.megamenu > li.hover > a{ background: #eee ; } .responsive ul.megamenu > li.hover > a { background: none; } .responsive ul.megamenu > li.click:before, .responsive ul.megamenu > li.hover:before { content: "\f067"; font-family: FontAwesome; color: #51cfc6; font-weight: 400; font-size: 16px; position: absolute; right: 0; top: 0; z-index: 10; padding: 13px 17px 10px 50px; } .responsive ul.megamenu > li.active .close-menu { display: block; position: absolute; z-index: 10; top: 0; right: 1px; margin:0; padding: 10px 14px ; background: #f6f6f6; text-align: center; cursor: pointer; } .responsive ul.megamenu > li.active .close-menu:before { content: "\f068"; font-family: FontAwesome; color: #51cfc6; font-weight: 400; font-size: 18px; } /* Submenu */ .responsive .horizontal ul.megamenu > li > .sub-menu { width: 100% !important; } /* Hover Menu */ .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul { display: block !important; margin: 5px 10px; width: auto; padding: 0px; position: static; left: 0; background: none; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before { display: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after { display: none; } .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before { display: none; } .responsive .horizontal .visible { padding: 5px 0px 5px 0px !important; } .responsive .horizontal .visible > div { margin: 0px ; border: none ; padding: 0px 0px 0px 10px ; } } @media (min-width: 961px) { .megamenu-wrapper { display: block ; } } @media (max-width: 991px) { .megamenu .label { display:none; } ul.megamenu > li > .sub-menu { position: relative; } .megamenu-wrapper { position: fixed; top: 0px; left: 0; background-color: #fff; height:100%; width: 280px; padding: 10px; z-index: 999; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border: 1px solid #e6e6e6; } .vertical-wrapper { position: fixed; top: 0px; left: 0; background-color: #fff; bottom: 0px; width: 280px; padding: 10px; z-index: 999999; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border: 1px solid #e6e6e6; } .vertical #menuHeading{ display:none; } } .so-megamenu-active { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #remove-megamenu { padding: 10px; z-index: 10; cursor: pointer; visibility: hidden; font-size:20px; text-align: right; display:none; } .so-megamenu-active #remove-megamenu { visibility: visible; display:block; } .so-vertical-active { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #remove-verticalmenu { padding: 10px; z-index: 10; cursor: pointer; display: none; font-size:20px; text-align: right; } .so-vertical-active #remove-verticalmenu { display: block; } .navbar-header .navbar-toggle{float:none;} .subcategory li{ list-style-type: none; list-style:none; } .subcategory li a{ float:left; width:100%; text-align:left; } /** * @package so Categories for HikaShop * @version 1.0.0 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL * @copyright (c) 2014 YouTech Company. All Rights Reserved. * @author YouTech Company http://www.smartaddons.com * */ .clear { clear: both; } .child-cat{overflow:hidden} .so-categories { margin: 20px 0; overflow: hidden; } .so-categories .intro_text, .so-categories .footer_text { margin: 10px 0px; } .so-categories .cat-wrap { width: 100%; display: inline-block; } .so-categories .title-cat{font-size:14px;font-weight:bold;margin-bottom:5px;} /*############################################## Css Device ##################################*/ .so-categories.lt-ie9.preset01-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.lt-ie9.preset01-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.lt-ie9.preset01-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.lt-ie9.preset01-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.lt-ie9.preset01-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.lt-ie9.preset01-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.lt-ie9.preset01-1 .clr1, .so-categories.lt-ie9.preset01-2 .clr2, .so-categories.lt-ie9.preset01-3 .clr3, .so-categories.lt-ie9.preset01-4 .clr4, .so-categories.lt-ie9.preset01-5 .clr5, .so-categories.lt-ie9.preset01-6 .clr6 { clear: both; } @media all and (max-width: 320px) { .so-categories.preset05-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.preset05-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.preset05-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.preset05-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.preset05-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.preset05-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.preset05-1 .clr1, .so-categories.preset05-2 .clr2, .so-categories.preset05-3 .clr3, .so-categories.preset05-4 .clr4, .so-categories.preset05-5 .clr5, .so-categories.preset05-6 .clr6 { clear: both; } } @media all and (min-width: 321px) and (max-width: 480px) { .so-categories.preset04-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.preset04-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.preset04-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.preset04-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.preset04-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.preset04-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.preset04-1 .clr1, .so-categories.preset04-2 .clr2, .so-categories.preset04-3 .clr3, .so-categories.preset04-4 .clr4, .so-categories.preset04-5 .clr5, .so-categories.preset04-6 .clr6 { clear: both; } } @media all and (min-width: 481px) and (max-width: 768px) { .so-categories.preset03-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.preset03-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.preset03-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.preset03-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.preset03-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.preset03-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.preset03-1 .clr1, .so-categories.preset03-2 .clr2, .so-categories.preset03-3 .clr3, .so-categories.preset03-4 .clr4, .so-categories.preset03-5 .clr5, .so-categories.preset03-6 .clr6 { clear: both; } } @media all and (min-width: 769px) and (max-width: 1200px) { .so-categories.preset02-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.preset02-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.preset02-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.preset02-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.preset02-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.preset02-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.preset02-1 .clr1, .so-categories.preset02-2 .clr2, .so-categories.preset02-3 .clr3, .so-categories.preset02-4 .clr4, .so-categories.preset02-5 .clr5, .so-categories.preset02-6 .clr6 { clear: both; } } @media all and (min-width: 1201px) { .so-categories.preset01-1 .cat-wrap .content-box { float: left; margin: 0; width: 100%; } .so-categories.preset01-2 .cat-wrap .content-box { float: left; margin: 0 1%; width: 48%; } .so-categories.preset01-3 .cat-wrap .content-box { float: left; margin: 0 1%; width: 31.3333%; } .so-categories.preset01-4 .cat-wrap .content-box { float: left; margin: 0 1%; width: 23%; } .so-categories.preset01-5 .cat-wrap .content-box { float: left; margin: 0 1%; width: 18%; } .so-categories.preset01-6 .cat-wrap .content-box { float: left; margin: 0 1%; width: 14.6666%; } .so-categories.preset01-1 .clr1, .so-categories.preset01-2 .clr2, .so-categories.preset01-3 .clr3, .so-categories.preset01-4 .clr4, .so-categories.preset01-5 .clr5, .so-categories.preset01-6 .clr6 { clear: both; } } /*################################# End css Device #############################################*/ .so-categories .cat-wrap .content-box { overflow: hidden; line-height: 20px; padding-bottom: 15px; } .so-categories .cat-wrap .content-box .cat-title a { font-weight: bold; font-size:13px; } .so-categories .cat-wrap.theme1 .content-box .child-cat .child-cat-title { float: none; padding: 0; } .so-categories .cat-wrap .content-box .child-cat .child-cat-title { float: left; padding-right: 5px; } .so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title { float: left; display: inline; } .so-categories .cat-wrap.theme2 .content-box img, .so-categories .cat-wrap.theme3 .content-box img { width: 100%; display: block; max-width: 100%; box-shadow: #000 0em 0em 0em; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .so-categories .cat-wrap .image-cat { overflow: hidden; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat { float: left; width: 30%; margin: 0; margin: 0 13px 0 0; overflow: hidden; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat a { display: block; border: 0; width: 100%; float: left; overflow: hidden; font-size:13px; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat img { width: 100%; display: block; max-width: 100%; box-shadow: #000 0em 0em 0em; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .so-categories .cat-wrap img:hover { opacity: 0.8; filter: alpha(opacity=80); box-shadow: #000 0em 0em 0em; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /*#################### css for theme 2 ######################*/ .so-categories .cat-wrap.theme2 .arrow { background: url(../images/arrow.png) no-repeat; margin-top: 6px; width: 6px; height: 7px; float: left; padding-right: 10px; } .so-categories .cat-wrap.theme2 .content-box .parent-cat { float: left; margin: 0 10px 10px 0; max-width: 50%; } .so-categories .cat-wrap.theme2 .content-box .parent-cat .cat-title { padding-bottom: 5px; } .so-categories .cat-wrap.theme2 .content-box .child-cat .child-cat-title { float: none; overflow: hidden; } /*#################### css for theme 3 ######################*/ .so-categories .cat-wrap.theme3 .content-box .cat-title { } /*#################### css for theme 4 ######################*/ .so-categories.theme4 { padding: 1px; } .so-categories .cat-wrap.theme4 { border: 1px solid #CCCCCC; width: 100%; margin: 0 -1px; height: auto; } .so-categories .cat-wrap.theme4 .so-categories-inner { width: 100%; float: left; padding: 0px; margin: 0px; } .so-categories .cat-wrap.theme4 .so-categories-heading { background: url(../images/bk.gif) repeat-x; height: 24px; cursor: pointer; } .so-categories .cat-wrap.theme4 .so-categories-heading .icon_left { background: url(../images/icon.png) no-repeat; margin-top: 8px; width: 7px; height: 7px; margin-left: 5px; float: left } .so-categories .cat-wrap.theme4 .so-categories-heading .icon_right { background: url(../images/plus.gif) no-repeat; margin-top: 5px; margin-right: 5px; width: 13px; height: 13px; float: right } .so-categories .cat-wrap.theme4 .so-categories-inner.selected .icon_right { background: url(../images/minus.gif) no-repeat; } .so-categories .cat-wrap.theme4 .so-categories-heading .cat-title { padding-left: 5px; line-height: 24px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 75%; } .so-categories .cat-wrap.theme4 .so-categories-content { height: 0; overflow: hidden; width: 100%; } /* .so-categories .cat-wrap.theme4 .so-categories-inner.selected .so-categories-content{ margin:10px; margin-bottom:10px; } */ .so-categories .cat-wrap.theme4 .so-categories-content .child-cat { padding: 15px; padding-bottom: 0px; overflow: hidden; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat.cat-lastitem { padding-bottom: 15px; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat.subcat-empty { padding: 10px; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info { display: block; } .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .image-cat { float: left; margin-right: 10px; overflow: hidden; } /* .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc{ float:left; } */ .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc .child-cat-title, .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc .child-cat-title a { float: left; font-weight: bold; padding-right: 3px; font-size:13px; } @media all and (max-width: 480px) { .so-categories .cat-wrap.theme2 .content-box .parent-cat { margin: 0 0 10px 0; width: 100%; float: none; max-width: 100%; } .so-categories .cat-wrap.theme2 .content-box img { width: 100%; display: block; max-width: 100%; } } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .post-text, .pre-text { margin: 10px 20px 10px 20px; } /*############################################## Css Device ##################################*/ @media all and (max-width: 320px) { .container-slider .preset05-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset05-1 .vpo-wrap .vp { margin-right: 0; } .container-slider .preset05-1 .vpo-wrap .vp .item { float: left; margin: 0; width: 100%; } .container-slider .preset05-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset05-2 .vpo-wrap .vp { margin-right: -100%; } .container-slider .preset05-2 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 48%; } .container-slider .preset05-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset05-3 .vpo-wrap .vp { margin-right: -200%; } .container-slider .preset05-3 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 31.3333%; } .container-slider .preset05-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset05-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset05-4 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 23%; } .container-slider .preset05-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset05-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset05-5 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 18%; } .container-slider .preset05-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset05-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset05-6 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 14.6666%; } /*css_for_last*/ .container-slider .show .slider:before { display: none; } .container-slider .show-image .slider:before { display: none; } .container-slider .show.preset05-1 .item-cat-image { width: 100%; } .container-slider .show.preset05-2 .item-cat-image { width: 100%; } .container-slider .show.preset05-3 .item-cat-image { width: 100%; } .container-slider .show.preset05-4 .item-cat-image { width: 100%; } .container-slider .show.preset05-5 .item-cat-image { width: 100%; } .container-slider .show.preset05-6 .item-cat-image { width: 100%; } .container-slider .show.preset05-1 .item-sub-cat { width: 100%; } .container-slider .show.preset05-2 .item-sub-cat { width: 100%; } .container-slider .show.preset05-3 .item-sub-cat { width: 100%; } .container-slider .show.preset05-4 .item-sub-cat { width: 100%; } .container-slider .show.preset05-5 .item-sub-cat { width: 100%; } .container-slider .show.preset05-6 .item-sub-cat { width: 100%; } .container-slider .show.preset05-1 .slider { width: 100%; } .container-slider .show.preset05-2 .slider { width: 100%; } .container-slider .show.preset05-3 .slider { width: 100%; } .container-slider .show.preset05-4 .slider { width: 100%; } .container-slider .show.preset05-5 .slider { width: 100%; } .container-slider .show.preset05-6 .slider { width: 100%; } /*end css_for_last*/ /*css_for_last Class Show-Image */ .container-slider .show-image.preset05-1 .item-cat-image { width: 100%; } .container-slider .show-image.preset05-2 .item-cat-image { width: 33%; } .container-slider .show-image.preset05-3 .item-cat-image { width: 25%; } .container-slider .show-image.preset05-4 .item-cat-image { width: 20%; } .container-slider .show-image.preset05-5 .item-cat-image { width: 16.6%; } .container-slider .show-image.preset05-6 .item-cat-image { width: 14%; } .container-slider .show-image.preset05-1 .slider { width: 100%; } .container-slider .show-image.preset05-2 .slider { width: 66%; } .container-slider .show-image.preset05-3 .slider { width: 75%; } .container-slider .show-image.preset05-4 .slider { width: 80%; } .container-slider .show-image.preset05-5 .slider { width: 83%; } .container-slider .show-image.preset05-6 .slider { width: 85%; } /*end css_for_last Class Show-image*/ /*css_for_last Class Show-Sub */ .container-slider .show-sub.preset05-1 .slider:before { display: none; } .container-slider .show-sub.preset05-1 .item-sub-cat { width: 100%; } .container-slider .show-sub.preset05-2 .item-sub-cat { width: 33%; } .container-slider .show-sub.preset05-3 .item-sub-cat { width: 25%; } .container-slider .show-sub.preset05-4 .item-sub-cat { width: 20%; } .container-slider .show-sub.preset05-5 .item-sub-cat { width: 16.6%; } .container-slider .show-sub.preset05-6 .item-sub-cat { width: 14%; } .container-slider .show-sub.preset05-1 .slider { width: 100%; } .container-slider .show-sub.preset05-2 .slider { width: 66%; } .container-slider .show-sub.preset05-3 .slider { width: 75%; } .container-slider .show-sub.preset05-4 .slider { width: 80%; } .container-slider .show-sub.preset05-5 .slider { width: 83%; } .container-slider .show-sub.preset05-6 .slider { width: 85%; } .container-slider .item-cat-image .product-feature .item, .container-slider .item-cat-image .product-feature .item .transition { width: 100%; } /*end css_for_last Class Show-Sub*/ } @media all and (min-width: 321px) and (max-width: 480px) { .container-slider .slider:before { display: none; } .container-slider .preset04-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset04-1 .vpo-wrap .vp { margin-right: 0; } .container-slider .preset04-1 .vpo-wrap .vp .item { float: left; margin: 0; width: 100%; } .container-slider .preset04-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset04-2 .vpo-wrap .vp { margin-right: -100%; } .container-slider .preset04-2 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 48%; } .container-slider .preset04-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset04-3 .vpo-wrap .vp { margin-right: -200%; } .container-slider .preset04-3 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 31.3333%; } .container-slider .preset04-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset04-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset04-4 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 23%; } .container-slider .preset04-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset04-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset04-5 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 18%; } .container-slider .preset04-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset04-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset04-6 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 14.6666%; } /*css_for_last*/ .container-slider .show.preset05-1 .item-cat-image { width: 100%; } .container-slider .show.preset05-2 .item-cat-image { width: 100%; } .container-slider .show.preset05-3 .item-cat-image { width: 100%; } .container-slider .show.preset05-4 .item-cat-image { width: 100%; } .container-slider .show.preset05-5 .item-cat-image { width: 100%; } .container-slider .show.preset05-6 .item-cat-image { width: 100%; } .container-slider .show.preset05-1 .item-sub-cat { width: 100%; } .container-slider .show.preset05-2 .item-sub-cat { width: 100%; } .container-slider .show.preset05-3 .item-sub-cat { width: 100%; } .container-slider .show.preset05-4 .item-sub-cat { width: 100%; } .container-slider .show.preset05-5 .item-sub-cat { width: 100%; } .container-slider .show.preset05-6 .item-sub-cat { width: 100%; } .container-slider .show.preset05-1 .slider { width: 100%; } .container-slider .show.preset05-2 .slider { width: 100%; } .container-slider .show.preset05-3 .slider { width: 100%; } .container-slider .show.preset05-4 .slider { width: 100%; } .container-slider .show.preset05-5 .slider { width: 100%; } .container-slider .show.preset05-6 .slider { width: 100%; } /*end css_for_last*/ /*css_for_last Class Show-Image */ .container-slider .show-image.preset04-1 .item-cat-image { width: 100%; } .container-slider .show-image.preset04-2 .item-cat-image { width: 33%; } .container-slider .show-image.preset04-3 .item-cat-image { width: 25%; } .container-slider .show-image.preset04-4 .item-cat-image { width: 20%; } .container-slider .show-image.preset04-5 .item-cat-image { width: 16.6%; } .container-slider .show-image.preset04-6 .item-cat-image { width: 14%; } .container-slider .show-image.preset04-1 .slider { width: 100%; } .container-slider .show-image.preset04-2 .slider { width: 66%; } .container-slider .show-image.preset04-3 .slider { width: 75%; } .container-slider .show-image.preset04-4 .slider { width: 80%; } .container-slider .show-image.preset04-5 .slider { width: 83%; } .container-slider .show-image.preset04-6 .slider { width: 85%; } /*end css_for_last Class Show-image*/ .container-slider .show .slider:before { display: none; } .container-slider .show-image .slider:before { display: none; } /*css_for_last Class Show-Sub */ .container-slider .show-sub.preset04-1 .slider:before { display: none; } .container-slider .show-sub.preset04-1 .item-sub-cat { width: 100%; } .container-slider .show-sub.preset04-2 .item-sub-cat { width: 33%; } .container-slider .show-sub.preset04-3 .item-sub-cat { width: 25%; } .container-slider .show-sub.preset04-4 .item-sub-cat { width: 20%; } .container-slider .show-sub.preset04-5 .item-sub-cat { width: 16.6%; } .container-slider .show-sub.preset04-6 .item-sub-cat { width: 14%; } .container-slider .show-sub.preset04-1 .slider { width: 100%; } .container-slider .show-sub.preset04-2 .slider { width: 66%; } .container-slider .show-sub.preset04-3 .slider { width: 75%; } .container-slider .show-sub.preset04-4 .slider { width: 80%; } .container-slider .show-sub.preset04-5 .slider { width: 83%; } .container-slider .show-sub.preset04-6 .slider { width: 85%; } /*end css_for_last Class Show-Sub*/ } @media all and (min-width: 481px) and (max-width: 768px) { .container-slider .preset03-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset03-1 .vpo-wrap .vp { margin-right: 0; } .container-slider .preset03-1 .vpo-wrap .vp .item { float: left; margin: 0; width: 100%; } .container-slider .preset03-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset03-2 .vpo-wrap .vp { margin-right: -100%; } .container-slider .preset03-2 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 48%; } .container-slider .preset03-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset03-3 .vpo-wrap .vp { margin-right: -200%; } .container-slider .preset03-3 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 31.3333%; } .container-slider .preset03-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset03-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset03-4 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 23%; } .container-slider .preset03-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset03-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset03-5 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 18%; } .container-slider .preset03-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset03-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset03-6 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 14.6666%; } /*css_for_last - Class Show*/ .container-slider .show.preset03-1 .item-cat-image { width: 33.3%; } .container-slider .show.preset03-2 .item-cat-image { /*width: 25%;*/ } .container-slider .show.preset03-3 .item-cat-image { width: 20%; } .container-slider .show.preset03-4 .item-cat-image { width: 16.7%; } .container-slider .show.preset03-5 .item-cat-image { width: 14.3%; } .container-slider .show.preset03-6 .item-cat-image { width: 12.5%; } .container-slider .show.preset03-1 .item-sub-cat { width: 33.3%; } .container-slider .show.preset03-2 .item-sub-cat { width: 25%; } .container-slider .show.preset03-3 .item-sub-cat { width: 20%; } .container-slider .show.preset03-4 .item-sub-cat { width: 16.7%; } .container-slider .show.preset03-5 .item-sub-cat { width: 14.3%; } .container-slider .show.preset03-6 .item-sub-cat { width: 12.5%; } .container-slider .show.preset03-1 .slider { width: 33.3%; } .container-slider .show.preset03-2 .slider { /*width: 50%;*/ } .container-slider .show.preset03-3 .slider { width: 60%; } .container-slider .show.preset03-4 .slider { width: 66%; } .container-slider .show.preset03-5 .slider { width: 71.4%; } .container-slider .show.preset03-6 .slider { width: 75%; } /*end css_for_last - Class Show */ /*css_for_last Class Show-Image */ .container-slider .show-image.preset03-1 .item-cat-image { width: 100%; } .container-slider .show-image.preset03-2 .item-cat-image { width: 33%; } .container-slider .show-image.preset03-3 .item-cat-image { width: 25%; } .container-slider .show-image.preset03-4 .item-cat-image { width: 20%; } .container-slider .show-image.preset03-5 .item-cat-image { width: 16.6%; } .container-slider .show-image.preset03-6 .item-cat-image { width: 14%; } .container-slider .show-image.preset03-1 .slider { width: 100%; } .container-slider .show-image.preset03-2 .slider { width: 66%; } .container-slider .show-image.preset03-3 .slider { width: 75%; } .container-slider .show-image.preset03-4 .slider { width: 80%; } .container-slider .show-image.preset03-5 .slider { width: 83%; } .container-slider .show-image.preset03-6 .slider { width: 85%; } /*end css_for_last Class Show*/ .container-slider .show-image .slider:before { display: none; } /*css_for_last Class Show-Sub */ .container-slider .show-sub.preset03-1 .item-sub-cat { width: 100%; } .container-slider .show-sub.preset03-2 .item-sub-cat { width: 33%; } .container-slider .show-sub.preset03-3 .item-sub-cat { width: 25%; } .container-slider .show-sub.preset03-4 .item-sub-cat { width: 20%; } .container-slider .show-sub.preset03-5 .item-sub-cat { width: 16.6%; } .container-slider .show-sub.preset03-6 .item-sub-cat { width: 14%; } .container-slider .show-sub.preset03-1 .slider { width: 100%; } .container-slider .show-sub.preset03-2 .slider { width: 66%; } .container-slider .show-sub.preset03-3 .slider { width: 75%; } .container-slider .show-sub.preset03-4 .slider { width: 80%; } .container-slider .show-sub.preset03-5 .slider { width: 83%; } .container-slider .show-sub.preset03-6 .slider { width: 85%; } /*end css_for_last Class Show-Sub*/ } @media all and (min-width: 769px) and (max-width: 1200px) { .container-slider .preset02-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset02-1 .vpo-wrap .vp { margin-right: 0; } .container-slider .preset02-1 .vpo-wrap .vp .item { float: left; margin: 0; width: 100%; } .container-slider .preset02-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset02-2 .vpo-wrap .vp { margin-right: -100%; } .container-slider .preset02-2 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 48%; } .container-slider .preset02-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset02-3 .vpo-wrap .vp { margin-right: -200%; } .container-slider .preset02-3 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 31.3333%; } .container-slider .preset02-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset02-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset02-4 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 23%; } .container-slider .preset02-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset02-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset02-5 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 18%; } .container-slider .preset02-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset02-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset02-6 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 14.6666%; } /*css_for_last Class Show*/ .container-slider .show.preset02-1 .item-cat-image { width: 33.3%; } .container-slider .show.preset02-2 .item-cat-image { width: 25%; } .container-slider .show.preset02-3 .item-cat-image { width: 100%; } .container-slider .show.preset02-4 .item-cat-image { width: 16.7%; } .container-slider .show.preset02-5 .item-cat-image { width: 14.3%; } .container-slider .show.preset02-6 .item-cat-image { width: 12.5%; } .container-slider .show.preset02-1 .item-sub-cat { width: 33.3%; } .container-slider .show.preset02-2 .item-sub-cat { width: 25%; } .container-slider .show.preset02-3 .item-sub-cat { width: 20%; } .container-slider .show.preset02-4 .item-sub-cat { width: 16.7%; } .container-slider .show.preset02-5 .item-sub-cat { width: 14.3%; } .container-slider .show.preset02-6 .item-sub-cat { width: 12.5%; } .container-slider .show.preset02-1 .slider { width: 33.3%; } .container-slider .show.preset02-2 .slider { width: 50%; } .container-slider .show.preset02-3 .slider { width: 100%; } .container-slider .show.preset02-4 .slider { width: 66%; } .container-slider .show.preset02-5 .slider { width: 71.4%; } .container-slider .show.preset02-6 .slider { width: 75%; } /*end css_for_last Class Show*/ /*css_for_last Class Show-Image */ .container-slider .show-image .slider:before { display: none; } .container-slider .show-image.preset02-1 .item-cat-image { width: 100%; } .container-slider .show-image.preset02-2 .item-cat-image { width: 33%; } .container-slider .show-image.preset02-3 .item-cat-image { width: 25%; } .container-slider .show-image.preset02-4 .item-cat-image { width: 20%; } .container-slider .show-image.preset02-5 .item-cat-image { width: 16.6%; } .container-slider .show-image.preset02-6 .item-cat-image { width: 14%; } .container-slider .show-image.preset02-1 .slider { width: 100%; } .container-slider .show-image.preset02-2 .slider { width: 66%; } .container-slider .show-image.preset02-3 .slider { width: 75%; } .container-slider .show-image.preset02-4 .slider { width: 80%; } .container-slider .show-image.preset02-5 .slider { width: 83%; } .container-slider .show-image.preset02-6 .slider { width: 85%; } /*end css_for_last Class Show*/ /*css_for_last Class Show-Sub */ .container-slider .show-sub.preset02-1 .item-sub-cat { width: 100%; } .container-slider .show-sub.preset02-2 .item-sub-cat { width: 33%; } .container-slider .show-sub.preset02-3 .item-sub-cat { width: 25%; } .container-slider .show-sub.preset02-4 .item-sub-cat { width: 20%; } .container-slider .show-sub.preset02-5 .item-sub-cat { width: 16.6%; } .container-slider .show-sub.preset02-6 .item-sub-cat { width: 14%; } .container-slider .show-sub.preset02-1 .slider { width: 100%; } .container-slider .show-sub.preset02-2 .slider { width: 66%; } .container-slider .show-sub.preset02-3 .slider { width: 75%; } .container-slider .show-sub.preset02-4 .slider { width: 80%; } .container-slider .show-sub.preset02-5 .slider { width: 83%; } .container-slider .show-sub.preset02-6 .slider { width: 85%; } /*end css_for_last Class Show-Sub*/ } @media all and (min-width: 1201px) { .container-slider .preset01-1 .vpo-wrap { width: 100%; margin: 0; } .container-slider .preset01-1 .vpo-wrap .vp { margin-right: 0; } .container-slider .preset01-1 .vpo-wrap .vp .item { float: left; margin: 0; width: 100%; } .container-slider .preset01-2 .vpo-wrap { width: 50%; margin: 0 -50% 0 0; } .container-slider .preset01-2 .vpo-wrap .vp { margin-right: -100%; } .container-slider .preset01-2 .vpo-wrap .vp .item { float: left; width: 48%; } .container-slider .preset01-3 .vpo-wrap { width: 33.3333%; margin: 0 -66.6666% 0 0; } .container-slider .preset01-3 .vpo-wrap .vp { margin-right: -200%; } .container-slider .preset01-3 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 31.3333%; } .container-slider .preset01-4 .vpo-wrap { width: 25%; margin: 0 -75% 0 0; } .container-slider .preset01-4 .vpo-wrap .vp { margin-right: -300%; } .container-slider .preset01-4 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 23%; } .container-slider .preset01-5 .vpo-wrap { width: 20%; margin: 0 -80% 0 0; } .container-slider .preset01-5 .vpo-wrap .vp { margin-right: -400%; } .container-slider .preset01-5 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 18%; } .container-slider .preset01-6 .vpo-wrap { width: 16.6666%; margin: 0 -83.3333% 0 0; } .container-slider .preset01-6 .vpo-wrap .vp { margin-right: -500%; } .container-slider .preset01-6 .vpo-wrap .vp .item { float: left; margin: 0 1%; width: 14.6666%; } /*css_for_last Class Show */ .container-slider .show.preset01-1 .item-cat-image { width: 33.3%; } .container-slider .show.preset01-2 .item-cat-image { width: 25%; } .container-slider .show.preset01-3 .item-cat-image { width: 20%; } .container-slider .show.preset01-4 .item-cat-image { width: 20%; } .container-slider .show.preset01-5 .item-cat-image { width: 14.3%; } .container-slider .show.preset01-6 .item-cat-image { width: 12.5%; } .container-slider .show.preset01-1 .item-sub-cat { width: 33.3%; } .container-slider .show.preset01-2 .item-sub-cat { width: 25%; } .container-slider .show.preset01-3 .item-sub-cat { width: 20%; } .container-slider .show.preset01-4 .item-sub-cat { width: 16.7%; } .container-slider .show.preset01-5 .item-sub-cat { width: 14.3%; } .container-slider .show.preset01-6 .item-sub-cat { width: 12.5%; } /*.container-slider .show.preset01-1 .slider { width: 33.3%; } .container-slider .show.preset01-2 .slider { width: 50%; } .container-slider .show.preset01-3 .slider { width: 60%; }*/ .container-slider .show .slider { margin-right: 15px; width: 78.6%; } /*.container-slider .show.preset01-5 .slider { width: 71.4%; } .container-slider .show.preset01-6 .slider { width: 75%; }*/ /*end css_for_last Class Show*/ /*css_for_last Class Show-Image */ .container-slider .show-image .slider:before { display: none; } .container-slider .show-image.preset01-1 .item-cat-image { width: 50%; } .container-slider .show-image.preset01-2 .item-cat-image { width: 33%; } .container-slider .show-image.preset01-3 .item-cat-image { width: 25%; } .container-slider .show-image.preset01-4 .item-cat-image { width: 20%; } .container-slider .show-image.preset01-5 .item-cat-image { width: 16.6%; } .container-slider .show-image.preset01-6 .item-cat-image { width: 14%; } .container-slider .show-image.preset01-1 .slider { width: 50%; } .container-slider .show-image.preset01-2 .slider { width: 66%; } .container-slider .show-image.preset01-3 .slider { width: 75%; } .container-slider .show-image.preset01-4 .slider { width: 80%; } .container-slider .show-image.preset01-5 .slider { width: 83%; } .container-slider .show-image.preset01-6 .slider { width: 85%; } /*end css_for_last Class Show-image*/ /*css_for_last Class Show-Sub */ .container-slider .show-sub.preset01-1 .item-sub-cat { width: 50%; } .container-slider .show-sub.preset01-2 .item-sub-cat { width: 33%; } .container-slider .show-sub.preset01-3 .item-sub-cat { width: 25%; } .container-slider .show-sub.preset01-4 .item-sub-cat { width: 20%; } .container-slider .show-sub.preset01-5 .item-sub-cat { width: 16.6%; } .container-slider .show-sub.preset01-6 .item-sub-cat { width: 14%; } .container-slider .show-sub.preset01-1 .slider { width: 50%; } .container-slider .show-sub.preset01-2 .slider { width: 66%; } .container-slider .show-sub.preset01-3 .slider { width: 75%; } .container-slider .show-sub.preset01-4 .slider { width: 80%; } .container-slider .show-sub.preset01-5 .slider { width: 83%; } .container-slider .show-sub.preset01-6 .slider { width: 85%; } /*end css_for_last Class Show-Sub*/ } /*################################# End css Device #############################################*/ .container-slider { margin: 0px; position: static; overflow:auto; } .container-slider .slider { overflow: hidden; position: relative; } .container-slider .loading-placeholder { display: block; max-width: 100%; min-height: 110px; padding: 0; position: relative; width: 100%; margin: 0 auto; background: url(../images/477.GIF) no-repeat scroll center center transparent; z-index: 0; } .so-category-slider{ /*border-right:#ddd 1px solid;*/ } .so-category-slider.container-slider { border-right: 0; } .container-slider .slider .item { /*background-size: 100% 100%;*/ /*margin: 10px 10px 35px 10px;*/ } .container-slider .slider .item img { max-width:100%; display:block; vertical-align: middle; height:auto; } .container-slider .slider .item img:hover { cursor: pointer; /* opacity:0.7; */ /* filter: alpha(opacity=70); */ } .container-slider .slider .vpo-wrap .vp { position: relative; overflow: hidden; height: auto; } .container-slider .slider .vpo-wrap .vp .vpi-wrap { white-space: nowrap; font-size: 0 !important; position: absolute; top: 0; left: 0; width: 96%; height: 100%; margin: 0 2%; } .container-slider .slider .vpo-wrap .vp .item { /*margin-bottom: 2%;*/ display: inline-block; font-size: 13px; white-space: normal; vertical-align: top; float: none; } .container-slider .slider .vpo-wrap .vpi-wrap:after { display: block; height: 0; line-height: 0; content: ''; clear: both; } .container-slider .not-js .vpo-wrap, .container-slider .not-js .vpo-wrap .vp, .container-slider .not-js .vpo-wrap .vp .vpi-wrap, .container-slider .not-js .vpo-wrap .vp .item { position: static; } .container-slider .not-js .vpo-wrap .vp .item { float: left; } .container-slider #to li a { outline: none; } .container-slider .price { color: #444; } .container-slider .price-new { font-weight: bold; } .container-slider .price-old { color: #999; text-decoration: line-through; margin-left: 10px; } .container-slider .price-tax { color: #999; font-size: 12px; display: block; } /*#################################################### css for hearder #############################################*/ .container-slider .page-title { color: #2E2C2D; text-transform: uppercase; font-size: 13px; font-weight: bold; /* float: left; */ overflow: hidden; width: 75%; margin: 10px 0 8px 6px; } /*########################################## css for info item ############################################*/ .container-slider .slider .vpo-wrap .vp .item .item-wrap { border: 1px solid #EEE; margin: 20px 10px 20px 10px; overflow: hidden; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img { padding: 0px; text-align: center; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img:hover { opacity: 0.7; filter: alpha(opacity=70); } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info { padding: 16px 20px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title { font-size: 15px; margin-bottom: 10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title a { text-decoration: none; color: #444444; font-weight: bold; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-review { margin-bottom: 10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-review .stars_active { background-position: 0px -32px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title a:hover { color: #3ab54a; font-weight: bold; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-prices { margin-bottom: 10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-prices span.old-price { text-decoration: line-through; color: #e1e1e1; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-prices span { color: red; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-add-to-cart { margin-bottom: 10px; padding: 5px 0; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-add-to-cart a { display: inline; color: #FFF; text-transform: uppercase; text-decoration: none; background: #41ade2; padding: 10px; margin-bottom: 10px; margin-top: 5px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-add-to-cart a:hover { background-color: #33485f; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-detail a { text-decoration: none; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-introtext { word-wrap: break-word; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-detail a:hover { text-decoration: none; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-votes { position: relative; z-index: 2; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-votes .hikashop_total_vote { color: #FFFFFF; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-btn-add { margin-bottom: 7px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-btn-add form { margin: 0; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-btn-add .hikashop_add_to_cart { display: inline-block; margin: 5px 5px 5px 0px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-btn-add .hikashop_add_wishlist { display: inline-block; margin: 5px 5px 5px 0px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content { margin: 0px; display: block; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-desc { font-size: 11px; margin-bottom: 7px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-prices { margin-bottom: 7px; font-size: 15px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-price { color: #FF0000; font-weight: bold; font-family: Georgia; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-content .item-detail { text-align: right; font-size: 12px; /* margin-top:5px; */ } /*css spotlight*/ .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight { position: absolute; left: 0; bottom: 0; padding: 10px 0 10px 0; width: 100%; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-inner { position: relative; padding: 8px 10px 0px 10px; overflow: hidden; margin-right: 10px; margin-left: 10px; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content a, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title a, .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-title { position: relative; color: white; z-index: 2; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-content { padding-bottom: 2px; height: 0px; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight:hover .item-content { height: auto; } .container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info.item-spotlight .item-bg { position: absolute; bottom: 0px; left: 0px; background: #000; opacity: 0.7; filter: alpha(opacity=70); height: 100%; width: 100%; z-index: 1; } /*#################################################################*/ .container-slider .control-button:after { clear: both; } .container-slider .control-button:before, .container-slider .control-button:after { content: ""; display: table; } .container-slider .control-button.preload { display: none; } /*css last*/ .post-text, .pre-text { margin: 10px 20px 10px 20px; } .container-slider .page-top { display: block; position: relative; border-bottom: 2px solid #eee; margin-bottom: 20px; } /*css for title category parent*/ .container-slider .page-title-categoryslider { font-size: 133.33%; text-transform: uppercase; font-weight: bold; /*border-bottom: 2px solid #eee;*/ position: relative; display: inline-block; } .container-slider .page-title-categoryslider span { display: inline-block; line-height: 30px; position: relative; } .container-slider .page-title-categoryslider span:before { background: none repeat scroll 0 0 #ff9600; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; } /*next,pre*/ .container-slider .page-button { position: absolute; right: 0; top: 0; z-index: 9999; } .container-slider .page-button ul { margin: 0; padding: 0; margin-top: 10px; list-style-type: none; overflow: hidden; } .container-slider .page-button ul li { width: 25px; height: 25px; display: inline-block; content: ""; text-indent: -9999px; border: 1px solid #eeeeff; text-align: center; background: #fff; position: relative; } .container-slider .page-button ul li:hover { background: #3ab54a; cursor: pointer; } .container-slider .page-button ul li.preview:before { margin-right: 5px; background: url("../images/mega_i.png") no-repeat scroll -30px -572px rgba(0, 0, 0, 0); content: ""; height: 12px; width: 10px; left: 8px; top: 6px; position: absolute } .container-slider .page-button ul li.next:before { background: url("../images/mega_i.png") no-repeat scroll -31px -542px rgba(0, 0, 0, 0); content: ""; height: 12px; width: 10px; left: 8px; top: 6px; position: absolute; } .container-slider .categoryslider-content { float: left; overflow: hidden; display: block; width: 100%; /*border: 1px solid #eeeeff;*/ position: relative; background-color: #fff; margin-bottom: 10px; } /*image_category_parent*/ .container-slider .item-cat-image { float: right; height: 100%; border: 1px solid #ddd; /*width: 20%;*/ } .container-slider .item-cat-image a { display: block; } .container-slider .item-cat-image img { width: 100%; } .container-slider .item-cat-image .product-feature { padding: 0 10px; } .container-slider .item-cat-image .product-feature .item, .container-slider .item-cat-image .product-feature .item .transition { /*width: 100%;*/ overflow: hidden; /*clear: both;*/ } .container-slider .item-cat-image .product-feature .item .image { float: left; width: 60px; margin-right: 10px; } .container-slider .item-cat-image .product-feature .item .caption { /*width: calc(100% - 70px); float: left;*/ } /*--------------*/ /*product_item*/ .container-slider .show .slider { float: left; /*width: 78% !important;*/ } .container-slider .show-image .slider { float: left; } .container-slider .show-sub .slider { float: left; } .container-slider .item-sub-cat { float: right; } .container-slider .item-sub-cat ul { margin: 0; padding: 0; list-style-type: none; /*margin-top: 20px;*/ } .container-slider .item-sub-cat ul li { margin: 0; padding: 0; display: list-item; /*margin-bottom: 10px;*/ overflow: hidden; display: inline-block; line-height: 30px; } .container-slider .item-sub-cat ul li a { /* padding-left: 25px;*/ color: #444444; position: relative; text-decoration: none; word-wrap: break-word; float: left; } .container-slider .item-sub-cat ul li a:hover { color: #23a1d1; font-weight: bold; } .container-slider .item-sub-cat ul li a:hover:before { /*background: url("../images/mega_i.png") no-repeat scroll -32px -1795px rgba(0, 0, 0, 0);*/ } .container-slider .item-sub-cat ul li a:before { /*background: url("../images/mega_i.png") no-repeat scroll -32px -1795px rgba(0, 0, 0, 0); content: ""; height: 15px; left: 20px; position: absolute; top: 11px; width: 7px;*/ } .container-slider .icon-cate { position: absolute; z-index: 9999; background: url("../images/mega_i.png") no-repeat scroll -10px -1127px rgba(0, 0, 0, 0); bottom: -5px; height: 50px; right: -5px; width: 50px; } .container-slider .icon-cate a { text-indent: -9999px; display: block; height: 100%; } /*-------------nav--------------*/ .container-slider .owl2-nav .owl2-prev, .container-slider .owl2-nav .owl2-next{ background: #797575 none repeat scroll 0 0; color: #fff; cursor: pointer; font-family: Arial; font-size: 20px; font-weight: 600; width: 40px; height: 40px; line-height: 38px; /*border-radius: 50%;*/ margin: 0; opacity: 0.5; outline: medium none; text-align: center; vertical-align: middle; } .container-slider .owl2-nav .owl2-prev:hover, .container-slider .owl2-nav .owl2-next:hover{ background: #229ac8; } .container-slider .page-top .page-title-categoryslider .owl2-controls{ margin-top: 17px; } .so-category-slider-rtl .page-top .page-title-categoryslider .owl2-controls, .so-category-slider-ltr .owl2-nav .owl2-prev, .so-category-slider-ltr .owl2-nav .owl2-next{ float: left; } .so-category-slider-ltr .page-top .page-title-categoryslider .owl2-controls, .so-category-slider-rtl .owl2-nav .owl2-prev, .so-category-slider-rtl .owl2-nav .owl2-next{ float: right; } /*--------------Sale---------------*/ .product-thumb .image span.label-sale:after{ /*border-left: 8px solid transparent; border-top: 9px solid #e74c3c; bottom: -6px; content: ""; position: absolute; right: 8px;*/ } .container-slider .product-thumb .image span.label-sale{ background-color: #ffd200; right: 10px; top: 10px; z-index:3; color: #222; } .container-slider .product-thumb .image .label-new, .container-slider .product-thumb .image .label-sale { display: block; font-size: 12px; height: 38px; width: 38px; line-height: 32px; border-radius: 50%; /*min-width: 56px;*/ /*padding: 3px 10px;*/ position: absolute; text-align: center; text-transform: uppercase; z-index: 1; } /*--------------New---------------*/ .container-slider .product-thumb .image span.label-new:after{ border-right: 8px solid transparent; border-top: 9px solid #1e91cf; bottom: -6px; content: ""; position: absolute; left: 8px; } .container-slider .product-thumb .image span.label-new{ background: #1e91cf none repeat scroll 0 0; left: 10px; top: 10px; z-index:3; } /* Hover Image*/ .container-slider .slider .item .image .img-thumb1 { position: relative; z-index: 2; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition: all 0.3s ease-in-out; } .container-slider .slider .item .image .img-thumb2 { position: absolute; z-index: 1; top: 0; left: 0; transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transition: all 0.3s ease-in; } .product-thumb .image a{ overflow: hidden; position: relative; } .container-slider .slider .item .image:hover .img-thumb1{ transform: translateX(110%); -moz-transform: translateX(110%); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transition: all 0.3s ease-in-out; } .container-slider .slider .item .image:hover .img-thumb2{ transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transition: all 0.3s ease-in; } .so-category-slider .item-time { /* position: absolute; */ /* bottom: -85px; */ /* left: 5px; */ /* right: 5px; */ display:block; overflow:hidden; margin:0 -15px; margin-bottom:10px; margin-top: 10px; } .so-category-slider .product-feature .product-thumb{ margin-bottom:10px; } .so-category-slider .item-timer { text-align: center; } .so-category-slider .item-timer .time-item { float: left; float: left; font-size: 14px; font-weight: 400; line-height: 30px; color:#000; width:25%; display:inline-flex; text-align: center; } .so-category-slider .num-time { display:inline-block; background: none repeat scroll 0 0 #eee; width:100%; margin: 0 5px; } .so-category-slider .time-item:first-child .num-time{ margin-left:0; } .so-category-slider .time-item:last-child .num-time{ margin-right:0; } .so-category-slider .name-time { font-size: 12px; font-weight: 300; } .so-category-slider .item-cat-image .owl2-controls { width:100%; text-align:center; } .so-category-slider .item-cat-image .owl2-controls .owl2-dots .owl2-dot { display: inline-block; } .so-category-slider .item-cat-image .owl2-dots .owl2-dot { display: block; width: 12px; height: 12px; margin: 4px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #797575; cursor: pointer; vertical-align: middle; } .so-category-slider .item-cat-image .owl2-dots .owl2-dot:hover, .so-category-slider .item-cat-image .owl2-dots .owl2-dot.active { filter: Alpha(Opacity=100); opacity: 1; background: #77f9f1; } .so-category-slider .item .caption .available { background-color: #eee; height: 13px; width: 100%; display: inline-block; border-radius: 7px; position: relative; z-index: 2; overflow: hidden; } .so-category-slider .item .caption .available .color_width { background: #ff9600; position: absolute; height: 100%; left: 0; border-radius: 7px; } .so-category-slider .item .caption .number-sold { text-align: center; } /*.so-category-slider .owl2-controls .owl2-nav .owl2-prev, .so-category-slider .owl2-controls .owl2-nav .owl2-next { position: absolute; top: 50%; transform: translate(0,-50%); margin-top: -20px; } .so-category-slider .owl2-controls .owl2-nav .owl2-prev { left: 0; } .so-category-slider .owl2-controls .owl2-nav .owl2-next { right: 0; }*/ .container-slider .show .item-bestseller { width: 20.5%; float: right; border: 1px solid #ddd; } .container-slider .item-cat-image h3 { border-bottom: 1px solid #ddd; padding: 0 10px; margin: 0; line-height: 40px; text-transform: uppercase; font-size: 18px; font-weight: bold; } .so-category-slider .item-bestseller ul { padding: 0; margin: 0; list-style-type: none; } .so-category-slider .item-bestseller ul li { width: 100%; /*margin-bottom: 30px;*/ float: left; } .so-category-slider .item-bestseller ul li .left-block { width: 30%; float: left; margin-right: 10px; } .so-category-slider .item-bestseller .item-bestseller-inner { padding: 0 10px; overflow: hidden; } .popup_bg{ background: #0b0b0b none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.8; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1042; } .popup-close{ color: #000; font-family: Arial,Baskerville,monospace; font-size: 28px; font-style: normal; height: 44px; line-height: 44px; opacity: 0.65; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; width: 44px; background: transparent none repeat scroll 0 0; border: 0 none; box-shadow: none; cursor: pointer; display: block; outline: medium none; overflow: visible; padding: 0; z-index: 1046; } .popup-close:hover{ color: #000; opacity: 1; } .so_newletter_custom_popup{ z-index: 2042; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; animation:iconosani 2.5s forwards; -webkit-animation: iconosani 2.5s forwards; -moz-animation: iconosani 2.5s forwards; -o-animation: iconosani 2.4s forwards; } .so-custom-popup{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .so-custom-default{ border:#f5f5f5 1px solid; border-radius:5px; } .so-custom-popup h3,.so-custom-default h3,.so-custom-popup .form-group,.so-custom-default .form-group{ margin: 0; padding: 5px; } /* .so-custom-popup .popup-content .signup{ margin: 10px 0; padding: 10px 0 10px 10px; } */ .so-custom-popup .popup-content .signup input,.so-custom-default .signup input{ width: 50%; border-radius: 0; } .so-custom-popup .popup-content .signup .send-mail,.so-custom-default .send-mail{ margin: 10px 0 0 0; padding: 7px 10px; border: none; background: #47c843; color: #fff; text-transform: uppercase; } .so-custom-popup .popup-content .signup .smns-input-heading,.so-custom-default .smns-input-heading{ margin: 5px 0; font-weight: bold; } .so-custom-popup .popup-content .signup .email, .so-custom-default .email{ margin: 10px 0; } /* .so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .popup-title{ padding: 20px 10px 30px 10px; color: #111111; font-size: 26px; line-height: 100%; text-transform: uppercase; } */ .so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .popup-title,.so-custom-default .popup-title{ font-size: 26px; line-height: 100%; } .so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content .newsletter_promo,.so-custom-default .newsletter_promo{ padding: 10px; font-size: 12px; margin:0; line-height: 100%; } .so_newletter_custom_popup .so-custom-popup .oca_popup .popup-content,.so-custom-default .modcontent{ padding: 20px 10px; } .hidden-popup{ padding: 0 0 0 10px; } .hidden-popup .inline{ position: relative; top: -2px; } .mfp-close-btn-in .mfp-close{ color: #fff; } @media all and (max-width: 359px){ .so-custom-oca-popup{ width: 80%; } .so-custom-popup .popup-content .signup input{ width: 80% ; } } @media all and (min-width: 360px) and (max-width: 639px){ .so-custom-oca-popup{ width: 80%; } } @media all and (min-width: 768px) and (max-width: 1199px) { .so_newletter_oca_popup{ width: 100%; } } @charset "UTF-8"; /* [2] */ /* [8] */ /*=============================================== [SASS DIRECTORY ] [1] Minxin Link [2] Minxin Button [3] Minxin Triangle [4] Minxin LABEL PRODUCT [5] Minxin Scrollbars [6] Minxin Dev Custom ==============================================*/ .no-margin { margin: 0 !important; } .marginbottom__3x { margin-bottom: 30px; } @-webkit-keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); } } @keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } /*Dev Custom */ /*====================================================*/ .lib-list-item-product2 { border: none; } .lib-list-item-product2 .image-dev .list-button-dev { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .lib-list-item-product2 .image-dev .list-button-dev li { display: inline-block; float: left; height: 40px; width: 40px; background: #fff; position: relative; border-width: 0 1px 0 0; border-style: solid; border-color: #ddd; opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(40px); -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -ms-transform: translateX(40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(-40px); -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:first-child { border-left: 1px solid #ddd; } .lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button { background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 40px; text-align: center; box-shadow: none; border: none; color: #555; width: 40px; padding: 0; } .lib-list-item-product2 .image-dev .list-button-dev li:hover { background: #ff5e00; } .lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button { color: #fff; } .lib-list-item-product2 .caption-dev { text-align: center; padding: 0 15px; } .lib-list-item-product2 .caption-dev .rating-dev { margin: 5px 0; } .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x { font-size: 11px; } .lib-list-item-product2 .caption-dev .title-dev { color: #444; font-size: 13px; } .lib-list-item-product2 .caption-dev .price-dev .price.product-price { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-new { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-old { font-size: 12px; } .lib-list-item-product2 .caption-dev .add-cart-dev { background: #fff; border: 1px solid #ddd; font-size: 12px; text-transform: uppercase; color: #999; font-weight: bold; box-shadow: none; border-radius: 0; padding: 6px 20px; margin: 0 0 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li { opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } /*EFECT PRODUCT NUMBER*/ .lib-two-img { position: relative; display: block; } .lib-two-img .img-1 { opacity: 1; position: relative; transition: all 0.5s ease-in-out; } .lib-two-img .img-2 { position: absolute; z-index: 0; top: 0; opacity: 0; display: block; transition: all 0.5s ease-in-out; left: 50%; transform: translateX(-50%); } .lib-two-img-over .img-1 { opacity: 0; transform-style: inherit; transition: all 0.5s ease-in-out; } .lib-two-img-over .img-2 { opacity: 1; transform-style: inherit; transition: all 0.5s ease-in-out; } /*EFFECT SLIDERHOME*/ @keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-moz-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } /* ================================================================================ */ /*.footer-container{ margin-top: 40px; }*/ .common-home .typefooter-1 { margin-top: 80px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .common-home footer.typefooter-1 { margin-top: 30px; } footer.typefooter-1 { margin-top: 0px; } footer.typefooter-1 .footer-top { margin-top: 0; } } .typefooter-1 { margin-top: 50px; background-color: #f5f5f5; position: relative; /* GENERAL */ /* FOOTER BOTTOM */ } .typefooter-1 .module .modtitle { color: #222; font-size: 16px; line-height: 20px; margin-bottom: 25px; font-weight: 600; text-transform: uppercase; position: relative; padding-bottom: 6px; } .typefooter-1 .module .modtitle:after { position: absolute; content: ""; width: 70px; height: 2px; left: 0; bottom: 0; } .typefooter-1 .box-footer { margin-top: 10px; } .typefooter-1 .box-footer .modcontent ul li a { border: 0 none; padding: 0; font-weight: 400; line-height: 30px; position: relative; padding-left: 20px; display: inline-block; } .typefooter-1 .box-footer .modcontent ul li a:before { font-family: 'FontAwesome'; content: "\f192"; font-size: 8px; position: absolute; top: 0px; left: 0; } .typefooter-1 .container { overflow: unset; } .typefooter-1 .footer-top { border-radius: 5px; padding: 30px 15px; margin-top: -50px; } .typefooter-1 .footer-middle { padding-top: 55px; padding-bottom: 30px; } .typefooter-1 .newsletter-footer1 .newsletter .title-block { width: 40%; float: left; } .typefooter-1 .newsletter-footer1 .newsletter .title-block .page-heading { font-size: 18px; line-height: 42px; font-weight: 600; text-transform: uppercase; color: #fff; } .typefooter-1 .newsletter-footer1 .newsletter .title-block .promotext { font-size: 14px; color: #fff; display: none; } .typefooter-1 .newsletter-footer1 .newsletter .block_content { width: 60%; float: left; } @media (min-width: 1200px) and (max-width: 1649px) { .typefooter-1 .newsletter-footer1 .newsletter .block_content { padding-left: 20px; } } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup { display: block; margin: 0; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group { position: relative; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group .input-box { background-color: #fff; vertical-align: top; padding-right: 120px; border-radius: 5px; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group .subcribe { position: absolute; top: 0; right: 0; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control { height: 42px; line-height: 42px; font-size: 12px; width: 100%; box-shadow: none; padding: 0 0 0 20px; border: none; background-color: #fff; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control::-moz-placeholder { color: #666; opacity: 1; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control:-ms-input-placeholder { color: #666; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control::-webkit-input-placeholder { color: #666; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .form-group input.form-control:focus { z-index: 0; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button { background-color: #222; border: 0 none; color: #fff; font-weight: 600; font-size: 14px; height: 42px; line-height: 42px; padding: 0 17px; text-transform: uppercase; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .typefooter-1 .newsletter-footer1 .newsletter .block_content form.signup .subcribe button:hover { color: #fff; } .typefooter-1 .socials-w h2 { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #fff; float: left; margin-right: 20px; line-height: 42px; margin-bottom: 0; margin-top: 0; } .typefooter-1 .socials { float: left; } .typefooter-1 .socials li { position: relative; float: left; margin: 0 5px; } .typefooter-1 .socials li a { color: #fff; font-size: 18px; width: 42px; height: 42px; line-height: 42px; text-align: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; display: block; } .typefooter-1 .socials li a span { display: none; } .typefooter-1 .socials li a:hover { background-color: #fff; } .typefooter-1 .infos-footer ul { margin-top: 20px; } .typefooter-1 .infos-footer ul li { background: url(../../Common/FrontendTheme/image/icon/icon-contact.png) no-repeat left top; line-height: 25px; list-style: outside none none; padding: 10px 0px 10px 40px; text-transform: capitalize; } .typefooter-1 .infos-footer ul li a { color: #666; transition: all 0.3s ease 0s; } .typefooter-1 .infos-footer ul li.adres { background-position: left 14px; padding-top: 0; } .typefooter-1 .infos-footer ul li.phone { background-position: left -55px; } .typefooter-1 .infos-footer ul li.mail { background-position: left -100px; } .typefooter-1 .infos-footer ul li.time { background-position: left -144px; } .typefooter-1 .footer-b { border-top: 1px solid #ddd; text-align: center; margin: 0; } .typefooter-1 .bottom-cont { width: 56%; margin: 0 auto; text-align: center; padding-top: 40px; padding-bottom: 22px; } .typefooter-1 .footer-links { margin-top: 30px; margin-bottom: 15px; } .typefooter-1 .footer-links li { display: inline-block; margin-bottom: 10px; padding: 0 12px; line-height: 100%; } .typefooter-1 .footer-links li a { color: #333; font-weight: 600; text-transform: uppercase; } .typefooter-1 .copyright-w { background-color: #222; margin-top: 35px; padding: 20px 0; } .typefooter-1 .footer-bottom { text-align: center; color: #fff; } @media (min-width: 1200px) and (max-width: 1649px) { .typefooter-1 .col-infos { padding-left: 0; } .typefooter-1 .infos-footer ul li { padding: 5px 0px 5px 40px; } .typefooter-1 .infos-footer ul li.adres { background-position: left 22px; padding-top: 0; } .typefooter-1 .infos-footer ul li.phone { background-position: left -46px; } .typefooter-1 .infos-footer ul li.mail { background-position: left -103px; } .typefooter-1 .infos-footer ul li.time { background-position: left -147px; } .typefooter-1 .bottom-cont { width: 70%; } } .typeheader-1 .header-top@charset "UTF-8"; /* [2] */ /* [8] */ /*=============================================== [SASS DIRECTORY ] [1] Minxin Link [2] Minxin Button [3] Minxin Triangle [4] Minxin LABEL PRODUCT [5] Minxin Scrollbars [6] Minxin Dev Custom ==============================================*/ .no-margin { margin: 0 !important; } .marginbottom__3x { margin-bottom: 30px; } @-webkit-keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); } } @keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } /*Dev Custom */ /*====================================================*/ .lib-list-item-product2 { border: none; } .lib-list-item-product2 .image-dev .list-button-dev { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .lib-list-item-product2 .image-dev .list-button-dev li { display: inline-block; float: left; height: 40px; width: 40px; background: #fff; position: relative; border-width: 0 1px 0 0; border-style: solid; border-color: #ddd; opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(40px); -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -ms-transform: translateX(40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(-40px); -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:first-child { border-left: 1px solid #ddd; } .lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button { background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 40px; text-align: center; box-shadow: none; border: none; color: #555; width: 40px; padding: 0; } .lib-list-item-product2 .image-dev .list-button-dev li:hover { background: #ff5e00; } .lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button { color: #fff; } .lib-list-item-product2 .caption-dev { text-align: center; padding: 0 15px; } .lib-list-item-product2 .caption-dev .rating-dev { margin: 5px 0; } .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x { font-size: 11px; } .lib-list-item-product2 .caption-dev .title-dev { color: #444; font-size: 13px; } .lib-list-item-product2 .caption-dev .price-dev .price.product-price { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-new { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-old { font-size: 12px; } .lib-list-item-product2 .caption-dev .add-cart-dev { background: #fff; border: 1px solid #ddd; font-size: 12px; text-transform: uppercase; color: #999; font-weight: bold; box-shadow: none; border-radius: 0; padding: 6px 20px; margin: 0 0 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li { opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } /*EFECT PRODUCT NUMBER*/ .lib-two-img { position: relative; display: block; } .lib-two-img .img-1 { opacity: 1; position: relative; transition: all 0.5s ease-in-out; } .lib-two-img .img-2 { position: absolute; z-index: 0; top: 0; opacity: 0; display: block; transition: all 0.5s ease-in-out; left: 50%; transform: translateX(-50%); } .lib-two-img-over .img-1 { opacity: 0; transform-style: inherit; transition: all 0.5s ease-in-out; } .lib-two-img-over .img-2 { opacity: 1; transform-style: inherit; transition: all 0.5s ease-in-out; } /*EFFECT SLIDERHOME*/ @keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-moz-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } /*=============================================== [SASS DIRECTORY ] [1] BLOCK HEADER ==============================================*/ .typeheader-1 { /*background: url(../../image/bg/bg-header1.jpg) no-repeat left 36px;*/ /*=====SEARCH ======*/ /*BLOCK CART*/ /*MENU MEGA*/ /*-- MEGA MENU VERTICAL --*/ } .typeheader-1.navbar-compact { background-position: left 0; } .typeheader-1.navbar-compact .header-middle { padding: 10px 0; margin: 0; } .typeheader-1.navbar-compact .container-megamenu.horizontal ul.megamenu > li > a strong img { display: none; } .typeheader-1.navbar-compact .search-header-w { margin-top: 3px; } .typeheader-1 .header-top { color: #222222; background-color: #f5f5f5; font-size: 12px; min-height: 36px; } .typeheader-1 .header-top .module { display: table-cell; margin-bottom: 0; } .typeheader-1 .header-top .header-top-right { text-align: right; } .typeheader-1 .header-top .dropdown-menu li { line-height: 22px; } .typeheader-1 .header-top .header-top-right { display: inline-block; } .typeheader-1 .header-middle { clear: both; margin: 25px 0 16px 0; } .typeheader-1 .header-bottom { clear: both; } .typeheader-1 .header-bottom .container { position: relative; } .typeheader-1 .header-bottom .container .bottom3 { position: absolute; bottom: 8px; right: 0; } .typeheader-1 .telephone { float: right; font-size: 12px; } .typeheader-1 .telephone b { font-size: 14px; font-weight: 600; } .typeheader-1 .telephone ul li { display: inline-block; position: relative; list-style: outside none none; padding-left: 18px; margin-left: 18px; padding-right: 0; } .typeheader-1 .telephone ul li:after { background-color: rgba(255, 255, 255, 0.4); content: ""; height: 11px; position: absolute; left: 0; top: 9px; width: 1px; } .typeheader-1 .telephone ul li a { color: #fff; text-transform: capitalize; } .typeheader-1 .telephone ul li a i { margin-right: 5px; } .typeheader-1 .lang-curr { float: right; } .typeheader-1 .signin-w { padding-left: 30px; float: right; color: #fff; font-size: 12px; } .typeheader-1 .signin-w ul li { float: left; } .typeheader-1 .signin-w ul li a { color: #fff; } .typeheader-1 .signin-w ul li a:hover { color: #222; } .typeheader-1 .welcome-msg { font-size: 12px; line-height: 36px; clear: both; } .typeheader-1 .wishlist-comp { float: right; margin-right: 20px; } .typeheader-1 .wishlist-comp li { /*width: 40px;*/ height: 40px; list-style: none; float: left; padding-top: 8px; margin-left: 15px; } .typeheader-1 .wishlist-comp li.wishlist { margin-top: 3px; } .typeheader-1 .wishlist-comp li a i { font-size: 26px; color: #fff; } .typeheader-1 .wishlist-comp li a span { display: none; } .typeheader-1 .wishlist-comp li a.top-link-wishlist { width: 35px; height: 32px; text-align: center; overflow: hidden; display: block; text-indent: -999em; } .typeheader-1 .wishlist-comp li a.top-link-wishlist:before { font-family: 'FontAwesome'; content: "\f004"; font-size: 26px; color: #fff; display: block; text-indent: 0; } .typeheader-1 .wishlist-comp li a.top-link-wishlist:hover:before { color: #333; } .typeheader-1 .wishlist-comp li a:hover i { color: #333; } .typeheader-1 ul.top-link { list-style: none; margin: 0; vertical-align: top; display: inline-flex; } .typeheader-1 ul.top-link > li { position: relative; list-style: outside none none; padding-left: 20px; margin-left: 20px; padding-right: 0; font-size: 12px; } .typeheader-1 ul.top-link > li.language { min-height: 23px; } .typeheader-1 ul.top-link > li .btn-group { line-height: 35px; } .typeheader-1 ul.top-link > li .btn-group .btn-link { padding: 0; border: none; font-size: 12px; } .typeheader-1 ul.top-link > li .fa-caret-down { font-size: 12px; } .typeheader-1 ul.top-link > li:after { background-color: #d3d3d3; content: ""; height: 11px; position: absolute; left: 0; top: 13px; width: 1px; } .typeheader-1 ul.top-link > li > a { font-size: 12px; padding-left: 3px; } .typeheader-1 ul.top-link > li.account { line-height: 35px; } .typeheader-1 ul.top-link > li.account > a { padding: 0; margin: 0; } .typeheader-1 ul.top-link > li.account:before { content: "\f007"; font-family: FontAwesome; font-size: 12px; } .typeheader-1 ul.top-link > li.account .dropdown-menu { left: 0; right: auto; } .typeheader-1 ul.top-link > li.wishlist:before { content: "\f004"; font-family: FontAwesome; font-size: 11px; } .typeheader-1 ul.top-link > li.account:hover ul.dropdown-link { top: 34px; z-index: 9999; opacity: 1; border-top: 1px solid rgba(200, 199, 199, 0.3); } .typeheader-1 ul.top-link > li.welcome-msg, .typeheader-1 ul.top-link > li:first-child { padding-left: 0px; margin-left: 0px; } .typeheader-1 ul.top-link > li.welcome-msg:after, .typeheader-1 ul.top-link > li:first-child:after { display: none; } .typeheader-1 #sosearchpro .search { position: relative; margin: 0; width: 100%; border-radius: 3px; } .typeheader-1 #sosearchpro .search .select_category { border: none; border-right: 1px solid #d7d7d7; background-color: #f5f5f5; border-bottom-left-radius: 3px; border-top-left-radius: 3px; width: 22%; } .typeheader-1 #sosearchpro .search .select_category select { height: 40px; line-height: 40px; color: #666; font-size: 12px; padding: 0 15px; } .typeheader-1 #sosearchpro .search .select_category select:hover { cursor: pointer; } .typeheader-1 #sosearchpro .search .select_category.icon-select:after { color: #999; background-color: #f5f5f5; font-size: 16px; line-height: 42px; right: 0; left: auto; } .typeheader-1 #sosearchpro .search button { position: absolute; top: 2px; right: 2px; height: 36px; text-align: center; line-height: 36px; padding: 0 35px; font-size: 14px; color: #fff; background-color: #222; border-radius: 0; text-transform: upper-case; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .typeheader-1 #sosearchpro .search button i { font-size: 12px; color: #fff; } .typeheader-1 #sosearchpro .search button span { display: none; } .typeheader-1 #sosearchpro .search input { border: none; border-radius: 0px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background-color: #fff; z-index: 0; height: 40px; padding-left: 20px; font-size: 12px; width: 100%; background-color: #fff; color: #999; } .typeheader-1 #sosearchpro .search input::-moz-placeholder { color: #999; opacity: 1; } .typeheader-1 #sosearchpro .search input:-ms-input-placeholder { color: #999; } .typeheader-1 #sosearchpro .search input::-webkit-input-placeholder { color: #999; } .typeheader-1 #sosearchpro .search input:focus { z-index: 0; } .typeheader-1 .shopping_cart { float: right; position: relative; margin-top: 3px; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart { position: relative; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c { width: 40px; height: 40px; border-radius: 50%; float: left; text-align: center; line-height: 40px; background-color: #fff; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c i { font-size: 18px; } @media (min-width: 991px) and (-webkit-min-device-pixel-ratio: 0) { .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .icon-c { padding-top: 3px; } } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner { float: left; color: #fff; margin-left: 15px; margin-top: 8px; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart { font-size: 14px; font-weight: 600; margin-top: 0px; margin-bottom: 4px; line-height: 100%; text-transform: uppercase; padding-right: 5px; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart { font-size: 12px; float: left; line-height: 100%; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart2 { display: none; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_carts { color: #fff; } .typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart { width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; position: absolute; top: -6px; left: 27px; font-size: 12px; color: #fff; background-color: #222; } .typeheader-1 .shopping_cart .dropdown-menu { top: 100%; right: -15px; left: auto; color: #666; } .typeheader-1 .shopping_cart .shoppingcart-box:before { right: 50px; } .typeheader-1 .megamenu-style-dev .navbar-default { background: transparent; } .typeheader-1 .container-megamenu.horizontal ul.megamenu > li > a { line-height: 100%; color: #fff; } .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.item-special, .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.item-purchase { display: none; } .typeheader-1 .container-megamenu.vertical { position: relative; } .typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container { background-color: #222; } .typeheader-1 .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container:after { font-family: 'FontAwesome'; content: "\f107"; font-size: 16px; color: #fff; position: absolute; right: 20px; top: 0; font-weight: 400; } .common-home .typeheader-1 { margin-bottom: 30px; } .common-home .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.home > a { color: #fff; } .typeheader-1 .container-megamenu.horizontal ul.megamenu > li:hover > a, .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.active > a, .typeheader-1 .container-megamenu.horizontal ul.megamenu > li.menu_active > a { color: #222; } @media (min-width: 1200px) and (max-width: 1649px) { .typeheader-1 .bottom1 { width: 21%; } .typeheader-1 .main-menu-w { width: 61%; } .typeheader-1 .bottom3 { width: 30%; } .typeheader-1 .container-megamenu.vertical .vertical-wrapper { margin-bottom: 30px; } .typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu > a { padding-top: 12px; padding-bottom: 12px; } .typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore { padding-top: 12px; padding-bottom: 15px; } .typeheader-1 .container-megamenu.vertical .vertical-wrapper ul.megamenu .loadmore i { top: 12px; } .typeheader-1 #sosearchpro .search .select_category { width: 26%; } } @media (min-width: 1366px) and (max-width: 1649px) { .typeheader-1 .telephone ul li:first-child { display: none; } } .wrapper-boxed .typeheader-1 .telephone ul li:first-child { display: none; } @charset "UTF-8"; /******************************************* *** SO Framework: Sass *** *******************************************/ /* [2] */ /* [8] */ /*=============================================== [SASS DIRECTORY ] [1] Minxin Link [2] Minxin Button [3] Minxin Triangle [4] Minxin LABEL PRODUCT [5] Minxin Scrollbars [6] Minxin Dev Custom ==============================================*/ .no-margin { margin: 0 !important; } .marginbottom__3x { margin-bottom: 30px; } @-webkit-keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @keyframes animLoadedLogo { to { -webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } } @-webkit-keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @keyframes animLoadedLoader { to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); } } @keyframes animInitialHeader { from { opacity: 0; -webkit-transform: translate3d(0, 800px, 0); transform: translate3d(0, 800px, 0); } } /*Dev Custom */ /*====================================================*/ .lib-list-item-product2 { border: none; } .lib-list-item-product2 .image-dev .list-button-dev { position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); } .lib-list-item-product2 .image-dev .list-button-dev li { display: inline-block; float: left; height: 40px; width: 40px; background: #fff; position: relative; border-width: 0 1px 0 0; border-style: solid; border-color: #ddd; opacity: 0; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(40px); -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -ms-transform: translateX(40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0.2s; z-index: 2; } .lib-list-item-product2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(-40px); -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); z-index: 1; transition-delay: 0s; } .lib-list-item-product2 .image-dev .list-button-dev li:first-child { border-left: 1px solid #ddd; } .lib-list-item-product2 .image-dev .list-button-dev li a, .lib-list-item-product2 .image-dev .list-button-dev li button { background: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 40px; text-align: center; box-shadow: none; border: none; color: #555; width: 40px; padding: 0; } .lib-list-item-product2 .image-dev .list-button-dev li:hover { background: #228b22; } .lib-list-item-product2 .image-dev .list-button-dev li:hover a, .lib-list-item-product2 .image-dev .list-button-dev li:hover button { color: #fff; } .lib-list-item-product2 .caption-dev { text-align: center; padding: 0 15px; } .lib-list-item-product2 .caption-dev .rating-dev { margin: 5px 0; } .lib-list-item-product2 .caption-dev .rating-dev .fa-stack-2x { font-size: 11px; } .lib-list-item-product2 .caption-dev .title-dev { color: #444; font-size: 13px; } .lib-list-item-product2 .caption-dev .price-dev .price.product-price { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-new { font-size: 16px; } .lib-list-item-product2 .caption-dev .price-dev .price-old { font-size: 12px; } .lib-list-item-product2 .caption-dev .add-cart-dev { background: #fff; border: 1px solid #ddd; font-size: 12px; text-transform: uppercase; color: #999; font-weight: bold; box-shadow: none; border-radius: 0; padding: 6px 20px; margin: 0 0 30px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li { opacity: 1; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(1) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(2) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(3) { transition-delay: 0s; } .lib-list-item-product-over2 .image-dev .list-button-dev li:nth-child(4) { transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition-delay: 0.2s; } /*EFECT PRODUCT NUMBER*/ .lib-two-img { position: relative; display: block; } .lib-two-img .img-1 { opacity: 1; position: relative; transition: all 0.5s ease-in-out; } .lib-two-img .img-2 { position: absolute; z-index: 0; top: 0; opacity: 0; display: block; transition: all 0.5s ease-in-out; left: 50%; transform: translateX(-50%); } .lib-two-img-over .img-1 { opacity: 0; transform-style: inherit; transition: all 0.5s ease-in-out; } .lib-two-img-over .img-2 { opacity: 1; transform-style: inherit; transition: all 0.5s ease-in-out; } /*EFFECT SLIDERHOME*/ @keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-webkit-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } @-moz-keyframes myeffect-slideshow { 0% { opacity: 0; transform: translateY(-300px); -webkit-transform: translateY(-300px); -moz-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); } 100% { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } } /* 1.Large devices Desktops ( Devices ≥1200px) * 2.Medium devices Desktops (992px ≥ Devices ≥ 1199px) * 3.Small devices Tablets (991px ≥ Devices ≥ 768px) * 4.Extra small devices Phones ( Devices < 767px) */ @media (max-width: 480px) { /************************************************************************************************ BLOCK HEADER ************************************************************************************************ */ /*[] HEADER DEFFAULT []*/ /*[] HEADER 1 []*/ /*[] HEADER 2 []*/ /*[] HEADER 3 []*/ /* ********************************************************************************************** BLOCK HOME PAGE *************************************************************************************************/ /*[] LAYOUT 1 []*/ /*[] LAYOUT 2 []*/ /*[] LAYOUT 3 []*/ /************************************************************************************************ BLOCK FOOTER *************************************************************************************************/ /*[] FOOTER DEFFAULT []*/ /************************************************************************************************ PAGE LISTING ************************************************************************************************ */ /************************************************************************************************ PAGE DETAIL ************************************************************************************************ */ /************************************************************************************************ PAGE BONUSS ************************************************************************************************ */ /********************** POPUP LOGIN, NEWSLETTER ***********************************/ /*=== popup categories -====*/ .common-home .container { overflow: visible; } header { /*.collapsed-block .tabBlock .top-link > li{ width: 33% !important; &.wishlist{ display: none; } }*/ } header .header-top-right ul.top-link > li.wishlist { display: none; } header .btn-shopping-cart .dropdown-menu { min-width: 300px; } header.typeheader-1 { /*.logo > a > img{ max-width: 170px; } div.search-header-w{ top: -35px; } .shopping_cart{ top: -43px; }*/ } header.typeheader-2 .logo > a > img { max-width: 170px; } header.typeheader-2 .search-header-w { top: -35px; } header.typeheader-2 .shopping_cart { top: -43px; } header.typeheader-3 .logo > a > img { max-width: 170px; } header.typeheader-3 .search-header-w { top: -35px; } header.typeheader-3 .shopping_cart { top: -43px; } body .banners > div a::after, body .banners > div a::before { display: none !important; } .layout-1.common-home #content .main-right .module div.modtitle span { font-size: 18px; } .layout-1.common-home #content .main-right .module div.modtitle { border: none; } .layout-1.common-home #content .main-right .module div.modtitle span { width: 100%; } .layout-1.common-home #content .main-right .module div.modtitle:after { display: none; } .layout-1 .deals-layout1 .viewall { display: none; } .layout-1 .deals-layout1 .cslider-item-timer .product_time_maxprice .time-item { margin-left: 0; margin-right: 16px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item { width: 100%; } footer.typefooter-1 .socials-w .socials li.linkedin, footer.typefooter-1 .socials-w .socials li.skype { display: none; } .products-list.list .product-layout .product-item-container { display: inline-block; } .products-list.list .product-layout .product-item-container .left-block { width: 100%; } .products-list.list .product-layout .product-item-container .right-block { margin-left: 0; margin-top: 20px; display: inline-block; padding: 0; } .products-list.list .product-layout .product-item-container .right-block .caption .ratings { position: static; margin-bottom: 10px; } .product-view .content-product-right .box-info-product .detail-action { margin-left: 0; margin-top: 20px; clear: both; } .producttab .tabsslider.horizontal-tabs .nav-tabs li { display: inline-block; width: 100%; } .producttab .tabsslider.horizontal-tabs .nav-tabs li a { display: inline-block; width: 100%; } .thumb-vertical-outer ul li .thumbnail.active { margin-top: 35%; } .product-view .content-product-right .share .socials-wrap ul li { margin-left: 25px; } .producttab .tabsslider.horizontal-tabs .nav-tabs li a::after { display: none; } .related-horizontal h3.modtitle span { font-size: 25px; } .thumb-vertical-outer { padding: 20px 0; } .product-view .content-product-right .countdown_box .countdown_inner .title { display: none; } .deals_module_wrapper .title-product { margin-top: 20px; } .producttab .tabsslider .nav-tabs li { float: none; } .product-view .content-product-right { margin-top: 20px; } .our-member .respl-item .w-image-box, .welcome-about-us .image-about-us { width: 100%; float: none; margin: 0; text-align: center; } .our-member .respl-item .info-member, .welcome-about-us .des-about-us { margin: 20px 0; text-align: justify; } .happy-about-us .happy-ab .title-happy-about h2 { font-size: 16px; } .title-decimal { line-height: 100%; } .table-responsive.checkout-product { overflow-y: hidden; } .table-responsive { overflow-y: auto; } body .block-popup-login { width: 295px; } body .block-popup-login .block-content .col-reg { width: 100%; } body .block-popup-login .block-content .col-reg.registered-account { border-right: none; } body .block-popup-login .block-content .col-reg.login-customer { padding-left: 0; } .so-onepagecheckout .coupon-voucher input[type="text"] { width: 100%; } #so_popup_countdown .modal-dialog { background-color: #75bef3; } #so_popup_countdown .modal-footer img { width: 100%; display: none; } #so_popup_countdown .modal-footer #so_countdown_timer { top: 20px; left: 10px; } #so_popup_countdown .modal-footer #so_countdown_timer .time-item { width: 56px; height: 56px; line-height: 18px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .ds-items .ds-item .ds-item-inner .ds-image-thumb { height: 86px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-nav .slick-prev, .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-nav .slick-next { bottom: 23px; } } @media (max-width: 767px) and (min-width: 480px) { /*=== popup categories -====*/ .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .ds-items .ds-item .ds-item-inner .ds-image-thumb { height: 91px; } .category-featured .ltabs-wrap .wap-listing-tabs .ltabs-item .item-inner { width: 100%; } .product-category .products-list .product-layout.product-grid { width: 50%; } .product-listing .products-list.grid .product-layout { width: 50%; float: left; } .product-listing .products-list.grid .visible-xs-block { display: none; clear: none; } .product-listing .products-list.grid .visible-xs-block:after { clear: none; } .producttab .tabsslider.horizontal-tabs .nav-tabs { padding: 15px 5px; } .producttab .tabsslider.horizontal-tabs .nav-tabs li { margin: 3px; } .producttab .tabsslider.horizontal-tabs .nav-tabs li a { padding: 13px 15px !important; } .common-home.layout-1 .product-simple .so-extraslider .extraslider-inner .item .item-inner { width: 50%; float: left; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner .image { width: 60px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner .caption { margin-left: 75px; } .layout-2 .so-category-slider.cate-slider3 .products-list .product-grid .product-item-container .left-block { width: 60px; } .layout-2 .so-category-slider.cate-slider3 .products-list .product-grid .product-item-container .right-block { margin-left: 75px; } .typefooter-2 .infos-footer ul li.adres { background-position: left 0px; } #so_popup_countdown .modal-dialog { width: 97% !important; } #so_popup_countdown .modal-footer img { width: 100%; } #so_popup_countdown .modal-footer #so_countdown_timer { top: 45px; } } @media (max-width: 767px) { /************************************************************************************************ SHOW MORE CONTENT *************************************************************************************************/ /************************************************************************************************ BLOCK HEADER ************************************************************************************************ */ /*=== MENU ===*/ /*============*/ /*=== MENU ===*/ /*[] HEADER DEFAULT []*/ /*[] HEADER 1 []*/ /*[] HEADER 2 []*/ /*[] HEADER 3 []*/ /* ********************************************************************************************** BLOCK HOME PAGE *************************************************************************************************/ /*[] LAYOUT 1 []*/ /*[] LAYOUT 2 []*/ /*[] LAYOUT 3 []*/ /* *********************************************************************************************** BLOCK FOOTER *************************************************************************************************/ /*[] FOOTER 1 []*/ /*[] FOOTER 2 []*/ /*[] FOOTER 3 []*/ /************************************************************************************************ PAGE LISTING ************************************************************************************************ */ /************************************************************************************************ PAGE DETAIL ************************************************************************************************ */ /************************************************************************************************ DEFTAULT MENU ************************************************************************************************ */ /*MEGA MENU*/ /*MENU STIKY*/ .product-image-zoom { pointer-events: none; } .common-home .container { overflow: visible; padding-left: 15px; padding-right: 15px; } .description-toggle { display: block !important; text-align: center; background-color: transparent; margin: 10px; } .description-toggle a { background-color: transparent; text-transform: uppercase; font-weight: 400; color: #666; } .description-toggle a:hover, .description-toggle a:focus, .description-toggle a:active { color: #228b22; background-color: transparent; box-shadow: none; } .description-toggle a.active .toggle-less { display: block; } .description-toggle a.active .toggle-more { display: none; } .description-toggle a .toggle-less { display: none; } .description-toggle a .toggle-more { display: block; } .description-has-toggle { position: relative; overflow: hidden; } .description-has-toggle.in { max-height: none; overflow: visible; display: block !important; } .description-has-toggle.in:before { display: none; } .description-has-toggle:before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%); } .footer-main { min-height: 200px; max-height: 200px; display: block; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li a { color: #ddd; font-size: 13px; } #content ul.megamenu li.active .sub-menu .content, header ul.megamenu li.active .sub-menu .content { padding-bottom: 10px; } #content .container-megamenu.horizontal ul.megamenu > li, header .container-megamenu.horizontal ul.megamenu > li { float: none; } #content .container-megamenu.horizontal ul.megamenu > li > a img, header .container-megamenu.horizontal ul.megamenu > li > a img { display: none; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li { border-bottom: none; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover { background-color: transparent; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore { border-radius: 0; padding: 5px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore i, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore i { color: #666; top: 11px; right: 0; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore .more-view, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore .more-view { color: #ddd; font-size: 13px; } #content .container-megamenu.horizontal ul.megamenu > li, header .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li .main-menu { margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li { padding: 0; } .container-megamenu.horizontal .sub-menu .content-feature { margin: 0 -5%; } .container-megamenu.horizontal .sub-menu .content-feature li { width: 40%; margin: 0 5%; margin-bottom: 10px; } .container-megamenu.horizontal .sub-menu .content-feature li span { line-height: 20px; margin: 10px 0; } .container-megamenu.horizontal .sub-menu .content-feature li.detail { margin-top: 0; } .container-megamenu.horizontal .sub-menu .feature-blog .col-sm-12 { width: 50%; margin-top: 0 !important; margin-bottom: 15px; float: left; } .responsive ul.megamenu .item-style1 .sub-menu .content .row > div { border: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories { padding: 0px; } .megamenu-style-dev.responsive ul.megamenu .sub-menu .content .row > div { border: none; padding-top: 0; } .megamenu-style-dev.responsive ul.megamenu > li.menu-layouts .sub-menu .item-layouts .col-md-4 { margin-bottom: 0 !important; } header .container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .categories { padding: 0; } header .container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .static-menu > .menu { padding: 0; } header .container-megamenu.horizontal ul.megamenu .item-style2 .sub-menu .content .product { padding: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories .static-menu .menu > ul > li { margin-bottom: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul { margin: 10px -15px; } header .responsive ul.megamenu .sub-menu .content .row > div { margin-top: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul { padding: 0; } header .megamenu-style-dev .vertical ul.megamenu > li > a { font-size: 14px; } header.typeheader-1 { background-repeat: repeat-y; } header.typeheader-1 .search-header-w { position: relative; top: 5px; z-index: 99; float: left; margin-left: 0; } header.typeheader-1 .search-header-w .icon-search { width: 40px; height: 40px; text-align: center; line-height: 40px; } header.typeheader-1 .search-header-w .icon-search i { font-size: 18px; color: #fff; } header.typeheader-1 .search-header-w .icon-search.active i::before { content: "\f00d"; } header.typeheader-1 .search-header-w .icon-search:hover { cursor: pointer; } header.typeheader-1 .search-header-w #sosearchpro .search { display: none; position: absolute; top: 40px; left: 0; margin-right: 0; padding: 0; width: 270px; } header.typeheader-1 .search-header-w #sosearchpro .search input { width: 270px; border: 1px solid #eaeaea; height: 40px; line-height: 40px; } header.typeheader-1 .search-header-w #sosearchpro .search .input-group-btn { right: 2px; top: 1px; height: 38px; line-height: 38px; position: absolute; } header.typeheader-1 .search-header-w #sosearchpro .search button { background-color: #fff; border-radius: 3px; color: #999; padding: 0 10px; height: 38px; line-height: 38px; } header.typeheader-1 .search-header-w #sosearchpro .search button i { color: #666; font-size: 16px; } header.typeheader-1 .search-header-w #sosearchpro .search button span { display: none; } header.typeheader-1 .logo { text-align: center; } header.typeheader-1 #sosearchpro .search input { border-radius: 3px; } header.typeheader-1 #cart .dropdown-menu { margin-right: 0; } header.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart, header.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_cart2, header.typeheader-1 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_carts { display: none; } header.typeheader-1 .shopping_cart .dropdown-menu { right: 0px; } header.typeheader-1 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 9px; } header.typeheader-2 .header-middle { padding: 25px 0; } header.typeheader-2 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 7px; } header.typeheader-2 .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; width: 100%; } header.typeheader-2 .container-megamenu.vertical { z-index: 9; } header.typeheader-2 ul.top-link > li { margin-left: 5px; } header.typeheader-2 .logo { text-align: center; } header.typeheader-2 .shopping_cart { top: -47px; } header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner { min-height: 50px; } header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart, header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_cart2, header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_carts { display: none; } header.typeheader-2 .shopping_cart .dropdown-menu { right: 0px; } header.typeheader-2 .search-header-w { position: relative; top: -40px; float: left; } header.typeheader-2 .search-header-w .icon-search { width: 40px; height: 40px; text-align: center; line-height: 40px; } header.typeheader-2 .search-header-w .icon-search i { font-size: 18px; color: #222; } header.typeheader-2 .search-header-w .icon-search.active i::before { content: "\f00d"; } header.typeheader-2 .search-header-w .icon-search:hover { cursor: pointer; } header.typeheader-2 .search-header-w #sosearchpro .search { display: none; position: absolute; top: 40px; left: 0px; margin-right: 0; padding: 0; width: 270px; border-radius: 0; border: 1px solid #eaeaea; } header.typeheader-2 .search-header-w #sosearchpro .search input { width: 268px; padding-right: 40px; height: 40px; line-height: 40px; border-radius: 0; } header.typeheader-2 .search-header-w #sosearchpro .search .input-group-btn { right: 2px; top: 1px; height: 38px; line-height: 38px; position: absolute; } header.typeheader-2 .search-header-w #sosearchpro .search button { background-color: #fff; border-radius: 3px; color: #999; padding: 0 10px; height: 38px; line-height: 38px; top: 1px; } header.typeheader-2 .search-header-w #sosearchpro .search button i { color: #666; font-size: 16px; display: block; } header.typeheader-2 .search-header-w #sosearchpro .search button span { display: none; } header.typeheader-2 .middle2, header.typeheader-2 .middle3 { height: 0; } header.typeheader-3 .header-middle { padding: 25px 0; } header.typeheader-3 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 7px; } header.typeheader-3 .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; } header.typeheader-3 .container-megamenu.vertical { z-index: 9; } header.typeheader-3 ul.top-link > li { padding-left: 5px; } header.typeheader-3 .logo { text-align: center; } header.typeheader-3 .shopping_cart { top: -47px; } header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner { min-height: 50px; } header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .text-shopping-cart, header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_cart2, header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .items_carts { display: none; } header.typeheader-3 .shopping_cart .dropdown-menu { right: 0px; } header.typeheader-3 .search-header-w { position: relative; top: -40px; float: left; } header.typeheader-3 .search-header-w .icon-search { width: 40px; height: 40px; text-align: center; line-height: 40px; } header.typeheader-3 .search-header-w .icon-search i { font-size: 18px; color: #222; } header.typeheader-3 .search-header-w .icon-search.active i::before { content: "\f00d"; } header.typeheader-3 .search-header-w .icon-search:hover { cursor: pointer; } header.typeheader-3 .search-header-w #sosearchpro .search { display: none; position: absolute; top: 40px; left: 0px; margin-right: 0; padding: 0; width: 270px; border-radius: 0; border: 1px solid #eaeaea; } header.typeheader-3 .search-header-w #sosearchpro .search input { width: 268px; padding-right: 40px; height: 40px; line-height: 40px; border-radius: 0; } header.typeheader-3 .search-header-w #sosearchpro .search .input-group-btn { right: 2px; top: 1px; height: 38px; line-height: 38px; position: absolute; } header.typeheader-3 .search-header-w #sosearchpro .search button { background-color: #fff; border-radius: 3px; color: #999; padding: 0 10px; height: 38px; line-height: 38px; top: 1px; } header.typeheader-3 .search-header-w #sosearchpro .search button i { color: #666; font-size: 16px; display: block; } header.typeheader-3 .search-header-w #sosearchpro .search button span { display: none; } header.typeheader-3 .middle2, header.typeheader-3 .middle3 { height: 0; } #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-arrow, #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected { float: left; border-radius: 0 !important; } #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected { text-align: left; } #content .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab { margin-left: 20px; text-align: left; } body .so-fb-message { display: none; } .layout-1 .main-right .product-simple { margin-top: 30px; } .layout-1 .policy-w > a > img { display: none; } .layout-1 .blog-sidebar .so-blog-external .blog-external-simple .media .item .media-left { width: 100%; } .layout-1 .static-cates ul li { width: 50%; margin-bottom: 10px; } .layout-1 .static-cates ul li:last-child { display: none; } .layout-1 .banners3 .item1, .layout-1 .banners3 .item3 { display: none; } .layout-1 .banners3 .item2 { width: 100%; } .layout-1 .so-category-slider.container-slider .item-sub-cat { float: left; margin-top: 12px; width: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } .layout-1 .so-category-slider.container-slider .item-sub-cat ul li { display: inline-block; float: none; } .layout-1 .so-category-slider.container-slider .item-sub-cat ul li a { padding-left: 0; padding-right: 15px; padding-top: 0; } .layout-1 .so-category-slider.container-slider .item-cat-image { width: 100%; } .layout-1 .so-category-slider.container-slider .category-slider-inner { width: 100%; } .layout-1 .so-category-slider.container-slider .page-top .page-title-categoryslider { font-size: 16px; } .layout-1 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab .ltabs-tab-label { font-size: 14px; text-transform: capitalize; font-weight: 400; } .layout-1 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab:after { display: none; } .layout-1 .banners4 .col-xs-12 { margin-bottom: 5px; } .common-home.layout-2 .custom-slidercates.so-categories .owl2-controls .owl2-nav .owl2-prev { left: 0 !important; } .common-home.layout-2 .custom-slidercates.so-categories .owl2-controls .owl2-nav .owl2-next { right: 0 !important; } .layout-2 .so-category-slider.cate-slider2 .page-top { text-align: center; padding-top: 20px; } .layout-2 .so-category-slider.cate-slider2 .page-top .item-sub-cat { float: none; margin-top: 10px; } .layout-2 .so-category-slider.cate-slider2 .page-top .item-sub-cat a { float: none; padding: 0 10px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner { /* .image{ width: 75px; } .caption{ margin-#{$left}: 85px;}*/ } .layout-2 .so-category-slider.cate-slider2 .product-feature { padding-bottom: 5px; } .layout-2 .bannerstop { display: none; } .layout-2 .block-policy1 ul li { width: 100%; margin-bottom: 10px; } .layout-2 .block-policy1 ul li.item-4, .layout-2 .block-policy1 ul li.item-5 { display: none; } .layout-2 .so-category-slider.container-slider .modtitle { top: 0; width: 100%; position: static; } .layout-2 .so-category-slider.container-slider .modtitle:after { display: none; } .layout-2 .so-category-slider.container-slider { margin-top: 25px; } .layout-2 .so-category-slider.container-slider .item-sub-cat { float: left; margin-top: 12px; } .layout-2 .so-category-slider.container-slider .item-sub-cat ul li a { padding-left: 0; padding-right: 10px; padding-top: 0; } .layout-2 .container-slider .show.preset02-4 .item-cat-image, .layout-2 .container-slider .show.preset02-4 .slider { width: 100%; } .layout-2 .banners1 { display: none; } .layout-2 .bannersb, .layout-2 .banner-text { display: none; } .layout-2 .so-category-slider.cate-slider3 .products-list .product-grid .product-item-container .left-block { width: 80px; } .layout-2 .so-category-slider.cate-slider3 .products-list .product-grid .product-item-container .left-block .product-image-container a img { padding: 0; } .layout-2 .so-category-slider.cate-slider3 .products-list .product-grid .product-item-container .right-block { margin-left: 95px; padding: 0; } .common-home.layout-3 .custom-slidercates.so-categories .owl2-controls .owl2-nav .owl2-prev { left: 0 !important; } .common-home.layout-3 .custom-slidercates.so-categories .owl2-controls .owl2-nav .owl2-next { right: 0 !important; } .layout-3 .banners1 { display: none; } .layout-3 .banners3 .item1 { display: none; } .layout-3 .banners3 .item2 { width: 100%; } .layout-3 .banners5 a img { margin-bottom: 10px; } .layout-3 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab .ltabs-tab-label { font-size: 14px; text-transform: capitalize; font-weight: 400; } .layout-3 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab:after { display: none; } .layout-3 .block-policy1 ul li .item-inner { margin-bottom: 10px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .image { width: 100%; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .caption { width: 100%; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-time-w .time-title, .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .caption .desc { display: none; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .image a img { padding: 0 15px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-available { margin-top: 0; } .layout-3 .so-category-slider.cate-slider3 { margin-top: 30px; } .layout-3 .so-category-slider.cate-slider3 .item-sub-cat { float: left; margin-top: 5px; } .layout-3 .so-category-slider.cate-slider3 .item-sub-cat ul li a { padding-left: 0; padding-right: 20px; padding-top: 0; } .layout-3 .so-category-slider.cate-slider3 .modtitle { top: 0; } .layout-3 .so-category-slider.cate-slider3 .modtitle:after { display: none; } .layout-3 .socials-w { padding: 10px 5px; border-radius: 3px; margin-top: 20px; } .layout-3 .socials-w h2 { display: none; } .layout-3 .socials-w .socials { float: none; text-align: center; } .layout-3 .socials-w .socials li { float: none; display: inline-block; } .layout-3 .socials-w .socials li a { width: 33px; height: 37px; line-height: 37px; } .typefooter-1 { margin-top: 30px; } .typefooter-1 .footer-top { margin-top: 0; } footer.typefooter-1 .col-clear { clear: both; } footer.typefooter-1 .bottom-cont { width: 90%; } footer.typefooter-1 .socials-w h2 { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .title-block { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .block_content { width: 100%; } footer.typefooter-1 .socials-w .socials { margin-bottom: 10px; } footer.typefooter-1 .infos-footer ul li { padding: 5px 0px 5px 40px; } footer.typefooter-1 .infos-footer ul li.adres { background-position: left 22px; padding-top: 0; } footer.typefooter-1 .infos-footer ul li.phone { background-position: left -46px; } footer.typefooter-1 .infos-footer ul li.mail { background-position: left -100px; } footer.typefooter-1 .infos-footer ul li.time { background-position: left -148px; } footer.typefooter-2 .so-page-builder .container { padding: 0 15px; } footer.typefooter-2 .module .modtitle { margin-bottom: 15px; } footer.typefooter-2 .col-newsl { padding: 0 15px; } footer.typefooter-2 .socials-w { padding: 10px 5px; border-radius: 3px; margin-top: 20px; } footer.typefooter-2 .socials-w h2 { display: none; } footer.typefooter-2 .socials-w .socials { float: none; text-align: center; } footer.typefooter-2 .socials-w .socials li { float: none; display: inline-block; } footer.typefooter-2 .socials-w .socials li a { width: 33px; height: 37px; line-height: 37px; } footer.typefooter-2 .footer-bottom { text-align: center; } footer.typefooter-2 .footer-bottom .payment-w { text-align: center; margin-top: 10px; } footer.typefooter-3 .footer-top > .container { padding: 0 15px; } footer.typefooter-3 .newsletter-footer3 { padding: 20px; } footer.typefooter-3 .newsletter-footer3 .newsletter { padding-left: 0; background: none; } footer.typefooter-3 .app-store.module h3.modtitle { display: none; } footer.typefooter-3 .app-store.module ul li { margin: 0 10px 0 0; } footer.typefooter-3 .app-store { margin-bottom: 15px; } footer.typefooter-3 .payment { text-align: left; } .current-name { font-size: 20px; } aside.left_column { margin-bottom: 30px; } .products-category .product-compare { margin: 10px 0 0 0 !important; } .product-view .content-product-right { margin-top: 30px; } .product-simple .so-extraslider .extraslider-inner .item .item-inner { width: 100%; } .content-aside .product-simple .so-extraslider .extraslider-inner .owl2-item .item { display: inline-block; } .content-aside .product-simple .so-extraslider .extraslider-inner .owl2-item .item .item-inner { width: 100%; } .producttab .tabsslider.horizontal-tabs .tab-content { padding: 30px 10px; } .thumb-vertical-outer { padding: 20px 0; } .bg-page-404 { overflow: hidden; } .style-dev-so-deals .so-deal .extraslider-inner.item-inner-dev .image-dev .list-button-dev li.so-quickview { display: none; } #content .filter-horizontal ul { display: block; } #content .filter-horizontal li.so-filter-options { width: 100%; border: none; } .zoomContainer { display: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu { border: none !important; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .sub-menu .content { padding: 20px !important; } .megamenu-style-dev { /*z-index: 999;*/ } .megamenu-style-dev .container-megamenu.horizontal ul.megamenu > li > a strong img, .megamenu-style-dev .container-megamenu.vertical:after { display: none; } .megamenu-style-dev .navbar-default .vertical #menuHeading { display: none !important; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu { right: 0 !important; left: auto; } .megamenu-style-dev.responsive #remove-megamenu { display: block; color: #fff; cursor: pointer; font-size: 15px; } .megamenu-style-dev.responsive .so-megamenu-active #remove-megamenu { color: #fff; } .megamenu-style-dev.responsive .megamenu-wrapper { border: none; border-radius: 0; } .megamenu-style-dev.responsive div[class^=col-] { width: 100%; } .megamenu-style-dev.responsive ul.megamenu > li { display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 1px 0; overflow: hidden; } .megamenu-style-dev.responsive ul.megamenu > li a { line-height: 25px; } .megamenu-style-dev.responsive ul.megamenu > li.click:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:before { padding: 0 !important; font-size: 14px; background: #666; color: #fff; border: 1px solid #6a6d71; width: 30px; line-height: 30px; height: 32px; display: inline-block; text-align: center; margin-top: -1px; right: 0; left: auto; } .megamenu-style-dev.responsive ul.megamenu > li.click:hover:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:hover:before { cursor: pointer; } .megamenu-style-dev.responsive ul.megamenu > li.active { padding: 0; } .megamenu-style-dev.responsive ul.megamenu > li.active .sub-menu { display: block !important; } .megamenu-style-dev.responsive ul.megamenu > li.active > a { background: #222 !important; color: #fff; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu { padding: 0; width: 30px; line-height: 30px; background: #33363a; height: auto; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu:before { color: #fff; font-size: 12px; line-height: 18px; } .megamenu-style-dev.responsive .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content { box-shadow: none; border: 1px solid #eee; padding: 20px; } .megamenu-style-dev .navbar-default .horizontal .navbar-header { float: right; } .megamenu-style-dev .navbar-default .horizontal .navbar-toggle { margin: 0px; height: 40px; color: #fff; border-radius: 4px; background-color: transparent; border: none; float: right; cursor: pointer; padding: 0px; } .megamenu-style-dev .navbar-default .horizontal .navbar-toggle .icon-bar { background: #fff; width: 20px; height: 2px; margin: 4px 0; border-radius: 0; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper { background: #333 !important; padding: 20px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li.active > a { padding: 0 10px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a { color: #fff !important; padding: 0 !important; font-size: 14px; line-height: 29px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a:hover { color: #228b22; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content .title-submenu { padding: 0; margin: 0; border: none; } .megamenu-style-dev .navbar-default .horizontal .features-menu .column.layout-color a { display: inline-block; } .megamenu-style-dev .navbar-default .horizontal .features-menu .column a { margin: 0 0 30px; display: block; } .megamenu-style-dev .navbar-default .vertical #menuHeading { display: block; margin: 0; } .megamenu-style-dev .navbar-default .vertical ul.megamenu { position: relative; background: transparent; } .megamenu-style-dev .navbar-default .vertical ul.megamenu > li { background: transparent; } .megamenu-style-dev .navbar-default .vertical .navbar-header { position: relative; top: 7px; float: left; } .megamenu-style-dev .navbar-default .vertical .navbar-header .title-navbar { display: none; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500; margin: 0; padding: 0; border: none; background-color: transparent !important; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle i { font-size: 14px; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle .icon-bar { background: #fff; width: 12px; height: 2px; margin-top: 2px; border-radius: 0; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle:hover { color: #fff; } .megamenu-style-dev .navbar-default .vertical #remove-verticalmenu { display: block; color: #fff; cursor: pointer; font-size: 16px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper { position: fixed; background: #333 !important; padding: 20px !important; width: 280px; max-height: 100%; top: 0; z-index: 99; border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper.so-vertical-active { display: block !important; opacity: 1; visibility: visible; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); position: relative; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li:before { display: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li .main-menu { text-transform: uppercase; margin: 0 0 10px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li a:hover { color: #228b22; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li:hover > a { color: #228b22; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li ul { box-shadow: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li ul li { padding: 5px 0; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu li .sub-menu .content { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content { padding: 15px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li b { display: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 0; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a { padding: 2px 0; background: transparent !important; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a strong { color: #ddd; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.loadmore { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li a { line-height: inherit; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:before { font-size: 14px; color: #ddd; height: 32px; line-height: 32px; width: 30px; background: #666; text-align: center; cursor: pointer; border: 1px solid #6a6d71; padding: 0 !important; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:hover:before { color: #fff; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active { background: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { background: #666; font-size: 14px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu:before { color: #ddd; line-height: 31px; } .module.so-latest-blog.slider-post-sidebar .so-blog-external .blog-external .media .so-block { margin-right: 20px; } .item-article .title-decimal { line-height: 22px; } header.navbar-compact { display: none; } header .horizontal ul.megamenu > li > .sub-menu { border: none; } #wrapper { overflow-x: hidden; } ul.megamenu li.active .sub-menu .content { padding: 0 10px; } #sosearchpro.search-pro .input-group .autosearch-input { padding: 0 40px 0 20px; } .navbar-toggle { margin-left: 15px; margin-right: 0; } .simple_blog-article .product-filter { display: none; } #so_popup_countdown { display: none !important; } .modal-backdrop.in { opacity: 0; filter: alpha(opacity=0); } .product-search .content-main #input-search { margin-bottom: 10px; } body.modal-open, .hidden-scorll { overflow: auto; } body #so_popup_countdown, .modal-backdrop { display: none !important; } .media-box-link--figure .icon { font-size: 50px; } .product-compare .table { display: inline-block; overflow-x: scroll; } .seller-usergroup .seller_logo { width: 100%; margin-bottom: 20px; } .article--style2 .article--maintitle { position: static; background: #333; } .article--style4 .article--maincontent { margin-top: 0; } .article--style5 .article--maintitle { position: static; transform: none; } .article--style5 .article--maintitle h3 { font-size: 13px; } .article--style5 .article--maintitle .article-title, .article--style5 .article--maintitle .article-sub-title { font-size: 12px; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab:after { display: none; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span { font-size: 13px; font-weight: 400; text-transform: capitalize; } .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .left-block, .category-featured .ltabs-wrap .wap-listing-tabs .product-item-container .right-block { width: 100%; } .products-list .product-list .product-item-container { display: inline-block; width: 100%; } .products-list .product-list .product-item-container .list-block { clear: none; padding-left: 15px; } .products-list .product-list .product-item-container .right-block { padding-left: 15px; } .products-list .product-layout .product-item-container .product-card__gallery { display: none; } } @media (min-width: 768px) and (max-width: 991px) { /************************************************************************************************ SHOW MORE CONTENT *************************************************************************************************/ /************************************************************************************************ BLOCK HEADER ************************************************************************************************ */ /*=== MENU ===*/ /*============*/ /*=== MENU ===*/ /*[] HEADER 1 []*/ /*[] HEADER 2 []*/ /*[] HEADER 3 []*/ /* ********************************************************************************************** BLOCK HOME PAGE *************************************************************************************************/ /*[] LAYOUT 1 []*/ /*[] LAYOUT 2 []*/ /*[] LAYOUT 3 []*/ /* *********************************************************************************************** BLOCK FOOTER *************************************************************************************************/ /*[] FOOTER DEFAULT []*/ /*[] FOOTER 1 []*/ /*[] FOOTER 2 []*/ /*[] FOOTER 3 []*/ /************************************************************************************************ PAGE LISTING ************************************************************************************************ */ /************************************************************************************************ PAGE DETAIL ************************************************************************************************ */ /************************************************************************************************ DEFTAULT MENU ************************************************************************************************ */ /*MEGA MENU*/ /*MENU STIKY*/ /************************************************************************************************ PAGE BONUS *************************************************************************************************/ /*.banner-left{ display: none; }*/ .common-home .container { overflow: visible; padding-left: 15px; padding-right: 15px; } .description-toggle { display: block !important; text-align: center; background-color: transparent; margin: 10px; } .description-toggle a { background-color: transparent; text-transform: uppercase; font-weight: 400; color: #666; } .description-toggle a:hover, .description-toggle a:focus, .description-toggle a:active { color: #228b22; background-color: transparent; box-shadow: none; } .description-toggle a.active .toggle-less { display: block; } .description-toggle a.active .toggle-more { display: none; } .description-toggle a .toggle-less { display: none; } .description-toggle a .toggle-more { display: block; } .description-has-toggle { position: relative; overflow: hidden; } .description-has-toggle.in { max-height: none; overflow: visible; display: block !important; } .description-has-toggle.in:before { display: none; } .description-has-toggle:before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #fff 100%); } .footer-main { min-height: 200px; max-height: 200px; display: block; } #content ul.megamenu li.active .sub-menu .content, header ul.megamenu li.active .sub-menu .content { padding-bottom: 10px; } #content .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a, header .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a { color: #ddd; } #content .container-megamenu.horizontal ul.megamenu > li, header .container-megamenu.horizontal ul.megamenu > li { float: none; } #content .container-megamenu.horizontal ul.megamenu > li > a img, header .container-megamenu.horizontal ul.megamenu > li > a img { display: none; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li { border-bottom: none; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li:hover { background-color: transparent; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore { border-radius: 0; padding: 5px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore i, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore i { color: #666; top: 11px; right: 0; } #content .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore .more-view, header .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.loadmore .more-view { color: #ddd; font-size: 13px; } #content .container-megamenu.horizontal ul.megamenu > li, header .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li .main-menu { margin: 0; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li { padding: 0; } .container-megamenu.horizontal .sub-menu .content-feature { margin: 0 -5%; } .container-megamenu.horizontal .sub-menu .content-feature li { width: 40%; margin: 0 5%; margin-bottom: 10px; } .container-megamenu.horizontal .sub-menu .content-feature li span { line-height: 20px; margin: 10px 0; } .container-megamenu.horizontal .sub-menu .content-feature li.detail { margin-top: 0; } .container-megamenu.horizontal .sub-menu .feature-blog .col-sm-12 { width: 50%; margin-top: 0 !important; margin-bottom: 15px; float: left; } .responsive ul.megamenu .item-style1 .sub-menu .content .row > div { border: none; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories { padding: 0px; } .megamenu-style-dev.responsive ul.megamenu .sub-menu .content .row > div { border: none; padding-top: 0; } .megamenu-style-dev.responsive ul.megamenu > li.menu-layouts .sub-menu .item-layouts .col-md-4 { margin-bottom: 0 !important; } header .container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .categories { padding: 0; } header .container-megamenu.horizontal ul.megamenu .item-style1 .sub-menu .content .static-menu > .menu { padding: 0; } header .container-megamenu.horizontal ul.megamenu .item-style2 .sub-menu .content .product { padding: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.style1 .categories .static-menu .menu > ul > li { margin-bottom: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul { margin: 10px -15px; } header .responsive ul.megamenu .sub-menu .content .row > div { margin-top: 0; } header .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu ul li ul { padding: 0; } header .megamenu-style-dev .vertical ul.megamenu > li > a { font-size: 13px; } header.typeheader-1 .container-megamenu.vertical { z-index: 9; } header.typeheader-1 .logo { text-align: center; } header.typeheader-1 .header-middle { margin-bottom: 0; } header.typeheader-1 #sosearchpro .search input { border-radius: 3px; } header.typeheader-1 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 9px; } header.typeheader-2 .header-middle { padding: 25px 0; } header.typeheader-2 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 7px; } header.typeheader-2 .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; width: 100%; } header.typeheader-2 .container-megamenu.vertical { z-index: 9; } header.typeheader-2 .logo { text-align: center; } header.typeheader-2 .shopping_cart { top: -47px; } header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner { padding-bottom: 0; } header.typeheader-2 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart { bottom: -3px; } header.typeheader-2 .search-header-w { position: relative; top: -40px; float: left; } header.typeheader-2 .search-header-w .icon-search { width: 40px; height: 40px; text-align: center; line-height: 40px; } header.typeheader-2 .search-header-w .icon-search i { font-size: 18px; color: #222; } header.typeheader-2 .search-header-w .icon-search.active i::before { content: "\f00d"; } header.typeheader-2 .search-header-w .icon-search:hover { cursor: pointer; } header.typeheader-2 .search-header-w #sosearchpro .search { display: none; position: absolute; top: 40px; left: 0px; margin-right: 0; padding: 0; width: 270px; border-radius: 0; border: 1px solid #eaeaea; } header.typeheader-2 .search-header-w #sosearchpro .search input { width: 268px; padding-right: 40px; height: 40px; line-height: 40px; border-radius: 0; } header.typeheader-2 .search-header-w #sosearchpro .search .input-group-btn { right: 2px; top: 1px; height: 38px; line-height: 38px; position: absolute; } header.typeheader-2 .search-header-w #sosearchpro .search button { background-color: #fff; border-radius: 3px; color: #999; padding: 0 10px; height: 38px; line-height: 38px; top: 1px; } header.typeheader-2 .search-header-w #sosearchpro .search button i { color: #666; font-size: 16px; display: block; } header.typeheader-2 .search-header-w #sosearchpro .search button span { display: none; } header.typeheader-2 .middle2, header.typeheader-2 .middle3 { height: 0; } header.typeheader-3 .header-middle { padding: 25px 0; } header.typeheader-3 .megamenu-style-dev .navbar-default .vertical .navbar-header { top: 7px; } header.typeheader-3 .container-megamenu.horizontal ul.megamenu > li { margin-right: 0; } header.typeheader-3 .container-megamenu.vertical { z-index: 9; } header.typeheader-3 .logo { text-align: center; } header.typeheader-3 .shopping_cart { top: -47px; } header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner { padding-bottom: 0; } header.typeheader-3 .shopping_cart .btn-shopping-cart .top_cart .shopcart-inner .total-shopping-cart .items_cart { bottom: -3px; } header.typeheader-3 .search-header-w { position: relative; top: -40px; float: left; } header.typeheader-3 .search-header-w .icon-search { width: 40px; height: 40px; text-align: center; line-height: 40px; } header.typeheader-3 .search-header-w .icon-search i { font-size: 18px; color: #222; } header.typeheader-3 .search-header-w .icon-search.active i::before { content: "\f00d"; } header.typeheader-3 .search-header-w .icon-search:hover { cursor: pointer; } header.typeheader-3 .search-header-w #sosearchpro .search { display: none; position: absolute; top: 40px; left: 0px; margin-right: 0; padding: 0; width: 270px; border-radius: 0; border: 1px solid #eaeaea; } header.typeheader-3 .search-header-w #sosearchpro .search input { width: 268px; padding-right: 40px; height: 40px; line-height: 40px; border-radius: 0; } header.typeheader-3 .search-header-w #sosearchpro .search .input-group-btn { right: 2px; top: 1px; height: 38px; line-height: 38px; position: absolute; } header.typeheader-3 .search-header-w #sosearchpro .search button { background-color: #fff; border-radius: 3px; color: #999; padding: 0 10px; height: 38px; line-height: 38px; top: 1px; } header.typeheader-3 .search-header-w #sosearchpro .search button i { color: #666; font-size: 16px; display: block; } header.typeheader-3 .search-header-w #sosearchpro .search button span { display: none; } header.typeheader-3 .middle2, header.typeheader-3 .middle3 { height: 0; } #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-arrow, #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected { float: left; border-radius: 0 !important; } #content .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap.ltabs-selectbox span.ltabs-tab-selected { text-align: left; } #content .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab { margin-left: 20px; text-align: left; } .common-home.layout-1 .main-left .col1 { display: none; } .common-home.layout-1 .main-right .product-simple { margin-top: 30px; } .common-home.layout-1 .main-right .product-simple .so-extraslider .extraslider-inner .item .item-inner { width: 50%; float: left; } .common-home.layout-1 .so-category-slider.container-slider .item-cat-image { width: 50%; } .common-home.layout-1 .so-category-slider.container-slider .category-slider-inner { width: 50%; } .common-home.layout-1 .so-category-slider.container-slider .item-sub-cat { float: left; margin-top: 12px; width: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } .common-home.layout-1 .so-category-slider.container-slider .item-sub-cat ul li { display: inline-block; float: none; } .common-home.layout-1 .so-category-slider.container-slider .item-sub-cat ul li a { padding-left: 0; padding-right: 20px; padding-top: 0; } .common-home.layout-1 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab .ltabs-tab-label { font-size: 14px; text-transform: capitalize; font-weight: 400; } .common-home.layout-1 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab:after { display: none; } .common-home.layout-1 .static-cates { width: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } .common-home.layout-1 .static-cates ul li { width: 33.333%; display: inline-block; float: none; } .layout-2 .so-category-slider.cate-slider2 .page-top { text-align: center; padding-top: 20px; } .layout-2 .so-category-slider.cate-slider2 .page-top .item-sub-cat { float: none; margin-top: 10px; } .layout-2 .so-category-slider.cate-slider2 .page-top .item-sub-cat a { float: none; padding: 0 10px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner { min-height: 106px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner .image { width: 75px; } .layout-2 .so-category-slider.cate-slider2 .product-feature .item .item-inner .caption { margin-left: 85px; } .layout-2 .so-category-slider.cate-slider2 .product-feature { padding-bottom: 5px; } .layout-2 .bannerstop { display: none; } .layout-2 .block-policy1 ul li { width: 33.3333%; } .layout-2 .block-policy1 ul li.item-4, .layout-2 .block-policy1 ul li.item-5 { display: none; } .layout-2 .container-slider .show.preset02-4 .item-cat-image, .layout-2 .container-slider .show.preset02-4 .slider { width: 100%; } .layout-2 .banners1, .layout-2 .banner-t { margin-top: 30px; } .layout-2 .clear-m { clear: both; } .layout-2 .banners1 { width: 20%; float: left; padding: 0 5px; } .layout-3 .block-policy1 ul li .item-inner { margin-bottom: 10px; } .layout-3 .last-col .product-simple { margin-top: 20px; } .layout-3 .socials-w { padding: 16px 15px 15px 15px; border-radius: 3px; } .layout-3 .socials-w h2 { display: none; } .layout-3 .socials-w .socials { float: none; text-align: center; } .layout-3 .socials-w .socials li { float: none; display: inline-block; } .layout-3 .socials-w .socials li a { width: 33px; height: 37px; line-height: 37px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-time-w .time-title { display: none; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .image a img { padding: 0 15px; } .layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-available { margin-top: 0; } .layout-3 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab .ltabs-tab-label { font-size: 14px; text-transform: capitalize; font-weight: 400; } .layout-3 .listingtab-layout1 .so-listing-tabs .ltabs-wrap .ltabs-tabs-container .ltabs-tabs-wrap ul.ltabs-tabs li.ltabs-tab:after { display: none; } .layout-3 .so-category-slider.cate-slider3 { margin-top: 30px; } .layout-3 .so-category-slider.cate-slider3 .item-sub-cat { float: left; margin-top: 5px; } .layout-3 .so-category-slider.cate-slider3 .item-sub-cat ul li a { padding-left: 0; padding-right: 20px; padding-top: 0; } .layout-3 .so-category-slider.cate-slider3 .modtitle { top: 0; } .layout-3 .so-category-slider.cate-slider3 .modtitle:after { display: none; } .typefooter-1 { margin-top: 30px; } .typefooter-1 .footer-top { margin-top: 0; } footer.typefooter-1 .col-clear { clear: both; } footer.typefooter-1 .bottom-cont { width: 80%; } footer.typefooter-1 .socials-w h2 { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .title-block { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .block_content { width: 100%; } footer.typefooter-1 .socials li a { width: 36px; } footer.typefooter-1 .infos-footer ul li { padding: 5px 0px 5px 40px; } footer.typefooter-1 .infos-footer ul li.adres { background-position: left 22px; padding-top: 0; } footer.typefooter-1 .infos-footer ul li.phone { background-position: left -46px; } footer.typefooter-1 .infos-footer ul li.mail { background-position: left -100px; } footer.typefooter-1 .infos-footer ul li.time { background-position: left -148px; } footer.typefooter-2 .so-page-builder .container { padding: 0 15px; } footer.typefooter-2 .col-clear2 { clear: both; } footer.typefooter-2 .socials-w { padding: 16px 15px 15px 15px; border-radius: 3px; } footer.typefooter-2 .socials-w h2 { display: none; } footer.typefooter-2 .socials-w .socials { float: none; text-align: center; } footer.typefooter-2 .socials-w .socials li { float: none; display: inline-block; } footer.typefooter-2 .socials-w .socials li a { width: 33px; height: 37px; line-height: 37px; } footer.typefooter-2 .footer-bottom { text-align: center; } footer.typefooter-2 .footer-bottom .payment-w { text-align: center; margin-top: 10px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max { width: 100%; margin-bottom: 5px; } .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_max, .module.so_filter_wrap .modcontent .so-filter-option.so-filter-price .content_min_max .input_min { width: 60px; min-width: 60px; padding-left: 3px !important; } .filters-panel .short-by-show.text-center .form-group { display: block; } aside.left_column { margin-bottom: 30px; } .thumb-vertical-outer { padding: 20px 0; } .so-filter-price .put-min_max .name-curent { display: inline-block; float: left; line-height: 30px; } .so-filter-price .put-min_max .form-control { width: 60px; line-height: 30px; padding: 0 !important; margin: 0 !important; height: 30px; min-width: 60px; } #product-quick .product-view .content-product-right { margin-top: 0px; } .product-view .content-product-right { margin-top: 40px; } .product-simple .so-extraslider .extraslider-inner .item .item-inner { width: 100%; } .content-aside .product-simple .so-extraslider .extraslider-inner .owl2-item .item { display: inline-block; } .content-aside .product-simple .so-extraslider .extraslider-inner .owl2-item .item .item-inner { width: 100%; } .container-megamenu.vertical .vertical-wrapper ul.megamenu { border: none !important; } .container-megamenu.vertical .vertical-wrapper ul.megamenu .item-vertical .sub-menu .content { padding: 10px !important; } .megamenu-style-dev .container-megamenu.horizontal ul.megamenu > li > a strong img, .megamenu-style-dev .container-megamenu.vertical:after { display: none; } .megamenu-style-dev .navbar-default .vertical #menuHeading { display: none !important; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu { right: 0; left: auto; } .megamenu-style-dev.responsive #remove-megamenu { display: block; color: #fff; cursor: pointer; font-size: 15px; } .megamenu-style-dev.responsive .so-megamenu-active #remove-megamenu { color: #fff; } .megamenu-style-dev.responsive .megamenu-wrapper { border: none; border-radius: 0; } .megamenu-style-dev.responsive div[class^=col-] { width: 100%; } .megamenu-style-dev.responsive ul.megamenu > li { display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 1px 0; overflow: hidden; } .megamenu-style-dev.responsive ul.megamenu > li a { line-height: 25px; } .megamenu-style-dev.responsive ul.megamenu > li.click:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:before { padding: 0 !important; font-size: 14px; background: #666; color: #fff; border: 1px solid #6a6d71; width: 30px; line-height: 30px; height: 32px; display: inline-block; text-align: center; margin-top: -1px; right: 0; left: auto; } .megamenu-style-dev.responsive ul.megamenu > li.click:hover:before, .megamenu-style-dev.responsive ul.megamenu > li.hover:hover:before { cursor: pointer; } .megamenu-style-dev.responsive ul.megamenu > li.active { padding: 0; } .megamenu-style-dev.responsive ul.megamenu > li.active .sub-menu { display: block !important; } .megamenu-style-dev.responsive ul.megamenu > li.active > a { background: #222 !important; color: #fff; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu { padding: 0; width: 30px; line-height: 30px; background: #33363a; height: auto; } .megamenu-style-dev.responsive ul.megamenu > li.active .close-menu:before { color: #fff; font-size: 12px; line-height: 18px; } .megamenu-style-dev.responsive .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content { box-shadow: none; border: 1px solid #eee; padding: 20px; } .megamenu-style-dev .navbar-default .horizontal .navbar-header { float: right; } .megamenu-style-dev .navbar-default .horizontal .navbar-toggle { margin: 0px; height: 40px; color: #fff; border-radius: 4px; background-color: transparent; border: none; float: right; cursor: pointer; padding: 0px; } .megamenu-style-dev .navbar-default .horizontal .navbar-toggle .icon-bar { background: #fff; width: 20px; height: 2px; margin: 4px 0; border-radius: 0; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper { max-height: 100% !important; background: #333 !important; padding: 20px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li.active > a { padding: 0 10px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a { color: #fff !important; padding: 0 !important; font-size: 14px; line-height: 29px !important; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu > li > a:hover { color: #228b22; } .megamenu-style-dev .navbar-default .horizontal .megamenu-wrapper ul.megamenu li .sub-menu .content .title-submenu { padding: 0; margin: 0; border: none; } .megamenu-style-dev .navbar-default .horizontal .features-menu .column.layout-color a { display: inline-block; } .megamenu-style-dev .navbar-default .horizontal .features-menu .column a { margin: 0 0 30px; display: block; } .megamenu-style-dev .navbar-default .vertical #menuHeading { display: block; margin: 0; } .megamenu-style-dev .navbar-default .vertical ul.megamenu { position: relative; background: transparent; } .megamenu-style-dev .navbar-default .vertical ul.megamenu > li { background: transparent; } .megamenu-style-dev .navbar-default .vertical .navbar-header { position: relative; top: 5px; } .megamenu-style-dev .navbar-default .vertical .navbar-header .title-navbar { display: none; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500; margin: 0; padding: 0; border: none; background-color: transparent !important; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle i { font-size: 14px; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle .icon-bar { background: #fff; width: 12px; height: 2px; margin-top: 2px; border-radius: 0; } .megamenu-style-dev .navbar-default .vertical .navbar-header .navbar-toggle:hover { color: #fff; } .megamenu-style-dev .navbar-default .vertical #remove-verticalmenu { display: block; color: #fff; cursor: pointer; font-size: 16px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper { position: fixed; background: #333 !important; padding: 20px !important; width: 280px; max-height: 100%; top: 0; z-index: 99; border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper.so-vertical-active { display: block !important; opacity: 1; visibility: visible; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style3 .content .image-position { transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); position: relative; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li:before { display: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li .main-menu { text-transform: uppercase; margin: 0 0 10px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li a:hover { color: #228b22; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li:hover > a { color: #228b22; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .sub-menu .content .categories .menu > ul li ul { box-shadow: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu li .sub-menu .content { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.vertical-style1 .content { padding: 15px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li ul { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu .item-vertical.css-menu .content .menu > ul > li b { display: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 0; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a { padding: 2px 0; background: transparent !important; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li > a strong { color: #ddd; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.loadmore { border: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li a { line-height: inherit; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:before { font-size: 14px; color: #ddd; height: 32px; line-height: 32px; width: 30px; background: #666; text-align: center; cursor: pointer; border: 1px solid #6a6d71; padding: 0 !important; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.hover:hover:before { color: #fff; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active { background: none; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu { background: #666; font-size: 14px; } .megamenu-style-dev .navbar-default .vertical .vertical-wrapper ul.megamenu > li.active .close-menu:before { color: #ddd; line-height: 31px; } header.navbar-compact { display: none; } header .horizontal ul.megamenu > li > .sub-menu { border: none; } ul.megamenu li.active .sub-menu .content { padding: 0 10px; } iframe #wrapper { overflow-x: auto; } .zoomContainer { display: none; } .simple_blog-article .product-filter.filters-panel { display: none; } header #sosearchpro .dropdown-menu { /* #{$right}: 0!important; #{$left}: inherit!important; */ } .product-view .content-product-left .large-image.vertical { margin: 0 15%; } .our-member .respl-item .w-image-box { float: none; overflow: hidden; width: 100%; text-align: center; } .our-member .respl-item .info-member { text-align: center; margin: 0; } .our-member .respl-item .info-member li { float: none; display: inline-block; } .module.so-latest-blog.slider-post-sidebar .so-blog-external .blog-external .media .so-block.media-left { margin-right: 20px; } .account-wishlist .table-responsive .btn-danger { margin-top: 5px; } .so-onepagecheckout .coupon-voucher .panel-body { width: 100%; } .so-onepagecheckout .coupon-voucher .input-group { margin-bottom: 10px; } .so-onepagecheckout .coupon-voucher .input-group .input-group-btn { margin-left: 10px; width: auto; } .so-onepagecheckout .table-responsive .btn-danger { margin-top: 0; } .modal-open, .hidden-scorll { overflow: auto; } .modal-backdrop, body #so_popup_countdown, .hidden-scorll .modal-backdrop { display: none !important; } .modal-open.hidden-scorll .modal-backdrop { display: block !important; } .article--style4 .article--maincontent { margin-top: -50px; } .product-layout .product-item-container .seller_logo { position: absolute !important; transform: none !important; bottom: 15px; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab:after { display: none; } .category-featured .ltabs-wrap .ltabs-tabs-container .ltabs-tabs li.ltabs-tab > span { font-size: 13px; font-weight: 400; text-transform: capitalize; } #content .filter-horizontal ul { width: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; } #content .filter-horizontal ul li { display: inline-block; float: none; } .module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts, #content .filter-horizontal .so-filter-heading { min-width: 150px; } .so_filter_wrap .modcontent .so-filter-content-opts-container .option-count { float: none; margin-left: 5px; } .blog-category { margin-top: 20px; } .blog-listitem .blog-item .blog-item-inner .blog-content h4 { min-height: 48px; } .article--style5 .article--maintitle { width: auto; } } @media (min-width: 992px) and (max-width: 1199px) { /* *********************************************************************************************** BLOCK HEADER *************************************************************************************************/ /*[] HEADER 1 []*/ /*[] HEADER 1 []*/ /*[] HEADER 2 []*/ /*[] HEADER 3 []*/ /************************************************************************************************ BLOCK HOME PAGE *************************************************************************************************/ /*[] LAYOUT 1 []*/ /*[] LAYOUT 2 []*/ /*[] LAYOUT 3 []*/ /* *********************************************************************************************** BLOCK FOOTER ************************************************************************************************ */ /*[] FOOTER 1 []*/ /*[] FOOTER 2 []*/ /*[] FOOTER 3 []*/ /************************************************************************************************ MEGAMENU *************************************************************************************************/ /*.horizontal ul.megamenu > li > .sub-menu{ #{$right}: 0; #{$left}: auto; }*/ /************************************************************************************************ PAGE LISTING *************************************************************************************************/ /************************************************************************************************ PAGE DETAIL *************************************************************************************************/ /*==============*/ .common-home .container { overflow: visible; } #content .so-page-builder .container { padding: 0 15px; } .container-megamenu ul.megamenu li.menu-layouts .sub-menu .content .item-layouts .col-md-4 { min-height: 100px !important; } footer #collapse-footer { max-height: 100%; } footer #collapse-footer:before { display: none; } #content ul.megamenu > li.menu-layouts > .sub-menu, header ul.megamenu > li.menu-layouts > .sub-menu, #content ul.megamenu > li.menu-features > .sub-menu, header ul.megamenu > li.menu-features > .sub-menu { right: auto; } #content ul.megamenu > li.style-page > .sub-menu, header ul.megamenu > li.style-page > .sub-menu { right: 0 !important; } header.typeheader-3 .container-megamenu.horizontal ul.megamenu > li.menu-features .sub-menu { width: 500px !important; } header.typeheader-3 .container-megamenu.horizontal ul.megamenu > li.menu-features .sub-menu .content { width: 500px !important; } header.typeheader-1 #sosearchpro .search .select_category { width: 30%; } header.typeheader-1 .logo { margin-top: 5px; } header.typeheader-2 .container-megamenu.horizontal ul.megamenu > li.item-purchase { display: none; } header.typeheader-2 .container-megamenu.horizontal ul.megamenu > li.item-special { margin: 0; } header.typeheader-2 #sosearchpro .search .select_category { display: none; } header.typeheader-2 .container-megamenu.horizontal ul.megamenu > li { margin-right: 22px; } .common-home .typeheader-3 .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a::before { top: 17px; } header.typeheader-3 ul.top-link > li.language { padding-right: 0; margin-right: 0; } header.typeheader-3 ul.top-link > li.language:after { display: none; } header.typeheader-3 .wishlist-comp li a span { display: none; } header.typeheader-3 #sosearchpro .search .select_category { width: 30%; } header.typeheader-3 .container-megamenu.horizontal ul.megamenu > li { margin-right: 20px; } #content #so-groups { display: none; } .common-home.layout-1 .main-left .col1 { display: none; } .common-home.layout-1 .main-right .product-simple { margin-top: 30px; } .common-home.layout-1 .main-right .product-simple .so-extraslider .extraslider-inner .item .item-inner { width: 25%; float: left; } .common-home.layout-1 .so-category-slider.container-slider .item-cat-image { width: 33.3333%; } .common-home.layout-1 .so-category-slider.container-slider .category-slider-inner { width: 66.6666%; } .layout-2 .bannerstop { display: none; } .layout-2 .block-policy1 ul li { width: 33.3333%; } .layout-2 .block-policy1 ul li.item-4, .layout-2 .block-policy1 ul li.item-5 { display: none; } .layout-2 .container-slider .show.preset02-4 .item-cat-image, .layout-2 .container-slider .show.preset02-4 .slider { width: 100%; } .layout-2 .banners1, .layout-2 .banner-t { margin-top: 30px; } .layout-2 .clear-m { clear: both; } .layout-2 .banners1 { width: 20%; float: left; padding: 0 5px; } .common-home.layout-3 .block-policy1 ul li { width: 33.3333%; } .common-home.layout-3 .block-policy1 ul li.item-4 { display: none; } .common-home.layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-time-w .time-title, .common-home.layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .caption .desc { display: none; } .common-home.layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .image a img { padding: 0 15px; } .common-home.layout-3 .deals-slick .so-deals-slick.slick-horizontal .deals-content .product-thumb .item-available { margin-top: 0; } .common-home.layout-3 .socials-w { padding: 18px; border-radius: 3px; } .common-home.layout-3 .socials-w h2 { display: none; } .common-home.layout-3 .socials-w .socials { float: none; text-align: center; } .common-home.layout-3 .socials-w .socials li { float: none; display: inline-block; } footer.typefooter-1 .col-clear { clear: both; } footer.typefooter-1 .bottom-cont { width: 80%; } footer.typefooter-1 .socials-w h2 { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .title-block { display: none; } footer.typefooter-1 .newsletter-footer1 .newsletter .block_content { width: 100%; } footer.typefooter-2 .col-clear { clear: both; } footer.typefooter-2 .socials-w { padding: 10px; border-radius: 3px; } footer.typefooter-2 .socials-w h2 { display: none; } footer.typefooter-2 .socials-w .socials { float: none; text-align: center; } footer.typefooter-2 .socials-w .socials li { float: none; display: inline-block; } footer.typefooter-2 .socials-w .socials li a { width: 33px; height: 37px; line-height: 37px; } footer.typefooter-3 .infos-footer ul li { padding-top: 5px; padding-bottom: 5px; } footer.typefooter-3 .infos-footer ul li.adres { background-position: left 25px; padding-top: 0; } footer.typefooter-3 .infos-footer ul li.phone { background-position: left -46px; } footer.typefooter-3 .infos-footer ul li.mail { background-position: left -101px; } footer.typefooter-3 .infos-footer ul li.time { background-position: left -141px; } footer.typefooter-3 .newsletter-footer3 { padding: 35px 12% 30px 12%; } #wrapper { overflow-x: hidden; } .thumb-vertical-outer { padding: 20px 0; } .related-products .image, div.so-extraslider.grid .image { width: 40%; } div.products-list.grid .product-layout .product-item-container .left-block .quickview, div.products-list.grid .product-layout .product-item-container .button-group button { opacity: 1; } .producttab .tabsslider .nav-tabs li a { padding: 10px; } .module.so_filter_wrap .modcontent .so-filter-content-opts-container .put-min_max { width: 100%; margin-bottom: 5px; } .filters-panel .list-view #grid-view-4, .filters-panel .list-view #grid-view-5 { display: none; } .content-aside .module h3.modtitle span { font-size: 17px; } .product-view .content-product-right .share .socials-wrap ul li { margin-left: 25px; } .upsell-sidebar.product-simple .so-extraslider .extraslider-inner .item .item-inner .item-image { width: 80px; } .upsell-sidebar.product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info { margin-left: 95px; } .upsell-sidebar.product-simple .so-extraslider .extraslider-inner .item .item-inner .item-info .price .price-old { padding: 0; font-size: 12px; } .upsell-sidebar h3.modtitle { padding-left: 5px; } .upsell-sidebar .so-extraslider .owl2-controls .owl2-nav { right: 5px; } .so-onepagecheckout .coupon-voucher .panel-body { width: 100%; } .so-onepagecheckout .coupon-voucher .input-group { margin-bottom: 10px; } .so-onepagecheckout .coupon-voucher .input-group .input-group-btn { margin-left: 10px; width: auto; } .so-onepagecheckout .table-responsive .btn-danger { margin-top: 0; } .so-onepagecheckout .checkout-cart td.quantity .input-group input { float: none; margin: 0 auto 5px; } .so-onepagecheckout .checkout-cart .input-group-btn { min-width: 50px; margin-top: 5px; } .blog-listitem.list .blog-item { width: 100%; } .hidden-scorll { overflow: auto; } .blog-listitem .blog-item .blog-item-inner .blog-content h4 { min-height: 48px; } } @media (min-width: 1200px) { .container { width: 1200px; overflow: visible; padding-left: 15px; padding-right: 15px; } .layout-1 .container, .layout-2 .container { padding-left: 0; padding-right: 0; } footer #collapse-footer { max-height: 100%; } footer #collapse-footer:before { display: none; } } @media (min-width: 1200px) and (max-width: 1649px) { #content .so-groups-sticky { width: 40px; } }