@charset "utf-8"; /** * Title: Bigmug Line Flaticon Pack * Author: Catalin Fertu * Source: http://www.flaticon.com/packs/bigmug-line * License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/) */ @font-face { font-family: "fl-bigmug-line"; src: url("../fonts/fl-bigmug-line.eot"); src: url("../fonts/fl-bigmug-line.eot#iefix") format("embedded-opentype"), url("../fonts/fl-bigmug-line.woff") format("woff"), url("../fonts/fl-bigmug-line.ttf") format("truetype"), url("../fonts/fl-bigmug-line.svg") format("svg"); font-weight: normal; font-style: normal; } .fl-bigmug-line-ico, [class^="fl-bigmug-line-"]:before, [class*=" fl-bigmug-line-"]:before, [class^="fl-bigmug-line-"]:after, [class*=" fl-bigmug-line-"]:after { font-family: 'fl-bigmug-line'; font-size: inherit; font-weight: 400; font-style: normal; } .fl-bigmug-line-left148:before { content: "\e05b"; } .fl-bigmug-line-right154:before { content: "\e097"; } /* * Material Design Icons */ @font-face { font-family: "Material Design Icons"; src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57"); src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg"); font-weight: normal; font-style: normal; } .mdi { display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mdi-chevron-down:before { content: "\f236"; } .mdi-chevron-right:before { content: "\f238"; } .mdi-arrow-up:before { content: "\f156"; } .mdi-star:before { content: "\f5bc"; } /* * Fonts */ /* * Font Awesome Icons 4.7.0 */ @Content-Type: text/css; charset "UTF-8"; @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*='fa-']:before { font-weight: 400; font-family: 'FontAwesome'; } .fa-angle-down:before { content: "\f107"; } /***-News, Catalog-***/ div.br, div.brCat { margin: 5px 0; padding: 5px 0; height: 1px; width: 100%; } div.blog img, div.blogCat img { padding:.8em .8em .8em 0; } div.blogCat img {display:block;} div.pstrnav { margin: 0 auto; padding: 1em; text-align: center; } aside div.blogAside img { display:inline-block; margin:.3em .8em .2em 0; } aside div.blogAside h2, aside div.blogAside h3, aside div.blogAside h4aside div.blogAside h5, aside div.blogAside h6, aside div.blogAside p { text-align:left; } div.divCat3box { margin:0 auto; overflow:hidden; margin-top:3%; margin-bottom:1%; } div.divCat3box div.leftDiv img, div.divCat3box div.midlDiv img, div.divCat3box div.rightDiv img { display:block; height:100%; width:100%; } div.divCat3box div.leftDiv, div.divCat3box div.midlDiv, div.divCat3box div.rightDiv { width:32%; float:left; } div.divCat3box div.leftDiv { margin:0 1% 0 0; } div.divCat3box div.midlDiv { margin:0 1% 0 1%; } div.divCat3box div.rightDiv { margin:0 0 0 1%; } /***-catalog page-***/ div.catalogTopBox { margin:.6em auto; } div#leftBlmod, div#rightBlmod { padding:0; position: relative; } div#leftBlmod { float:left; margin: 0; } div#rightBlmod h1 { line-height:90%; } #gallery { margin: 0 auto; padding: 0; } #big { background-image: url("../img/ajax-loader.gif"); background-position: 50% 50%; background-repeat: no-repeat; text-align:center; } #big img { display:block; min-height:100%; min-width:100%; margin: 0 auto; padding: 0; } #small a { text-decoration:none; } #small { margin: 0 auto; padding: 3px 0; text-align: center; } /***-gallery-main-***/ div.galleryMod, div.galleryMod div.gall-mod-rows { overflow:hidden; margin:0 auto; } div.galleryMod div.gall-mod-rows { width:100%; padding:0; } div.gallBox { float:left; padding:1% 0; } div.galleryMod figure { margin:0 5% 0 5%; position: relative; overflow: hidden; box-sizing: border-box; z-index:0; } div.galleryMod figure.firstF1 { margin:0 2.5% 0 0; } div.galleryMod figure.lastF1 { margin:0 0 0 2.5%; } div.galleryMod figure.midlF1 { margin:0 2.5% 0 2.5%; } div.galleryMod figure.firstF2 { margin:0 5% 0 0; } div.galleryMod figure.lastF2 { margin:0 0 0 5%; } div.galleryMod figure a, div.galleryMod figure a img { display:block; margin:0 auto; } div.galleryMod figure a{ width:100%; height:100%; margin:0; padding:0; overflow: hidden; position:relative; z-index:9; } div.galleryMod figure a img { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.45s cubic-bezier(0.25, 0.46, 0.47, 0.83); } div.galleryMod figure:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transform-origin: center center; transform-origin: center center; } div.galleryMod figure a span.overlay-background { position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index:3; background-color: #000; transition: all 0.2s; opacity:0; } div.galleryMod figure span.overlay-caption { z-index:6; text-align: center; position: absolute; top: 50%; opacity: 0; left: 0; height:51px; text-indent:-9999px; background: url(../img/lupa.png) no-repeat center center; width: 100%; -webkit-transform: translateY(100%); transform: translateY(100%); overflow: hidden; color: #fff; transition: all 0.45s cubic-bezier(0.25, 0.46, 0.47, 0.83); } div.galleryMod figure a:hover .overlay-background { filter:alpha(Opacity=45); opacity:0.45; -moz-opacity:0.45; } div.galleryMod figure:hover span.overlay-caption { opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /***-carousel-main-***/ .owl-wrapper-outer { overflow: hidden; } .owl-pagination { text-align: center; } .owl-page { width: 10px; height: 10px; backface-visibility: visible; border: 2px solid transparent; border-radius: 30px; display: inline-block; margin: 10px; } /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .carouselGbox { margin:0 auto; padding:0; } /*carousel navigation Style*/ .owl-buttons { margin-top: 10px; text-align: center; font-weight:bold; } .owl-buttons [class*="owl-"] i { line-height:60px; color: inherit; cursor: pointer; } .owl-buttons [class*='owl-'] { font-size: 50px; height: 60px; line-height: 60px; margin: 0; padding: 0; background: transparent; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); left:-5px; } .owl-buttons [class*='owl-']:hover { background: none; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; } .owl-buttons [class*='owl-'] i { line-height: 60px; } .owl-buttons .owl-next { left: auto; right:-5px; } .owl-buttons [class*='owl-'] { opacity:0.3; filter:alpha(Opacity=30); -moz-opacity:0.3; } .carousel-box .carousel-article { width: 96%; margin: 0 auto; padding: 10px 0 10px 0; text-align: center; } .carousel-box .carousel-article figure { padding:0; margin:0 auto; margin-bottom: 10px; } .carousel-box .carousel-article .carousel-info h6, .carousel-box .carousel-article .carousel-info p { padding:0 1%; margin:0; vertical-align:top; } .carousel-box .carousel-info p { font-size:85%; line-height: 1.2em; } .carousel-box .carousel-article figure img { overflow: hidden; max-width:99%; } .carousel-box .carousel-article .carousel-info h6 { line-height:.9em; padding-bottom:5px; } .carousel-box .carousel-article { overflow: hidden; } /***-END owl-carousel Style-***/ div.blogCat {min-height: 200px;} div.brCat {border-bottom: 1px solid #d1d0cf;} div.blogCat p span.prOption {font-family:Verdana, sans-serif; font-weight:normal; font-size:1.2em; font-style:normal; color:#000000;} div.blogCat p span.prPrice {font-family:Verdana, sans-serif; font-weight:bold; font-size:1.1em; font-style:normal; color:#006600;} div.mainArt div.brCat {border-bottom: 1px solid #d1d0cf;} div.divCat3box p {font-family:Verdana, sans-serif; font-weight:normal; font-size:0.9em; font-style:normal; color:#747474; padding-top:0.3em; padding-bottom:0.3em; line-height:1.4em;} div.divCat3box p span.prOption {font-family:Verdana, sans-serif; font-weight:bold; font-size:1.1em; font-style:normal; color:#000000;} div.divCat3box p span.prPrice {font-family:Verdana, sans-serif; font-weight:bold; font-size:1.1em; font-style:normal; color:#006600;} div.divCat3box h2, div.divCat3box h3, div.divCat3box h4, div.divCat3box h5, div.divCat3box h6 {padding-top:0.2em; padding-bottom:0em;} div.divCat3box h2 a, div.divCat3box h3 a, div.divCat3box h4 a, div.divCat3box h5 a, div.divCat3box h6 a {font-size:80%;} @media screen and (max-width: 400px), (max-device-width: 400px) { div.divCat3box div.leftDiv, div.divCat3box div.midlDiv, div.divCat3box div.rightDiv {width:100%; float:none; margin:0 auto; margin-top:8%;} div.divCat3box {margin:0 auto;} div.brCat {display:none;} div.divCat3box div#boxViss {margin-top:3%;} } p#pCardPrice {font-family:Verdana, sans-serif; font-weight:normal; font-size:1em; font-style:normal; color:#747474; padding-top:0.5em; padding-bottom:0.5em;} span#prPrice {font-family:Verdana, sans-serif; font-weight:bold; font-size:1.1em; font-style:normal; color:#006600;} #rightBlmod p.pCardOption {font-family:Verdana, sans-serif; font-weight:normal; font-size:0.9em; font-style:normal; color:#747474; padding-top:0.3em; padding-bottom:0.3em;} #rightBlmod p.pCardOption span.prOption {font-family:Verdana, sans-serif; font-weight:normal; font-size:1.2em; font-style:normal; color:#000000;} #rightBlmod div.brCat {border-bottom: 1px solid #d1d0cf;} div#leftBlmod {border: 1px solid #d1d0cf;} #small {background-color:#dcdcdc; border-top:1px solid #d1d0cf;} #small a img {border:1px solid #034da2;} div#leftBlmod, #gallery, #big {width:300px;} div#rightBlmod {margin:0 0 0 325px;} #gallery {height:370px;} #big {height:300px;} @media screen and (max-width: 680px), (max-device-width: 680px) { div#leftBlmod { float:none;} div#rightBlmod, div#leftBlmod {margin:0 auto; width:100%;} #big, #gallery { height: auto !important; width:100%;} div#rightBlmod {margin-top:1em;} #small a img {display:inline-block; margin:3px 0;} } div.mod-gal-style7 div.gallBox {width:25%;} div.mod-gal-style7 { margin:0; padding:0; } div.mod-gal-style7 figure {padding:0; } div.mod-gal-style7 figure a {} @media screen and (max-width: 400px), (max-device-width: 400px) { div.mod-gal-style7 div.gallBox {width:50%;} } @media screen and (max-width: 200px), (max-device-width: 200px) { div.mod-gal-style7 div.gallBox, div.galleryMod figure, div.galleryMod figure.firstF1, div.galleryMod figure.firstF2, div.galleryMod figure.lastF1, div.galleryMod figure.lastF2, div.galleryMod figure.midlF1 {width:100%; margin:1% auto;} } .carousel-style8 .owl-page { background:#747474; } .carousel-style8 .carousel-box .owl-buttons > div { color:#747474; } .carousel-style8 .owl-page.active { background:#cdcdcd; } .carousel-style8 .carousel-box .owl-buttons [class*='owl-']:hover { color:#cdcdcd; } .carousel-style8 .carousel-box .carousel-article figure, .carousel-style8 .carousel-box .carousel-article .carousel-info { width: 50%; float: left;} .carousel-style8 .carousel-box .carousel-article .carousel-info h6, .carousel-style8 .carousel-box .carousel-article .carousel-info p {text-align:left; padding-left:10px;} .carousel-style9 .owl-page { background:#747474; } .carousel-style9 .carousel-box .owl-buttons > div { color:#747474; } .carousel-style9 .owl-page.active { background:#cdcdcd; } .carousel-style9 .carousel-box .owl-buttons [class*='owl-']:hover { color:#cdcdcd; } .carousel-style9 .carousel-box .carousel-article .carousel-info h6 { text-align:center; } .carousel-style9 .carousel-box .carousel-article .carousel-info p { text-align:center; } .carousel-style7 .owl-page { background:#747474; } .carousel-style7 .carousel-box .owl-buttons > div { color:#747474; } .carousel-style7 .owl-page.active { background:#cdcdcd; } .carousel-style7 .carousel-box .owl-buttons [class*='owl-']:hover { color:#cdcdcd; } .carousel-style7 .owl-buttons [class*='owl-'] { top:43%; }