/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */

body{font-family: "kepler-std-display", serif;}
/*=============================
        header
==========================-*/
a{color: #000;}
a:hover{color: #000;}
.header-primary{padding: 18px 0 13px;}
.logo { margin: 0 auto; width: 320px;}
.footer-container.ghs, .dgf{display: none;}
.shop{text-align: center;padding: 42px 0 24px;} 
.shop > p { font-size: 1.2em; font-style: italic;}
.header-container{box-shadow: none;}
.header-container{background-color: rgba(0,0,0,0);}
.header-container.added .shop, .header-container.added .navmain-container, .footer-container.added, .dgf.added{display: block;}
.container_12{max-width: 1284px;}
.navmain-container .no-left-margin.grid_9{width: 100%;}
#mega-nav > li:hover > a{color: #000;}
#mega-nav li.active > a{color: #000;}
.header-primary.header.added{padding-top: 13.5%;}
.grid_full.added .logo{width: 418px;}
#mega-nav > li > a{letter-spacing: 0.09em;font-size: 1.5em;font-style: italic;text-transform: uppercase;}
#mega-nav.smu > li > a{font-size: 2.1em;padding: 12px 10px 20px;}
#mega-nav > li:first-child, #mega-nav.smu > li:first-child { padding-left: 0;background: none;}
#mega-nav.smu > li{padding: 0 25px 0 33px;background-size: 8px auto}
#mega-nav.smu > li:last-child { padding-right: 0;}
#mega-nav > li > a:after{    background: url("../images/mnu.png") no-repeat scroll center center / 100% 1px; bottom: 12px; content: ""; height: 2px; left: 50%; position: absolute; width: 0;}
#mega-nav > li:hover > a::after, #mega-nav > li.active > a::after{width: 100%;left: 0;}
#mega-nav > li.parent > a::before{border-width: 0px;}
#mega-nav > li{float: none;display: inline-block;background: url(../images/mnisid.png) no-repeat scroll left center / 4px auto;}
#mega-nav{text-align: center;}
.procs > li:last-child { display: none;}

#mega-nav div.mega-block{box-shadow: none; visibility: visible;opacity: 1;display: none;left: 0 !important ;right: 0;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);padding: 28px 8px;}
.navmain-container{border: none;}
#mega-nav > li > .mega-block > ul > li{margin-left: 0;}
#mega-nav ul.subs li a{font-size: 0.95em;font-weight: 400;font-style: italic;font-family: "Times New Roman", Georgia, Serif;margin-bottom: 0;}

.bannerslider.banner { margin: 0 auto; width: 89%;}
.banner .item a.skip {  background-color: #000000;  bottom: 14px;  color: #ffffff;  font-size: 0.85em;  padding: 4px 13px;  position: absolute;  right: 0; line-height:1em; }
.bannerslider.banner.added .owl-wrapper-outer{height: 0 !important;}
.bannerslider.banner.added .owl-controls{display: none;}

.mno {   padding:107px 0 26px;display: none;}
.mno.added{display: block;}
.jpj { background-color: #e5e5e5; margin: 0 auto; padding-bottom: 18px; text-align: center; width: 275px;height: 0;font-size: 0}
.mno.added .jpj{font-size: 14px;height: auto;}
.jpj p { font-size: 1em; padding: 21px 0 3px; text-transform: uppercase;}
.jpj h6 { font-size: 1.9em; letter-spacing: 0.06em; margin: 0; text-transform: uppercase;}
.jpj h1 { font-size: 4em;    font-weight: 700;    letter-spacing: 0.06em;    margin: 0;    padding-top: 6px;    text-transform: uppercase;}
/*=============================================
                footer
===========================================*/
.footer-container, .footer-bottom-container{background-color: rgba(0,0,0,0);text-align: center;z-index: 101;position: relative;}
.footer, .footer a, .footer .accordion .opener{color: #000;letter-spacing: 0.02em;}
.footer a:hover{color: #ff0000;}
.footer p { font-size: 0.75em; letter-spacing: 0.06em;}

/*==========================================
                PRODUCT
==========================================*/
.fgh { display: none;}
.bgh {  margin-top: 15px;  padding: 0 8px;}
.cart{padding: 70px 22px 70px 38px;background: rgba(246,246,246,1);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 14%, rgba(252,252,252,1) 30%, rgba(254,254,254,1) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(14%, rgba(249,249,249,1)), color-stop(30%, rgba(252,252,252,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 14%, rgba(252,252,252,1) 30%, rgba(254,254,254,1) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 14%, rgba(252,252,252,1) 30%, rgba(254,254,254,1) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 14%, rgba(252,252,252,1) 30%, rgba(254,254,254,1) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 14%, rgba(252,252,252,1) 30%, rgba(254,254,254,1) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );}
.vgf { box-sizing: border-box;background: rgba(242,242,242,1);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(252,252,252,1) 25%, rgba(254,254,254,1) 51%, rgba(253,253,253,1) 77%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(25%, rgba(252,252,252,1)), color-stop(51%, rgba(254,254,254,1)), color-stop(77%, rgba(253,253,253,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(252,252,252,1) 25%, rgba(254,254,254,1) 51%, rgba(253,253,253,1) 77%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(252,252,252,1) 25%, rgba(254,254,254,1) 51%, rgba(253,253,253,1) 77%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(252,252,252,1) 25%, rgba(254,254,254,1) 51%, rgba(253,253,253,1) 77%, rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(252,252,252,1) 25%, rgba(254,254,254,1) 51%, rgba(253,253,253,1) 77%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f7f7f7', GradientType=0 );}

.data-table thead th{border-top: none;padding: 16px 0 ;text-align: center;font-weight: 700;}
.data-table thead th .nobr{display: block;text-align: center;}
.level1.subs.no-both-margin.columngrid.columngrid-1col.grid_12{-moz-column-count: 3;-moz-column-gap: 50px;-webkit-column-count: 3;-webkit-column-gap: 50px;column-count: 3;column-gap: 50px;}
.pmg { width: 26%;}
.data-table th { font-family: "Times New Roman", Georgia, Serif; font-size: 1.1em; font-style: italic; letter-spacing: 0.02em;background: url("../images/mnisid.png") no-repeat scroll right center / 4px auto;}
.pds { width: 20%;}
.data-table th:first-child, .data-table th:last-child{background: none;}
.data-table td { padding: 15px 20px; text-align: center;}
.cart-table .product-image{width: 145px;margin: 0 auto;max-width: 100%;box-shadow: none;}
.times{font-family: "Times New Roman", Georgia, Serif;}
.product-name.times a { display: block;font-style: italic;}
.code{font-size: 0.75em;}
.nam{font-size: 1.1em;text-transform: uppercase;}
.brd{font-size: 0.75em;text-transform: uppercase;}
.qtys { width: 18%;}
.data-table td span { display: block; text-align: center;}
.price { font-size: 0.85em; letter-spacing: 0.06em;}

/*
.columngrid-adaptive.columngrid-3col .item:nth-child(3n+1){clear: none !important;}
*/
.columngrid-adaptive.columngrid-3col .item{clear: none !important; display: inline-block; float: none; margin: 0; vertical-align: top; width: 25%;}
.columngrid-adaptive.columngrid-3col .item .product-image-wrapper{margin: 0 0 1px 1px;}
.ban { padding: 47px 35px 0 20px;font-size: 0;}
.products-grid.category-products-grid.columngrid.columngrid-adaptive.columngrid-2col.first.last.odd{padding: 48px 34px 0 20px;font-size: 0;}
.products-grid .actions{top: 0;bottom: 0;background-color: rgba(255,255,255,0.8);opacity: 0;}
.products-grid li:hover .actions{opacity: 1;}
.products-grid .product-content-wrapper.colcs { font-family: times new roman; margin-top: 25%; text-align: center;}
.product-content-wrapper.colcs h3 { font-size: 1.3rem; letter-spacing: 0.08em; text-transform: uppercase;}
.vert { padding-top: 12px;}
.products-grid .add-to-links.ics { bottom: 5px; font-size: 1rem; left: 0; position: absolute; right: 0;padding: 0 12px;}
.add-to-links.ics > li { border: none; float: left; width: 50%;}
.add-to-links.ics > li > a{display: inline-block;font-size: 1rem;text-transform: uppercase;  font-size: 0.75rem; padding-left: 20px;background-repeat: no-repeat; background-position: left center; background-size: 12px auto;}
.add-to-links.ics > li > a.dtls {background-image: url("../images/plus.png") ;}
.add-to-links.ics > li > a.qck {background-image: url("../images/qview.png") ;}
.add-to-links.ics > li:last-child{text-align: right;}
.products-grid.columngrid.ban{margin: 0 ;}   
.product-image, .bot-shadow, .products-grid .product-image-wrapper, .products-list .product-image-wrapper{box-shadow: none;}
.hed { bottom: 0; left: 0; position: fixed; right: 0;z-index: 100;}
.ched{padding: 0 18px 0 44px;background-color: #e5e5e5;}
.gdls { float: left;padding-top: 12px;}
.gdls > p { display: inline-block; vertical-align: top;}
.shed { font-size: 0.8em; letter-spacing: 0.08em; padding-bottom: 10px; text-transform: uppercase;}
.view-mode.item-left { padding-left: 14px;}
.grid { width: 19px;}
.list { margin-left: 15px; width: 20px;}
.wshlst { float: left; margin-left: 30px;padding-top: 12px;}
.wshlst > a { font-size: 0.9em; padding-right: 22px; text-transform: uppercase;background: url("../images/wishlst.png") no-repeat scroll right center / 8px auto;}
.shoppng > span { font-size: 1.4em; font-weight: 700; padding: 10px 5px 5px 12px;}
.view-mode > a { display: inline-block;}
.shoppng { float: right;}
.crt { color: #ffffff; display: inline-block; padding: 5px 11px 1px 15px; text-align: center; text-transform: uppercase;background-color: #000;}
.crt > p { font-size: 0.8em; letter-spacing: 0.15em; line-height: 1em;}
.crt > span { font-size: 1.6em; letter-spacing: 0.08em;}
.shoppng a > span { display: inline-block; font-size: 1.4em; letter-spacing: 0.02em; padding: 13px 6px 7px 10px; vertical-align: top;}
.footer-bottom.footer.pft { padding: 0;}
.bck { margin: 0 15px; padding: 18px 26px 0;background: rgba(237,237,237,1);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 15%, rgba(251,251,251,1) 35%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(15%, rgba(245,245,245,1)), color-stop(35%, rgba(251,251,251,1)), color-stop(52%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 15%, rgba(251,251,251,1) 35%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 15%, rgba(251,251,251,1) 35%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 15%, rgba(251,251,251,1) 35%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(245,245,245,1) 15%, rgba(251,251,251,1) 35%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );}
.breadcrumbs, .back{font-family: "Times New Roman", Georgia, Serif;}
.breadcrumbs{width: 50%;margin-left: 12px;margin-bottom: 15px;}
.breadcrumbs li { font-size: 0.9em; font-style: italic; padding-right: 10px;display: inline-block;background: url("../images/mnisid.png") no-repeat scroll right center / 4px auto;}
.breadcrumbs li:last-child{background: none;padding-right: 0;}
.back {float: right;text-transform: uppercase;}
.back > a { font-size: 1.1em;font-style: italic;}
.product-essential { padding-top: 14px;}
.product-image.product-image-zoom { max-width: 1000px;}
.bck .col-main.grid_full{width: 100%;box-sizing: border-box;padding: 14px 20px 0;background: rgba(236,236,236,1);
background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(239,239,239,1) 21%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,236,236,1)), color-stop(21%, rgba(239,239,239,1)), color-stop(45%, rgba(250,250,250,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(239,239,239,1) 21%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(239,239,239,1) 21%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(239,239,239,1) 21%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(236,236,236,1) 0%, rgba(239,239,239,1) 21%, rgba(250,250,250,1) 45%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff', GradientType=0 );}



















/*=============================================
                TRASITION
===========================================*/

a, .shop > p{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.header-primary.header, .grid_full .logo, .jpj, .bannerslider.banner .owl-wrapper-outer{-webkit-transition: all 1000ms ease-in-out;-moz-transition: all 1000ms ease-in-out;-ms-transition: all 1000ms ease-in-out;-o-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out;}
{-webkit-transition: all 2000ms ease-in-out;-moz-transition: all 2000ms ease-in-out;-ms-transition: all 2000ms ease-in-out;-o-transition: all 2000ms ease-in-out;transition: all 2000ms ease-in-out;}
#mega-nav div.mega-block{-webkit-transition: all 0ms ease-in-out;-moz-transition: all 0ms ease-in-out;-ms-transition: all 0ms ease-in-out;-o-transition: all 0ms ease-in-out;transition: all 0ms ease-in-out;}





















.header-container{background-color: rgba(0,0,0,0);} 
/*body{background: url("../bg/product2.jpg") no-repeat scroll center top / 1437px auto;}*/