/**
 *
 * @category    design
 * @package     oj
 * @copyright   Copyright (c) 2015 Magenio Team http://magenio.com
 */

/* Reset ================================================================================= */

body          { font:12px/1.35 'Roboto Condensed', Helvetica, sans-serif; color:#969696; }

/* tools */
.t-right { text-align: right}
.t-center { text-align: center}
.sprite { background: url("../images/sprite.svg") no-repeat scroll left top rgba(0, 0, 0, 0); }
.absolute-left { position: absolute; left:0 }
.absolute-right { position: absolute; right:0 }
.relative { position:relative;}
/* ======================================================================================= */


/* Layout ================================================================================ */
.margin-bar { padding-right: 94px !important}
.padding-logo-left, .padding-cart-right {
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.padding-logo-left { padding-left: 120px; }
.padding-cart-right { padding-right: 130px;}
.main { min-height: 800px; padding-top: 80px;}
.grid-container { max-width: 1440px; margin: 0 auto}

.col3-layout .col-wrapper {}
.block .block-title, .block { border: 0;}

/* ======================================================================================= */


/* Global Styles ========================================================================= */

/*buttons**/
button.button { font-family: "Maven Pro"; padding:0; }
button.button > span {  padding: 0; display: inline-block }
button.button span span { display: block; padding: 8px 14px 7px; background: #E6ECEF;color: #535353;}
button.button span { float:none; font-weight: 500; font-size:13px;}

.big-button span span, .big-button span::before { padding: 16px 23px 13px !important; font-size: 16px; background: #535353!important; color: #fff!important }
.big-button.btn-cart > span::before, .big-button.btn-proceed-checkout > span::before, .big-button.btn-checkout > span::before { color:#333!important; content:'\e62e'; font-family: Font-Oj; font-size: 35px; background: #F0F0F1!important}
.big-button.btn-checkout > span::before { content: '\e634';}

/* links */
a { color: #000 }
a.button { font-family: "Maven Pro"; background: #e6ecef; padding:6px 14px; font-weight: 500; color: #535353; font-size: 14px; text-transform: uppercase; text-decoration: none}
a.remove-link {text-decoration: none }
a.link-print { background: none }
a.no-effect {text-decoration: none}

/*titles **/
h1.oj-title { color: #535353; font-family: roboto; font-size: 36px; font-weight: 800; line-height: 1.15; text-transform: uppercase; position:relative; padding-left: 38px;}
h2.oj-title, .page-title h1 { color: #535353; font-family: roboto; font-size: 23px; font-weight: 600; line-height: 1.15; text-transform: uppercase; position:relative; padding-left: 34px;}

/*h1.oj-title::before, h2.oj-title::before { font-family: 'Font-Oj'; content: "\e620"; font-size: 34px; margin-right: -10px; color: #E4E4E4; }*/
.oj-title .icon, .page-title .icon {
    left: 0;
    margin: 0 -20px;
    padding-left: 16px;
    position: absolute;
    top: -12px;
}
h1.t-center.oj-title .icon { position:relative}
h1.t-center.oj-title .icon { top:10px}
.oj-title .icon span::before, .page-title .icon span::before { font-size: 46px; color: #E4E4E4;}

.page-title {
    border-bottom: 0;
    margin: 0 0 60px;
}

/* pager */
.pager .pages {
    margin: 0 16px;
}

/* input qty */
input, textarea { border-radius: 0; box-shadow: 0 0 0 transparent}
.quantity > label, .add-to-cart label { color: #333; margin-right: 4px; }
.input-text.qty.uniform-input.text { min-width: 105px; padding: 9px 5px 9px 6px; }
.qty-block { display: inline-block; position: relative; max-width: 106px; }
input#qty { cursor: pointer }
.qty-block .qtyselector { position: absolute; background: #f2f2f2; right: 2px; top: 2px; }
.qty-block .qtyselector span { color:#333; cursor:pointer; display: block; height: 15px; padding: 1px 7px;text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.qty-block:hover .qtyselector span { color: #fff; background: #333}

/* checker **/
span.checked::before { color: #d6db6a}

/* owl slider **/
.owl-theme .owl-controls { position: absolute; top: 35%; width: 100%; }
.owl-theme .owl-controls .owl-buttons { width: 100%; position: absolute;}
.owl-buttons > div { background: none!important}
.owl-buttons > div span { color: #333; font-size: 34px;}
.owl-buttons > div.owl-next, .owl-buttons > div.owl-prev { position: absolute; }
.owl-buttons > div.owl-prev { left: -27px}
.owl-buttons > div.owl-next { right: -27px}
.owl-buttons > div.owl-next span { color: #000!important;}

/*form list */
.form-list label { font-weight: normal; color: #4d4d4d; text-transform: uppercase; margin-bottom: 6px }
.form-list label.required em { color: #d44343 }
.form-list .input-box, .form-list input.input-text, .form-list textarea { width: 100%; color: #777;}
.form-list textarea { height: auto}
.form-list .input-box input, .form-list textarea { padding: 9px 6px;}
.buttons-set { border: 0;}
.form-list li.wide .input-box { width: 100%}

.fieldset { background: none; border: 0; padding: 0; }
.fieldset .legend { float:none; background:none; font-size: 14px; font-family: "Maven Pro"; text-transform: uppercase; color: #333; border: 0; margin:0 0 30px; padding:0; }
.form-list .field { width: 50%; }
.form-list .field .input-box { width: 98%}
.form-list .field:nth-child(1) > * { margin-right: 2%}
.form-list .field:nth-child(2) > * { margin-left: 2%;}
.form-list .control { margin-top: 20px !important }
.form-list li.wide input.input-text, .form-list li.wide textarea { width: 100%}

/* table */
.data-table thead {
    background-color: transparent;
}
.data-table th, .data-table td { border: 0; font-size: 14px; font-family: "Maven Pro"; text-transform: uppercase; color: #333; vertical-align: middle }
.data-table th {white-space: nowrap; text-align: center; }
.data-table td { }
.data-table tbody tr { border: 1px solid #ddd; border-bottom: 0; }
.data-table tbody tr:last-child { border-bottom: 1px solid #ddd }
.checkout-cart-index .data-table tbody > tr td:first-child { padding-left: 0; padding-top: 0; padding-bottom:0}
.data-table tr.even { background-color: transparent;}
.data-table tfoot td { padding: 30px 0}

/* validation **/
.validation-failed { background: #faebe7 none repeat scroll 0 0 !important; border: 0 none !important; }
.error-msg { border-color: transparent; background-image: none; }

/* global messages */
.messages li { margin: 0 0 20px;}
.success-msg { background-color: #eff5ea; background-image:none;  border-color: transparent; color: #3d6611; }
.notice-msg { background-color: #fafaec; background-image: none; border-color: transparent; color: #3d6611; }
.error-msg, .success-msg, .note-msg, .notice-msg {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 16px;
    text-transform: uppercase;
    padding: 10px 3% 5px;
}

.input-box {
    position: relative !important;
}

 .input-box-privacy #uniform-miniMagenioPrivacy .validation-advice,
.validation-advice {
    background: #333!important;
    border: 0 none;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    line-height: 13px;
    margin-top: 38px !important;
    min-height: 13px;
    opacity: 0.92;
    padding: 9px 10px 8px 7px !important;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    max-width:184px;
    z-index: 1000;

    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.validation-advice:after {
    position: absolute;
    top: -6px;
    left: 6px;
    content: " ";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
}
.input-box-privacy #uniform-miniMagenioPrivacy .validation-advice {
    min-width: 184px;
}
.validation-advice.disabled { opacity:0; z-index:-1}

/* banners **/
.block-banner .block-content {
    text-align: left;
}
.no-svg * {}

.cms-index-noroute .std ul.disc { list-style:none}
/* ======================================================================================= */

/* Header ================================================================================ */

.header-container { background: #fff; }
.header-top { background: #1f1f1f; color: #fff; position:relative; z-index: 30;}
.header-top-right { height:30px; overflow: hidden}
.header-top-left li, .header-top-right li { display: inline-block;  padding: 7px 10px; }
.header-top li a { text-decoration: none; color: #fff;
    -webkit-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}
.header-top li a:hover { color: #999; }
.header-top li a .label { color: #999; margin-right: 6px; }
.header-top li {transition: all .25s ease-out 0s;}
.header-top li .other-list, .header-top li .other-list a, .header-top li .other-list span {    display: inline-block;
    opacity: 0;
    overflow:hidden;
    height: 0;
    font-size:0;

    -webkit-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
    transform: translateX(40px);

}
.header-top li.currency-link .other-list, .header-top li.currency-link .other-list a, .header-top li.currency-link .other-list span { }
.header-top li .other-list a { margin-left: 4px}
.header-top li.active .other-list, .header-top li.active .other-list a, .header-top li.active .other-list span { display: inline-block; max-width: 300px; font-size:12px; opacity: 1; line-height:11px; min-height: 9px; transform: translateX(0px); overflow: visible;}
.mobile .header-top li.active .other-list { display: inline!important;}
.header-top li .symbol-value { margin-left: 4px;}

.header { border:0; padding-top:0; padding-bottom:0; position:relative }
.header .identity { height:100%; z-index: 46; }
.header .identity.height-fixed { height: 136px}
.header.animation-sticky .identity.height-fixed { height: 100%!important}
.header .identity .logo { background: #333333; width: 119px; height: 100%; }
.header .identity .logo a { background-image: url('../images/sprite.svg'); background-size: 100%; background-repeat: no-repeat; }

/* no-svg */
.no-svg .header .identity .logo a {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.header .welcome-msg { font-size: 14px; font-weight: normal; margin-bottom: 15px; text-align: left; }

/* ================================================================== */
/* Mini cart */
/* ================================================================== */

.header .cart-button { height:100%; cursor: pointer; top:0; z-index: 28;}
.header .cart-button a { text-decoration: none}
.header .cart-button .icon.ic-oj-cart { background: #333333; height:100%;  font-size: 54px; padding: 12px 32px; display: block;}

/* right slidebars */
.MenuCartContainer { display: inline-block!important; height:100%; }
.MenuCartContainer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.MenuCartHeader { color: #999999; display: inline-block; float: left; width: 100%; font-weight: 100; line-height: 30px; position: relative; height:100%; z-index: 6;}
.header .MenuCart-list {width: 81%;}
.MenuCart-list, .top-list { list-style-type: none; margin: 27px 0 0; padding: 10px 28px; background: none repeat scroll 0 0 #333;}
.mobile .top-list { padding: 0}
.MenuCart-list .block-cart {margin-top: 45px;}
.MenuCart-list .block-cart .mini-products-list { margin-top: 18px;}
.MenuCart-list .block-cart .block-subtitle { color: #fff; font-size: 14px; font-weight: normal}
.MenuCart-list .block-cart .summary { margin-top: 10px; font-size: 14px; line-height: 16px;}
.MenuCart-list .block-cartt .price { color: #fff}
.MenuCart-list .block-cart .qty-info .label-item {margin-right: 7px}
.MenuCart-list .block-cart .mini-products-list .product-details { font-size: 14px }
.MenuCart-list .block-cart a { color: #fff; text-decoration: none; }
.MenuCart-list .block-cart .mini-action { margin-top: 24px; }
.MenuCart-list .block-cart .btn-edit, .MenuCart-list .block-cart .btn-remove { float:none; background: none; color: #fff;display: inline-block;font-size: 14px; line-height: 18px;  text-indent: 0; width: auto; overflow: visible;}
.MenuCart-list .block-cart .btn-remove {float: right; height:18px; display:block}
.MenuCart-list .block-cart .actions {margin-top: 20px;}

.MenuCart-list .block-cart a.button::before, .MenuCart-list .block-cart button > span::before { background: #fff; color: #333}
.MenuCart-list .block-cart a.button span { background: #333; border: 1px solid #969695; color: #fff; padding: 8px 14px; }
.MenuCart-list .block-cart button.button { background: #fff; font-size: 15px; border: 0;}

.MenuCartIcon { cursor: pointer; display: inline-block; position: relative; right: 0; z-index: 6; height:100%; }
.MenuCartIcon span.icon { z-index: 6;}
.header.animation-sticky .cart-button .MenuCart-list { margin-top: 0; }
.mini-products-list .product-image { border: 1.5px solid #999; border-radius: 3px; margin-right: 30px; width: 134px; }

.MenuCart-list  .block li { background: none; border-top: 1px solid; margin-top: 12px; padding-top: 17px; }
.MenuCart-list  .block li:first-child { border-top: 0}

/* rightuser slidebars */

.header .top-list { overflow: hidden }
.header .top-list .links { float:none; font-family: roboto condensed; margin-right: 70px;}
.header .top-list .links li { display: block; padding: 5px 0; }
.header .top-list .links li a { width: 100%; color: #fff; display: inline-block;font-size: 13px; text-transform: uppercase; text-decoration:none}
.mobile .top-list .welcome-msg { display: none}

/* rightuser button  slidebars */
.header .menu-rightuser.mobile, .header .sb-toggle-rightsearch.mobile { display: none}
.header .quick-access .menu-rightuser .icon {}
.header .quick-access .menu-rightuser.open .icon { background: #333; color: #fff; border: 1px solid #333; border-top:0; }

/* quick access **/
.header .quick-access { background: #fff; width: 71px; position: absolute; right: 0; z-index: 28}
.header .quick-access.fixed { background: #fff; width: 71px; border-left: 1px solid #ddd; z-index: 27; position: fixed; right:0; height: 100%; top: 0;}
.header .quick-access .icon, .sb-toggle-rightsearch.mobile, .menu-rightuser.mobile .icon { position:relative; color: #333; font-size: 21px; padding: 18px; text-align: center; cursor: pointer; border: 1px solid #ddd; border-top:0; display:block}
.menu-rightuser.mobile { padding: 0}
.sb-toggle-rightsearch.mobile, .menu-rightuser.mobile .icon { border:0; padding: 15px 11%; font-size:26px}
.sb-toggle-rightsearch.mobile, .menu-rightuser.mobile { float:right }

.header .quick-access .icon, .sb-toggle-rightsearch.mobile, .menu-rightuser.mobile .icon {
    -webkit-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}
.header .quick-access .icon:hover, .header .quick-access .icon.open { background: #333333; border: 1px solid #333; border-top:0; color: #fff; z-index:20 }

/*.header .quick-access .icon.open:hover { background:#fff; position:relative; color: #333; font-size: 21px; padding: 18px; text-align: center; cursor: pointer; border: 1px solid #ddd; border-top:0; display:block}*/

/* breadcrumbs */
.header .breadcrumbs-block { background: #F0F0F1; z-index: 24; position:relative; overflow:visible }
.header .breadcrumbs-block .breadcrumbs { border:0; margin: 8px 0;}
.header .breadcrumbs-block .breadcrumbs li a, .header .breadcrumbs-block .breadcrumbs li strong { text-decoration: none; color: #000; font-family: 'Roboto',helvetica, arial; }
.header .breadcrumbs-block .breadcrumbs li strong { font-weight: bold}

/* navigation */

.header .menu-block { min-height: 79px; position: relative; background:#fff;  }
.header .menu-block .menu-block-list {padding-right: 88px!important;}
.header .menu-block .menu-block-list li:first-child a { padding-left: 0 }
.header .menu-block .menu-block-list li:last-child a { padding-right: 0 }

.header .menu-block #nav { border: 0; margin: 19px 0;}
.header .menu-block #nav ul.shown-sub { display: none!important}
.header .menu-block #nav li a { padding: 5px 18px}
.header .menu-block #nav li a span { color: #333333; font-size: 15px; font-weight: normal; text-transform: uppercase; }
.header .menu-block #nav li.active a span { font-weight: bold;}
.header .menu-block #nav li .icon-menu { color: #323232; font-size: 24px; left: 0; margin: 2px -8px; position: absolute}
.header .menu-block #custom-nav { text-align: right; line-height: 41px; margin: 15px 0; padding: 10px 0;}
.header .menu-block #custom-nav li { display: block; float:right; line-height: 29px; text-align: right}
.header .menu-block #custom-nav li a { text-decoration: none; padding: 5px 0 5px 45px; text-align: right; position:relative; }
.header .menu-block #custom-nav li span { color: #333333; font-size: 15px; font-weight: normal; text-transform: uppercase; }

.header .menu-block #nav li.oj-blog { float: right; }
.header .menu-block #nav li.oj-blog a { height:30px; padding-right:0 }
.header .menu-block #nav li.oj-blog span { display: inline-block}
.header .menu-block #nav li.oj-blog span:nth-child(2) { line-height: 20px; padding-left: 27px;}
.header .menu-block #nav li.oj-blog .icon.ic-oj-oj { font-size:0; margin: 10px;}
.header .menu-block #nav li.oj-blog .ic-oj-oj:before {  font-size: 30px;  left: 21px; position: absolute; top: -10px; }

.header #nav li:first-child a { padding-left: 5px;}
.header #nav li:first-child .icon-menu {left: -17px;}

.cms-index-index .header #nav li:first-child a { padding-left: 25px;}
.cms-index-index .header #nav li:first-child .icon-menu {left: 0px;}
.cms-index-index .header.menu-sticky #nav li:first-child a { padding-left: 25px;}
.cms-index-index .header.menu-sticky #nav li:first-child .icon-menu {left: 0px;}

/*search **/
.header #search_mini_form {}
.header .searchbox{ position:relative; overflow:visible;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.header .searchbox * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.header .searchbox .button, .header .searchbox .button span { background: none!important; font-size:0!important; margin:0!important; padding:0!important}
.header .searchbox-input{ top:0; right:0; border:0; outline:0; background: #e6ecef; width:100%; height:56px; margin:0; font-size: 15px; color: #333; border-radius: 0; box-shadow: 0 0 0; padding:0 55px 0 20px; }
.header .searchbox-input:focus { background: #e6ecef!important; }
.header #search_autocomplete {padding: 0 55px 0 20px; background: #fff; border: 1px solid #F0F0F1; border-top:0; z-index:1; width: 50%;}
.header #search_autocomplete ul li { padding: 10px; border-top: 1px solid #F0F0F1;}
.header #search_autocomplete .amount { padding-right: 10px}

.searchbox-input::-webkit-input-placeholder, .searchbox-input:-moz-placeholder, .searchbox-input::-moz-placeholder, .searchbox-input:-ms-input-placeholder {
    color: #535353;
}
.header .open .searchbox-icon { background: #333 ; color: #e6ecef!important; border: 1px solid #333!important; border-top:0!important; }
.header .searchbox-submit { height: 0; position: absolute; right: 0; top: 0; width: 0; z-index: 4; font-size: 0; visibility: hidden; }

/* menu sticky **/
.header.menu-sticky { position: fixed; width: 100%; top: 0; z-index: 30 }


.header.menu-sticky #nav li:first-child a { padding-left: 0}
.header.menu-sticky #nav li:first-child .icon-menu {left: -17px;}
.header.menu-sticky #nav li:last-child { display:none}
.header.menu-sticky .padding-logo-left { padding-left: 70px;}
.header.menu-sticky .sb-rightsearch .padding-logo-left { padding-left:0!important}
.header.menu-sticky .padding-cart-right { padding-right: 70px;}
.header.animation-sticky .menu-block { background: #fff}
.header.menu-sticky .menu-block { min-height: 60px; background: #fff }
.header.menu-sticky .menu-block #nav { margin: 9px 0;}
.header.menu-sticky .menu-block #custom-nav { margin: 3px 0}
.header.menu-sticky .breadcrumbs-block { background: transparent;}
.header.menu-sticky .searchbox-input {padding: 0 55px 0 86px;}
.header.menu-sticky .sb-rightuser, .header.animation-sticky .sb-rightuser {margin-top: 118px!important}
.header.animation-sticky .sb-rightuser.twoRow { margin-top: 146px!important}
.sb-rightuser.twoRow { margin-top: 196px !important;}

.fixfixed .header {position: absolute;top:30px; width:100%; z-index: 1000}
.fixfixed .header .quick-access.fixed { position: absolute; height: 1024px}


/* ======================================================================================= */

/* Homepage =============================================================================== */
.banner-homepage img { max-width: 100%}
#owl-demo { margin-top:60px}
#owl-demo .item { text-align: center; }
#owl-demo .item a { display: block; text-decoration:none }
#owl-demo .item a.product-image, #owl-demo img { max-width: 100%; height: auto; display:block }
.owl-carousel .item .product-name { font-family: "Maven Pro"; font-size: 18px; text-transform: uppercase; margin: 26px;}
.owl-carousel .item .actions a { margin: 0 auto}
.owl-carousel .item .actions a { width: 0; min-width:0;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.owl-carousel .owl-hover .actions a { width:100px}
.section-home { margin: 52px 0; }

/* Sidebar =============================================================================== */

/*shop by */
.block-layered-nav .block-title strong { font-weight: normal}
.block-layered-nav .block-title span, .block-layered-nav dt { font-family: "Maven Pro"; color: #333; text-transform: uppercase; font-weight: bold }
.block-layered-nav .block-title span { font-size: 20px}
.block-layered-nav dt { font-size: 14px; background: none!important; padding-left: 0!important; margin: 26px 0 12px;
    position: relative; }
/* fix nocollapsed */

.block-layered-nav dd { font-family: "Roboto Condensed"; font-size: 14px; color: #333; position: relative; }
.block-layered-nav dd a { text-decoration: none; opacity: 0.6 }
.block-layered-nav dd a:hover { opacity:1}
.block-layered-nav dd li { margin: 8px 12px;}
dl#narrow-by-list > dt:first-child { background: #f4f4f5!important; padding: 10px 12px!important; position: relative; z-index: 10; }
dl#narrow-by-list > dt.amshopby-collapsed:first-child::after, dl#narrow-by-list > dt:first-child::after {
    content: "+";
    font-size: 31px;
    font-weight: normal;
    position: absolute;
    right: 11px;
    top: -2px;
}
dl#narrow-by-list > dt:first-child::after { content: "-"}
div.block-layered-nav dd a.amshopby-attr { background: none!important;  padding-left: 0!important;}

div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {
    font-family: Font-Oj; content:'\e60f'; }
div.block-layered-nav .block-subtitle { display: none }
div.block-layered-nav dd a.amshopby-attr-selected { background: none; font-weight: bold; opacity: 1}

div.block-layered-nav .currently  .btn-remove-inline, div.block-layered-nav .currently  .btn-remove { background: none; text-decoration: none;  height:auto; width:auto; margin:0 0 0 6px}
div.block-layered-nav .currently  .btn-remove {float:right}
div.block-layered-nav .currently  .btn-remove-inline img {display: none}
div.block-layered-nav .currently  .btn-remove-inline::before, div.block-layered-nav .currently  .btn-remove::before {font-family: Font-Oj; content:'\e605'; text-indent:0; font-size:14px; line-height: 16px; text-align:right}
div.block-layered-nav .currently li { margin: 10px 0; font-size: 14px}

.block-layered-nav dd:before { position: absolute; left: 0; top: -31px; height: 20px; width: 100%; z-index: 5;
    opacity: 0; content:""; }
@media screen and (max-width: 768px) { .block-layered-nav dd:before { display: none; } }

/* ======================================================================================= */


/* Category Page ========================================================================= */
.catalog-category-view .breadcrumbs-block { opacity: 1; background: transparent; }
.catalog-category-view .breadcrumbs-block .breadcrumbs { opacity: 0.7; background: #f0f0f1; padding: 18px 8px; margin:0 }
.category-title { margin: -56px 0 7px; }
.category-title .category-image { margin: 0}
.category-title .category-image img { max-width: 100%}
.category-title .row-category-title { background: #D3DAE2 }
.category-title .page-title.title > h1 { margin-top:160px; color: #fff; font-family: roboto; font-size: 36px; font-weight: 800; position: absolute; text-align: center; text-transform: uppercase; width: 100%;}
.category-title .page-title.title .ic-oj-oj-cp, .category-title .page-title.title .ic-oj-oj-cp span::before { color: #333333; opacity: 0.4; font-size: 48px}
.category-title .page-title.title .ic-oj-oj-cp { display: inline-block; left: -54px; margin: 0 -71px; position: relative; top: 7px;  }
.category-title .page-title.title { display: block; height: 100%; position: absolute; width: 100%;}

.controls { margin: 20px 0 40px; }
.pager { border:0; margin-top: 20px; }
.pager .pages li { display: inline-block; font-size: 14px; color: #333}
.pager .pages li.current { padding: 8px 14px; background: #ececec; }
.pager .pages li a { display:block; padding: 8px 14px; text-decoration: none}
.pager .pages li a {
    -o-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.pager .pages li:hover a { background: #ececec; }

.limiter { margin-left: 30px; }
.sort-by, .limiter { float:right; color: #333; font-size: 14px;}
.sort-by label, .limiter label { margin-right: 5px}

.col2-left-layout .products-grid, .col2-right-layout .products-grid { width: auto }
/* grid **/

.products-grid li.item { background-color: #fff; border: 1px solid #dadada; margin: 0 -1px -1px 0; padding: 0; position:relative; overflow: hidden; min-height: 358px;}
.products-grid .product-image { width: auto; height: auto; margin: 0; display: block; text-decoration: none }
.products-grid .product-image img { max-width: 100%; width: auto; height: auto;}

/* add to**/
.products-grid li.item .add-to { position: absolute; top: 70px;}
.products-grid li.item .add-to li a {  margin: 1px 0; width: 50px; height: 50px; background: #ececec; opacity: 0.94; border-left: 1px solid #fff; display: table; text-decoration: none;}
.products-grid li.item .add-to li a span { display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; font-size: 20px; color: #333; }
.products-grid li.item .add-to li a
{
    -o-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.products-grid li.item .add-to li a:hover { background: #333 }
.products-grid li.item .add-to li a:hover span { color: #fff }

/* block info**/
.products-grid li.item .block-info { font-family: "Maven Pro"; border: 1px solid #fff; border-top: 0; background: #eaeaea none repeat scroll 0 0; bottom: 0; opacity: 0.94; padding: 16px 30px; position: absolute; width: 100%; min-height:118px
}

.products-grid li.item .block-info a {  font-weight: bold; text-transform: uppercase; font-size:16px; text-decoration: none;}
.products-grid li.item .block-info .price-box { font-family: "Maven Pro"; font-weight:lighter; border-top: 2px solid; color: #333; display: inline-block; font-size: 18px; padding-top: 4px; }
.products-grid li.item .block-info .price-box .old-price .price-label,
.products-grid li.item .block-info .price-box .special-price .price-label {display:none}
.products-grid li.item .block-info .price-box .old-price { color: #6f6f6f}
.products-grid li.item .block-info .price-box .special-price {color: #ea3030}
.products-grid li.item .block-info .price-box .old-price,
.products-grid li.item .block-info .price-box .special-price { display: inline-block}
.products-grid li.item .block-info .price-box .old-price .price ,.products-grid li.item .block-info .price-box .special-price .price, .products-grid li.item .block-info .price-box .regular-price .price { font-weight: lighter}

.products-grid li.item .actions.add-tocart { font-family: "Maven Pro"; font-weight: bold; opacity: 0.94; border: 1px solid #fff; border-top: 0; background: #333 none repeat scroll 0 0; bottom: 0; height: 52px; position: absolute; width: 100%; }
.products-grid li.item .actions button, .products-grid li.item .actions button span { width: 100%; height:100% }
.products-grid li.item .actions.add-tocart button span span { font-size: 16px; background: #333; color:#fff;  padding: 16px 14px 20px; }
.products-grid li.item .actions.add-tocart.bg-red button span span { background: #ee5757; }
.products-grid li.item .actions.add-tocart button > span::before { color: #333; font-size: 16px; padding: 16px 14px 20px;background: #ececec; }
.products-grid li.item .actions.add-tocart .icon.ic-oj-cart {
    background: #333333 none repeat scroll 0 0;
    display: block;
    font-size: 54px;
    height: 100%;
    padding: 12px 32px;
}
.products-grid li.item .stickers { font-family: "Maven Pro"; font-weight: bold; position: absolute; text-transform: uppercase; top: 0; left: 0; }
.products-grid li.item .stickers .promo, .products-grid li.item .stickers .newp { display:none; background: #ee5757; color: #fff;  margin: 1px; padding: 8px 12px; }
.products-grid li.item .stickers .newp { display: block; background: #dae467; color: #333}
.products-grid li.item .stickers .promo.visible { display: block}
.products-grid li.item .stickers .newp.videolabel { background: #51C18B; color:#fff}

/* grid animations **/
.products-grid li.item .block-info, .products-grid li.item .actions.add-tocart, .products-grid li.item .add-to, .products-grid li.item .stickers .promo, .products-grid li.item .stickers .newp {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.products-grid li.item .add-to {
    -ms-transform: translateX(-50px); /* IE 9 */
    -webkit-transform: translateX(-50px); /* Safari */
    transform: translateX(-50px); }
.products-grid li.item .actions.add-tocart {
    -ms-transform: translateY(52px); /* IE 9 */
    -webkit-transform: translateY(52px); /* Safari */
    transform: translateY(52px) }
.products-grid li.item .block-info {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0);}
.products-grid li.item .stickers .promo {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0); }

.products-grid li.item.active .block-info, .no-mobile .products-grid li.item:hover .block-info {
    -ms-transform: translateY(128px); /* IE 9 */
    -webkit-transform: translateY(128px); /* Safari */
    transform: translateY(128px);}
.products-grid li.item.active .actions.add-tocart, .no-mobile .products-grid li.item:hover .actions.add-tocart {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0) }
.products-grid li.item.active .add-to, .no-mobile .products-grid li.item:hover .add-to {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0); }
.products-grid li.item.active  .stickers .promo, .no-mobile .products-grid li.item:hover .stickers .promo {
    -ms-transform: translateX(-100px); /* IE 9 */
    -webkit-transform: translateX(-100px); /* Safari */
    transform: translateX(-100px); }
/* ======================================================================================= */


/* Product View ========================================================================== */
.catalog-product-view .main { padding-top: 110px;}
.product-view { margin: 0 0 70px }
.product-view .product-img-box {}
.product-view .product-img-box .product-image { border: 1px solid transparent}
.product-view .product-img-box .product-image.zoomactive { border: 1px solid #ddd}
.product-view .product-img-box .product-image img, .product-view .product-img-box .product-image span { max-width: 100%;}
.product-view .product-shop {}
.product-view  .product-image { position:relative}
.product-view  .product-image > span { margin-bottom: -4px; }
.product-view  .product-image .zoomImg {
    max-height: 1600px !important;
    max-width: 1067px !important;
}
.product-view  .product-image .stickers { font-family: "Maven Pro"; font-weight: bold; position: absolute; text-transform: uppercase; top: 0; left: 0; }
.product-view  .product-image .stickers .promo, .product-view  .product-image .stickers .newp { display:none; background: #ee5757; color: #fff;  margin: 1px; padding: 8px 12px; }
.product-view  .product-image .stickers .newp { display: block; background: #dae467; color: #333}
.product-view  .product-image .stickers .promo.visible { display: block}
.product-view  .product-image .stickers .newp.videolabel { background: #51C18B; color:#fff}

.product-view .product-category h2, .product-view .product-category h2 a {color: #bdbdbd; font-size:14px; text-transform: uppercase}
.product-view .product-name h1 { color: #535353; font-size:36px; font-family: 'Roboto'; font-weight: 800; text-transform: uppercase; position: relative; padding-left: 0}

.product-view .product-name .oj-title .icon { left: -58px; position: absolute; top: -1px; }
.product-view .product-name .oj-title .icon span::before { font-size: 70px;}
/*.product-view .product-name h1.oj-title::before { font-size: 52px; left: -41px; margin-right: -10px; position: absolute; }*/

.product-view .sku { font-size: 14px; color: #333; text-transform: uppercase }

.product-view .short-description .std { color: #333; font-size: 13px; font-weight: normal; margin: 24px 0; }
.product-view .short-description .std ul, .product-view .std ul.list-desc { padding:0}
.product-view .short-description .std ul li, .product-view .std ul.list-desc li { list-style:none}
.product-view .short-description .std ul li span.icon, .product-view .std ul.list-desc span.icon { color: #d6db6a; font-size: 19px; font-weight: bold; margin-right: 8px}
.product-view .availability {margin:30px 0 6px}
.product-view .availability, .product-view .availability span { color: #333; font-size: 13px; font-weight: normal; }
.product-view .availability.in-stock span { color: #00a025}

.product-view .price-box { font-family: maven pro; font-size: 27px; font-weight: bold; color: #686b6a; }
.product-view .price-box .old-price .price-label,
.product-view .price-box .special-price .price-label {display:none}
.product-view .price-box .old-price { color: #6f6f6f}
.product-view .price-box .special-price {color: #ea3030}
.product-view .price-box .old-price,
.product-view .price-box .special-price { display: inline-block}
.product-view .price-box .old-price .price ,.product-view .price-box .special-price .price, .product-view .price-box .regular-price .price { font-weight: bold}

.product-view .add-to-cart { margin: 24px -4px; width: 100%; }
.product-view .product-options-bottom .add-to-cart { margin: 24px 0}
.product-view .add-to-cart button, .product-view .add-to-cart button span { width: 100%}
.add-to-cart button.button { margin-left: 0}
.product-view .quantity, .add-to-box .add-to-cart { margin: 10px 0; font-size: 14px;}

.product-view .add-to-links li { display: inline-block; margin-right: -2px;}
.product-view .add-to-links a { background: #ececec none repeat scroll 0 0;  border-left: 1px solid #fff;  display: table!important; height: 50px; margin: 1px 0; opacity: 0.94; text-decoration: none; width: 50px; }
.product-view .add-to-links a span { color: #333; display: table-cell; font-size: 20px; text-align: center; text-decoration: none; vertical-align: middle; }
.product-view .add-to-links li:last-child a span { font-size: 17px; font-weight: bold}
.product-view .add-to-links li a
{
    -o-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.product-view .add-to-links li a:hover { background: #333 }
.product-view .add-to-links li a:hover span { color: #fff }

.product-view .more-views {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
.product-view .more-views .owl-theme .owl-controls .owl-buttons { width: 90%}
.product-view .more-views .popup-youtube { color: #333; font-size: 54px; text-align:center; display:block; min-height: 210px;}
.product-view .more-views .popup-youtube .icon.ic-oj-play { margin: 0 38px; position: absolute; text-align: center; top: 36%; z-index: 3}
.product-view .more-views .popup-youtube .ic-oj-play .path1::before {color: #51C18B }

#owl-moreview { width: 50%}
.product-view .more-views .item a img { opacity:0.5; max-width:100%; height:auto;
    -o-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.product-view .more-views .item a.popup-youtube img { opacity: 0.1}
.product-view .more-views .item a.current-selected img, .product-view .more-views .item.owl-hover img { opacity:1;}
.product-view .more-views .item.owl-hover a.popup-youtube img { opacity: 0.2 }
.product-view .guida-taglie { display: none;}
.product-view #product-options-wrapper .guida-taglie { display:block; margin: 10px 6px 0}
.product-view #product-options-wrapper .guida-taglie .label { display: block}
.product-view #product-options-wrapper .guida-taglie span.icon { bottom: -12px; color: #00a025; display: inline-block; font-size: 43px; margin: -21px 0; position: relative}
.product-view #product-options-wrapper .guida-taglie a.cambio { color: #00a025}
.product-view .product-options p.required { padding: 4px 0 0; }
.product-view .product-img-box .more-views li { background: transparent}


/* block-incentive **/

.block.banner {
    display:block;
    background: #f2f2f2;
    padding: 42px 3%;
    opacity: 0.97;
    min-height: 164px;
    text-align: center;
    position: relative;
    width: 98%;
}
.block.banner .block-content-abs {
    display:block;
    padding-left: 24%;
    text-align: left;
}
.block.banner .block-content-abs .block-content { padding: 2px 10px}
.block.banner .block-content-abs .block-content p .rimanente { color: #E20613 }
.block.banner .divbg {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #666;
    height: 100%;
    left: 2%;
    position: absolute;
    top: -8px;
    width: 100%;
}
.block.banner .divbg .icon {
    bottom: 8px;
    color: #fff;
    font-size: 45px;
    position: absolute;
    right: -8px;
}

.block.banner .divbg .icon > span::before { color: #fff}

.block.banner .block-title strong span {
    color: #545454;
    font-family: maven pro;
    font-size: 23px;
    font-weight: 900;
    text-transform: uppercase;
}
.block.banner .block-title .icon {
    color: #535353;
    float: left;
    font-size: 78px;
    left: 9%;
    position: absolute;
}
.block.banner .block-title span.green { color: #4bbe87}

.block.banner .block-content {
    display: block;
    padding: 2px;
}
.block.banner .block-content > * {
    display: block;
    color: #535353;
    font-size: 14px;
    text-transform: uppercase;
}

.cart .banner-cart > div { max-width: 560px}
.sidebar .block.banner, .product-shop .block.banner { margin: 32px 0 25px}
.sidebar .block.banner .block-title .icon, .product-shop .block.banner .block-title .icon { display:none}
.sidebar .block.banner .block-content-abs, .product-shop .block.banner .block-content-abs { padding-left: 0; text-align:center}
.sidebar .block.banner .block-title strong span { font-size: 18px }
.sidebar .block.banner .block-content p { font-size: 13px }



/* effect banner */
.block.banner .divbg {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.block.banner:hover .divbg { top:5%; left:3%; border: 1px solid #fff; width:94%; height:90%; z-index: -1}


/* add to related **/

.block-related {border-left: 1px solid #dadada; height:100%}
.block-related .product { margin-left: 0; }
.block-related .product .product-image { display: inline-block; float: none; text-align: center; width: 100%; }
.block-related input.checkbox { float: none; margin-right: 0; }

.block-related .item .content-actions { padding: 16px; text-transform: uppercase; font-size:11px }
.block-related .item .content-actions span { color: #fff }


.block-related .item { overflow: hidden; padding: 0; position: relative; }
/* add to**/
.block-related .item .add-to { position: absolute; top: 70px; z-index:12}
.block-related .item .add-to li a {  margin: 1px 0; width: 50px; height: 50px; background: #ececec; opacity: 0.94; border-left: 1px solid #fff; display: table; text-decoration: none;}
.block-related .item .add-to li a span { display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; font-size: 20px; color: #333; padding-left:6px; }
.block-related .item .add-to li a
{
    -o-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    transition: all 0.25s ease-out 0s;
}
.block-related .item .add-to li a:hover { background: #333 }
.block-related .item .add-to li a:hover span { color: #fff }

/* grid animations **/
.block-related .block-info, .block-related .actions.add-tocart, .block-related .add-to {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.block-related .add-to {
    -ms-transform: translateX(-50px); /* IE 9 */
    -webkit-transform: translateX(-50px); /* Safari */
    transform: translateX(-50px); }
.block-related .actions.add-tocart {
    -ms-transform: translateY(52px); /* IE 9 */
    -webkit-transform: translateY(52px); /* Safari */
    transform: translateY(52px) }
.block-related .block-info {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0);}

.no-mobile .block-related .item:hover .block-info {
    -ms-transform: translateY(128px); /* IE 9 */
    -webkit-transform: translateY(128px); /* Safari */
    transform: translateY(128px);}
.no-mobile .block-related .item:hover .actions.add-tocart {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0) }
.no-mobile .block-related .item:hover .add-to {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0); }

/* block info**/
.block-related .block-info {  z-index: 1; font-family: "Maven Pro"; border: 1px solid #fff; border-top: 0; background: #eaeaea none repeat scroll 0 0; bottom: 0; opacity: 0.6; padding: 16px 30px; position: absolute; width: 100%;
}
.block-related .block-info p { color: #333; font-weight: bold; text-transform: uppercase; font-size:11px; text-decoration: none;}
.block-related .block-info .price-box { border-top: 2px solid; color: #333; display: inline-block; font-size: 18px }

/* actions related */

.block-related .add-tocart { font-family: "Maven Pro"; font-weight: bold; opacity: 0.94; border: 1px solid #fff; border-top: 0; background: #333 none repeat scroll 0 0; bottom: 0; height: 52px; position: absolute; width: 100%; }

/* upsell */
.box-up-sell h2 { color: #535353; font-family: Roboto; font-weight: bold; font-size: 23px; text-transform: uppercase; margin: 70px 0 40px; }
.box-up-sell .item { position:relative; overflow: hidden;}
.box-up-sell .owl-carousel .item .product-name { padding: 0; margin:0 }
.box-up-sell .owl-carousel .item .product-image > img { height: auto; max-width: 100%}
.box-up-sell .owl-carousel .item .block-info { min-height: 81px;}
.box-up-sell .owl-carousel .item .product-name { min-height: 38px;}
.box-up-sell .owl-carousel .item .block-info, .box-up-sell .owl-carousel .item .price-box,
.box-up-sell .owl-carousel .item .product-name, .box-up-sell .owl-carousel .item .product-name a { font-size: 11px; color: #333}
.box-up-sell .block-info {  z-index: 1; font-family: "Maven Pro"; border: 1px solid #fff; border-top: 0; background: #eaeaea none repeat scroll 0 0; bottom: 0; opacity: 0.6; padding: 16px 30px; position: absolute; width: 100%; }
.box-up-sell .block-info a { color: #333!important }
.box-up-sell .block-info p { color: #333; font-weight: bold; text-transform: uppercase; font-size:11px; text-decoration: none;}
.box-up-sell .block-info .price-box { border-top: 2px solid; color: #333; display: inline-block; font-size: 18px }


.box-up-sell .item .actions.add-tocart { font-family: "Maven Pro"; font-weight: bold; opacity: 0.94; border: 1px solid #fff; border-top: 0; background: #333 none repeat scroll 0 0; bottom: 0; height: 35px; position: absolute; width: 100%; font-size: 11px; }
.box-up-sell .item { border: 1px solid #ddd; margin-right: 12px; }
.box-up-sell .item .product-image, .category-products .item .product-image { display: block; margin: 0 auto; text-align: center}
.box-up-sell .item .actions button, .box-up-sell .item .actions button span { width: 100%; height:100%; font-size: 11px; }
.box-up-sell .item:hover .title { height:0;}
.box-up-sell .item .actions.add-tocart button span span, .box-up-sell .item .actions.add-tocart button > span::before { font-size: 11px; padding: 8px 14px 7px }
.box-up-sell .item .actions.add-tocart button span span { background: #333; color:#ffffff;  }
.box-up-sell .item .actions.add-tocart button > span::before { color: #333; background: #ececec; }

/* grid animations **/
.box-up-sell .block-info, .box-up-sell .actions.add-tocart, .box-up-sell .add-to {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.box-up-sell .add-to {
    -ms-transform: translateX(-50px); /* IE 9 */
    -webkit-transform: translateX(-50px); /* Safari */
    transform: translateX(-50px); }
.box-up-sell .actions.add-tocart {
    -ms-transform: translateY(52px); /* IE 9 */
    -webkit-transform: translateY(52px); /* Safari */
    transform: translateY(52px) }
.box-up-sell .block-info {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0);}
.no-mobile .box-up-sell .item:hover .block-info {
    -ms-transform: translateY(128px); /* IE 9 */
    -webkit-transform: translateY(128px); /* Safari */
    transform: translateY(128px);}
.no-mobile .box-up-sell .item:hover .actions.add-tocart {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0) }
.no-mobile .box-up-sell .item:hover .add-to {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0); }

/* tabs */

.tabcordion { margin-top: 80px; margin-bottom: 60px;}
.tabcordion .nav-tabs ul { padding: 0}
.tabcordion .nav-tabs li { list-style: none}
.tabcordion .nav-tabs { min-height:29px; margin-bottom:0 }
.tabcordion .nav-tabs li:first-child {border-left: 1px solid #ddd; }
.tabcordion .nav-tabs li { float:left; margin: 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0 }
.tabcordion .nav-tabs  li.active { border-bottom:1px solid #fff; margin: 0 0 -2px; }
.tabcordion .nav-tabs li.active a { background: #fff;}
.tabcordion .nav-tabs li a { background-color: #f5f5f5; color: #333333; font-size: 15px; padding: 10px 20px; text-decoration:none; font-family: Maven Pro; font-weight: bold; text-transform: uppercase; display: block;   margin: 1px 1px 0; }
.tabcordion .nav-tabs li a.current { background-color: #fff;  border-bottom: 1px solid transparent; margin-bottom: -1px;  margin-top: -4px; padding-top: 4px; }
.tabcordion .acctab { display: none; font-weight: normal; margin-bottom: 1px; padding: 0; }
.tabcordion .box-tabs .panel > h2:first-child { display: none;}

.tabs-panels { border: 1px solid #ddd; padding: 20px; }
.tabs-panels .acctab, .tabs-panels .panel { display: none }
.tabs-panels .panel.active { display: block}
.tabs-panels .panel * { color: #333 }
.tabs-panels h2 { margin-bottom: 10px }
.box-tabs { margin: 50px 0}

.tbl-taglie td { padding: 5px; text-align: center!important}
.panel .data-table tbody tr { border-left:0; border-right:0}
.panel .img-left {float:left}
.panel .img-left img { max-width: 160px; }

/*review */
.ratings .rating-links { font-size: 12px}


/* config product **/
.product-options label { color: #333; text-transform: uppercase; font-family: Maven Pro;}
.product-options label em {font-family: "Roboto Condensed"; color: red; padding-right:3px }
.product-options div.selector { max-width: 50%; background: #fff}
.product-options div.selector::after { padding: 6px 7px; color: #333}


/* ======================================================================================= */

/* Review page ========================================================================= */
.product-view .box-reviews .form-add {
    margin: 40px 0;
}
.box-reviews dd { margin-top: 20px; margin-bottom: 10px; line-height: 19px; }
.box-reviews dt span, .box-reviews dd .date { color: #333}
#review-form h3 { margin: 20px 0}

.panel .oj-title { font-family: "Roboto Condensed"; font-size: 18px; font-weight: normal; text-transform: none;}
.panel .oj-title::before { content:''; position:relative; padding:0; margin:0;}
.panel .back-link { display: none!important}
.box-reviews .back-link { margin: 20px 0;}
.box-reviews .back-link a {text-decoration: none}
.box-reviews .back-link p { margin: 10px 0;}
.product-collateral .box-reviews .back-link { display:block;}

/* ======================================================================================= */

/* Shopping Cart ========================================================================= */
.cart { margin: 40px 0; }
.cart .data-table td { text-align: center!important; }
.cart .data-table td:first-child, .cart .data-table td:nth-child(2) { text-align:left!important;}
.cart .totals { max-width: 400px }
.cart .totals table th, .cart .totals table td { color: #333; font-family: "Maven Pro"; text-transform: uppercase; font-size: 14px; padding: 10px 0; text-align: left !important; }
.cart .totals table td:last-child { text-align: right !important; }
.cart .totals table tr { border-bottom: 1px solid #ddd; }
.cart .totals table tfoot tr:last-child { border-bottom: 0 }
.cart .totals table tfoot td { font-size: 18px }

/* discount coupon **/
.cart .discount, .cart .shipping {
    color: #333; font-size: 14px; font-weight: normal;
}
.cart .discount label { margin: 10px 0; display: block}
.cart .banner-cart { margin: 40px 0; }
.cart .banner-cart img { max-width: 100%; }
.cart .cart-collaterals .coupon .input-box { margin-bottom:10px}
/* ======================================================================================= */


/* Checkout ============================================================================== */
.opc-wrapper-opc .opc-menu { margin: 40px 0 20px}
.opc-index-index div.checker span.checked::before { color: #d6db6a}
.opc-wrapper-opc .discount-block { position: relative; }
.opc-wrapper-opc .discount-block h3 { background: #f4f4f5 none repeat scroll 0 0; border-radius: 2px; margin: 0 0 13px; position: relative; color: #333; cursor: pointer; display: block; font-family: "maven pro"; font-size: 14px; font-weight: bold; height: 44px; line-height: 44px; max-width: 100%; padding: 0 !important; padding-left: 10px !important; text-align: left; text-transform: uppercase; width: 100%}
.opc-wrapper-opc .discount-block .expand_plus {display: none}
.opc-wrapper-opc .discount-block h3::after { content: '+'; position: absolute; right:10px; font-size: 34px; font-weight: normal}
.opc-wrapper-opc .discount-block h3.open-block::after { content: '-';}
.review-total > div { display: inline-block; float: left; margin: 0; padding-right: 5px; text-transform: uppercase;}
.opc-wrapper-opc .selector { width:100%!important}
/* success **/
.checkout-onepage-success .page-title { margin: 0 0 24px;}
.checkout-onepage-success .page-title h1 { color: #000; font-size: 18px; text-transform: uppercase; }
.checkout-onepage-success a { color: #000;}

.opc-index-index .form-list .control { margin-top: 0 !important }
.opc-index-index .form-list .field:nth-child(2) > * { margin-left:0;}

#opc-address-form-billing .section-privacy #uniform-MagenioPrivacy { float: left;}
#opc-address-form-billing .section-privacy label.privacy { float: left; width: 82%;}

/* ======================================================================================= */


/* Account Login/Create Pages ============================================================ */

/* banners col-main bottom **/
.col-main > p.block-banner, .col-main > .block.banner { float: left; margin-bottom: 30px; margin-top: 80px; width: 45%}
.col-main > .block.banner {float:right}
.col-main > p.block-banner .block.banner .block-title .icon,
.col-main > .block.banner .block-title .icon { font-size: 58px }

.account-login { }
.account-login h1.oj-title { opacity: 0}
.account-login h2.oj-title { margin-bottom: 20px }
.account-login .content p, .account-login .content .form-list { padding-left: 30px;}
.account-login .content .form-list { margin-top: 30px;}
.account-login .col-1, .account-login .col-2 { min-height: 324px; position:relative; }
.account-login .buttons-set { position: absolute; right:0; bottom: 0}
.account-login .buttons-set a { line-height: 32px; margin-right: 30px; margin-left: 30px }

/* account-create */
.account-create {
    margin: 0 auto;
    width: 80%;
    padding-left: 1%;
    padding-right: 1%;
}
.account-create .form-list { margin-top: 20px }
.account-create .buttons-set { margin-bottom: 60px }

@media screen and (max-width: 1024px) {
    .account-create {
        width: 100%;
    }
}
/* ======================================================================================= */


/* My Account ============================================================================= */

/* sidebar **/
.sidebar .block-title span { font-family: 'Maven Pro'; text-transform: uppercase; color: #333; font-size: 20px;}
.sidebar .block-account ul li { margin: 8px 12px; }
.sidebar .block-account ul li, .sidebar .block-account ul li strong { font-size: 14px; color: #000 }
.sidebar .block-account ul li.current {padding-left: 15px; }
.sidebar .block-account ul li a { text-decoration: none }
.sidebar .block-account ul li a::before { content:'\e60f'; font-family: Font-Oj; }

/* common */
.my-account { font-weight: lighter; color: #333}
.my-account .page-title { margin-bottom: 20px;}
.my-account .page-title h1 {color: #535353; font-family: roboto; font-size: 36px; font-weight: 800; line-height: 1.15; text-transform: uppercase;}
.my-account .dashboard { color: #333; font-size: 13px; line-height: 21px; font-weight: lighter }
.my-account .dashboard .hello > strong { font-weight: normal; }
.my-account .dashboard .box-info { margin-top: 50px; }
.my-account .col2-set { margin-top: 30px }
.my-account .col2-set .box-title { clear: both}
.my-account .col2-set .box-title h3 { float: left;}
.my-account .col2-set .box-title a { float:right; text-transform: lowercase}
.my-account .col2-set h3 { color: #535353; font-family: roboto; font-size: 18px; margin-bottom: 10px;  }
.my-account .col2-set .col-1, .contacts-index-index .col2-set .col-1{border-right: 1px solid #ddd; padding-right: 4%}
.my-account .col2-set .col-2, .contacts-index-index .col2-set .col-2 {padding-left: 4%}
.my-account .col2-set .col-1 a,.my-account .col2-set .col-2 a { font-weight:normal}
.my-account .col2-set.address_book .box-title { border-bottom: 1px solid #ddd; margin-bottom: 20px}
.my-account .col2-set.address_book .box-title h3 { text-transform: uppercase; }
.my-account .col2-set.address_book .box-title h3, .my-account .col2-set.address_book .box-title a { float: left;}
.my-account .col2-set.address_book .box-title a { margin-left: 10px}
.my-account .col2-set.address_book .box-content h4 { color: #535353; font-family: roboto; font-size: 18px; margin-bottom: 8px; }
.my-account .data-table td, .my-account .data-table th, .my-account .data-table tbody > tr td:first-child { text-align: left; padding: 5px;}
.my-account .order-part1 .data-table td, .my-account .order-part1 .data-table th, .my-account .order-part1 .data-table tbody > tr td:first-child { padding:10px }
.my-account .pager .amount strong { font-size: 14px; font-weight: lighter; }

/* dashboard */
.dashboard .box-recent, .dashboard .box-reviews { margin: 30px 0; }
.dashboard .box-recent .box-head, .dashboard .box-reviews .box-head { margin: 20px 0; }
.dashboard .box-reviews li { margin: 20px 0 }
.dashboard .box-reviews li .title { font-weight: 400}

/* addresses-list **/
.my-account .addresses-list h2 { text-transform: uppercase; color: #535353; font-family: roboto; font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.my-account .addresses-list ol li { margin-bottom: 20px}
.my-account .field select, .my-account select span, .my-account .field .selector { width:100%!important}

/* review-list **/
.review-customer-index .block-layered-nav { display: none}

/* wishlist */

.my-wishlist .data-table tbody > tr td:first-child { padding-left:0; padding-bottom:0; padding-top:0}
.my-wishlist .data-table .price-box { margin: 10px 0;}
.my-wishlist .data-table .product-page { margin-bottom: 28px; }
.my-wishlist .data-table tr {
    position:relative;
    display:table;
    width:100%
}
.my-wishlist .data-table td:nth-child(2) { width: 50%}
.my-wishlist .data-table td:last-child { vertical-align: top!important; position:absolute; top:4px;right:4px;}
.my-wishlist .data-table td:last-child a { text-decoration:none}
.my-wishlist .data-table textarea { width: 90% }
.my-wishlist .data-table .product-image { display: block; padding-top: 24px}
.my-wishlist .data-table .add-to-cart { bottom: 0; float: right; position: absolute; right: 0; text-align: right}
.my-wishlist .data-table .add-to-cart .button {float:right}
.my-wishlist .buttons-set button.button { margin: 0 10px 10px 0; float:left}
.my-wishlist .data-table .add-to-cart button.button span span {
    background: #f0f0f1 none repeat scroll 0 0;
    border:1px solid #ddd;
    border-right:0;
    border-bottom:0
}

/* orders **/
.sales-order-view .my-account .order-part1 .col2-set .box-title h3 { float:none}
.sales-order-view .my-account .order-part1 .page-title span, .sales-order-view .my-account .order-part1 .page-title .link-print { display:none !important}
.sales-order-view .my-account .order-part1 .page-title h1 { padding-left:0}
.sales-order-view .my-account .order-items { margin: 30px 0;}
.sales-order-view .my-account .order-items h2 { color: #535353; font-family: roboto; font-size: 23px; font-weight: 600; line-height: 1.15; text-transform: uppercase; margin-bottom: 20px;}
.sales-order-view .my-account .order-items h2::before {}
.sales-order-view .data-table tbody > tr {border-left: 2px solid #ddd;}
.sales-order-view .data-table tbody > tr td .price-excl-tax, .sales-order-view .data-table tbody > tr td .price-excl-tax .price { display: inline-block;}

/*print **/
.sales-order-print .col2-set { margin-top: 30px }
.sales-order-print .col2-set .box-title { clear: both}
.sales-order-print .col2-set .box-title h3 { float: left }
.sales-order-print .col2-set .box-title a { float:right; text-transform: lowercase}
.sales-order-print .col2-set h3 { color: #535353; font-family: roboto; font-size: 18px; }
.sales-order-print .col2-set .col-1 { border-right: 1px solid #ddd}

/* ======================================================================================= */


/* Contacts ================================================================================ */
.contacts-index-index .col2-set { margin-top: 30px }
.contacts-index-index .col2-set .box-title { clear: both; margin-bottom:20px}
.contacts-index-index .col2-set .box-title a { float:right; text-transform: lowercase}
.contacts-index-index .col2-set .box-title h3 { color: #535353; font-family: roboto; font-size: 18px; }
.contacts-index-index .col2-set .box-content > p { color: #333; font-weight: lighter; line-height: 21px;}
.contacts-index-index .col2-set .col-1 { border-right: 1px solid #ddd}

/* ======================================================================================= */

/* Cms page ================================================================================ */
.cms-page-view { font-size: 12px; line-height: 20px; }
.cms-page-view  .main-container {margin-bottom: 60px }
/*.cms-page-view .page-title h1::before, .cms-page-view .page-title h2::before { color: #e4e4e4; font-family: 'Font-Oj'; content: "\e620"; font-size: 34px; margin-right: -10px}*/

.cms-no-route .page-title h1, .cms-no-route .page-title h2 ,
.cms-page-view .page-title h1, .cms-page-view .page-title h2 {color: #535353; font-family: roboto; font-size: 36px; font-weight: 800; line-height: 1.15; text-transform: uppercase; position:relative}
.cms-page-view .page-title h2 { font-size: 23px; margin: 48px 0 15px;}
.cms-page-view .std p { font-weight: lighter}
.cms-page-view h3 { color: #535353; font-family: roboto; font-size: 18px; margin: 40px 0 10px; }

.cms-no-route .page-title h1 .icon,
.cms-page-view .page-title h1 .icon { }

.cms-no-route .page-title h1 .icon span::before,
.cms-page-view .page-title h1 .icon span::before { font-size: 58px; color: #E4E4E4;}

.cms-no-route .ic-oj-oj-cp { display:none!important}

/* ======================================================================================= */

/* Blog ============================================================================== */

/* product page magento **/
.product-collateral .box-collateral.box-associated-post { margin: 60px 0}
.product-collateral .box-collateral.box-associated-post .featured-image > a { display: block}
.product-collateral .box-collateral.box-associated-post img { width: 100%}
.product-collateral .box-associated-post h3 { color: #535353; font-family: roboto; font-size: 23px; font-weight: 600; line-height: 1.15; text-transform: uppercase; margin-bottom: 35px; position:relative; padding-left:38px}
/*.product-collateral .box-associated-post h3::before { font-family: 'Font-Oj'; content: "\e620"; font-size: 34px; margin-right: -10px; color: #E4E4E4 }*/
.product-collateral .box-associated-post li {}

.product-collateral .box-associated-post .product-name, .product-collateral .box-associated-post .product-name a { font-size: 11px; color: #333}
.product-collateral .box-associated-post .block-info { position:absolute; z-index: 1; font-family: "Maven Pro"; border: 1px solid #fff; border-top: 0; background: #eaeaea none repeat scroll 0 0; bottom: 0; opacity: 0.8; padding: 16px 30px; position: absolute; width: 100%; text-transform: uppercase; min-height: 69px; }
.product-collateral .box-associated-post .block-info a { color: #333!important }
.product-collateral .box-associated-post .block-info p { color: #333; font-weight: bold; text-transform: uppercase; font-size:11px; text-decoration: none;}
.product-collateral .box-associated-post .block-info .price-box { border-top: 2px solid; color: #333; display: inline-block; font-size: 18px }

.product-collateral .box-associated-post .item { position: relative; overflow:hidden }
.product-collateral .box-associated-post .item .actions { position:absolute; font-family: "Maven Pro"; font-weight: bold; opacity: 0.94; border: 1px solid #fff; border-top: 0; background: #333 none repeat scroll 0 0; bottom: 0; height: 35px; position: absolute; width: 100%; font-size: 11px; }
.product-collateral .box-associated-post .item { margin-right: 12px; }
.product-collateral .box-associated-post .item .product-image { display: block; margin: 0 auto; text-align: center}
.product-collateral .box-associated-post .item .actions button, .product-collateral .box-associated-post .item .actions button span { width: 100%; height:100%; font-size: 11px; background: #fff;}
.product-collateral .box-associated-post .item .actions button > span { opacity: 0.7}
.product-collateral .box-associated-post .item:hover .title { height:0;}
.product-collateral .box-associated-post .item .actions.add-tocart button span span, .product-collateral .box-associated-post .item .actions.add-tocart button > span::before { font-size: 11px; padding: 8px 14px 7px }
.product-collateral .box-associated-post .item .actions.add-tocart button span span { background: #333; color:#ffffff;  }
.product-collateral .box-associated-post .item .actions.add-tocart button > span::before { color: #333; background: #ececec; }
.product-collateral .bg-black { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; height: 100%; position: absolute; top: 0; width: 100%;}

/* grid animations **/
.product-collateral .box-associated-post .block-info, .product-collateral .box-associated-post .actions, .owl-carousel .overflow-plus, .product-collateral .bg-black {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.product-collateral .box-associated-post .actions {
    -ms-transform: translateY(52px); /* IE 9 */
    -webkit-transform: translateY(52px); /* Safari */
    transform: translateY(52px) }
.owl-carousel .overflow-plus {
    -ms-transform: translateY(100%); /* IE 9 */
    -webkit-transform: translateY(100%); /* Safari */
    transform: translateY(100%);}

.no-mobile .product-collateral .box-associated-post .item:hover .bg-black  { opacity: 0.1}
.no-mobile .product-collateral .box-associated-post .item:hover .block-info {
    -ms-transform: translateY(128px); /* IE 9 */
    -webkit-transform: translateY(128px); /* Safari */
    transform: translateY(128px);}
.no-mobile .product-collateral .box-associated-post .item:hover .actions {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0) }
.no-mobile .owl-carousel .item:hover .overflow-plus {
    -ms-transform: translateY(70%); /* IE 9 */
    -webkit-transform: translateY(70%); /* Safari */
    transform: translateY(70%) }

/* gallery **/
.owl-carousel .overflow-plus {
    background: rgba(0,0,0,0.4);
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
}
.owl-carousel .overflow-plus .icon {display:block; vertical-align: top; text-align:center}
.owl-carousel .overflow-plus span.ic-oj-plus::before { content:'+'; font-size:40px; color:#fff; display: block;text-align:center }
.owl-carousel .overflow-plus .icon.ic-oj-play span::before { margin-left:0; font-size:40px; color:#fff; }

.owl-carousel img[class*="align"], .owl-carousel img[class*="wp-image-"], .owl-carousel .gallery .gallery-icon img {
    border: 0 none;
    padding: 0;
}
#owl-gallery .item {
    margin: 3px;
}
#owl-gallery a { position:relative; display: block; height: 100%; overflow: hidden;}
#owl-gallery img {  width: 100%;}


/* wp sidebar */
.wp-sidebar h1 { color: #333; font-family: "Maven Pro"; font-weight:bold; font-size: 20px; text-transform: uppercase;margin-bottom: 30px;}
.wp-sidebar .block-title { padding: 3px 0}
.wp-sidebar .block-content { padding: 10px 0}
.wp-sidebar .block-title span { font-size:14px}
.wp-sidebar .blog-search { position:relative }
.wp-sidebar .blog-search .search-btn { background: #f0f0f1; border: 0 none; padding: 9px 10px !important; position: absolute; right: 7px; top: 7px;
    -webkit-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}
.wp-sidebar .blog-search:hover .search-btn { color:#fff; background: #333 }

.wp-sidebar .block-recent-posts li.item { margin-bottom: 18px; position:relative; padding:0; overflow:hidden}
.wp-sidebar .block-recent-posts li.item .featured-image { border:0 ; margin: 0;}
.wp-sidebar .block-recent-posts .featured-image img { width: 100%}
.wp-sidebar .block-recent-posts .block-info { font-family: "Maven Pro"; border: 1px solid #fff; border-top: 0; background: #eaeaea none repeat scroll 0 0; bottom: 0; opacity: 0.8; padding: 8px 16px; position: absolute; width: 100%;}

.wp-sidebar .block-recent-posts .actions { font-family: "Maven Pro"; font-weight: bold; opacity: 0.94; border: 1px solid #fff; border-top: 0; background: #333 none repeat scroll 0 0; bottom: 0; height: 38px; position: absolute; width: 100%; }
.wp-sidebar .block-recent-posts .actions button, .wp-sidebar .block-recent-posts .actions button span { width: 100%; height:100% }
.wp-sidebar .block-recent-posts .actions button span span { font-size: 12px; background: #333; color:#fff; padding: 10px 14px 8px; }
.wp-sidebar .block-recent-posts .actions button > span::before { color: #333; font-size: 12px; padding: 10px 14px 8px;background: #ececec; }

/* grid animations **/
.wp-sidebar .block-recent-posts .actions, .wp-sidebar .block-recent-posts .block-info {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.wp-sidebar .block-recent-posts .actions {
    -ms-transform: translateY(52px); /* IE 9 */
    -webkit-transform: translateY(52px); /* Safari */
    transform: translateY(52px) }
.wp-sidebar .block-recent-posts .block-info {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0);}

.no-mobile .wp-sidebar .block-recent-posts .item:hover .block-info {
    -ms-transform: translateY(128px); /* IE 9 */
    -webkit-transform: translateY(128px); /* Safari */
    transform: translateY(128px);}
.no-mobile .wp-sidebar .block-recent-posts .item:hover .actions {
    -ms-transform: translateY(0); /* IE 9 */
    -webkit-transform: translateY(0); /* Safari */
    transform: translateY(0) }

/* list**/
.is-blog .blog-title h1, .is-blog .blog-desc { font-size:0}
.is-blog .blog-title h1 .icon {display: none}
.is-blog .post-list li.item h2 { color: #535353; font-family: roboto; font-size: 23px; font-weight: 600; line-height: 1.15; text-transform: uppercase }
.is-blog .post-list li.item h2 a {color: #535353; }
/*.is-blog .post-list li.item h2::before { font-family: 'Font-Oj'; content: "\e620"; font-size: 34px; margin-right: -10px; color: #E4E4E4 }*/

.is-blog .post-list .featured-image { border:0; padding:0; margin: 0; position:relative; overflow:hidden}
.is-blog .post-list .featured-image a img { width: 100%}
.is-blog .post-list .featured-image .bg-black, .is-blog .block-recent-posts .featured-image .bg-black { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; display: block; height: 100%; position: absolute; top: 0; width: 100%;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.is-blog .post-list .featured-image:hover .bg-black, .is-blog .block-recent-posts .featured-image:hover .bg-black { top:-100%; background: rgba(0, 0, 0, 0)}
.is-blog .post-list .infopost { float: left; padding: 0 15px; }
.is-blog .post-date { color: #333; font-size: 14px; font-style: normal; text-align: right; text-transform: uppercase }
.is-blog .post-list .infopost  p { color: #333; font-size: 14px; font-weight: lighter}
.is-blog .post-list .infopost .more-info { margin-top: 40px }
.is-blog .post-entry .infopost a.normalink span.meta-nav { display: inline-block!important}
.post-list li.item:last-child { border-bottom: 0; }
.post-list li.item .post-list-item {border-bottom: 1px solid #ddd }
.is-blog .post-list .box-categories { text-align: right}

.is-blog .pager { padding: 40px 0}
.is-blog .post-entry { color: #333; font-size: 14px; font-weight: lighter}
.is-blog .post-entry a { font-weight: bold }

/* single post **/
.is-blog .post-view h3 { color: #535353; font-family: roboto; font-size: 23px; font-weight: 600; line-height: 1.15; text-transform: uppercase }

/* comments **/
.is-blog .post-view .box-comments-link { display: none}
.is-blog .post-view .comments-wrapper { margin: 40px 0}
.is-blog .post-view .comments-wrapper h2 {margin-bottom: 40px}
.is-blog .post-view .comments-wrapper .comment-list .comment-url {color:#333;  display:block!important; font-weight: lighter; text-transform: uppercase}
.is-blog .post-view .comments-wrapper .comment-list .comment-when {text-transform: uppercase; color: #c1c1c1 }
.is-blog .post-view .comments-wrapper .comment-list .comment-entry {color:#333; font-weight: lighter; font-size:14px}
.is-blog .post-view .comments-wrapper .comment-list .reply { text-align: right}

/* associated products **/
.is-blog .post-view .mini-products-list li { float:left; padding:0; border-top: 1px solid #ddd; border-left:0; border-right:0}
.is-blog .post-view .mini-products-list li.even { background: transparent }
.is-blog .post-view .mini-products-list .product-image { margin:0; float: none; width: auto; border:0; padding:0; border-bottom: 1px solid #ddd; border-radius: 0}
.is-blog .post-view .mini-products-list .product-image .product-image-a { display:block}

.is-blog .post-view  .mini-products-list .product-details { margin: 0}
.is-blog .post-view .mini-products-list .product-name { font-family: "Maven Pro"; font-size:18px; text-transform: uppercase; padding: 18px 0; margin: 0; text-align: center; }
.is-blog .post-view .mini-products-list .actions a {float:none; text-align:center}
.is-blog #owl-demo {border-top:1px solid #ddd}


/* block-blog home **/
.cms-home .promo-list { padding: 60px 0; }
.cms-home .block-blog {background: #f9f9f9; padding: 60px 0;}
.cms-home .block-blog .featured-image .ch-grid {
    display: inline-block;
    height: 400px;
    margin: 20px;
    width: 400px;
    overflow:hidden;
}
.cms-home .block-blog .featured-image img { width: auto; margin-left: 32%}

.oj-title .oj-subtitle { font-size: 12px; color: #333; display: block}
.oj-title .oj-subtitle a { font-size: 12px; text-transform: capitalize; font-weight: normal }

.cms-home .block-blog .product-image { display: block; margin: 0 auto; text-align: center; }
.cms-home .block-blog .product-image img { display: block; max-width: 280px; margin: 0 auto;}
.cms-home .block-blog .product-name { font-family: "Maven Pro"; font-size: 18px;  margin: 26px; text-transform: uppercase; text-align:center}

.cms-home .block-blog .postContent { display: block; font-family: maven pro; font-size: 15px;  margin: 70px 70px 10px 12px; line-height: 26px; }

.cms-home .block-blog .item .actions a { display: block; text-decoration: none; text-align:center; margin: 0 auto}
.cms-home .block-blog .item .actions a { width: 0; min-width:0;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}
.cms-home .block-blog .item:hover .actions a { width:100px}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    display: table;
    box-shadow:
    inset 0 0 0 0 rgba(0,0,0, 0.4),
    inset 0 0 0 14px rgba(255,255,255,0.6),
    0 1px 2px rgba(0,0,0,0.1);

    -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;
}

.ch-info {
    border-radius: 50%;
    display: table-cell;
    opacity: 0;
    vertical-align: middle;
    width: 100%;
    padding: 0 6%;
    text-align: center;

    -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;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 65px 0 0 0;
    height: 110px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow:
    0 0 1px #fff,
    0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
    display: block;
    color: #fff;
    font-style: normal;
    text-decoration: underline;
    text-transform: lowercase;
    font-size: 19px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
    color: #fff;
    color: rgba(255,255,255, 0.8);
}

.ch-item:hover {
    box-shadow:
    inset 0 0 0 200px rgba(0,0,0, 0.48),
    inset 0 0 0 22px rgba(255,255,255,0.8),
    0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* ======================================================================================= */

/* Footer ================================================================================ */
.footer-container { position: relative; bottom:0; color: #838383; font-family: 'Roboto', helvetica, arial}
.footer-container li a { color: #838383; text-decoration: none; }
.footer-container ul.social li a { margin:5px}
.footer-container .footer-block-title {font-size: 18px; color: rgb( 255, 255, 255 ); text-transform: uppercase; font-weight: 700; margin-bottom:10px; display: block }

.footer-container .footer-top { background: #333333; padding: 74px 0; line-height: 18px}
.footer-container .footer-top .logo-footer { margin-top: -21px; min-width: 65px;}
.footer-container .footer-top .logo-footer span { display: block; font-size: 40px; margin-bottom: 12px;}
.footer-container .footer-top .logo-footer span:first-child {color:#fff; }
.footer-container .footer-top .logo-footer span.ic-oj-oj-c {font-size: 58px; margin-left: 5px;}
.footer-container .footer-top .identity-description { margin-top:40px }
.footer-container .footer-top .social li { display: inline-block; float: right;}
.footer-container .footer-top .social li .icon { color: #fff; font-size: 16px; }

.footer-container .footer-bottom { background: #1f1f1f; border:0; padding: 22px 0;}
.footer-container .footer-bottom address { text-align: left; }

.footer-container .footer-middle { background: #2a2a2a; padding: 47px 0; min-height: 164px;}
.footer-container .footer-middle a { font-size: 14px; display: block; color: #fff}
.footer-container .footer-middle .last-video a { position:relative; display:block; width: 92%; max-width: 340px; overflow: hidden; }
.footer-container .footer-middle .last-video a .last-video-title { background: none repeat scroll 0 0 #000; color: #fff; opacity: 0.8; padding: 6px 16px; position: absolute; top: 0; width: 100%; }
.footer-container .footer-middle .last-video a .icon.ic-oj-play { display: table-cell; font-size: 42px; position: absolute; text-align: center;  top: 34%;
    vertical-align: middle;
    width: 100%;
}
.footer-container .footer-middle .last-video a .icon.ic-oj-play .path1 { opacity: 0.8;}
.footer-container .footer-middle .last-video a .overlay-black { background: none repeat scroll 0 0 #000; height: 100%; opacity: 0.3; position: absolute; width: 100%;
    -webkit-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
}
.footer-container .footer-middle .last-video a:hover .overlay-black { opacity: 0.1;}
.footer-container .footer-middle .newsletter-block {margin-top: 32px;}
.footer-container .footer-middle .newsletter-block .newsletter-callto.title { color: #fff; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }
.footer-container .footer-middle .newsletter-block .newsletter-callto.text {
    margin-bottom: 12px;
}

/* facebook page **/
.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 97% !important;
}


/* Contacts ================================================================================ */

.contacts-index-index .page-title { opacity:0; font-size:0; margin:0; padding:0}
.contacts-index-index #contactForm .buttons-set { margin-bottom: 30px}

/* ======================================================================================= */
@media screen and (max-width: 1540px) {
    .header .menu-block #nav li.oj-blog { float: left; }
    .header .menu-block .menu-block-list {padding-right: 60px!important;}
    .menu-block-list.margin-bar { padding-right: 25px !important;}
    .header.menu-sticky .menu-original { width:100%}
    .header.menu-sticky .menu-custom { display: none;}
}
@media screen and (max-width: 1439px) {
    .header #nav li:first-child, .header #nav li:last-child { display:none }
}

@media screen and (max-width: 1170px) {
    /* banners col-main bottom **/
    .col-main > p.block-banner, .col-main > .block.banner { margin: 48px 0 40px; width: 98%; float:none;}
    .col-main > .block.banner {float:none}
    .col-main > p.block-banner, .col-main > p.block-banner a {width:100%}
    .col-main > p.block-banner .block.banner .block-title .icon, .col-main > .block.banner .block-title .icon { font-size: 72px }
    /* homepage **/
    .cms-home .block-blog .featured-image .ch-grid { width: 350px; height:350px}
}
@media screen and (max-width: 1024px) {

    .MenuContainer { display: inline-block!important }
    .menu-desktop { display: none;}
    .sb-rightuser, .sb-rightuser.twoRow { margin-top: 0!important}

    /* mobile sticky tablet **/
    body.mobile .animation-sticky .main { padding-top: 200px; }
    body.mobile .animation-sticky .identity {height: 64px }
    body.mobile .animation-sticky .identity .logo { width: 70px}
    body.mobile .animation-sticky .identity .logo a { background-size: 96%; height: 28px; margin-top: 13px;}
    body.mobile .animation-sticky .cart-button .icon.ic-oj-cart {
        font-size: 35px;
        padding: 12px 14px;
    }
    body.mobile .animation-sticky .breadcrumbs { opacity: 0}


    /* tabs */
    .nav-tabs {display: none;}
    .tabs-panels { border: 0; padding: 0;}
    .tabcordion { border-top: 1px solid #ddd; }
    .tabcordion .acctab { position:relative; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #ddd; border-top: 0; display: block; padding: 10px; }
    .tabcordion .acctab::after { content: '+'; position: absolute; right: 20px;}
    .tabcordion .acctab.active { background: #fff; border-bottom: 1px solid #fff; margin: 0 0 -1px }
    .tabcordion .acctab.active::after { content: ''}
    .tabcordion .panel {border: 1px solid #ddd; border-top: 0; padding: 20px;}
    .tabcordion .panel.active { border-top: 1px solid #fff; }

    /* product page */
    #owl-moreview { width: 70%}
    .product-options .input-box  div.selector { max-width: 100%!important}

    /* homepage */

    .cms-home .block-blog .postContent { margin: 70px 12px 10px }
    .cms-home .block-blog .featured-image .ch-grid {
        height: 300px;
        width: 300px;
    }
    .cms-home .block-blog .product-image img { max-width: 200px}
    .ch-info h3 {
        font-size: 14px;
        height: 90px;
        padding: 54px 0 0;
    }
    #twitter-news ul { height:57px!important}
    #twitter-news ul li { min-height: 57px}
}
/* only ipad */
@media only screen and (max-device-width: 1024px) {
    .header-top li.active .other-list { min-height: 10px}
    .sb-right .mini-products-list .product-details  { text-align: left!important}
    .sb-right .mini-products-list .product-image { margin-right:10px}

    .is-blog .featured-image .bg-black {display: none!important}
}

@media screen and (max-width: 960px) {
    .header.animation-sticky .identity .logo { width: 70px}
    .header.animation-sticky .identity a.logo {
        background-size: 96% auto;
        height: 28px;
        margin-top: 13px;
        width: 70px;
    }
    .header.animation-sticky .cart-button .icon.ic-oj-cart {
        font-size: 32px;
        padding: 12px 17px;
    }

    /* cart **/
    .block.banner .block-title .icon { display: none }
    .block.banner .block-content-abs { padding-left:0; text-align: center}
    .block-banner .block-content { text-align: center}

    /********* ui */
    .data-table, .data-table tbody, .data-table tfoot, .data-table thead, .data-table th, .data-table tr, .data-table td {
        display: inline-block;
    }
    .data-table th { display: none; }
    .data-table tfoot, .data-table tfoot tr, .data-table tfoot td { width: 100%}
    .data-table td:before {
        color: #686868;
        content: attr(data-title);
        padding-right: 8px;
    }
    .data-table tbody, .data-table tbody tr { width:100%}

    /*********************/
    .data-table.cart-table tr { position:relative;}
    .data-table.cart-table tbody td:first-child { float: left; width: auto;padding-left:0; padding-top: 48px;}
    .data-table.cart-table tbody td:first-child:before { content:'' }
    .data-table.cart-table tbody td:nth-child(2) { width: 58%; padding-top: 20px;}
    .data-table.cart-table tbody td { width: 49%; padding-left: 5%; text-align:left!important}
    .data-table.cart-table tbody td:nth-child(3) { position:absolute; top:1px; right:34px; width:auto; }
    .data-table.cart-table tbody td:last-child { position:absolute; top:4px; right:4px; width:auto;}

    .cart .data-table tfoot td, .cart .data-table tfoot td:first-child, .cart .data-table tfoot td:nth-child(2) { text-align: center!important}
    .data-table.cart-table tfoot td .button, .discount-form .button { margin-bottom:4px }

    /* my account */
    .my-account .data-table td:last-child {  display: block; margin-top: 18px; text-align: right !important; width: 100%}

    /* my orders **/
    .order-part2 .data-table tfoot {margin: 30px 0;}
    .order-part2 .data-table tbody tr { border-left: 1px solid #ddd;}
    .order-part2 .data-table tbody td { width:100%; display: block; text-align:left!important;}
    .order-part2 .data-table tbody td .product-name { display: inline-block}
    .order-part2 .data-table tfoot td, .order-part2 .data-table tfoot td:last-child { width:60%}
    .order-part2 .data-table tfoot td:first-child { float:left; color: #686868;}
    .order-part2 .data-table tfoot td:last-child { float:right; margin-top:0;width:30%}

    /* wishlist */
    .my-wishlist .data-table textarea {width:100%}
    .my-wishlist .data-table td:nth-child(1) { width:30%}
    .my-wishlist .data-table td:nth-child(2) { width:60%}
    .my-wishlist .data-table td:nth-child(2)::before, .my-wishlist .data-table td:nth-child(3)::before { content:''}
    .my-wishlist .data-table td:nth-child(3) { padding: 0 18px 18px}


    /* blog */
    .is-blog .post-entry .featured-image, .is-blog .post-entry .infopost { width:100%;}
    .is-blog .post-entry .infopost { margin-top: 20px; padding: 0}
    .sidebar .block.banner .block-title strong span { font-size:16px}
}

@media screen and (max-width: 768px) {
    dl#narrow-by-list > dt { background: #f4f4f5!important; padding: 10px 12px!important; position: relative; }
    dl#narrow-by-list > dt.amshopby-collapsed::after, dl#narrow-by-list > dt::after {
        content: "+";
        font-size: 31px;
        font-weight: normal;
        position: absolute;
        right: 11px;
        top: -2px;
    }
    dl#narrow-by-list > dt::after { content: "-"}
    .col-left { padding-right: 0}

    /* product list */
    .category-title {margin: 0 0 7px;}
    .category-title .page-title.title > h1 {margin-top: 9%;font-size: 26px;}
    .catalog-category-view .main { padding-top:10px}
    .products-grid li.item .block-info a { text-align:left!important}

    /* product view */
    #owl-moreview {
        width: 50%;
    }
    .category-products .item a { display: block; text-align:center}

    .product-view .product-shop { margin-top: 60px}
    .product-view .product-name h1 { padding-left: 54px}
    .product-view .product-name .oj-title .icon { left:0}
    .product-view .sku { margin-left: 56px}

    /* cart **/
    .cart .block-banner, .cart .block-banner a { width: 100%}
    .block.banner .block-title .icon { display: inline-block }
    .block.banner .block-content-abs { padding-left:25%; text-align: left}
    .cart .banner-cart > div { max-width:100%; float:none; padding:0}
    .cart .banner-cart .reso-block { margin-bottom: 20px}
    .block-banner .block-content { text-align: left}


    /* account login **/
    .account-login .col-1, .account-login .col-2 { min-height: 161px; padding:0}
    .account-login .col-1 { margin-bottom: 60px}
    .account-login .buttons-set { position: relative; margin-top: 20px}
    .account-login .content p, .account-login .content .form-list, .account-login .col-1 .buttons-set  { padding: 0; font-size: 13px;}
    .account-login .buttons-set a { margin:0;}

    /* homepage */
    .cms-home .block-blog .featured-image .ch-grid { height: 300px; width: 300px}
    .cms-home .block-blog .product-image img { max-width: 250px}

    /* footer */
    .footer-top .footer-identity {margin-bottom: 26px }

    /*sidebar **/
    .sidebar .block-account ul li, .sidebar .block-account ul li strong

    /* blog */
    .is-blog .post-list .featured-image a {display: block!important; width:100%!important }
    .is-blog .post-list .featured-image a img { width:100%!important }
    .wp-sidebar .block-recent-posts .block-info { position:relative}
    .wp-sidebar .block-recent-posts .featured-image { display:none}
}

@media screen and (max-width: 767px) {
    .cart .page-title .checkout-types { display: none}
    .cart .cart-collaterals .coupon { margin: 50px 0 10px}
}
@media screen and (max-width: 640px) {


    /* product list **/
    .category-title .page-title.title > h1 {margin-top: 5%;font-size: 20px;}
    .category-title .page-title.title .ic-oj-oj-cp, .category-title .page-title.title .ic-oj-oj-cp span::before {
        font-size:38px }
    .products-grid li.item .block-info a, .products-grid li.item .block-info .price-box, .products-grid li.item .actions.add-tocart button span span { font-size:13px}

    /* product view **/
    .product-view .product-img-box .product-image img.zoomjquery {}
    .sidebar .block.banner, .product-shop .block.banner { margin: 40px 0 0}

    /* popup newsletter **/
    .esns_theme_orange #esns_box_close { position:relative; color:#000; top:0; float:right }
    .esns_theme_orange #esns_box_subscribe { width: 100%}

    /* contacts */
    .contacts-index-index .col2-set .col-1, .contacts-index-index .col2-set .col-2 { padding:0; border:0; margin-bottom:20px}
    #twitter-news ul { height:78px!important}
    #twitter-news ul li { min-height: 78px}
}

@media screen and (max-width: 550px) {
    .main { padding-top:0; min-height: 500px}
    .header .sb-left.sb-slidebar, .header .sb-rightuser, .header .sb-right {
        height: 100% !important;
    }
    .header .sb-slidebar-quick { width: 70%!important; padding-top: 55px}
    .header.menu-sticky .sb-slidebar-quick { padding-top: 18px}
    .header .quick-access { z-index: 211; }
    .header .quick-access.fixed { z-index: 210; }

    .header .sb-rightuser { margin-top:0!important; padding-top:55px}

    .searchbox.padding-logo-left { padding-left: 0; }
    .header.menu-sticky .searchbox-input { padding-left:25px;}
    .header.menu-sticky .sb-rightuser, .header.animation-sticky .sb-rightuser, .header.animation-sticky .sb-rightuser.twoRow { margin-top: 0!important}
    .header.menu-sticky .sb-rightuser { padding-top: 75px;}

    /* menu icon **/

    .menu-block .MenuIcon { height: 23px; width: 36px;}
    .menu-block .MenuIcon span { height: 4px; }
    .menu-block .MenuIcon span:nth-child(1) { top: 0;}
    .menu-block .MenuIcon span:nth-child(2) { top: 11px; }

    .menu-block .MenuIcon span:nth-child(3) { top: 22px; }
    .header .top-list { padding: 10px 28px 70px }
    .header .top-list .links li a { font-size: 8px; padding: 4px 2px;}

    /* product list **/
    .row-category-title .page-title { margin-bottom:10px}
    .category-title .page-title.title > h1 {margin-top: 1%;font-size: 20px; text-align: left;}
    .category-title .page-title.title .ic-oj-oj-cp, .category-title .page-title.title .ic-oj-oj-cp span::before {
        font-size:38px }
    .category-title .category-image { display: none }
    .category-title .page-title.title, .category-title .page-title.title > h1 { position:relative;}
    .category-title .page-title.title .ic-oj-oj-cp { margin: 0 -10px; position: relative; top: 9px; left:0;}


    /* pager **/
    .controls { margin: 20px 0 10px; }
    .sort-by, .limiter { float:none; margin: 0 auto 18px; width:100%; text-align:center}
    .sort-by .selector, .limiter .selector { text-align:left}
    .pager { margin: 0 0 16px }

    /* cart **/
    .block.banner .block-title .icon { font-size: 52px }

}
@media screen and (max-width: 480px) {
    .main { min-height: 380px}
    /* header navigation */
    .quick-access-mobile {
        position: absolute;
        right: 58px;
        top: 0;
        width: 42%;
        z-index: 26;
    }
    .quick-access-mobile .icon:hover, .quick-access-mobile .icon.open { background: #fff; border: 0; color: #333; z-index:20 }

    .header .quick-access, .header .quick-access.fixed { display: none}
    .margin-bar { padding-right: 25px !important }
    .header .menu-rightuser.mobile, .header .sb-toggle-rightsearch.mobile { display: block}
    .sb-slidebar-quick { width: auto!important}
    .sb-left { max-width: 100%}
    .sb-slidebar { width: 100% }

    /* global */
    .page-title { margin:0 0 18px}

    /* mobile sticky tablet **/
    .header .identity, .header .identity.height-fixed {height: 57px }
    .header .identity .logo { width: 70px}
    .header .identity .logo a { background-size: 96%; height: 28px; margin-top: 13px;}
    .header .cart-button .icon.ic-oj-cart {
        font-size: 35px;
        padding: 12px 14px;
    }

    .header .menu-block { min-height: 100%; z-index: 40;  }
    .padding-cart-right { padding-right: 69px; }
    .padding-logo-left { padding-left: 71px; }
    .Menu .Menu-list { padding-left: 0!important}
    .header .breadcrumbs-block.padding-logo-left, .header.menu-sticky .breadcrumbs-block { padding-left:0}
    .header .breadcrumbs-block.padding-logo-left .breadcrumbs { padding-left:10px }

    /* footer */
    .footer-container .footer-top { padding: 40px 0; }
    .footer-container .footer-top .identity-description { margin-top:0}
    .footer-container .footer-top .footer-about, .footer-container .footer-top .footer-info { margin-bottom: 26px}

    /* product list **/
    .category-title .page-title.title > h1 { font-size:18px}

    /* product view **/
    .catalog-product-view .main { padding-top: 10px;}
    .block-related {  border-top: 1px solid #dadada; border-left:0; height: auto; }
    #owl-moreview { width: 100%}

    /* cart **/
    .block.banner .block-title .icon { display: none }
    .block.banner .block-content-abs { padding-left:0; text-align: center}
    .block-banner .block-content { text-align: center}

    .data-table.cart-table tfoot td .button, .data-table.cart-table tfoot td .button span , .totals .checkout-types .button, .totals .checkout-types .button span, .discount-form .button, .discount-form .button span { width:100%}
    .cart .checkout-types {float:none}

    /* ui button */
    .buttons-set .button, .buttons-set .button span {float:none; width:100%}

    /* ui list */
    .form-list .field, .form-list .field .input-box { width:100% }
    .form-list .field:nth-child(1) > *, .form-list .field:nth-child(2) > * { margin:0 0 10px 0}

    /* my account **/
    .my-account .col2-set .col-1, .my-account .col2-set .col-2 { border:0; padding:0}
    .my-account .col2-set .col-2 { border-top: 1px solid #ddd; padding-top:14px; margin-top: 10px}
    .my-account .col2-set { margin-top: 60px}
}

@media screen and (max-width: 400px) {
    .data-table.cart-table  tr td:first-child {width: 100%}
    .data-table.cart-table  tr td .product-image {
        display: block;
        text-align: center;
    }
    .data-table.cart-table  tr td .add-to-cart-alt { padding-bottom: 40px }

    /* banners **/
    .block.banner .block-title strong span { font-size: 20px }

    /* wishlist */
    .my-wishlist .data-table textarea, .my-wishlist .data-table .add-to-cart .button, .my-wishlist .data-table .add-to-cart .button span {width:100%; margin-left: 0}
    .my-wishlist .data-table td, .my-wishlist .data-table td:nth-child(1) { width:100%; text-align:center}
    .my-wishlist .data-table td:first-child a {text-align:center}
    .my-wishlist .data-table td:nth-child(2) { width:100%; padding: 0 26px;}
    .my-wishlist .data-table td:nth-child(3) { padding-bottom: 60px}
    .my-wishlist .data-table .add-to-cart {left:0; width:100%}
    .my-wishlist .data-table .add-to-cart button.button span span {border-left:0}

    /* homepage */
    .cms-home .block-blog .featured-image .ch-grid { height: 250px; width: 250px}

    .mobile .sb-slidebar-quick, .mobile .sb-right, .mobile .sb-rightuser, .mobile .sb-left { width: 100%!important;}

}


/* AW POINTS CART */

.block.banner.block-points {
    padding: 8px 3%;
    color: #fff;
    /* background: rgba(241, 196, 15,0.25);*/
    background: rgba(52, 152, 219, 0.2) none repeat scroll 0 0
}
.block-points.block.banner .divbg {
    border: 1px dashed #000;
}
.block-points.block.banner .block-title strong span {
    color: #e20613;
    font-size: 42px;
}
.block-points.block.banner .title {
    color: #000;
    font-size: 16px;
}

.block-points.block.banner .more-info {
    color: rgba(41, 128, 185,1.0);
    font-size: 12px;
    margin: 20px 0;
    text-transform: none;
}
.block-points.block.banner .convert {
    color: #e20613;
}
.points-earns {
    text-decoration: underline;
}

.block-points.block.banner .divbg .icon > span::before {
    color: #e20613;
}

.block-points.block.banner .block-title strong span {
    position: relative;
}
.block-points.block.banner .block-title strong span.points-label {
    display: block;
    font-size: 12px;
    position: absolute;
    right: -26px;
    top: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



.block.banner.block-points {
    background: rgba(0, 0, 0, 0) url("../images/bg-newsletterpopup.jpg") no-repeat scroll 0 0 / 100% auto;
    color: #fff;
    padding: 8px 3%;
}
.block-points.block.banner .block-content-abs {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    padding-left: 0;
    text-align: center;
}
.block-points.block.banner .divbg .icon {
    display: none;
}

.opc-index-index .customer-reward-balance.cart-points {
    clear: both;
    display: block;
    margin-top: 96px;
}

.banner-cart .block-points.block.banner .title {
    display: none;
}
.banner-cart .block-points.block.banner .more-info {
    margin: 14px 0;
}


@media screen and (max-width: 1170px) {
    .block-coupon-points {
        margin-top: 19px;
        width: 100%;
    }
    .banner-cart > div {
        display: inline-block;
        float: none;
        width: 49%;
    }
    .banner-cart > div:nth-child(2) {
        float: right;
    }
}

@media screen and (max-width: 640px) {
    .banner-cart > div {
        display: inline-block;
        float: none;
        width: 100%;
    }
}
.banner-cart .block.banner .block-content-abs {
    display: block;
    padding-left: 0;
    text-align: center;
}
.banner-cart .block-banner .block-content {
    text-align: center;
}
.banner-cart .block.banner .block-title .icon {
    display: none;
}

/* AW POINTS CHECKOUT */

.opc-index-index .opc-wrapper-opc .payment-block dt.reward-point-use > input {
    display: block;
    opacity: 1;
    width: auto;
    height: auto;
    float: left !important;
    position: relative;
    top: 1px;

}
.opc-index-index .opc-wrapper-opc .payment-block dt.reward-point-use {
    background: transparent;
}
.opc-index-index .opc-wrapper-opc .payment-block dd.reward-point-use {
    clear: both;
    margin-bottom: 30px;
}
.opc-index-index .opc-wrapper-opc .payment-block dt.reward-point-use label {
    display: block;
    opacity: 1;
    width: auto;
    height: auto;
    float: left;!important;
    padding: 0;
    margin: 0 0 0 5px;
    line-height: 100%;
    background: transparent;
    cursor: auto;
}
.opc-index-index .opc-wrapper-opc .payment-block dt.reward-point-use:hover label {
    color: #000
}
.reward-point-use {
    border: 1px dashed #000;
    padding: 12px;
    margin: 0!important;
}
dt.reward-point-use {
    border-bottom: 0;
}
dd.reward-point-use {
    border-top: 0 none;
    padding-top: 0;
    margin-bottom: 14px!important;
}
.reward-point-use .form-list input {
    border: 1px solid;
    padding: 10px 5px;
    max-width: 150px;
}
.reward-point-use .form-list label {
    font-size: 11px;
    padding: 8px 2px;
    margin-right: 5px;
    float: none;
}

/* POINT INVITATION **/
.points-invitation-index .aw-points-referral textarea {
    max-width: 500px;
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
}

/* POINT REWARDS **/

.points-reward-index #aw_points-summary-box {
    margin-bottom: 20px;
    background: none;
    padding: 15px;
    border: 1px dashed #000;
}

.points-reward-index .customer-reward-balance {
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px dashed #000;
}
.points-reward-index .customer-reward-balance__points {
    display: table-cell;
    padding-left: 5px;
    color: #e20613;
    vertical-align: middle;
    font-weight: bold;
    font-size: 52px;
    line-height: 1;
}
.points-reward-index .customer-reward-balance__text {
    display: table-cell;
    padding-left: 15px;
    width: 100%;
    vertical-align: middle;
}
.points-reward-index .customer-reward-balance__text-main {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
}
.points-reward-index .customer-reward-balance__title {
    color: #e20613;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.points-reward-index .customer-reward-balance__description {
    overflow: hidden;
    color: #727272;
}
.points-reward-index .customer-reward-balance__description {
    color: #727272;
}
.points-reward-index .customer-reward-balance--rewards .customer-reward-balance__check {
    vertical-align: top;
}
.points-reward-index .customer-reward-balance__check {
    display: table-cell;
    padding-left: 30px;
    vertical-align: bottom;
    white-space: nowrap;
}
@media screen and (max-width: 600px) {
    .points-reward-index .customer-reward-balance--rewards .customer-reward-balance__check {
        display: block;
        text-align: left;
        margin: 20px 0;
        padding: 0;
    }
}
.points-reward-index .aw_points-coupon-box input {
    max-width: 152px;
    border: 1px solid #ddd;
    margin: 0 9px;
}


/* RMA SYSTEM ***/
.rmasystem-index-index  #wk_rma_new_request,
.rmasystem-guest-rmalist #wk_rma_new_request {
    float: right;
    border: 0;
    background: transparent;
}
.rmasystem-index-index  #wk_rma_new_request a,
.rmasystem-guest-rmalist #wk_rma_new_request a {
    color: #333;
    font-size: 14px;
    display: inline-block;
}
#wk_rma_new_request_logout {
    float: left;
    margin-right: 15px;

}
#wk_rma_new_request_logout a {
    font-weight: bold;
}
.wk_rma_checkall {
    padding: 0;
    margin: 3px;
    line-height: 16px;
}
#save_rma_form div.selector {
    background: #fff;
}
.rmasystem-index-index  #rma-table td:first-child,
.rmasystem-guest-rmalist #rma-table td:first-child,
#wk_rma_con_form .data-table tbody > tr td:first-child,
#wk_rma_orders.data-table tbody > tr td:first-child {
    text-align: center;
    padding: 10px;
}
.rmasystem-guest-new #wk_rma_orders th.wk_rma_selected,
.rmasystem-index-index #rma-table th.wk_rma_selected,
.rmasystem-guest-rmalist #rma-table th.wk_rma_selected,
.rmasystem-index-new #wk_rma_orders th.wk_rma_selected {
    border-color: transparent;
    box-shadow: 0 0 0;
}
.rmasystem-guest-new #wk_rma_orders .wk_rma_sorter th:hover,
.rmasystem-index-index #rma-table .wk_rma_sorter th:hover,
.rmasystem-guest-rmalist #rma-table .wk_rma_sorter th:hover,
.rmasystem-index-new #wk_rma_orders .wk_rma_sorter th:hover {
    border-color: transparent;
    box-shadow: 0 0 0;
}
.rmasystem-index-new #wk_rma_orders th:last-child,
.rmasystem-index-index #rma-table th:last-child,
.rmasystem-guest-rmalist #rma-table th:last-child{
    text-align: center!important;
}
.rmasystem-index-new #wk_rma_orders th,
.rmasystem-index-index #rma-table th,
.rmasystem-guest-rmalist #rma-table th {
    padding: 10px;
}
#wk_rma_conversation_container .form-list li.wide,
.wk_rma_bigbox .col2-set,
#save_rma_form .form-list li.wide {
    background: #F0F0F1;
    padding: 10px 15px;
    margin-bottom: 15px;
}
#wk_rma_conversation_container .wk_rma_agree_label {
    line-height: 23px;
    margin-right: 5px;
}
.wk_rma_bigbox .col2-set .col-1,
.wk_rma_bigbox .col2-set .col-2 {
    float: none;
    display: inline-block;
    width: 49%;
}
.wk_rma_bigbox .col2-set h3 {
    margin-bottom: .5em;
    color: #535353;
    font-size: 1.25em;
}
.wk_rma_bigbox .col2-set input {
    border: 1px solid transparent;
}

#wk_rma_conversation_container,
#wk_rma_button_submit {
    margin-bottom: 40px;
}
.wk_rma_filter input {
    border: 1px solid transparent
}

.rmasystem-index-index .wk_rma_status_pending {
    color: #333;
    font-weight: normal;
}

.rmasystem-guest-new .wk_rma_label,
.rmasystem-index-new .wk_rma_label,
.rmasystem-index-view .wk_rma_clear {
    float: none;
    color: #535353;
    font-family: roboto;
    text-transform: uppercase;
    font-size: 16px;
}
#save_rma_form .form-list li.wide:first-child  {
    background: transparent;
    padding: 0;
}
#save_rma_form .form-list li.wide td,
#save_rma_form .form-list li.wide select {
    padding: 10px;
}
 #wk_rma_order_details .item_reason,
#wk_rma_order_details .return_item {
    height: auto!important;
     border: 1px solid #ddd;
}
#wk_rma_agreement_cntnt {
    display: block;
    background: #fff;
    width: 100%;
}
.rmasystem-index-view .wk_rma_onereply {
    box-shadow: 0 0 0;
}
.rmasystem-index-view .wk_rma_onereply_head {
    background: #E6ECEF;
    color: #535353;
    display: block;
    padding: 10px;
    border: 1px solid #E6ECEF;
}
.rmasystem-index-view .wk_rma_onereply_head_right {
    color: #535353;
}
.rmasystem-index-view  .wk_rma_onereply_cntnt {
    background: transparent;
    border: 1px solid silver;
    border-top: 0;
}
.rmasystem-index-view .wk_rma_onereply_customer {
    background: #B9CDF8!important;
    border: 1px solid #B9CDF8
}
.rmasystem-index-view .wk_rma_onereply_cntnt {
    color: #333
}
.rmasystem-index-view .wk_rma_clear {
    margin-bottom: 20px;
}
.rmasystem-index-new .form-list li.wide select {
    width: 100%;
    max-width: 535px;
}

#wk_rma_consignment_no {
    border: 1px solid #ddd
}
#wk_rma_agreement_cntnt {
    padding: 22px 15px;
}
#save_rma_form .form-list li.wide {
    position: relative;
}
@media screen and (max-width: 960px) {
    #wk_rma_orders tr td,
    #save_rma_form .form-list li.wide td,
    #rma-table td,
    #wk_rma_order_details td {
     width: 100%;
     text-align: left!important;
    }
    #wk_rma_orders tr td:last-child {
        display: none;
    }
    #rma-table tr,
    #wk_rma_orders tr,
    #wk_rma_order_details tr {
        margin-bottom: 30px;
    }
    #rma-table tr,
    #wk_rma_order_details tr {
        background: #fafafa;
    }
    #rma-table tr td,
    #wk_rma_order_details tr td {
        border-bottom: 0;
    }
    #rma-table tr td:last-child,
    #wk_rma_order_details tr td:last-child {
        border-bottom: 1px solid #ddd;
    }
    .rmasystem-index-new  #wk_rma_order_details .return_item,
    .rmasystem-index-new  #wk_rma_order_details .item_reason {
        width: 98%;
        border: 1px solid #ddd
    }
}


/* FORM BUILDER ***/

.formbuilder-form div.uploader {
    width: 169px;
}
.formbuilder-form div.checker{
    float: left;
}
.formbuilder-form .form-list {
    padding: 30px 4%;
}
.formbuilder-form .header_content,
.formbuilder-form .footer_content {
    padding: 30px 0;
}
.formbuilder-form .selector select.datetime-picker {
    width: 100%!important;
}


/* AW AFPTC ***/
.advice-donotshow {
    margin-top: 20px;
}
.free-products-list .price-box .price-label {
    display: none;
}
.free-products-list .price-box .price {
    font-size: 18px;
    margin-right: 6px;
}
.free-products-list .price-box > * {
    display: inline-block;
}

/* UPLOAD PDF **/

.product-view .pdf-link {
    margin-top: 36px;
    margin-bottom: 36px;
    text-transform: uppercase;
}
.product-view .pdf-link .pdf-icon {
    display: inline-block;
    width: 45px;
    height: 47px;
    position: relative;
    background-image: url(../images/pdf-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: 18px;
    margin-top: -30px;
}


/* BLOCK PRODUCT VIEW **/

.product-shop .block.banner.block-product-info_custom {
    padding: 12px 1% 10px;
    margin: 0 0 14px 0;
    min-height: 0;
    width: 100%;
    background-color: transparent ;
    border: 1px solid #ddd;
}
.product-shop .block.banner.block-product-info_custom img {
    max-width: 100%;
}
.product-shop .block.banner.block-product-info_custom > * {
    text-transform: none;
}
@media (min-width: 1240px) {
    .product-shop .block.banner.block-product-info_custom {
        width: 60%;
    }
}