.prod-nav, {position:absolute; top:380px; right:0px; list-style:none;z-index:3000;} .prod-nav li {list-style:none;} .prod-nav a {width: 66px; height: 65px; margin: 0; display: block; background: url(../img/car_nav.png) no-repeat 0 0; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;} .prod-nav .prod-next {background-position: -66px 0; right: 0px; } .prod-nav .prod-prev {background-position: 0 0; right: 0px; top:70px;} .prod-next:hover {background-position: -66px -65px;} .prod-prev:hover {background-position: 0 -65px; } .prod-next:hover, .prod-prev:hover {opacity: 1;} .prod-nav .prod-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #logowanie{ padding:30px 0; label{ display:block; font-size:18px; margin-top:10px; } input[type="text"],input[type="email"],input[type="password"]{ height:20px; margin:5px 0; width:490px; padding:5px; line-height:20px; font-size:14px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border:1px solid #b3b3b3; } input[type="submit"]{ color:#fff; padding:5px 15px; background:#7d0224; border:0px !important; cursor:pointer; } } #err-msg{ padding:10px 0; color: #7d0224; font-size:20px; } #ok-msg{ padding:10px 0; color: #9a918b; font-size:20px; } #collections,#inspirations{ background:#fff; padding:200px 0px 80px 150px; min-height:505px; height:auto; vertical-align:top; .gridsep{ width:100%; float: left; height: 50px; } .menu_left_insp{ margin:0; position:absolute; left:0px; top:250px; } .collections_list{ padding: 0 0 0 120px; min-width:760px; position:relative; h1{ color:#9a9997; font-weight:100; text-transform:uppercase; &.strefa{ line-height:36px; height:36px; padding-bottom:10px; margin-bottom:0px; } div{ display:inline-block; zoom:1; *display:block; font-size:14px; margin-left:35px; a{ display:inline-block; zoom:1; *display:block; width:auto; height:auto; padding:0px; float:none; margin: 0 5px; color:inherit; text-decoration:none; &:hover{ color:#950029 !important; } &.current{ font-weight:600; } } } } span{ &.strefa{ font-size:12px; color:#8c817a; text-transform:uppercase; a{ color:#8c817a !important; } } } > a.link,div.link{ display:block; width:200px; height:250px; line-height:20px; padding-right:40px; float:left; color:#7a7a7a; text-decoration:none; text-transform:uppercase; .img_container{ height:200px; width:200px; display:block; overflow:hidden; position:relative; .badgenew{ position:absolute; bottom:0px; left:0px; font-size:10px; padding:2px 12px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .mask{ position:absolute; width:200px; height:200px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(120, 24, 54, 0.2); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; overflow:hidden; .amask{ display:block; height:100px !important; width:200px !important; line-height:100px; float:none !important; text-align:center !important; color:#ca92a1 !important; font-size:16px; font-weight:300; font-family: 'gotham',arial, sans-serif !important; text-transform:uppercase !important; border-bottom:1px solid #ad5a71; text-decoration:none; &:hover{ color:#fff !important; } &.big{ border:none; padding:80px 35px; height:40px !important; line-height:20px; width:130px !important; span{ position:absolute; bottom:12px; right:12px; font-size:12px; line-height:12px; color:#c891a0; } } } &.strong{ background-color: rgba(120, 24, 54, 0.9); } } .img{ background-position:50% 50%; background-repeat: no-repeat; margin-bottom:5px; background-size:contain; -ms-behavior: url(/backgroundsize.min.htc); transition: all 0.2s linear; height:200px; width:200px; margin-left:0px; margin-top:0px; } } &:hover{ .img_container{ .badgenew{ bottom:-40px; } .mask{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .img{ height:220px; width:220px; margin-left:-10px; margin-top:-10px; } } .name{ text-decoration:underline; } } } &.materials{ .mask{ display:none; } .wrapper{ min-width:0px; max-width:auto; margin:0px; .text_mod{ padding:0px; } } } } .products_list{ padding: 0 0 0 120px; min-width:760px; position:relative; h1{ color:#9a9997; font-weight:100; text-transform:uppercase; div{ display:inline-block; zoom:1; *display:block; font-size:14px; margin-left:20px; a{ display:inline-block; zoom:1; *display:block; width:auto; height:auto; padding:0px; float:none; margin: 0 5px; color:inherit; text-decoration:none !important; &:hover{ color:#950029; } &.current{ font-weight:600; } } } } a{ display:block; width:200px; height:310px; padding-bottom:10px; line-height:20px; padding-right:40px; float:left; color:#7a7a7a; text-decoration:none; text-transform:uppercase; .img_container{ height:200px; width:200px; display:block; overflow:hidden; border-bottom:1px solid #eae1e4; margin-bottom:10px; position:relative; .img{ background-position:50% 50%; background-repeat: no-repeat; margin-bottom:5px; background-size:contain; -ms-behavior: url(/backgroundsize.min.htc); height:200px; width:200px; margin-left:0px; margin-top:0px; } .badgenew{ position:absolute; bottom:0px; left:0px; font-size:10px; padding:2px 12px; } } .name-col{ font-size:14px; font-weight:600; line-height:16px; } .name{ font-size:14px; } &:hover{ .img_container{ border-bottom:3px solid #eae1e4; margin-bottom:8px; } color: #97002b; } } &.materials{ .mask{ display:none; } } } #product{ #materials{ padding: 15px 0; a{ display:block; float:left; margin-right:10px; img{ width:30px; margin:0px; padding:0px; padding:2px !important; border: 3px solid #e0e0e0; background:#fff; } &:hover{ border-color: #b3b3b3; } } } padding: 0 70px 0 50px; color:#665c56; .while-empty{ font-family:'gothambold',arial,sans-serif; font-size: 12px; line-height:12px; color:#8c0027; display:inline-block; height:18px; } h1{ color:#4a4039; font-weight:100; font-family: 'aller',arial, sans-serif; font-size:36px; line-height:48px; position:relative; .badgenewh1{ font-family:'gothambold',arial,sans-serif; font-size: 12px; line-height:12px; color:#8c0027; padding:15px 0 15px 10px; display:inline-block; height:18px; vertical-align:top; } &.uppercase{ text-transform:uppercase; } } h2,.h2{ color:#4a4039; font-weight:100; font-family: 'gotham',arial, sans-serif; font-size:24px; line-height:30px; } .h2{ padding:3px 0 0 0; &:hover{ text-decoration:none; color:#fff; background:#99002b; } } .image{ float:left; width:46%; padding:0 1%; max-width:450px; .img{ text-align:center; img{ max-width:100%; } position:relative; #img-slides{ width:100%; max-width:450px; height:310px; overflow:visible !important; &.border{ #img-slides{ border:1px solid #c2c2c2; } } } } .one_slide{ width:100%; height:100%; vertical-align:middle; line-height:100%; a{ display:block; width:100%; height:100%; vertical-align:middle; position:relative; .magnify{ width:50px; height:50px; position:absolute; display:none; top:155px; left:225px; margin-top:-25px; margin-left:-25px; background: transparent url('../img/magnify.png') 0 0 no-repeat; z-index:500; } &:hover{ .magnify{ display:block; } } img{ max-width:100%; max-height:100%; } } } } .description{ float:left; width:46%; padding:0 5% 0 1%; max-width:530px; #features{ text-align:left; ul{ list-style:none; li{ list-style:none; display:inline-block; font-size:7px; font-family:arial,sans-serif; text-align:center; line-height:10px; white-space:normal; width:69px; vertical-align:top; margin:0 3px; img{ border:none; width:69px; max-width:69px; } } } } } .sizes{ font-size:11px; padding:5px 0; } .lightgray{ color:#aba49f } .buttons{ color:#8b8b8b; font-size:10px; line-height:21px; vertical-align:middle; img{ vertical-align:middle; margin-right:3px; } a{ margin-top:2px; color:#8b8b8b; text-decoration:none; white-space:no-wrap; display:block; float:left; width:24%; min-width:105px; margin-bottom:10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; &:hover{ /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } } } } .badgenew{ padding:5px; color:#fff; background:#99002b; text-transform:uppercase; strong{ font-weight:600; } a{ text-decoration:none; color:#fff; } } .badge{ padding:5px; strong{ font-weight:600; } text-transform:uppercase; color:#4a4039; a{ text-decoration:none; color:#4a4039; } &:hover{ color:#fff; background:#99002b; text-decoration:none !important; a{ color:#fff; text-decoration:none !important; } } &.shop{ background-image: url('../img/shop.png'); background-position: 5px -27px; padding-left:25px; background-repeat: no-repeat; &:hover{ background-position: 5px 3px; } } } } #collections{ .menu_left{ padding-top:54px; position:relative !important; top:auto; left:auto; float:left; text-transform:uppercase; background:none; .plusminus{ cursor:pointer; } h3{ color: #8c817a; a{ color: #8c817a; text-decoration:none; } } h4{ color:#979797; a{ text-decoration:none; color:#979797; &:hover{ color:#363535; } } } width:150px; margin-left:-150px; .menu{ ul{ li{ background: transparent url('../img/menu_left_bg.png') 3px 0px no-repeat; &:last-child{ background: transparent url('../img/menu_left_bg_last.png') 3px 0px no-repeat; } &:hover{ background: #e0e0e0 url('../img/menu_left_bg_hover.png') 3px 0 no-repeat; &:last-child{ background: #e0dbd7 url('../img/menu_left_bg_hover_last.png') 3px 0 no-repeat; } } &.current{ background: #e0dbd7 url('../img/menu_left_bg_hover.png') 3px 0 no-repeat; &:last-child{ background: #e0dbd7 url('../img/menu_left_bg_hover_last.png') 3px 0 no-repeat; } } &.spacer{ background: transparent url('../img/menu_left_ul.png') 3px 0px repeat-y; padding:0px; height:8px; &:hover{ background: transparent url('../img/menu_left_ul.png') 3px 0px repeat-y; } } &.current_product{ background: transparent url('../img/menu_left_bg_hover.png') 3px 0 no-repeat; color:#981536; a{ color:#981536; } &:last-child{ background: transparent url('../img/menu_left_bg_hover_last.png') 3px 0 no-repeat; } } &.current_product{ background: transparent url('../img/menu_left_bg_hover.png') 3px 0 no-repeat; color:#981536; a{ color:#981536; } &:last-child{ background: transparent url('../img/menu_left_bg_hover_last.png') 3px 0 no-repeat; } } &.prod{ background: #e0dbd7 url('../img/menu_left_bg_2.png') 3px 0px no-repeat; margin:0px; padding: 0 0 0 43px; list-style:none; line-height:15px; color:#981536 !important; text-transform: uppercase; font-size:10px; &:last-child{ background: transparent url('../img/menu_left_bg_last_2.png') 3px 0px no-repeat; } a{ color:#981536; text-decoration:none; } } color:#979797; a{ color:#979797; } } margin-bottom:30px; } } } &.fullprod{ .menu_left{ padding-top:0px !important; } } } #more_products{ height:170px; display:block; background:#fff; width:100%; border-top:5px solid #e6e6e6; position:relative; z-index:500; #more_name{ color:#807e7f; text-transform:uppercase; font-size:12px; position:absolute; top:20px; left:60px; } #tabs{ height:60px; position:absolute; left:60px; top:-60px; width:auto; .tab{ height:49px; line-height:60px; min-width:170px; padding:0 15px; background:#e6e6e6; cursor:pointer; color:#a9a9a9; text-align:center; display:block; float:left; margin-right:5px; margin-top:0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform:uppercase; border-top:5px solid #e6e6e6; border-left:5px solid #e6e6e6; border-right:5px solid #e6e6e6; strong{ font-weight:600; } &:hover{ background:#d1d1d1; color:#8c8c8c; border-top:5px solid #d1d1d1; border-left:5px solid #d1d1d1; border-right:5px solid #d1d1d1; margin-top:-5px; height: 54px; } &.active{ background:#fff; color:#807f7e; height:55px; &:hover{ background:#fff; color:#8c8c8c; border-top:5px solid #e6e6e6; border-left:5px solid #e6e6e6; border-right:5px solid #e6e6e6; margin-top:-5px; height: 60px; } } } } .arrow_left{ width:60px; height:170px; background:transparent url('../img/arrow_left.jpg') 50% 50% no-repeat; float:left; } .arrow_right{ width:60px; height:170px; background:transparent url('../img/arrow_right.jpg') 50% 50% no-repeat; float:right; } .tab_container{ padding: 5px 10px; height:160px; overflow:hidden; width:auto; position:relative; ul{ margin:0; padding:0; list-style:none; position:absolute; left:0px; top:0px; li{ margin:0px; padding:0px; width:auto; display:inline-block; zoom:1; *display:block; list-style:none; .one_product{ width:160px; margin-right:10px; height:130px; padding:30px 0 0 0; display:block; text-decoration:none; color: #807f7e; font-weight:500; .img{ border:5px solid #e6e6e6; height:75px; line-height:75px; text-align:center; margin-bottom:5px; img{ vertical-align:middle; max-width:150px; max-height:70px; } } &:hover{ .img{ border-color:#bebebe; } color: #888887; } } } } } } #inspirations{ padding:0px; margin:0px; position:relative; overflow:hidden; .more-prod-insp{ height:55px; width:100%; position:absolute; bottom:0px; left:0px; z-index:580; &:hover{ #more_products{ top:-150px; z-index:2000; #more_name{ background-position:center -56px; } } } } #more_products{ position:absolute; top:0px; left:0px; height:200px; z-index:-1; #collection-tab{ margin-top:30px; } #more_name{ text-align:center; position:absolute; left:50%; width:400px; margin-left:-200px; top:0px; padding-top:20px; background: #fff url('../img/up_down.jpg')center -3px no-repeat; } -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .menu_left{ .plusminus{ cursor:pointer; } h4{ color:#c9c5c2; a{ text-decoration:none; color:#c9c5c2; } } .menu{ ul{ li{ /*&:hover{ background-color:#e0e0e0; }*/ color:#c9c5c2; a{ color:#c9c5c2; } &.current{ color:#981536; a{ color:#981536; } } } margin-bottom:30px; } } } .prod-nav-con{ bottom:105px !important; } .slides{ li{ position:relative; .point{ width:36px; height:35px; position:absolute; display:block; left:50%; top:50%; z-index:450; cursor:pointer; .point_plus{ background: transparent url('../img/point.png')0 -35px no-repeat; width:36px; height:35px; z-index:10; } .point_prod{ position:absolute; left:17px; top:-37px; border:1px solid #ccc; display:none; z-index:-1; .title{ background: transparent url('../img/bg_dark.png'); width:140px; padding:15px; vertical-align:middle; color:#d1cbc7; text-transform:uppercase; } .img{ display:block; width:170px; height:auto; background:#fff; text-align:center; vertical-align:middle; img{ vertical-align:middle; } } } &:hover{ .point_plus{ background: transparent url('../img/point.png')0 0px no-repeat; } /*.point_prod{ display:block; }*/ } } } } } #search_wrapper{ background: #fdfdfd; padding: 200px 0px 80px 0px; min-height: 505px; height: auto; vertical-align: top; #search_results{ width:960px; margin:0 auto; h1{ color:#9a9997; font-weight:100; text-transform:uppercase; } .oneresult{ padding:40px 0; border-bottom:1px solid #ededec; display:block; text-decoration:none; h2{ color:#8c817a; font-size:20px; margin-bottom:5px; } h3{ color:#8c817a; font-size:14px; margin-bottom:5px; margin-top:-5px; font-weight:400; } .url{ color:#950029; text-decoration:none; display:block; padding:3px 0 0px 0; font-size:10px; font-family: arial; text-transform:uppercase; font-weight:600; } .desc{ font-size:14px; text-decoration:none; color:#8c817a; } .img{ float:left; width:90px; height:90px; border:5px solid #dedfe1; margin: 0 20px 20px 0; text-align:center; line-height:90px; vertical-align:middle; text-decoration:none; display:block; img{ max-width:85px; max-height:85px; vertical-align:middle; border:none; } } &:hover{ .img{ border-color:#bcbcbc; } h2{ span{ color:#fff; background:#89052a; } } } } } } #download3dslist{ width:100%; padding-top: 80px; .oneproduct{ width:45% !important; padding: 30px 0 36px 0 !important; margin:3px 5% 0 0 !important; display:block !important; height:100px !important; float:left !important; border-bottom:1px solid #e0e0e0 !important; max-width: 450px !important; .img{ border:5px solid #e0e0e0; width:100px; height:100px; line-height:100px; background:#fff; text-align:center; vertical-align:middle; float:left; margin-right:20px; img{ vertical-align:middle; max-width:100px; max-height:100px; } } h3{ font-size:24px; color:#8c817a; padding: 0 0 25px 0; margin:0px; line-height:26px; min-height:52px; } &:hover{ background:#f7f7f7; } .download{ font-size:10px; color:#950029; font-weight:400; } } } .submitb{ background-color: rgb(125, 2, 36); border: none !important; color: rgb(255, 255, 255); cursor: pointer; display: block; font-family: 'Lucida Grande'; font-size: 11px; height: 21px; width:80px; margin: 10px auto 0 auto; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-decoration:none; &:hover{ text-decoration:none; color:#fff; } } .okl{ font-size:16px; &:hover{ color: #700a26; } } @media screen and (max-width: 860px) { .prod-nav .prod-prev {opacity: 1; left: 0;} .prod-nav .prod-next {opacity: 1; right: 0;} }