*, *::before, *::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, .zoomContainer *, .zoomContainer *::before, .zoomContainer *::after, .fancybox-container *{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;} .trasn *, .trasn *::before, .trasn *::after{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .zoomContainer, .zoomLens{z-index:999;} input, textarea{outline:none; box-shadow:none; color:#222;} .topmar_30{margin-top:30px;} .max-container{max-width:1600px; margin-left:auto; margin-right:auto;} .clearfix{width:100%;} .img-center{text-align:center;} .img-center img{display:inline-block; max-width:100%;} .img-full{text-align:center;} .img-full img{display:block; width:100%;} .owl-carousel .owl-item img{width:auto; max-width:100%;} .img-white img{filter:brightness(0) invert(1);} .img-max img{max-width:100%;} a,a:hover,a:focus{text-decoration:none;} body{margin:0px; padding:0px; font-weight:normal; font-size:14px; color:#222; background:#fff;} #main-site-container{position:relative; overflow:hidden; margin:auto; width:100%;} #top-header-wrapper{background:#222; padding-top:5px;} #top-header-wrapper #header-meta{float:left; vertical-align:middle; font-size:0px;} #top-header-wrapper #header-meta span{display:inline-block; line-height:30px; margin-right:30px; font-size:13px; color:#aeaeae; vertical-align:middle;} #top-header-wrapper #header-meta span:last-child{margin-right:0px;} #top-header-wrapper #header-meta span i{color:#000; font-size:14px; margin-right:10px;} #top-header-wrapper ul#scl-wrapper{list-style:none; margin:0px 0px 5px 0px; padding:0px; font-size:0px; float:right;} #top-header-wrapper ul#scl-wrapper li{display:inline-block;} #top-header-wrapper ul#scl-wrapper li a{display:block;} #top-header-wrapper ul#scl-wrapper li a i{display:block; color:#aeaeae; font-size:14px; width:30px; line-height:30px;} #top-header-wrapper ul#scl-wrapper li a:hover i{color:#000;} #top-header-wrapper ul.top-menu{list-style:none; margin:0px 20px 5px 0px; padding:0px; font-size:0px; float:right;} #top-header-wrapper ul.top-menu li{padding:0px 5px; display:inline-block;} #top-header-wrapper ul.top-menu li a{display:block; color:#aeaeae; font-size:13px; line-height:30px; text-align:center;} #top-header-wrapper ul.top-menu li a:hover{color:#000;} .header.header-style-3 {float: none;} .breadcrumb__area{padding: 40px 0px;background: #939393;clear: both;} #main-header{background:#080808; margin-bottom:30px; z-index:999; position:relative;} #main-header .clearfix{width:100%;} #main-header a#logo-wrapper{display:block; float:left; width:230px; height:70px; position:relative; margin-right:20px;} #main-header a#logo-wrapper img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;} #main-header ul#dk-menu-wrapper{list-style:none; margin:0px 0px 0px 0px; padding:0px; float:left;} #main-header ul#dk-menu-wrapper li{float:left; padding:0px 0px; position:relative;} #main-header ul#dk-menu-wrapper li a{display:block; padding:0px 10px 0px; color:#fff; line-height:70px; text-transform:uppercase; font-weight:500; font-size:14px;} #main-header ul#dk-menu-wrapper li:hover a{color:#fff; background:#000;} #main-header ul#dk-menu-wrapper li ul{display:none; background:#fff; border:1px solid #dbdada; list-style:none; margin:0px; padding:0px; position:absolute; z-index:999; left:0px; top:100%; width:200px; background:#fff;} #main-header ul#dk-menu-wrapper li:hover ul{display:block;} #main-header ul#dk-menu-wrapper li:hover ul li{float:none; padding:0px; position:relative; border-top:1px solid #dbdada;} #main-header ul#dk-menu-wrapper li:hover ul li:first-child{border-top:none;} #main-header ul#dk-menu-wrapper li:hover ul li a{display:block; background:#fff; padding:0px 10px; line-height:24px; font-size:13px; text-align:left; color:#333; position:relative;} #main-header ul#dk-menu-wrapper li:hover ul li:hover a{color:#000;} #main-header ul#dk-menu-wrapper li:hover ul li ul{display:none;} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul{display:block; top:0px; left:100%;} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul li{} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul li a{color:#666; padding:10px 20px; font-size:13px;} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul li a:hover{color:#000;} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul li ul{display:none;} #main-header ul#dk-menu-wrapper li:hover ul li:hover ul li:hover ul{display:block;} #main-header #header-right{float:right; font-size:0px;} #main-header #header-right #search-dk{display:inline-block; position:relative; width:200px;} #main-header #header-right #search-dk input{display:block; background:#222; width:100%; height:70px; color:#fff; border:none; padding:0px 35px 0px 10px;} #main-header #header-right #search-dk button{display:block; position:absolute; top:0px; right:0px; padding:0px; cursor:pointer; background:none; border:none;} #main-header #header-right #search-dk button i{display:block; line-height:70px; width:30px; text-align:center; color:#fff;} #main-header #header-right #header-cart{display:inline-block; background:#000; padding:0px 15px; line-height:70px; color:#fff; font-size:14px;} #main-header #header-right #header-cart i{display:inline-block; font-size:14px; margin-right:10px;} #mb-mobile-wrapper{display:none; float:right; z-index:999; margin:18px auto 0px; padding:5px; width:40px; border-radius:0px; border:3px solid #000;} #mb-mobile-wrapper span{display:block; width:100%; height:4px; background:#000; margin-bottom:4px;} #mb-mobile-wrapper span:last-child{margin-bottom:0px;} .mm-listview > li > a, .mm-listview > li > span{padding:12px 10px 12px 20px !important; text-transform:uppercase; font-size:15px;} #mobile-search-wrapper{display:block; margin:10px; padding:0 40px 0 10px; background:rgba(255,255,255,.05); border-radius:25px} #mobile-search-wrapper input[type=text]{display:block; width:100%; height:50px; background:0 0; border:none; color:#fff; font-size:13px} #mobile-search-wrapper button{display:block; position:absolute; margin:0; padding:0; right:10px; top:0; height:50px; width:50px; background:0 0; border:none;cursor:pointer} #mobile-search-wrapper button i{display:block; color:#fff; font-size:16px;} #slogan-wrapper{background:#fff; margin-top:-30px; padding:10px; color:#000; text-align:center;} #main-banner-wrapper{margin-bottom:30px; max-width:1700px; margin-left:auto; margin-right:auto;} #cat-icon-wrapper{margin-bottom:30px; text-align:center; font-size:0px;} #cat-icon-wrapper .cat-icon{display:inline-block; width:185px; margin:0px 10px;} #cat-icon-wrapper .cat-icon span{display:block; width:185px; height:150px; overflow:hidden;} #cat-icon-wrapper .cat-icon small{display:block; width:185px; height:185px; border-radius:50%; position:relative; background:#080808;} #cat-icon-wrapper .cat-icon small img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;} #cat-icon-wrapper .cat-icon:hover small{background:#000;} #cat-icon-wrapper .cat-icon strong{display:block; text-align:center; color:#080808; font-weight:bold; font-size:14px; margin-top:10px;} #category-wrapper{margin-bottom:30px;} .prd-container{margin-bottom:30px;} .prd-container a.c_wrapper{display:block; margin:1px; border:1px solid #dbdbdb; position:relative; text-align:center;} .prd-container a.c_wrapper:hover{border:1px solid #666;} .prd-container a.c_wrapper .cc{padding:0px 0 0;} .prd-container a.c_wrapper .prd_container_img{display:block; height:220px; position:relative;} .prd-container a.c_wrapper .prd_container_img img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto !important; max-width:100%; max-height:100%;} .prd-container a.c_wrapper .text{margin:0px 0px 0px; padding:15px 0px 0px; border:1px solid #fff; border-top:none; text-align:left;} .prd-container a.c_wrapper .text span{display:block; margin:0px 10px 0px; padding:10px 0px 5px; font-weight:bold; font-size:13px; text-align:center; color:#121212; text-transform:uppercase;} .prd-container a.c_wrapper .text strong{display:block; padding:0px 10px 10px; line-height:20px; font-weight:bold; min-height:60px; text-align:center; font-size:13px; color:#121212; text-transform:uppercase;} .prd-container a.c_wrapper .button-wrapper{text-align:center; background:#080808; color:#fff; font-size:13px; padding:10px; text-transform:uppercase;} #site-process-wrapper{padding-top:30px; padding-bottom:30px; margin-bottom:30px; background-size:cover; background-repeat:no-repeat; background-position:center center;} #site-process-wrapper .wrapper{background-color:rgba(0, 0, 0, 0.5); border:1px solid rgba(255, 255, 255, 0.5); border-radius:20px; padding:20px;} #site-process-wrapper .siteinfo{} #site-process-wrapper .siteinfo span{display:block; margin:0px auto 20px; border-radius:50%; position:relative; width:98px; height:98px;} #site-process-wrapper .siteinfo span img{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;} #site-process-wrapper .siteinfo strong{display:block; text-align:center; color:#fff; font-weight:bold; margin-bottom:15px;} a.category-wrapper{display:block; position:relative; background:#000; overflow:hidden;} a.category-wrapper img{display:block; width:100%;} a.category-wrapper:hover img{opacity:0.6; transform:scale(1.05);} a.category-wrapper .title{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; text-transform:uppercase; color:#fff; font-size:16px; text-align:center;} a.category-wrapper .title span{display:block; text-align:center; font-weight:bold; font-size:25px;} a.category-wrapper:hover .title{color:#000;} .heading-wrapper{margin:0px 0px 20px 0px;} .heading-wrapper h1{display:block; margin:0px 0px 0px; padding:0px; text-align:center; text-transform:uppercase; color:#000; font-weight:bold; font-size:30px;} .heading-wrapper h5{display:block; margin:0px 0px 0px; padding:0px; text-align:center; text-transform:capitalize; color:#000; font-weight:normal; font-size:14px;} .home-prd{margin-bottom:30px;} .owl-dots{text-align:center; margin-bottom:0px;} .owl-dots .owl-dot{display:inline-block; margin:0px 2px; cursor:pointer;} .owl-dots .owl-dot span{display:block; width:10px; height:10px; border-radius:50%; background:#222;} .owl-dots .owl-dot.active span{background:#000;} #profile-wrapper{background:#111; padding-top:30px; padding-bottom:30px;} #profile-wrapper .container{text-align:center;} #profile-wrapper .text{text-align:center; color:#ccc; line-height:26px; margin-bottom:20px;} #site-process-wrapper .heading-wrapper h1, #site-process-wrapper .heading-wrapper h5, #profile-wrapper .heading-wrapper h1, #profile-wrapper .heading-wrapper h5{color:#fff;} #main-footer-wrapper{background:#050505; border-top:1px solid #2a2a2a; padding-top:30px;} #main-footer-wrapper h3.heading{display:block; margin:0px 0px 15px 0px; color:#fff; font-weight:bold; text-transform:uppercase; font-weight:bold; font-size:20px;} #main-footer-wrapper ul.menu{margin:0px; padding:0px; list-style:none;} #main-footer-wrapper ul.menu li{margin-bottom:10px;} #main-footer-wrapper ul.menu li:last-child{margin-bottom:0px;} #main-footer-wrapper ul.menu li a{display:block; color:#cdcdcd;} #main-footer-wrapper ul.menu li a:hover{color:#fff;} #main-footer-wrapper .footer-widget{margin-bottom:30px; min-height:200px;} #main-footer-wrapper .text{color:#cdcdcd; margin-bottom:15px;} #main-footer-wrapper form#nwsltt_container{margin-bottom:30px; display:block; position:relative; padding:0px 130px 0px 10px; background:#fff; border-radius:2px 2px; overflow:hidden;} #main-footer-wrapper form#nwsltt_container input[type="email"]{display:block; background:none; border:none; color:#000; padding:0px 10px; width:100%; height:40px; padding:0px;} #main-footer-wrapper form#nwsltt_container input[type="submit"]{display:block; position:absolute; right:0px; top:0px; cursor:pointer; width:120px; height:40px; border:none; background:#000; color:#fff; text-transform:uppercase; font-weight:bold; font-size:13px; text-align:center;} #main-footer-wrapper .footer-c-wrapper{margin-bottom:15px; position:relative; color:#fff; font-size:14px; padding-left:25px;} #main-footer-wrapper .footer-c-wrapper:last-child{margin-bottom:0px;} #main-footer-wrapper .footer-c-wrapper i{display:block; color:#000; position:absolute; width:18px; text-align:center; left:0px; top:50%; transform:translateY(-50%);} ul#footer-scl-wrapper{list-style:none; margin:0px; padding:0px; z-index:999;} ul#footer-scl-wrapper li{display:inline-block; margin-right:5px;} ul#footer-scl-wrapper li:last-child{margin-right:0px;} ul#footer-scl-wrapper li a{display:block; border-radius:2px 2px; background:#000;} ul#footer-scl-wrapper li a.fb{background:#4867aa;} ul#footer-scl-wrapper li a.tw{background:#55aded;} ul#footer-scl-wrapper li a.yt{background:#fe0000;} ul#footer-scl-wrapper li a.in{background:#0077b5;} ul#footer-scl-wrapper li a.pin{background:#df0019;} ul#footer-scl-wrapper li a.skype{background:#00a9e8;} ul#footer-scl-wrapper li a.gram{background:#f6aa4a;} ul#footer-scl-wrapper li a i{display:block; color:#fff; text-align:center; font-size:20px; width:35px; line-height:35px;} ul#footer-scl-wrapper li a:hover i{background:rgba(255, 255, 255, 0.2);} #main-footer-wrapper #legal-wrapper{border-top:1px solid #1e1e1e; padding-top:20px; padding-bottom:20px; text-align:center; color:#cdcdcd; line-height:26px;} #main-footer-wrapper #legal-wrapper a{color:#000; font-weight:bold;} .txtcontainer{line-height:26px; font-size:15px;} #page-wrapper{min-height:600px; padding:30px 0px 50px;} .img_banner{} .img_banner img{display:block; max-width:100%; margin:auto;} .noprdfound{text-align:center; color:#F00; font-weight:bold; padding:200px 0px 200px; font-size:15px;} ul.pagination{list-style:none; width:100%; margin:20px 0px; padding:0px; font-size:0px; text-align:center;} ul.pagination li{display:inline-block; vertical-align:top; margin:0px 2px;} ul.pagination li a, ul.pagination li strong{display:block; border-radius:0px !important; background:rgba(0, 0, 0, 0.03); border:1px solid rgba(0, 0, 0, 0.2); font-size:12px; text-align:center; padding:10px 15px; color:#222;} ul.pagination li a{} ul.pagination li a:hover{background:rgba(0, 0, 0, 0.06); color:#222; border:1px solid rgba(0, 0, 0, 0.2);} ul.pagination li strong{background:rgba(0, 0, 0, 0.1);} ul.pagination li strong:hover{background:rgba(0, 0, 0, 0.1); color:#222; border:1px solid rgba(0, 0, 0, 0.2);} .but-ip{display:inline-block; border:none; cursor:pointer; background:#000; color:#FFF; font-size:13px; text-transform:uppercase; font-weight:bold; padding:10px 20px; border-radius:2px; border:none;} .but-ip:hover{background:#000;} form.main-form-wrapper{display:block; margin-top:20px;} form.main-form-wrapper .inp-wrapper{margin-bottom:30px;} form.main-form-wrapper .inp-wrapper .i-wrapper{position:relative; padding-bottom:30px;} form.main-form-wrapper .inp-wrapper .cferror{display:none; position:absolute; font-size:20px; font-weight:bold; color:#F00; text-align:right; top:35px; right:5px;} form.main-form-wrapper .inp-wrapper label{display:block; color:#666; font-weight:bold; margin-bottom:5px;} form.main-form-wrapper .inp-wrapper label span{color:#F00;} form.main-form-wrapper .inp-wrapper input[type="text"]{display:block; background:#FFF; width:100%; height:40px; padding:0px 10px; color:#000; border:1px solid #999;} form.main-form-wrapper .inp-wrapper input[type="text"]:focus{border:1px solid #666;} form.main-form-wrapper .inp-wrapper select{display:block; background:#FFF; width:100%; height:40px; padding:0px 10px; color:#000; border:1px solid #999;} form.main-form-wrapper .inp-wrapper select:focus{border:1px solid #666;} form.main-form-wrapper .inp-wrapper textarea{display:block; background:#FFF; width:100%; height:100px; padding:10px; color:#000; border:1px solid #999;} form.main-form-wrapper .inp-wrapper textarea:focus{border:1px solid #666;} form.main-form-wrapper .inp-wrapper input[type="submit"]{display:inline-block; height:50px; padding:0px 20px; border-radius:2px; color:#fff; text-transform:capitalize; background:#000; border:none; cursor:pointer; text-transform:uppercase; font-weight:bold;} #sidebar-product{} #sidebar-product .inner{border:1px solid #000; padding-bottom:10px;} #sidebar-product h3.heading{display:block; position:relative; border-bottom:1px solid #000; margin:0px 0px 10px; font-size:22px; color:#000; text-transform:capitalize; padding:20px;} #sidebar-product ul.menu{list-style:none; margin:0px; padding:0px 0px;} #sidebar-product ul.menu li{} #sidebar-product ul.menu li a{display:block; padding:5px 0px 5px 30px; color:#000; position:relative; color:#666; font-size:14px;} #sidebar-product ul.menu li a::before{display:block; content:"-"; color:#000; position:absolute; left:15px; top:50%; transform:translateY(-50%); font:normal normal normal 14px/1 FontAwesome;} #sidebar-product ul.menu li a b{display:block; font-weight:bold;} #sidebar-product ul.menu li a:hover{color:#000;} #sidebar-product ul.menu ul{display:none !important;} #single-prd-img-main span, #single-prd-img-main a{display:block; padding:5px; width:100%; border:1px solid #CCC; border-radius:3px; overflow:hidden; background:#FFF;} #single-prd-img-main span:hover, #single-prd-img-main a:hover{border:1px solid #999;} #single-prd-img-main img{display:block; max-width:100%; margin:auto;} #single-prd-gallery{font-size:0px;} #single-prd-gallery span, #single-prd-gallery a{display:block; cursor:pointer; width:100%; border:1px solid #CCC; border-radius:3px; overflow:hidden; background:#FFF; margin-bottom:5px;} #single-prd-gallery span:hover, #single-prd-gallery a:hover{border:1px solid #999;} #single-prd-gallery img{display:block; max-width:100%; margin:auto;} #single-prd-gallery{margin-left:-5px; margin-top:10px; margin-right:-5px;} #single-prd-gallery span, #single-prd-gallery a{display:inline-block; width:150px; margin:5px;} #single-prd-text-container{} #single-prd-text-container .art-wrapper{margin-bottom:20px;} #single-prd-text-container .art-wrapper strong{display:inline-block; border-radius:3px; margin-left:20px; background:#CCC; padding:5px; color:#000;} #single-prd-text-container .name{margin-bottom:20px; font-weight:bold; font-size:24px;} #single-prd-text-container .text{margin-bottom:20px; line-height:24px; font-size:14px;} .excerpt-wrapper, .inq-but-wrapper{margin-top:15px; padding-top:15px; border-top:1px solid #000;} .variation-wrapper{margin-bottom:15px;} .variation-wrapper .variation-lbl{text-transform:uppercase; font-weight:bold; padding:0px 0px; font-size:13px; color:#222; margin-bottom:5px;} .variation-wrapper .variation-lbl::after{content:":";} .variation-wrapper .variation-att{font-size:0px; text-align:left;} .variation-wrapper .variation-att .att-wrapper{position:relative; min-height:45px; display:inline-block; margin:0px 5px 10px 0px; border-radius:3px; border:1px solid #666;} .variation-wrapper .variation-att .att-wrapper.simple{background:#f0f0f0;} .variation-wrapper .variation-att .att-wrapper input{display:block; margin:0px; position:absolute; left:5px; top:50%; transform:translateY(-50%);} .variation-wrapper .variation-att .att-wrapper label{display:block; font-weight:normal; font-size:13px; cursor:pointer; padding:10px 10px 10px 25px; color:#000;} .variation-wrapper .variation-att .att-wrapper.color label{background:#f0f0f0; padding-left:0px; border-left:25px solid rgba(0, 0, 0, 0);} .inq-but-wrapper{position:relative; padding-left:70px;} .inq-but-wrapper input[type="number"]{display:block; border:1px solid #000; background:#fff; color:#000; font-size:14px; position:absolute; left:0px; top:15px; width:70px; height:50px;} .inq-but-wrapper input[type="submit"]{display:block; border:none; background:#000; color:#fff; font-size:16px; text-transform:uppercase; font-weight:normal; text-align:center; width:100%; height:50px; text-align:center; cursor:pointer;} 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;} .sitesdrbut{display:inline-block; height:50px; padding:0px 20px; border-radius:2px; color:#fff; text-transform:capitalize; background:#000; border:none; cursor:pointer; font-weight:bold; text-transform:uppercase;} .sitesdrbut:hover{color:#CCC;} .input_main_sml{width:40px; padding:3px; border:1px solid #999; border-radius:2px;} @media (max-width:1199px){ } @media (max-width:991px){ #top-header-wrapper #header-meta{float:none; text-align:center;} #top-header-wrapper ul#scl-wrapper{float:none; text-align:center;} #top-header-wrapper ul.top-menu, #main-header ul#dk-menu-wrapper, #main-header #header-right{display:none;} #mb-mobile-wrapper{display:block;} } @media (max-width:767px){ } @media (max-width:480px){ /**/ }