.site-wrapper{overflow:hidden;} .topmar_5{margin-top:5px;}.topmar_10{margin-top:10px;}.topmar_15{margin-top:15px;}.topmar_20{margin-top:20px;}.topmar_30{margin-top:30px;}.topmar_50{margin-top:50px;} .toppad_5{padding-top:5px;}.toppad_10{padding-top:10px;}.toppad_15{padding-top:15px;}.toppad_20{padding-top:20px;}.toppad_30{padding-top:30px;}.toppad_50{padding-top:50px;} .leftmar_5{margin-left:5px;}.leftmar_10{margin-left:10px;}.leftmar_15{margin-left:15px;}.leftmar_20{margin-left:20px;}.leftmar_30{margin-left:30px;}.leftmar_50{margin-left:50px;} .leftpad_5{padding-left:5px;}.leftpad_10{padding-left:10px;}.leftpad_15{padding-left:15px;}.leftpad_20{padding-left:20px;}.leftpad_30{padding-left:30px;}.leftpad_50{padding-left:50px;} .btmmar_5{margin-bottom:5px;}.btmmar_10{margin-bottom:10px;}.btmmar_15{margin-bottom:15px;}.btmmar_20{margin-bottom:20px;}.btmmar_30{margin-bottom:30px;}.btmmar_50{margin-bottom:50px;} .btmpad_5{padding-bottom:5px;}.btmpad_10{padding-bottom:10px;}.btmpad_15{padding-bottom:15px;}.btmpad_20{padding-bottom:20px;}.btmpad_30{padding-bottom:30px;}.btmpad_50{padding-bottom:50px;} .rightmar_5{margin-right:5px;}.rightmar_10{margin-right:10px;}.rightmar_15{margin-right:15px;}.rightmar_20{margin-right:20px;}.rightmar_30{margin-right:10px;}.rightmar_50{margin-right:50px;} .rightpad_5{padding-right:5px;}.rightpad_10{padding-right:10px;}.rightpad_15{padding-right:15px;}.rightpad_20{padding-right:20px;}.rightpad_30{padding-right:30px;}.rightpad_50{padding-right:50px;} .toppad_7{padding-top:7px;}.leftpad_6{padding-left:6px;}.topmar_300{margin-top:300px;}.btmmar_7{margin-bottom:7px;}.btmpad_7{padding-bottom:7px;}.btmmar_200{margin-bottom:200px;}.btmmar_500{margin-bottom:500px;} .roundborder3{border-radius:3px;}.roundborder5{border-radius:5px;}.roundborder7{border-radius:7px;} .boxpad_5{padding:5px;}.boxpad_10{padding:10px;}.boxpad_15{padding:15px;}.boxpad_20{padding:20px;}.boxpad_25{padding:25px;}.boxpad_30{padding:30px;} .fl_clear{clear:both; display:block; overflow:hidden;}.fl_left{float:left;}.fl_right{float:right;}.d_block{display:block;} .a_center{text-align:center;} a{color:#000;} a:hover{color:#000; text-decoration:none;} /*@font-face { font-family:'swis'; font-style:normal; font-weight:400; src:local('swis'), local('swis'), url('swis.woff') format('woff'); }*/ *, *::before, *::after, .trans, .trans::before, .trans::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .no_trasn *, .no_trasn *::before, .no_trasn *::after, .fancybox-overlay *, .fancybox-overlay *::before, .fancybox-overlay *::after{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} body{background:#FFF;font-family: Raleway;} h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading{font-family: Raleway;} #site-wrapper{max-width:1600px; margin:auto; overflow:hidden;} header.main{} header.main .navbar{margin:20px 0px;} header.main .navbar-default{background:none; border:none; border-radius:0px; box-shadow:none;} header.main .navbar-default .navbar-brand{display:block; width:320px; height:75px; padding:0px; position:relative;} header.main .navbar-default .navbar-brand img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;} header.main .navbar-default ul#menu-meta-wrapper{} header.main .navbar-default ul#menu-meta-wrapper li{position:relative;} header.main .navbar-default ul#menu-meta-wrapper li a{padding:0px;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper{position:relative; margin:0px 15px; padding:17px 0px;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper a{display:block; position:relative; text-align:center;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper a i{display:block; padding:10px; color:#000; font-size:13px;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper a span{display:block; position:absolute; top:-0px; right:-0px; color:#017ccc; font-size:13px; font-weight:bold;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper{position:relative; margin:0px 15px; padding:17px 0px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper span{display:block; position:relative; text-align:center;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper span i{display:block; padding:10px; color:#000; font-size:13px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form{display:none; position:absolute; width:230px; height:35px; bottom:-24px; right:0px; background:#000;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input{display:block; color:#FFF; font-size:12px; background:none; border:none; height:35px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input[type="text"]{float:left; width:200px; padding:0px 10px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input[type="submit"]{float:right; width:30px; text-transform:uppercase; cursor:pointer; text-align:center;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper:hover form{display:block;} header.main .navbar-default ul.menu{} header.main .navbar-default ul.menu li{padding:18px 2px;} header.main .navbar-default ul.menu li a{display:block; padding:7px 10px; border-bottom:1px solid #FFF; font-family: Raleway;font-weight:600; color:#000; text-transform:uppercase; font-size:14px; font-weight:normal;} header.main .navbar-default ul.menu li a:hover{border-bottom:1px solid black;} .banner-wrapper{} .banner-wrapper a, .banner-wrapper img{display:block; width:100%;} #about-wrapper{background:url("../images/about-bg.png") #FFF no-repeat center center;padding:170px 0px;} #about-wrapper span{position:relative;left:0px;} #about-wrapper .text{color:#FFF;text-align:left; font-size:14px; font-weight:600;margin-top:40px;max-width:600px;} #about-wrapper .readbut{border:none;border-right:4px solid #c60938;background-color:#fff; padding:12px 12px;text-transform:uppercase; font-size:11px; font-weight:bold;margin-top:20px;text-decoration:none;color:#000;} #about-wrapper .readbut:hover{opacity:0.7;} .categories-slider .item{margin:0px 15px;} .categories-slider .owl-dots{text-align:center; margin-top:15px;} .categories-slider .owl-dots .owl-dot{display:inline-block;} .categories-slider .owl-dots .owl-dot span{display:inline-block; margin:0px 5px; background:#484d51; width:10px; height:10px;} .categories-slider .owl-dots .owl-dot.active span{background:#db181d;} .categories-slider .owl-dots .owl-dot span:hover{background:#db181d;} section.cats-wrapper{padding:60px 0px;} section.cats-wrapper h2{color:#0d0f0f;text-align:center;font-size:24px;text-transform:uppercase;font-weight:600;} .common-cats-wrapper{position:relative; display:block; text-decoration:none !important;margin:0px -15px;} .common-cats-wrapper .cats-img{} .common-cats-wrapper .cats-img img{display:block; width:100%;} .common-cats-wrapper:hover .cats-img img{transform:scale(1.1);} .common-cats-wrapper .cats-name{position:absolute; top:65%; left:30px; right:30px; text-align:center; transform:translateY(-50%);} .common-cats-wrapper:hover .cats-name{top:50%;} .common-cats-wrapper .cats-name h3{color:#fff; font-size:21px; text-transform:uppercase; padding:10px; font-weight:600; display:inline-block; background:rgba(0,0,0,0.5);} .fa-angle-left{float:left;margin-top:-230px;margin-left:-50px;font-size:70px;} .fa-angle-right{float:right;margin-top:-230px;margin-right:-50px;font-size:70px;} .glyphicon-chevron-left{float:right;margin-top:-400px;margin-right:30px;color:#c40937;border:1px solid #c40937;border-radius:50%;padding:3px;} .glyphicon-chevron-right{float:right;margin-top:-400px;color:#c40937;border:1px solid #c40937;border-radius:50%;padding:3px;} #email-wrapper{position:relative;padding:0px;background:#be0734;margin-top:-20px;} #email-wrapper:before{display:block; content:""; position:absolute; top:-110px; left:0; width:100%; height:110px; background:linear-gradient(to left top, #be0734 50%, transparent 50%);} #email-wrapper:after{display:block; content:""; position:absolute; bottom:-110px; right:0; width:100%; height:110px; background:linear-gradient(to right bottom, #be0734 50%, transparent 50%);} #email-wrapper span{} #email-wrapper h2{display:inline-block;color:#FFF;font-size:24px;text-transform:uppercase;font-weight:600;} #email-wrapper h3{display:inline-block;color:#FFF;font-size:14px;} .letter-form{} .letter-form form{position:relative;} .letter-form form input{display:block; outline:none; border:none; height:47px; width:400px; background:#fff; padding-left:15px; color:#52585d; font-size:17px; font-weight:500; border-radius:5px;} .letter-form form button{display:block; outline:none; border:1px solid white; background:#FFF; height:47px; position:absolute; top:0px; right:70px; color:#be0734; font-size:15px; border-radius:5px; font-weight:500; padding:0px 10px;} .letter-form form button:hover{background:#be0734;color:#FFF;} h2.heading{display:block; text-align:center; text-transform:uppercase; font-size:30px; font-weight:normal; color:#191d30; margin:0px 0px 20px 0px;} #category-tab-wrapper{} #category-tab-wrapper .nav-tabs{border:none; text-align:center;} #category-tab-wrapper .nav-tabs > li{position:relative; display:inline-block; float:none; padding:0px 10px;} #category-tab-wrapper .nav-tabs > li::after{display:block; content:""; position:absolute; left:-7px; top:50%; margin-top:-5px; width:10px; height:10px; border-radius:10px; background:#191d30;} #category-tab-wrapper .nav-tabs > li:first-child::after{display:none;} #category-tab-wrapper .nav-tabs > li > a{color:#666; border:none; border-top:4px solid rgba(255, 255, 255, 0); border-bottom:4px solid rgba(255, 255, 255, 0); border-radius:0px; text-transform:uppercase; font-weight:bold; font-size:13px; font-family: Raleway;} #category-tab-wrapper .nav-tabs > li > a:hover{color:#000; background:none;} #category-tab-wrapper .nav-tabs > li.active > a{border:none; color:#000; border-top:4px solid #e41f1f; border-bottom:4px solid #e41f1f;} #category-tab-wrapper .tab-content{padding:30px 0px;} #category-tab-wrapper .cat-bb-wrapper{text-align:center; margin-bottom:15px;} #category-tab-wrapper .cat-bb-wrapper img{display:block; max-width:100%; margin:auto;} #category-tab-wrapper .sm-cat-wrapper{margin-bottom:25px;} #category-tab-wrapper .sm-cat-wrapper a{display:block; position:relative; border:10px solid #e3e3e3; text-align:center;} #category-tab-wrapper .sm-cat-wrapper a span{display:none; z-index:999; text-align:center; position:absolute; left:0px; right:0px; top:50%; transform:translateY(-50%);} #category-tab-wrapper .sm-cat-wrapper a span i{display:inline-block; color:#edad22; font-size:20px;} #category-tab-wrapper .sm-cat-wrapper a span i.glyphicon-arrow-right{padding-left:15px; margin-left:15px; border-left:1px solid #FFF; color:#FFF;} #category-tab-wrapper .sm-cat-wrapper a::after{display:block; content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#e41f1f; opacity:0;} #category-tab-wrapper .sm-cat-wrapper a:hover::after{opacity:0.7;} #category-tab-wrapper .sm-cat-wrapper a:hover span{display:block;} #category-tab-wrapper .sm-cat-wrapper a img{display:block; max-width:100%; margin:auto;} #feat-prd-wrapper{background:url("../images/feat-bg1.png") #FFF no-repeat center center;padding:200px 0px;margin-top:-120px;} #feat-prd-wrapper h2{color:#FFF;font-size:24px;text-align:center;text-transform:uppercase;font-weight:600;} #feat-prd-wrapper .owl-item{padding:0px 15px;} .prd-container{margin-bottom:15px;} .prd-container .wrapper{position:relative; border:2px solid #000; background:#f9f9f9; overflow:hidden;margin:10px;} .prd-container a.prd_container_zoom{display:none; position:absolute; color:#FFF; top:7px; right:7px; font-size:13px;} .prd-container a.prd_container_img{display:block; position:relative; height:250px; background:#FFF;} .prd-container a.prd_container_img::after{display:none; content:""; position:absolute; top:-10px; right:-10px; width:0; height:0; border-style:solid; border-width:0 70px 70px 0; border-color:transparent #191d30 transparent transparent;} .prd-container a.prd_container_img::before{display:none; content:""; position:absolute; z-index:999; top:-35px; right:5px; width:2px; height:170px; transform:rotate(-45deg); background:#191d30;} .prd-container a.prd_container_img img{display:block; top:50%; left:50%; transform:translate(-50%, -50%); position:absolute; max-width:100%; max-height:100%;} .prd-container span{display:block; padding-top:10px;height:30px;text-align:center; font-size:13px; text-transform:uppercase;} .prd-container strong{display:block;height:20px;text-align:center; font-size:13px; color:#c10836;} .prd-container li{list-style:none;text-align:center;padding:10px;} .prd-container li a{margin-bottom:10px;height:30px;text-align:center; font-size:13px; color:#FFF;background:#000;padding:10px 20px;text-transform:uppercase;} .prd-slider .item{margin:0px 15px;} .prd-slider .owl-dots{text-align:center; margin-top:15px;} .prd-slider .owl-dots .owl-dot{display:inline-block;} .prd-slider .owl-dots .owl-dot span{display:inline-block; margin:0px 5px; background:#484d51; width:10px; height:10px;} .prd-slider .owl-dots .owl-dot.active span{background:#db181d;} .prd-slider .owl-dots .owl-dot span:hover{background:#db181d;} #page-wrapper{padding-top:30px; padding-bottom:50px;} #page-wrapper #main-sidebar-wrapper{} #page-wrapper #main-sidebar-wrapper *{transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none;} #page-wrapper #main-sidebar-wrapper h3.heading{display:block; margin:0px 0px 10px 0px; padding:15px; background:#c20836; color:#FFF; text-transform:uppercase; font-size:20px; border-bottom:4px solid #353a57;} #page-wrapper #main-sidebar-wrapper ul{list-style:none; margin:0px; padding:0px;} #page-wrapper #main-sidebar-wrapper ul.menu{padding:0px; margin-top:-10px;} #page-wrapper #main-sidebar-wrapper ul li{border-bottom:2px solid #353a57;} #page-wrapper #main-sidebar-wrapper ul li:last-child{border-bottom:none;} #page-wrapper #main-sidebar-wrapper ul li a.mcat, #sidebar #page-wrapper #main-sidebar-wrapper ul li strong{display:block; cursor:pointer;} #page-wrapper #main-sidebar-wrapper ul li b{display:block; position:relative; font-family: Raleway; cursor:pointer; font-weight:normal; font-size:15px; padding:15px; color:#191d30; background:#ebeaee; text-transform:uppercase;} #page-wrapper #main-sidebar-wrapper ul li b::after{position:absolute; content:""; right:10px; top:50%; margin-top:-5px; width:0; height:0; border-style:solid; border-width:5px 0 5px 10px; border-color:transparent transparent transparent #c20836;} #page-wrapper #main-sidebar-wrapper ul li ul{padding:5px 20px 10px; margin-top:0px;} #page-wrapper #main-sidebar-wrapper ul li ul li{padding-bottom:0px; border:none;} #page-wrapper #main-sidebar-wrapper ul li ul li a{display:block; position:relative; text-transform:uppercase; padding:4px 4px 4px 15px; font-size:13px; color:#666; font-weight:normal;} #page-wrapper #main-sidebar-wrapper ul li ul li a.current{font-weight:bold;} #page-wrapper #main-sidebar-wrapper ul li ul li a::before{display:block; content:""; position:absolute; top:9px; left:0px; width:7px; height:7px; border-radius:7px; background-color:#c20836;} #page-wrapper #main-sidebar-wrapper ul li ul li a:hover{color:#c20836; text-decoration:none;} #page-wrapper #page-content-wrapper{min-height:500px;} #page-wrapper #page-content-wrapper .text{line-height:22px; color:#222;} #page-wrapper #main-prd-img{display:block; text-align:center;} #page-wrapper #main-prd-img a#main-img-wrapper{display:block; margin-bottom:20px; border:1px solid #CCC; border-radius:5px; overflow:hidden;} #page-wrapper #main-prd-img a#main-img-wrapper img{display:block; max-width:100%; margin:auto;} #page-wrapper #main-prd-img a#main-img-wrapper:hover{border:1px solid #777;} #page-wrapper #main-prd-img #prd-gall-wrapper{margin-bottom:20px; font-size:0px; text-align:center;} #page-wrapper #main-prd-img #prd-gall-wrapper a{display:inline-block; border:1px solid #CCC; border-radius:5px; overflow:hidden;} #page-wrapper #main-prd-img #prd-gall-wrapper a:hover{border:1px solid #777;} #page-wrapper #main-prd-img #prd-gall-wrapper a img{display:block; max-width:150px;} #page-wrapper #main-prd-detail{padding-top:30px;} #page-wrapper #singprdwrapper_txt_art{color:#282828; margin-bottom:10px;} #page-wrapper #singprdwrapper_txt_size{color:#282828; margin-bottom:10px;} #page-wrapper #singprdwrapper_txt_detail{color:#000; line-height:21px;} #page-wrapper #singprdwrapper_txt_detail .txt_detail{color:#282828; display:inline-block; margin-right:10px;} #page-wrapper #singprdwrapper_txt_detail ul{margin-left:15px; display:block;} #news-wrapper{background:#f6f6f6; padding:40px 0px;} #news-wrapper .owl-item{padding:60px 10px 0px;} #news-wrapper .owl-item:nth-child(odd) .single-news{background:#FFF;} #news-wrapper .owl-item:nth-child(even) .single-news{background:#3a3d4d;} #news-wrapper .owl-item:nth-child(even) .single-news .single-news-text{color:#FFF;} #news-wrapper .single-news .single-news-img{text-align:center; top:-60px; width:120px; height:120px; overflow:hidden; border-radius:200px; margin:0px auto -60px; position:relative;} #news-wrapper .single-news .single-news-img img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-height:100%;} #news-wrapper .single-news .single-news-text{padding:15px; text-align:center; line-height:24px;} #news-wrapper .single-news .single-news-text .text{margin-bottom:15px;} #news-wrapper .single-news .single-news-text .title{display:block; margin-bottom:0px; text-transform:uppercase; font-size:16px;text-transform:uppercase; font-weight:normal; color:rgb(255, 174, 0);} #main-footer-wrapper{background:#FFF;} #main-footer-wrapper #footer-menu ul{text-align:center;} #main-footer-wrapper #footer-menu li{list-style:none;display:inline-block;padding:0px 20px;color:#939598;} #main-footer-wrapper #footer-menu li a{text-transform:uppercase;color:#939598;font-weight:600;font-size:14px;} #main-footer-wrapper #footer-menu a:hover{color:#bb0633;} #main-footer-wrapper #footer-menu-top{} #main-footer-wrapper #footer-menu-top ul{list-style:none;text-align:center;} #main-footer-wrapper #footer-menu-top ul li{display:inline-block;padding-top:15px;} #main-footer-wrapper #footer-menu-top ul li i{font-size:20px;border:3px solid #c10836;border-radius:5px;color:#c10836;} #main-footer-wrapper #footer-menu-top ul li i:hover{background:#be0734;color:#FFF;border:3px solid #dfd9da;} .fa-facebook{padding:10px 15px;} .fa-twitter{padding:10px;} .fa-skype{padding:10px;} .fa-instagram{padding:10px;} #main-footer-wrapper #footer-wrapper{} #main-footer-wrapper #footer-wrapper ul.menu{list-style:none; } #main-footer-wrapper #footer-wrapper ul.menu li{position:relative;} #main-footer-wrapper #footer-wrapper ul.menu li i{display:block; color:#bb0633; font-size:16px; position:absolute; left:-30px; top:50%; transform:translateY(-50%);} #main-footer-wrapper #footer-wrapper ul.menu li a, #main-footer-wrapper #footer-wrapper ul.menu li .text{display:block; line-height:30px; color:#939598;font-size:15px; font-weight:normal;} #main-footer-wrapper #footer-wrapper ul.menu li a:hover{color:#FFF;} footer.bottom{margin:0px; padding:0px 0px; background:#FFF;} footer.bottom #bottom-footer-lf{text-align:left; font-size:14px; color:#3a3d4d; padding-top:20px; padding-bottom:20px;} footer.bottom #bottom-footer-rg{text-align:center; font-size:16px; color:#3a3d4d; padding-top:5px; padding-bottom:20px;} footer.bottom a{color:#bf0735; font-weight:bold;} hr{ border-width: 2px; border-color:#939598; } .sitesdrbut{display:inline-block; border:none; background:#c20836; padding:10px 20px; margin:auto; text-align:center; color:#FFF; text-transform:uppercase; font-size:11px; font-weight:bold;} .sitesdrbut:hover{color:#000;} input.sitesdrbut{} table.inq_basket{margin:0px;} table.inq_basket th, table.inq_basket td{text-align:center; padding:5px; border:1px solid #666;} table.inq_basket th{background:#666; color:#FFF;} table.inq_basket td.a_left{text-align:left;} table.inq_basket td.inq_basket_img{width:120px; text-align:center;} table.inq_basket td.inq_basket_img img{display:block; max-height:150px; max-width:120px; margin:auto;} .frmffcont{width:322px; margin:0px 20px 20px 0px;} .frmffcont .cflabel{font-size:13px; margin:0px 0px 5px 2px;} .frmffcont .cfinput input{font-size:13px; color:#000; width:270px; height:35px; padding:0px 5px; border-radius:3px; border:1px solid #CCC;} .frmffcont .cfinput select{font-size:13px; color:#000; width:280px; padding:10px; border-radius:3px; border:1px solid #CCC;} .frmffcont .cfinput textarea{font-size:13px; color:#000; width:280px; height:70px; padding:10px; border-radius:3px; border:1px solid #CCC;} .frmffcont .cfinput input:focus, .frmffcont .cfinput select:focus, .frmffcont .cfinput textarea:focus{border:1px solid #999;} .frmffcont .cferror{font-size:18px; color:#f00; font-weight:bold; margin:7px 0px 0px 5px;} .frmdqcont{width:645px; margin:0px 0px 20px 0px;} .frmdqcont .cflabel{font-size:14px; margin:0px 10px 0px 0px;} .frmdqcont label{display:inline-block; margin:0px 15px 0px 4px;} .noprdfound{padding:150px 30px; text-align:center; color:#F00; font-weight:bold; font-size:13px;} .input_main_sml{width:40px; padding:3px; border:1px solid #999; border-radius:2px;} ul.prd_pagination{list-style:none; font-size:0px; margin:10px 0 0 0px; text-align:center;} ul.prd_pagination li{display:inline-block; margin:0px 3px;} ul.prd_pagination li a, ul.prd_pagination li strong{display:block; font-weight:normal; font-size:12px; padding:10px 15px; border-radius:3px;} ul.prd_pagination li a{background:#CCC; color:#000;} ul.prd_pagination li a:hover{background:#999; text-decoration:none;} ul.prd_pagination li strong{background:#999; color:#000;} .filder_size, .filter_all{display:inline-block; margin:0px 5px 5px 0px; vertical-align:top; color:#000; background:#eee; border:1px solid #FFF; border-radius:2px; padding:3px 5px;} .filder_size:hover, .filter_all:hover{color:#333;} .filder_size.current{border:1px solid #000; background:#666; color:#FFF;} .filder_color{display:inline-block; margin:0px 5px 5px 0px; vertical-align:top; width:24px; height:24px; border:1px solid #CCC; border-radius:2px;} .filder_color.current{border:2px solid #000;} .prd_lrginfo_qur_container{margin-bottom:15px; color:#000;} .prd_lrginfo_qur_container strong{display:block; color:#282828; min-width:50px; padding-top:7px;} .prd_lrginfo_qur_container span{display:block;} .prd_lrginfo_qur_container span select{display:block; border:1px solid #999; padding:5px; min-width:100px; border-radius:3px;} .prd_lrginfo_qur_container span label{display:block; color:#000; margin-top:4px; font-size:12px; min-width:70px;} .prd_lrginfo_qur_container span span{display:block; margin-bottom:5px;} .prd_lrginfo_qur_container span span input{padding:3px; width:50px; border:1px solid #999; border-radius:3px;} #page-banner-wrapper{} #page-banner-wrapper img{display:block; width:100%;} @media (max-width:1199px){ #category-wrapper{position:relative; z-index:999; top:-280px; margin-bottom:-200px;} } @media (max-width:991px){ header.main .navbar-default .navbar-brand{width:250px; height:75px;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper{margin:0px 0px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper{position:relative; margin:0px 5px; padding:17px 0px;} header.main .navbar-default ul.menu{} header.main .navbar-default ul.menu li{padding:18px 2px;} header.main .navbar-default ul.menu li a{padding:7px 3px;} #category-wrapper{position:relative; z-index:999; top:-300px; margin-bottom:-250px;} } @media (max-width:767px){ header.main .navbar-default .navbar-brand{width:200px; height:75px;} header.main .navbar-toggle{margin-top:20px;} header.main .navbar-default .navbar-toggle{border-color:#000;} header.main .navbar-default ul#menu-meta-wrapper li#main-inq-wrapper{margin:0px 10px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper{position:relative; margin:0px 15px; padding:12px 0px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper span{display:none;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form{display:block; position:relative; width:auto; height:35px; bottom:auto; right:auto;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input{display:block; color:#FFF; font-size:12px; background:none; border:none; height:35px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input[type="text"]{float:left; width:200px; padding:0px 10px;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper form input[type="submit"]{float:right; width:30px; text-transform:uppercase; cursor:pointer; text-align:center;} header.main .navbar-default ul#menu-meta-wrapper li#main-search-wrapper:hover form{display:block;} header.main .navbar-default ul.menu li{padding:2px 2px;} header.main .navbar-default ul.menu li a{text-align:center;} #category-wrapper{position:relative; z-index:999; top:0px; margin:20px 0px 50px;} #main-footer-wrapper #top-footer-wrapper h4.heading{text-align:center;} #main-footer-wrapper #top-footer-wrapper span{text-align:center;} #main-footer-wrapper #footer-wrapper{padding:30px 10px 0px;} ul.scl-wrapper li{margin:0px 10px;} ul.scl-wrapper li::after{display:none;} footer.bottom #bottom-footer-lf{text-align:center; padding-bottom:0px;} footer.bottom #bottom-footer-rg{text-align:center; padding-top:10px;} } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }