/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px; /* Fix for Opera */
}

body {
    background-color: #fff;
    font: 13px/1 'Open Sans',Arial,Helvetica,sans-serif;
    color: #777;
    text-align: center;
}

#root-wrapper {
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

a {
    color: #888;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #ca0413;
}

:focus {
    outline: 0;
}

/* Headings */
h1, h2, h3,
h4, h5, h6 {
    margin: 0 0 10px;
    font-weight: normal;
}

h1 {
    font-size: 2.6666em;
    line-height: 1.25em; /*32px, 40px*/
    margin-bottom: 20px;
}

h2 {
    font-size: 2em;
    line-height: 1.25em; /*24px, 30px*/
}

h3 {
    font-size: 1.6666em;
    line-height: 1.2em; /*20px, 24px*/
}

h4 {
    font-size: 1.3333em;
    line-height: 1.25em; /*16px, 20px*/
}

h5 {
    font-size: 1.1666em;
    line-height: 1.1428em; /*14px, 16px*/
}

h6 {
    font-size: 1em;
    line-height: 1.1666em; /*12px, 14px*/
}

/* Forms */
form {
    display: inline;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}

/* Table */
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

caption, th, td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}

/* Content */
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

cite {
    font-style: normal;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after {
    content: '';
}

small, big {
    font-size: 1em;
}

sup {
    font-size: 16px;
    vertical-align: top;
}

/* Lists */
ul, ol {
    list-style: none;
}

/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.f-left,
.left {
    float: left !important;
}

.f-right,
.right {
    float: right !important;
}

.f-none {
    float: none !important;
}

.f-fix {
    float: left;
    width: 100%;
    min-height: 147px;
    position: relative;
}

.no-display {
    display: none;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-bg {
    background: none !important;
}

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper {
}

.page {
    text-align: left;
    background-repeat: repeat;
    background-position: center top;
}

.page-print {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    padding: 20px;
    text-align: left;
    background: #fff;
}

.main-container {
    background-repeat: repeat;
    background-position: center top;
}

.main {
    padding: 20px 0;
    min-height: 370px;
}

/* Decrease padding on home page */
body.cms-index-index .main,
body.cms-index-defaultindex .main {
    padding-top: 40px;
    padding-bottom: 70px;
}

/* Base Columns */
.col-left {
    float: left;
}

.col-main {
    float: left;
}

.col-right {
    float: right;
}

/* 1 Column Layout */
.col1-layout .col-main {
}

/* 2 Columns Layout */
.col2-left-layout .col-main {
    float: right;
}

.col2-right-layout .col-main {
}

/* 3 Columns Layout */
.col3-layout .col-main {
}

.col3-layout .col-wrapper {
    float: left;
}

.col3-layout .col-wrapper .col-main {
    float: right;
}

/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 49%;
}

.col2-set .col-2 {
    float: right;
    width: 49%;
}

.col2-set .col-narrow {
    width: 33%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {
    font: 12px/15px Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

/* Fix: remove default formatting on iOS (e.g. rounded corners) */
input.input-text, textarea {
    -webkit-appearance: none;
}

input.input-text, select, textarea {
    background: #fff;
    border: 1px solid #ddd;
    color: #888;

    /* Box model */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Remove default formatting, fix for iOS (rounded corners and shadow) */
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.input-text {
    /*height: 36px;*/
}

select {
    height: 36px;
    padding: 8px;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px;
    border-radius: 3px;
}

select.multiselect {
    height: auto;
}

input.input-text, textarea {
    padding: 8px;
    text-overflow: ellipsis;
}

select option {
    padding-right: 10px;
    padding-left: 5px;
}

select.multiselect option {
    border-bottom: 1px solid #eee;
    padding: 2px 5px;
}

select.multiselect option:last-child {
    border-bottom: 0;
}

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 3em !important;
    text-align: center;
}

/* Active and others
-------------------------------------------------------------- */
input.input-text:hover, select:hover, textarea:hover,
input.input-text:focus, select:focus, textarea:focus {
    border-color: #aaa;
    color: #333;
    outline: none;
}

input.input-text:disabled,
select:disabled,
textarea:disabled {
}

/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* FF Fix */
/*button.button {*/
    /*-webkit-border-fit: lines; *//* <- Safari & Google Chrome Fix */
    /*overflow: visible;*/
    /*width: auto;*/
    /*border: 0;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*background: transparent;*/
    /*cursor: pointer;*/
/*}*/

button.button span {
    /*float: left;*/
    /*display: block;*/
    /*padding: 0;*/
    /*font-size: 14px;*/
    /*text-align: center;*/
    /*white-space: nowrap;*/
    /*background-color: #ddd;*/
    /*color: #333;*/

    transition: color 100ms ease-in-out, background-color 100ms ease-in-out;
    -moz-transition: color 100ms ease-in-out, background-color 100ms ease-in-out;
    -webkit-transition: color 100ms ease-in-out, background-color 100ms ease-in-out;
    -o-transition: color 100ms ease-in-out, background-color 100ms ease-in-out;
}

button.button:hover span {
    background-color: #08c;
    color: #fff;
    /*opacity: 0.9;*/
}

button.button span span {
    /*padding: 0 10px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
}

/* Smaller button - for inline display with input boxes
-------------------------------------------------------------- */
button.button.btn-inline span span,
.product-view .box-tags .form-add button.button span span {
    padding: 0 10px;
    line-height: 36px;
    height: 36px;
}

/* Big button: Add to cart (product view) & Proceed to checkout
-------------------------------------------------------------- */
/*.product-view .btn-cart span,
button.btn-checkout span {}*/
.product-view .btn-cart span span,
button.btn-checkout span span {
    padding: 5px 25px;
    /*font-size: 1.1666em; *//*14px*/
}

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
p.control input.checkbox,
p.control input.radio {
    margin-right: 6px;
}

label {
    margin: 0;
    vertical-align: middle;
    color: #777;
    font-size: 13px;
    font-weight: normal;
}

/* Form lists */
/* Grouped fields */
.form-list li {
    margin: 0 0 10px;
}

.form-list label {
    float: left;
    position: relative;
    z-index: 0;
    font-size: 14px;
    margin-bottom: 10px;
}

.form-list label.required {
}

.form-list label.required em {
    float: right;
    font-style: normal;
    position: absolute;
    top: 0;
    right: -8px;
}

.form-list li.control label {
    float: none;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}

.form-list .input-box {
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
}

.form-list .field {
    float: left;
    margin: 0;
    width: 48%;
}

.form-list .field:nth-child(2n) {
    float: right;
}

.form-list input.input-text {
    /*width: 262px; *//*244px;*/
    width: 100%;
    height: 38px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    background-color: #fff;
}

.form-list textarea {
    width: 244px;
    height: 10em;
}

.form-list select {
    width: 262px;
}

.form-list li.wide .input-box {
    /*width:535px;*/
}

.form-list li.wide input.input-text {
    /*width:529px;*/
}

.form-list li.wide textarea {
    /*width:529px;*/
}

.form-list li.wide select {
    /*width:535px;*/
}

.form-list li.additional-row {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}

.form-list .input-range input.input-text {
    width: 74px;
}

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}

.form-list .name-prefix {
    width: 65px;
}

.form-list .name-prefix select {
    width: 55px;
}

.form-list .name-prefix input.input-text {
    width: 49px;
}

.form-list .name-suffix {
    width: 65px;
}

.form-list .name-suffix select {
    width: 55px;
}

.form-list .name-suffix input.input-text {
    width: 49px;
}

.form-list .name-middlename {
    width: 70px;
}

.form-list .name-middlename input.input-text {
    width: 49px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
    width: 210px;
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px;
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 46px;
}

.form-list .customer-dob .dob-year {
    width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
    width: 134px;
}

/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form .buttons-set button {
    float: left;
}

#oar_widget_orders_and_returns_form .buttons-set .required {
    text-align: left;
}

/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin: 0 0 10px;
    padding: 0;
}

.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set {
    clear: both;
    margin: 10px 0;
}

.buttons-set button.button {
    float: right;
    margin-right: 5px;
    margin-bottom: 5px;
}

.buttons-set p.required {
    margin: 0 5px 5px 0;
}

.contacts-index-index .buttons-set {
    float: left;
    margin-top: -10px;
}

.contacts-index-index .buttons-set .required {
    text-align: left;
}

.buttons-set .back-link {
    float: left;
    margin-bottom: 5px;
}

.buttons-set .back-link a {
    display: block;
    line-height: 36px; /* Icon size */
}

.buttons-set .back-link small {
    /*display: inline-block;*/
    /*margin-right: 5px;*/
    /*width: 36px;*/
    /*height: 36px;*/
    /*text-indent: -9999px;*/
    /*background-image: url(/assets/app/public/images/magento/sprite.png);*/
    /*background-position: -107px -107px;*/
}

.buttons-set .back-link:hover small {
    /*background-image: url(/assets/app/public/images/magento/sprite.png);*/
    /*background-position: -107px -157px;*/
}

/* Form Validation
-------------------------------------------------------------- */
.validation-advice {
    clear: both;
    font-size: 0.9166em;
    line-height: 1em;
    color: #ee001c;
    margin-top: 5px;
}

.validation-failed {
    border: 1px solid #ee001c !important;
    background: #fff !important;
}

.validation-passed {
}

/* Required */
p.required {
    font-size: 0.8333em; /*10px*/
    text-align: right;
}

p.required,
.product-options dt label.required em,
.form-list label.required em {
    color: #ee001c;
}

/* Expiration date and CVV number validation fix */
.v-fix {
    float: left;
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative;
}

/* Specific buttons set
-------------------------------------------------------------- */

/* Log in */
.account-login .buttons-set button span span,
    /* Create account */
.account-create .buttons-set button span span,
    /* Forgot password */
.customer-account-forgotpassword .buttons-set button span span,
    /* Orders and Returns form */
#oar_widget_orders_and_returns_form .buttons-set button span span,
    /* Contact us */
.contacts-index-index .buttons-set .button span span {
    /*min-width: 120px;*/
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #ee001c;
    font-weight: bold;
}

.notice {
    color: #ccc;
}

.messages,
.messages ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.messages {
    overflow: hidden;
    margin: 0 0 10px;
}

.messages li {
    margin: 0 0 1%;
}

.messages > li:last-child {
    margin-bottom: 0;
}

.messages li li {
    margin: 0;
}

.messages a {
    text-decoration: underline;
}

.catalog-category-view .messages {
    margin-top: 15px;
    margin-bottom: 15px;
}

.cms-index-index .messages,
.cms-home .messages {
    margin: 20px 0 20px;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    background-position: 25px center !important;
    background-repeat: no-repeat !important;
    padding: 25px 25px 25px 80px !important;
    font-size: 12px !important;
}

.error-msg {
    border-color: #c02230;
    background-color: #F5DAD3;
    background-image: url(/assets/app/public/images/magento/i_msg-error.png);
    color: #c02230;
}

.success-msg {
    border-color: #296a23;
    background-color: #e9ffca;
    background-image: url(/assets/app/public/images/magento/i_msg-success.png);
    color: #296a23;
}

.note-msg,
.notice-msg {
    border-color: #7c622a;
    background-color: #FDEDA4;
    background-image: url(/assets/app/public/images/magento/i_msg-note.png);
    color: #7c622a;
}

/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs li {
    display: inline;
    /*font-size: 0.9166em; *//*11px*/
}

.breadcrumbs a {
    display: block;
    float: left;
}

.breadcrumbs li span.breadcrumb-separator {
    /*background: url(/assets/app/public/images/magento/img/pix.png) 0 -129px no-repeat;*/
    /*width: 7px;*/
    /*height: 5px;*/
    /*margin: 6px 4px 0;*/
    /*display: block;*/
    /*float: left;*/
    /*text-indent: -9999px;*/
    /*overflow: hidden;*/
    display: block;
    float: left;
    height: 13px;
    overflow: hidden;
    width: 13px;
    margin: 0 10px;
}

.breadcrumbs li strong {
    font-weight: normal;
    display: block;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 {
    margin-bottom: 0;
}

.page-title {
    margin-bottom: 20px;
}

/*.category-title { margin-bottom:10px; }*/

/* Links in page title */
.page-title .separator {
    margin: 0 3px;
}

.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print {
    font-weight: normal;
    display: inline-block;
    margin-top: 10px;
}

.page-title .link-rss {
    float: right;
    margin-top: 15px;
}

/* Title with buttons */
.title-buttons {
    text-align: right;
}

.title-buttons button {
    margin-left: 1em;
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left;
    text-align: left; /* TRICKY: align left as opposition to other elements */
}

/* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */
.my-account .title-buttons button span span {
    height: 35px;
    line-height: 35px;
}

/* Toolbar: pager and sorter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Sort by */
.sorter .sort-by {
    float: left;
    margin-right: 10px;
    padding-right: 3px;
}

.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
}

.sorter .sort-by .category-asc {
    /*<img src="http://newsmartwave.net/magento/porto/skin/frontend/smartwave/porto/images/i_asc_arrow.gif" alt="Set Descending Direction" class="v-middle">*/
    background: url("../media/i_asc_arrow.gif") no-repeat center center;
}

.sorter .sort-by .category-desc {
    background: url("../media/i_desc_arrow.gif") no-repeat center center;
}

/*.sorter .sort-by .category-asc:hover {*/
    /*background-position: -30px -87px;*/
/*}*/

/*.sorter .sort-by .category-desc:hover {*/
    /*background-position: -90px -87px;*/
/*}*/

/* Pager
-------------------------------------------------------------- */
.pager {
    /*margin: 10px 0;*/
    /*padding: 5px 0;*/
    /*border-top: 1px solid #e5e5e5;*/
    /*border-bottom: 1px solid #e5e5e5;*/
}

.pager .pages {
    float: right;
    vertical-align: middle; /* Vertical align to fix positionning issue */
}

.pager .pages strong,
.pager .pages span {
    float: left;
    margin-right: 5px;
    font-weight: normal;
}

.pager .pages ol {
    display: inline-block;
    vertical-align: middle;
}

.pager .pages li {
    float: left;
    margin: 0 0 0 1px;
    display: block;
    text-align: center;
}

.pager .pages li a {
    display: block;
    background-color: transparent;
    color: inherit;
}

.pager .pages li a.previous,
.pager .pages li a.next {
    text-indent: -9999px;
    overflow: hidden;
}

/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
    /*border-top: 1px solid #e5e5e5;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    /*margin-bottom: -1px; *//* To cover the top line of the products grid/list */

    /* Move up to cover adjacent lines/elements */
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
}

/* Pager inside toolbar - align center */
.toolbar .pager {
    margin: 0;
    float: right;
    right: 0;
    /*border-bottom: none;*/
    /*border-top: 1px dashed #e5e5e5;*/
    /*text-align: center;*/
}

.toolbar .pager .pages {
    display: inline-block;
    float: none;
}

/* Bottom toolbar */
.toolbar-bottom {
    margin-top: 10px;
}

.toolbar-bottom .toolbar {
    border-bottom: none;
}

.toolbar-bottom .toolbar .pager {
    border-top: none;
}

.toolbar-bottom .sorter {
    display: none;
}

/* Common styles for toolbar elements
-------------------------------------------------------------- */

/* Size */
.sorter,
.pager {
    line-height: 36px;
}

/* Important: the same as the height of the form elements */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .view-mode .line,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ccc;
}

/* Amount */
.pager .amount,
.sorter .amount {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    background: url(/assets/app/public/images/magento/img/link-separator.png) right center no-repeat;
}

/* Limiter */
.pager .limiter,
.sorter .limiter {
    float: left;
    margin-right: 15px;
}

/* All elements - vertical spacing */
.pager .amount,
.pager .limiter,
.pager .pages,
.sorter .amount,
.sorter .limiter,
.sorter .view-mode,
.sorter .sort-by {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.data-table {
    width: 100%;
}

.data-table th,
.data-table td {
    padding: 10px;
}

.data-table thead {
    background: none;
    border-bottom: 1px solid #e5e5e5;
}

.data-table thead th {
    font-weight: bold;
    vertical-align: bottom;
    border-right: none;
    white-space: nowrap;
}

.data-table thead th.wrap {
    white-space: normal;
}

.data-table tr.odd td,
.data-table tr.odd th {
    border-right: 1px solid #f5f5f5;
}

.data-table tr.odd td.last {
    border-right: none;
}

.data-table tr.odd {
}

.data-table tr.odd.last {
    border-bottom: #eee solid 1px;
}

.data-table tr.even td,
.data-table tr.even th {
    border-right: 1px solid #f5f5f5;
}

.data-table tr.even td.last {
    border-right: none;
}

.data-table tr.even {
    background-color: #fbfbfb;
}

.data-table tbody tr:hover {
}

.data-table tbody tr.product-shop-row:hover {
    background-color: #fff;
}

/*TODO:?*/
.data-table tbody.odd {
}

.data-table tbody.odd td {
    border-width: 0 1px;
}

.data-table tbody.odd tr.last {
    border-bottom: #e5e5e5 solid 1px;
}

.data-table tbody.even {
    background-color: #f5f5f5;
}

.data-table tbody.even td {
    border-width: 0 1px;
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
}

.data-table th .tax-flag {
    /*white-space:nowrap;*/
    font-weight: normal;
}

/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
.data-table .cell-label {
    display: none;
}

/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
tr.summary-total {
    cursor: pointer;
}

tr.summary-total td {
}

tr.summary-total .summary-collapse {
    float: right;
    text-align: right;
    padding-left: 20px;
    background: url(/assets/app/public/images/magento/bkg_collapse.gif) 0 4px no-repeat;
    cursor: pointer;
}

tr.show-details .summary-collapse {
    background-position: 0 -53px;
}

tr.show-details td {
}

tr.summary-details td {
    font-size: 11px;
    background-color: #f5f5f5;
    color: #777;
    padding: 2px 5px !important;
}

tr.summary-details-first td {
    border-top: 1px solid #d5d5d5;
}

tr.summary-details-excluded {
    font-style: italic;
}

/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-tax-info {
    display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px;
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url(/assets/app/public/images/magento/bkg_collapse.gif) 100% 4px no-repeat;
    cursor: pointer;
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important;
}

.cart-tax-total-expanded {
    background-position: 100% -53px;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.link-cart {
    font-weight: bold;
}

.link-reorder {
    font-weight: bold;
}

.link-print {
    background: url(/assets/app/public/images/magento/i_print.gif) 0 center no-repeat;
    padding: 2px 0 2px 25px;
}

.link-rss {
    background: url(/assets/app/public/images/magento/i_rss.gif) 0 center no-repeat;
    padding-left: 16px;
    white-space: nowrap;
}

.cards-list dt {
    margin: 5px 0 0;
}

.cards-list .offset {
    padding: 2px 0 2px 20px;
}

.separator {
    margin: 0 3px;
    font-weight: normal;
    color: #e5e5e5;
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: #e5e5e5;
    text-indent: -9999em;
    overflow: hidden;
}

/* Global site notices
-------------------------------------------------------------- */
/* Obsolete: */
/*.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(/assets/app/public/images/magento/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }*/

.global-site-notice {
    background: #f5f5f5;
    color: #333;
}

.global-site-notice .notice-inner {
    max-width: 66%;
    margin: 0 auto;
    padding: 10px 0 10px 80px;
    background: url(/assets/app/public/images/magento/i_notice.gif) 20px center no-repeat;
    text-align: left;
}

.global-site-notice .notice-inner p {
    width: 80%;
    margin: 0;
    padding: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: middle;
}

.global-site-notice .notice-inner .actions {
    display: inline-block;
    vertical-align: middle;
}

/* Cookie Notice */
.notice-cookie {
}

/* Noscript Notice */
.noscript {
}

/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff;
}

.demo-notice .notice-inner {
    width: auto;
    padding: 0;
    background: none;
    text-align: center;
}

.demo-notice .notice-inner p {
    padding: 0;
    border: 0;
}

/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Common styles for buttons
-------------------------------------------------------------- */
.btn-remove,
.btn-remove2,
.btn-edit,
.tool-tip .btn-close a {
    display: block;
    width: 17px;
    height: 15px;
    /*font-size: 0;*/
    /*line-height: 0;*/
    /*text-indent: -999em;*/
    overflow: hidden;
    font-family: "porto";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    opacity: .8;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%;
    color: #333;
}

.btn-remove:before,
.btn-remove2:before,
.tool-tip .btn-close a:before {
    content: "\e82c";
    display: block;
    font-family: "porto";
}

/*.btn-remove:hover,*/
/*.btn-remove2:hover,*/
/*.tool-tip .btn-close a:hover {*/
    /*background-position: -17px -150px;*/
/*}*/

/*.btn-remove:active,*/
/*.btn-remove2:active,*/
/*.tool-tip .btn-close a:focus {*/
    /*background-position: -34px -150px;*/
/*}*/

/* Button edit
-------------------------------------------------------------- */
.btn-edit:before {
    content: '\e85a';
    display: block;
    font-family: "porto";
}

/*.btn-edit:hover {*/
    /*background-position: -17px -167px;*/
/*}*/

/*.btn-edit:active {*/
    /*background-position: -34px -167px;*/
/*}*/

/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Styles for admin-controlled content */

.std .subtitle {
    padding: 0;
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std dl dt {
    font-weight: bold;
}

.std dl dd {
    margin: 0 0 10px;
}

.std dl,
.std p,
.std address,
.std blockquote {
    margin: 0 0 1em;
    padding: 0;
}

/* Lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
ul.bullet,
ul.disc {
    margin: 0 0 1em;
    padding: 0;
}

/* Disc */
ul.disc {
    list-style: disc outside none;
    padding-left: 1.5em;
}

ul.disc li {
    background-image: none;
    padding-left: 0;
}

/* Bullet */
ul.bullet {
    list-style: none outside none;
}

ul.bullet li {
    background: url(/assets/app/public/images/magento/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
    padding-left: 25px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out;
}

ul.bullet li:hover {
    background-position: 3px 0;
}

/* Different bullets. IMPORTANT: use together with class "bullet" */
ul.list1 li {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list1.png);
}

ul.list2 li {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list2.png);
}

ul.list11 li {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list11.png);
}

ul.list12 li {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list12.png);
}

ul.list13 li {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list13.png);
}

/* Separator */
ul .separator {
    border-bottom: 1px solid #fff;
    margin: 8px 1px;
    overflow: hidden;
}

/* Nested unordered lists
-------------------------------------------------------------- */
ul.bullet ul,
ul.disc ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

ul.bullet ul li,
ul.disc ul li {
    background: url(/assets/app/public/images/magento/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat;
    padding-left: 1.5em;
}

/* Lists inside ".std"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list without any bullets */
.std ul.no-bullets {
    list-style: none outside none !important;
    padding-left: 0 !important;
}

.std ul.no-bullets li {
    background-image: none !important;
    padding-left: 0 !important;
}

/* Ordered lists */
.std ol {
    list-style: decimal outside;
    margin: 10px 0;
    padding: 0 0 0 1.5em;
}

.std ol ol,
.std ul ol,
.std ol ul {
    margin: 0.5em 0;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std dt {
    font-weight: bold;
}

.std dd {
    padding: 0 0 0 1.5em;
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em;
}

.std address {
    font-style: normal;
}

.std b,
.std strong {
    font-weight: bold;
}

.std i,
.std em {
    font-style: italic;
}

/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std .products-grid p {
    margin-bottom: 0;
}

/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-container,
.header-container2,
.header-container3 {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
}

.header {
    padding: 0;
}

/* Misc header elements
-------------------------------------------------------------- */
.header .item {
}

.header .item-left {
    float: left;
    margin-right: 20px;
}

.header .item-right {
    float: right;
    margin-left: 20px;
}

.header .welcome-msg {
}

.header .login-msg {
}

.header .login-msg a {
}

.header .login-msg a:hover {
}

/* Header top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top .lang-switcher,
.header-top .currency-switcher {
    margin: 0;
}

/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header .logo-wrapper {
    margin: 10px 0;
}

.header .logo {
    display: inline-block;
    max-width: 220px;
    margin: 0;
    text-decoration: none !important;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

/* User menu, top links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.user-menu {
    float: right;
    margin: 10px 0 10px 10px;
}

#mini-cart {
    float: right;
}

.top-links {
    float: right;
}

/* Set floating because there can be more than one list of links. */
.top-links ul {
    float: right;
}

/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top-search-wrapper {
    float: left;
    margin: 10px 0;
}

/* Deprecated class */
#search_mini_form {
    clear: both;
    display: block;
}

.form-search {
    position: relative;
}

.form-search label {
    float: left;
    margin: 3px 4px 0 0;
    display: none;
}

.form-search .input-text {
    display: block;
    height: 36px;
    line-height: 36px; /*IE8*/
    padding: 0px 35px 0 7px; /*0 0 0 5px;*/
    color: #bbb;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Button */
.form-search .button {
    position: absolute;
    right: 0;
    top: 0;
}

.form-search .button span {
    /*background: url(/assets/app/public/images/magento/sprite.png) no-repeat transparent;*/
    /*background-position: -57px -108px; *//* -57px -107px; */
    width: 34px;
    background: none;
    /*height: 34px;*/
    /*opacity: 0.3;*/
    /*filter: alpha(opacity=30);*/
    /*margin: 1px;*/
}

.form-search .button:hover span {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
}

.form-search .button span span {
    background: none;
    display: none;
}

/* Search autocomplete */
.form-search .search-autocomplete {
    left: 0 !important; /*Fix for IE*/
    top: 42px !important;
    position: relative;
    z-index: 4100 !important;
}

.form-search .search-autocomplete ul {
    background-color: #fff;
    text-align: left;
    padding: 3px;
}

.form-search .search-autocomplete li {
    padding: 3px 5px;
    cursor: pointer;
    line-height: 24px;
}

.form-search .search-autocomplete li:hover {
}

.form-search .search-autocomplete li .amount {
    float: right;
    padding-left: 5px;
}

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: small box
-------------------------------------------------------------- */
.search-wrapper-small .form-search .input-text {
    height: 28px;
    line-height: 28px; /*IE8*/
}

.search-wrapper-small .form-search .button span {
    background: url(/assets/app/public/images/magento/sprite.png) no-repeat transparent;
    background-position: -61px -111px; /*-59px -109px*/
    width: 28px;
    height: 28px;
}

.search-wrapper-small .form-search .search-autocomplete {
    top: 30px !important;
}

/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline #search_mini_form {
    display: inline-block;
    vertical-align: middle;
}

/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: centered
-------------------------------------------------------------- */
.search-wrapper-centered .form-search {
    margin: 0 auto;
    width: 90%;
}

.search-wrapper-centered .form-search .input-text {
    float: right;
    width: 100%;
}

/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#mini-cart {
    position: relative;
}

.after-mini-cart {
    clear: both;
}

/* Mini-cart Heading
-------------------------------------------------------------- */
#mini-cart .dropdown-toggle {
}

/* Deprecated: */
#mini-cart .dropdown-toggle .icon-cart {
    width: 14px;
    max-height: 32px;
    background: url(/assets/app/public/images/magento/img/pix.png) 0px -205px no-repeat;
}

#mini-cart .dropdown-toggle .summary {
}

#mini-cart .dropdown-toggle .amount {
}

#mini-cart .dropdown-toggle .subtotal {
}

/* Fix icon positioning */
/*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/

/* Mini-cart content
-------------------------------------------------------------- */
#mini-cart .dropdown-menu {
    width: 300px;
    padding: 25px;
    text-align: left; /* Because cart can be aligned center */
}

#mini-cart .dropdown-menu .inner {
}

#mini-cart .dropdown-menu .incl-tax {
    display: block;
    padding-bottom: 10px;
    text-align: right;
}

#mini-cart .dropdown-menu .empty {
    padding: 10px 0;
}

#mini-cart .block-subtitle {
    padding: 0;
    margin: 0 0 10px;
}

#mini-cart .product-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

#mini-cart .btn-remove,
#mini-cart .btn-edit {
    float: right;
}

#mini-cart .product-details strong {
    font-weight: normal;
}

#mini-cart .actions {
    margin: 10px 0 0;
    padding: 0;
    border: none;
    text-align: left;
}

#mini-cart .actions button {
    float: left;
    margin-right: 1px;
}

#mini-cart .truncated {
    margin-left: 3px;
}

#mini-cart .truncated .item-options {
    -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */
}

/* Mini-cart on hover
-------------------------------------------------------------- */
/* TODO
#mini-cart:hover .block-content { display:block; }
#mini-cart.hover:hover .block-content { display:none; }*/
/*Override (remove) default :hover behavior, if JS is enabled*/

/* Block: Recently Compared (dropdown)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.quick-compare {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

.quick-compare .dropdown-toggle {
}

.quick-compare .dropdown-menu {
    width: 300px;
    padding: 25px;
    text-align: left; /* Because cart can be aligned center */
}

.quick-compare .dropdown-menu .empty {
    padding: 10px 0;
}

.quick-compare .dropdown-menu .item {
    padding: 3px 0;
}

.quick-compare .dropdown-menu .item .product-name {
    padding-right: 20px;
}

.quick-compare .btn-remove {
    float: right;
}

.quick-compare .actions {
    border-top: 1px dotted #e5e5e5;
    margin: 5px 0 0;
    padding: 5px 0 0;
    text-align: right;
}

.quick-compare .actions a {
    float: right;
}

.quick-compare .actions button {
    float: left;
}

/* Block on hover
-------------------------------------------------------------- */
.header .block-compare:hover .block-content {
    display: block;
}

/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block {
    margin: 0 0 10px;
}

.block .block-title {
}

.block .block-title strong {
    font-weight: inherit;
}

.block .block-title a {
    text-decoration: none !important;
}

.block .block-subtitle {
    margin: 5px 0 10px;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
}

.block .block-content {
    padding: 10px 5px;
}

.block .block-content li.item {
    padding: 5px 0;
}

.block .block-content li.item .product-name {
}

.block .btn-remove {
    float: right;
}

.block .btn-edit {
    float: right;
}

.block .actions {
    margin: 5px 0 0 0;
    padding: 5px 0 0;
    border-top: 1px dotted #e5e5e5;
    text-align: right;
}

.block .actions a {
    float: left;
}

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    list-style: outside disc none;
    padding-left: 20px;
}

.block-viewed .block-content ol li,
.block-compare .block-content ol li,
.block-compared .block-content ol li {
    padding: 3px 0;
}

/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-products-list li {
    padding: 5px 0;
}

.mini-products-list .product-image {
    float: left;
    width: 50px;
}

.mini-products-list .product-details {
    margin-left: 69px;
}

.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

/* Common styling for mini list and cross-sell list */
.mini-products-list .product-image,
.cart .crosssell .product-image {
    padding: 3px;
    border: 1px solid #e5e5e5;
}

.mini-products-list .product-image:hover,
.cart .crosssell .product-image:hover {
    border-color: #999;
}

/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title {
}

.block-account .block-content {
    padding: 10px 0;
}

.block-account .block-content ul {
    list-style: outside disc none;
    padding-left: 25px;
}

.block-account li > * {
    padding: 4px;
    display: block;
    text-transform: uppercase;
}

.block-account li strong {
    font-weight: normal;
}

/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.block-layered-nav .block-content {
    padding: 0;
}

.block-layered-nav .block-subtitle {
    display: none;
    margin-bottom: 0;
}

/* List of filters */
.block-layered-nav dl {
    padding-left: 10px;
    padding-top: 10px;
}

.block-layered-nav dt {
    font-weight: bold;
    padding: 0;
}

.block-layered-nav dd {
    padding: 5px 0 10px 5px;
}

.block-layered-nav dd.last {
    border-bottom: none;
}

/* Current filters */
.block-layered-nav .currently {
    margin: 10px 0;
}

.block-layered-nav .currently .block-subtitle {
    display: block;
    padding: 10px 10px 0;
    font-weight: normal;
}

.block-layered-nav .currently ol {
    padding: 10px;
}

.block-layered-nav .currently ol li {
    margin-bottom: 4px;
}

.block-layered-nav .currently .label {
    margin-right: 4px;
    color: #d90000;
}

.block-layered-nav .currently .btn-remove {
    float: right;
    margin-left: 5px;
}

.block-layered-nav .actions {
    margin: 0;
}

.block-layered-nav .actions a {
    float: right;
}

/* List items */
.block-layered-nav dd li,
.block-layered-nav .currently ol li {
    line-height: 1.5em;
    background: url(/assets/app/public/images/magento/img/bullet.png) 3px 5px no-repeat;
    padding-left: 15px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out;
}

.block-layered-nav dd li:hover,
.block-layered-nav .currently ol li:hover {
    background-position: 6px 5px;
}

/* Block: Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-wishlist li.item .btn-remove {
    margin-left: 5px;
}

/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Ccommon styles for all types of the block */
.block-related .block-subtitle {
    display: none;
    position: absolute;
    padding: 1em 0;
    margin: -20px 0 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    z-index: 1;
}

.block-related:hover .block-subtitle {
    display: block;
    padding: 8px;
    background-color: #fff;
}

/* Block: Related. Single product slider
-------------------------------------------------------------- */
.block-related-slider input.checkbox {
    float: left;
    margin: 7px 5px 0 0;
}

/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
.block-related-thumbnails .product-image {
    float: left;
    margin-bottom: 10px;
}

.block-related-thumbnails .product-details {
    margin-left: 110px;
}

.block-related-thumbnails .product-details > * {
    margin-bottom: 5px;
}

.block-related-thumbnails .product-name,
.block-related-thumbnails .related-add-to-wishlist {
    font-size: 1em;
    line-height: 1.25em;
    font-family: inherit;
    font-weight: inherit;
    display: inline-block;
}

.block-related-thumbnails .price-box {
    font-size: 1em;
    line-height: 1.25em;
}

.block-related-thumbnails .checkbox {
    float: left;
    margin: 2px 5px 0 0;
}

/* Block: Compare Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.compare-table {
    border: 0;
}

.compare-table .btn-remove {
    float: right;
}

.compare-table tbody tr:hover {
    background-color: #e5e5e5;
}

.compare-table .product-shop-row {
    border-bottom: 1px solid #ccc;
}

.compare-table .product-shop-row th,
.compare-table .product-shop-row td {
    border-color: #eee !important;
}

.compare-table tr.add-to-row {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.compare-table tr.add-to-row:hover {
    background-color: #fff;
}

/* Cover background applied on tr hover */
.compare-table tr.add-to-row td {
    text-align: left;
}

.compare-table tr.first td {
    text-align: left;
}

.compare-table tr.first td .product-name {
    font-family: inherit;
    font-size: 1.1666em;
    font-weight: bold;
    margin: 10px 0;
}

.compare-table tr.first td .ratings {
    width: 145px;
    margin: 10px 0;
}

.compare-table .price-box {
    margin: 10px 0;
    line-height: 15px;
}

/* Changes after setting text-align:left */
.compare-table .product-image img {
    display: block;
    margin: 0 auto;
}

.compare-table .add-to-links {
    margin-top: 5px;
}

.compare-table .add-to-links li {
    float: none;
}

.compare-table a.link-wishlist {
    overflow: visible;
    text-indent: 0;
    background: none;
    display: inline;
    border: none;
}

/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed {
}

/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-compared {
}

/* Block: Poll
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-poll .block-subtitle {
    font-weight: normal;
}

.block-poll input.radio {
    float: left;
    margin: 1px -18px 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
}

.block-poll li {
    padding: 3px 9px;
}

.block-poll .answer {
    font-weight: bold;
}

.block-poll .votes {
    float: right;
    margin-left: 10px;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-tags .block-content .tags-list {
    background: none;
    border: 0;
    font-size: 12px;
}

.block-tags .tags-list a {
}

.block-tags .tags-list a:hover {
}

.block-tags .actions {
    text-align: right;
}

.block-tags .actions a {
    float: none;
}

/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-subscribe .input-box {
    margin-top: 5px;
}

.block-subscribe input {
    width: 155px;
}

.block-subscribe .actions button.button {
    float: none;
}

/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-reorder input.checkbox {
    float: left;
    margin: 2px -20px 0 0;
}

.block-reorder .product-name {
    margin-left: 20px;
}

.block-reorder .validation-advice {
    margin: 3px 9px 7px;
}

/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-banner {
}

.block-banner .block-content {
    text-align: center;
}

/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-login label {
    font-weight: bold;
    color: #666;
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

/* Paypal
-------------------------------------------------------------- */
.sidebar .paypal-logo {
    display: block;
    margin: 10px 0;
    text-align: center;
}

.sidebar .paypal-logo a {
    float: none;
}

/* Block: vertical main menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-vertnav .block-content {
    padding-left: 0;
    padding-right: 0;
}

/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.category-title h1 {
}

.category-image {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
}

.category-image img {
}

.category-description {
    margin: 20px 0;
    position: relative;
}

/* Negative top margin: to cover bottom border of the category title */
.category-products {
    /*margin: -1px 0 10px;*/
    float: left;
    width: 100%;
}

/* Common styles for View Types: List & Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .product-name,
.products-grid .product-name,
h3.product-name {
    /* Sizes are modified for different number of columns */
    font-size: 1.3333em;
    line-height: 1.25em; /*16px 20px*/
}

.products-list .price-box.map-info a,
.products-grid .price-box.map-info a {
    margin-left: 3px;
}

/* Product image
-------------------------------------------------------------- */
/* Fix possible glitches during animation */
.products-list .product-image img,
.category-products-grid .product-image img /* Grid only in category view */
 {
    -moz-transform: translateZ(0);
}

/* View Type: List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .item {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    position: relative; /* For hover effect */

    transition: box-shadow 0ms ease-in;
    -moz-transition: box-shadow 0ms ease-in;
    -webkit-transition: box-shadow 0ms ease-in;
    -o-transition: box-shadow 0ms ease-in;
}

.products-list .product-shop {
}

.products-list .product-shop-inner {
    border-right: 1px solid #e5e5e5;
    padding-right: 15px
}

.products-list .right-column {
    float: right;
}

.products-list .product-name {
    margin: 0 0 15px;
}

.products-list .product-image-wrapper {
}

.products-list .product-image {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.products-list .price-box {
    margin: 0 0 15px;
    font-size: 1.3333em;
    line-height: 1.25em;
}

.products-list .ratings {
    margin: 10px 0;
}

.products-list .desc {
    margin: 15px 0px;
}

.products-list .link-learn {
}

.products-list .btn-cart {
    width: 100%;
    max-width: 180px;
}

.products-list .button span {
    float: none;
}

.products-list .availability {
    float: none;
    margin: 15px 0;
}

.products-list .add-to-links {
    margin: 15px 0 0;
}

/* Hover effect
	-------------------------------------------------------------- */
.products-list.hover-effect .item:hover {
    margin-left: -1%;
    margin-right: -1%;
    padding-left: 1%;
    padding-right: 1%;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-color: transparent;

    transition: box-shadow 400ms ease-out;
    -moz-transition: box-shadow 400ms ease-out;
    -webkit-transition: box-shadow 400ms ease-out;
    -o-transition: box-shadow 400ms ease-out;
}

/* View Type: Grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Products grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
.products-grid {
}

.products-grid .item {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative; /* For hover effect */
}

.products-grid .product-name {
    margin: 15px 0 0;
}

.products-grid .product-image-wrapper {
    margin: 0 auto;
    position: relative;
}

.products-grid .product-image {
    display: block;
}

.products-grid .price-box {
    margin: 5px 0 10px;
    font-size: 1em;
}

.products-grid .ratings {
    margin: 10px 0;
}

.products-grid .actions {
    /*margin: 10px 0 0;*/
    padding: 10px 0;
}


.products-grid .availability {
    float: none;
    margin: 5px 0;
}

.products-grid .add-to-links {
    margin: 10px 0 0;
}

/* Price: old/special */
/*.products-grid .old-price,
.products-grid .special-price { display: inline-block; }
.products-grid .old-price { margin-right: 2px; }
.products-grid .special-price { margin-left: 2px; }*/

/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Equal height of items (buttons displayed at the bottom of items)
	-------------------------------------------------------------- */
.products-grid.equal-height .item .actions {
    /*position: absolute;*/
    z-index: 2;
    bottom: 15px;
}

/* Remove equal height */
.products-grid.auto-height .item .actions {
    position: static;
    bottom: auto;
}

/* Deprecated */

/* Display grid item elements only on hover
	-------------------------------------------------------------- */
.products-grid .item .display-onhover {
    display: none;
}

/* Display grid item elements only on hover: fade-in (for sliders) */
.products-grid .item .visible-onhover {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
    -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
}

.products-grid .item:hover .visible-onhover {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
    -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
}

/* Product name in a single line
	-------------------------------------------------------------- */
.products-grid.single-line-name .product-name {
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}

.products-grid.single-line-name .item:hover .product-name {
    overflow: visible;
    white-space: normal;
}

/* Align to the center
	-------------------------------------------------------------- */
.products-grid.centered .item {
    text-align: center;
}

.products-grid.centered .item .ratings .rating-box,
.products-grid.centered .item .btn-cart {
    margin-left: 0;
    margin-right: 0;
}

.products-grid.centered .item .ratings {
    display: inline-block;
    margin-bottom: 0; /* Remove margin from inline-block */
}

.products-grid.centered .item .ratings .rating-box {
    display: inline-block;
    vertical-align: middle;
    float: none; /* Remove default float */
}

.products-grid.centered .item .ratings .amount {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.products-grid.centered .item input.checkbox {
    float: none;
}

.products-grid.centered .item .actions .add-to-links li {
    float: none;
    margin: 0;
}

/*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/

/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.category-products-grid .item {
    /*border-top: 1px solid #e5e5e5;*/
    border-left: none;
    border-right: none;
    zoom: 1;

    padding-top: 2%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #fff;

    transition: box-shadow 0ms ease-in;
    -moz-transition: box-shadow 0ms ease-in;
    -webkit-transition: box-shadow 0ms ease-in;
    -o-transition: box-shadow 0ms ease-in;
}

/* Hover effect
	-------------------------------------------------------------- */
.category-products-grid.hover-effect .item:hover {
    /*margin-left: -1%;*/
    /*margin-right: -1%;*/
    /*padding-left: 2%;*/
    /*padding-right: 2%;*/
    /*z-index: 10;*/
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/
    /*border-color: transparent;*/

    /*transition: box-shadow 400ms ease-out;*/
    /*-moz-transition: box-shadow 400ms ease-out;*/
    /*-webkit-transition: box-shadow 400ms ease-out;*/
    /*-o-transition: box-shadow 400ms ease-out;*/
}

/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
.products-grid.size-s .product-name {
    font-size: 1.1666em; /*14px*/
    line-height: 1.2307em; /*16px*/
}

.products-grid.size-xs .product-name {
    font-size: 1em; /*12px*/
    line-height: 1.25em; /*15px*/
}

/* Buttons
-------------------------------------------------------------- */
.products-grid.size-s .item button.btn-cart span span {
    padding: 7px 15px;
    height: auto;
    line-height: 2em;
}

.products-grid.size-xs .item button.btn-cart span span {
    padding: 3px 8px;
    height: auto;
    line-height: 2em;
}

/* Product labels
-------------------------------------------------------------- */
.products-grid.size-s .sticker {
    width: 45px;
    height: 45px;
    font-size: 1em;
}

.products-grid.size-s .item:hover .sticker {
    width: 50px;
    height: 50px;
}

.products-grid.size-xs .sticker {
    width: 40px;
    height: 40px;
    font-size: 0.9166em; /*11px*/
}

.products-grid.size-xs .item:hover .sticker {
    width: 45px;
    height: 45px;
}

/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Availability - with details */
.availability-only {
    margin: 15px 0;
}

a.availability-only {
    cursor: pointer;
}

.availability-only strong {
    font-weight: normal;
}

.availability-only .caret {
    margin-left: 8px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.availability-only-details {
    width: 100%;
    margin: -10px auto 20px;
}

.availability-only-details thead {
    border-bottom: 1px solid #e5e5e5;
}

.availability-only-details th {
    padding: 4px 12px;
    font-weight: bold;
}

.availability-only-details td {
    padding: 1px 12px;
    border-right: 1px solid #f5f5f5;
}

.availability-only-details td.last {
    border-right: none;
}

/* Product increments */
.product-pricing {
    line-height: 1.25em; /* TODO:15px */
}

.extrahint-wrapper .product-pricing {
    padding: 10px;
    background-color: #f5f5f5;
}

.product-options-bottom .product-pricing {
    clear: left;
}

/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.alert-price,
.alert-stock {
    margin: 15px 0;
    padding: 2px 0 2px 25px;
    line-height: 15px;
}

.alert-price {
    background: url(/assets/app/public/images/magento/img/icons.png) 0 -120px no-repeat;
}

.alert-stock {
    background: url(/assets/app/public/images/magento/img/icons.png) 0 -160px no-repeat;
}

/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price {
    white-space: nowrap !important;
}

.price-box {
    font-weight: 600;
    margin: 0;
}

.price-box .price {
}

.price-box .price-label {
}

/* Common labels */
.old-price .price-label,
.special-price .price-label {
    white-space: nowrap;
}

/* Regular price */
.regular-price {
    font-size: 15px;
}

.regular-price .price {

}

/* Old price */
.old-price {
    margin: 0;
}

.old-price .price {
    text-decoration: line-through;
}

/* Special price */
.special-price {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 15px;
}

.special-price .price,
.special-price .price-label {
    color: #ee001c !important; /* Override other color changes */
}

.special-price .price-excluding-tax .price {
}

/* Minimal price (as low as) */
.minimal-price {
    margin: 0 0 5px;
}

.minimal-price .price {
}

.minimal-price .price-label {
    white-space: nowrap;
}

.minimal-price-link {
    display: block;
}

.minimal-price-link .label {
}

.minimal-price-link .price {
    color: #ee001c;
}

/* Excluding tax */
.price-excluding-tax {
    display: block;
}

.price-excluding-tax .label {
    white-space: nowrap;
}

.price-excluding-tax .price {
    font-weight: normal;
}

/* Including tax */
.price-including-tax {
    display: block;
}

.price-including-tax .label {
    white-space: nowrap;
}

.price-including-tax .price {
}

/* Configured price */
.configured-price {
    margin: 0;
}

.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.configured-price .price {
    font-weight: bold;
}

/* FPT */
.weee {
    display: block;
    font-size: 11px;
}

.weee .price {
    font-size: 11px;
    font-weight: normal;
}

/* Excl tax (for order tables) */
.price-excl-tax {
    display: block;
}

.price-excl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-excl-tax .price {
    display: block;
}

/* Incl tax (for order tables) */
.price-incl-tax {
    display: block;
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-incl-tax .price {
    display: block;
    font-weight: bold;
}

/* Price range */
.price-from {
    margin: 0;
}

.price-from .price-label {
    white-space: nowrap;
}

.price-to {
    margin: 0;
}

.price-to .price-label {
    white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
    margin-left: 5px;
}

.price-notice .price {
    padding-left: 3px;
}

/* Price as configured */
.price-as-configured .price-label {
    font-size: 1.1666em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    color: inherit;
}

.price-box-bundle .price-box {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tier-prices {
    margin: 0 0 10px;
    padding-left: 10px;
}

.tier-prices li {
    line-height: 15px;
    background: url(/assets/app/public/images/magento/img/bullet.png) 0 4px no-repeat;
    padding: 0 0 0 11px;
    margin: 3px 0;
}

.tier-prices .benefit {
    color: #ee001c;
    font-weight: normal;
}

.tier-prices-grouped li {
    padding: 2px 0;
}

.tier-prices-grouped li .price {
    font-weight: bold;
}

/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-links .separator {
    display: none;
}

.add-to-links li {
    float: left;
}

.addto-gaps-right li {
    margin-right: 10px;
}

/* Add gaps at the right side of links */

/* Add-to links as icons (with no text).
   Deprecated (will be removed in the next update).
-------------------------------------------------------------- */
.addto-icons a.link-wishlist,
.addto-icons a.link-compare,
.addto-icons a.email-friend {
    display: block;
    padding: 0;
    margin: 0;
    width: 27px;
    height: 27px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(/assets/app/public/images/magento/img/pix.png) no-repeat;
    background-color: #fff;
    /*border:1px solid #f5f5f5;*/
}

.addto-icons a.link-wishlist:hover,
.addto-icons a.link-compare:hover,
.addto-icons a.email-friend:hover {
    background-color: #fff;
}

.addto-icons a.link-wishlist {
    background-position: -27px 0;
}

.addto-icons a.link-wishlist:hover {
    background-position: -27px -27px;
}

.addto-icons a.link-compare {
    background-position: 0 0;
}

.addto-icons a.link-compare:hover {
    background-position: 0 -27px;
}

.addto-icons a.email-friend {
    background-position: -54px 0;
}

.addto-icons a.email-friend:hover {
    background-position: -54px -27px;
}

/* If displayed in a group: add margin between icons */
.add-to-links.addto-icons .link-compare,
.add-to-links.addto-icons .email-friend {
    margin-left: 3px;
}

/* If displayed on product image */
.addto-icons.addto-onimage {
    float: right;
    margin-top: -31px; /* Move up: height (29px) + 2 additional pixels */
    position: relative;
    z-index: 1;
    padding-bottom: 4px; /* Use padding to cover the image below icons. */
    padding-right: 4px;
}

/* Add-to links: simple icons (with no text)
-------------------------------------------------------------- */
.addto-links-icons {
}

/* If displayed in a group: add margin between icons */
.add-to-links.addto-links-icons .link-compare {
    /*margin-left: 3px;*/
}

/* If displayed on product image */
.addto-links-icons.addto-onimage {
    /*float: right;*/
    /*margin-top: -40px;*/
    /*position: relative;*/
    /*z-index: 1;*/
    /*padding-bottom: 4px;*/
    /*padding-right: 4px;*/

    bottom: 4px;
    /*display: inline;*/
    /*float: right;*/
    position: absolute;
    opacity: 1;
    right: 4px;
    /*z-index: 1;*/
    /*width:100%*/
}

/* Add to Cart box
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-cart .qty-wrapper {
}

.add-to-cart .qty {
    text-align: center;
    margin-right: 10px;
}

.add-to-cart .button {
    margin-right: 10px;
}

.product-view .add-to-cart {
    float: left;
}

.product-view .paypal-wrapper {
    float: left;
}

.product-view .paypal-wrapper .paypal-logo {
    margin: 0;
    padding: 5px 0 0;
    text-align: right;
}

.product-view .paypal-wrapper .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0;
}

/* Magento's default */
.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    padding: 10px 0 0;
    text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 60px 5px 0;
}

/* Box floating right
-------------------------------------------------------------- */
.add-to-cart.right {
}

.add-to-cart.right label {
    margin-left: 10px;
}

.add-to-cart.right .button {
    margin-right: 0;
}

/* Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#messages_product_view {
    margin: 0 auto;
    width: 98%;
}

/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 1 Column Layout
-------------------------------------------------------------- */
/* Stretch content area (full page width) */
.catalog-product-view .col1-layout .col-main {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* 3 Columns Layout
-------------------------------------------------------------- */
/* Uncomment if you're using 3-column layout on product page */
/*.catalog-product-view .col3-layout .product-img-column,
.catalog-product-view .col3-layout .product-shop,
.catalog-product-view .col3-layout .product-secondary-column,
.catalog-product-view .col3-layout .box-additional { float: none; width: 100%; }
.catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/

/* Main sections of product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Generic wrapper for product page collaterals */
.product-view .box-additional {
    margin-top: 20px;
}

.product-view .box-tabs {
}

.product-view .box-sidebar {
}

.product-view .box-up-sell {
}

/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-column {
    float: left;
    margin-bottom: 10px;
    position: relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */
}

.col3-layout .product-view .product-img-column {
    float: none;
    margin: 0 auto;
}

/* Product primary column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-shop {
    /*float: left;*/
}

.product-view .product-shop .product-name {
    margin: 0 0 1.6666em; /*20px*/
}

.product-view .product-shop .product-name h1 {
    margin: 0;
}

.product-view .product-shop .ratings-table {
    margin: 15px 0 5px;
}

/* Product secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-secondary-column .inner {
    padding-top: 1px;
    padding-bottom: 10px; /* Stop collapsing margins */
}

/* Product primary column's elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .short-description {
    margin: 15px 0;
    line-height: 1.25em; /*15px*/
}

.product-view .short-description ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Add-to links */
.product-view .action-box {
    margin: 20px 0;
}

/* Add-to links in different places of the product page */
.product-view .add-to-links li {
    margin-right: 10px;
}

/* Other elements */
.extrahint-wrapper {
    margin-bottom: 15px;
}

/* Downloadable product
-------------------------------------------------------------- */
.product-type-data .item-options {
    clear: both;
}

.product-type-data .item-options dt {
    float: none;
    margin: 0 0 5px;
}

/* The same style as "item-options" in cart */
.product-type-data .item-options dd {
    background: url(/assets/app/public/images/magento/img/bullet.png) 3px 4px no-repeat;
    padding-left: 15px;
}

/* Additional information table
-------------------------------------------------------------- */
.product-view .data-table th {
    font-weight: bold;
}

/* Prices - common for product view and MAP popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Prices on product page and MSRP */
.product-view .product-shop .price-box .price-including-tax .price {
    font-size: 18px;
}

.product-view .product-shop .price-box .price-excluding-tax .price {
    font-size: inherit;
}

/* Main price (prominent) */
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .special-price .price-label,
.product-view .product-shop .price-box .old-price .price,
.product-view .product-shop .price-box .old-price .price-label,
.product-view .product-shop .price-box .price-including-tax .price,
.product-view .product-options-bottom .price-box .regular-price .price,
.product-view .price-as-configured .price,
.map-popup-price .regular-price .price,
.product-view .price-box.map-info .old-price .price {
    font-size: 1.6666em; /*20px*/
}

/* Old price */
.product-view .product-shop .price-box .old-price .price-label {
    white-space: nowrap;
}

/* MSRP price (only in MSRP box) */
.map-popup-msrp .price {
    display: block; /* Move price below the label */
}

/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price {
    display: block;
}

/* Special price */
.product-view .price-box .special-price {
    white-space: nowrap; /*Chrome*/
}

.product-view .price-box .special-price .price-label {
    white-space: nowrap;
}

.product-view .price-box .special-price .price-including-tax,
.product-view .price-box .special-price .price-excluding-tax {
    padding: 0 0 0 15px;
}

/* Price box inside "Add-to-cart" box or inside product options box */
.product-view .add-to-box .price-box,
.product-options-bottom .price-box {
    float: left;
    margin: 18px 15px 10px 0;
    padding: 0;
}

/* Main containers (e.g. for add-to-cart, product options)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type specific data */
.product-view .product-type-data {
    margin: 15px 0 0;
}

/* Lower part of the container */
.product-view .container1-wrapper,
.product-view .container2-wrapper,
.product-view .add-to-box {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e5e5;
}

/* Button container */
.product-view .add-to-box {
    margin-top: 15px;
}

/* Background color for main containers */
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list in product description (for lists with no bullet class) */
.product-view .short-description .std ul,
.product-view .box-tabs .std ul {
    list-style: none outside none;
}

.product-view .short-description .std ul li,
.product-view .box-tabs .std ul li {
    background: url(/assets/app/public/images/magento/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
    padding-left: 25px;
}

/* Margin for list in long description */
.product-view .box-tabs .std ul {
    margin-bottom: 1em;
}

/* If unordered list has "disc" class, override  */
.product-view .short-description .std ul.disc,
.product-view .box-tabs .std ul.disc {
    list-style: disc outside none;
    padding-left: 1.5em;
}

.product-view .short-description .std ul.disc li,
.product-view .box-tabs .std ul.disc li {
    background-image: none;
    padding-left: 0;
}

/* Product options
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options {
    position: relative;
    margin-bottom: 15px;
}

.product-options dt {
    font-weight: normal;
}

.product-options dt label {
    display: inline-block;
    font-weight: bold;
}

.product-options dt label.required em {
    float: right;
    margin-left: 3px;
}

.product-options dd .qty-holder {
    display: block;
    padding: 5px 0 0;
}

.product-options dd .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
}

.product-options dd {
    margin: 3px 0 10px;
}

.product-options dl.last dd.last {
    border-bottom: 0;
}

.product-options dd input.input-text {
    width: 100%; /*98%*/
}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options dd textarea {
    width: 100%; /*width:92%;*/
    height: 8em;
}

.product-options dd select {
    width: 100%;
}

.product-options dd .multiselect option {
    border-bottom: 1px dotted #d9e5ee;
    padding: 2px 4px;
}

.product-options ul.options-list {
    margin-right: 5px;
}

.product-options ul.options-list li {
    line-height: 1.5;
    padding: 2px 0;
}

.product-options ul.options-list input.radio {
    float: left;
}

.product-options ul.options-list input.checkbox {
    float: left;
}

.product-options ul.options-list .label {
    display: block;
    margin-left: 18px;
}

.product-options ul.options-list label {
    font-weight: normal;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.note {
    margin: 0;
    font-size: 0.9166em;
}

.product-options p.required {
    position: absolute;
    right: 0;
    top: -15px;
}

/* Override form colors */
/* .product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; border-color:#ddd; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; border-color:#aaa; }*/

/*bottom*/
.product-options-bottom {
    margin-top: 20px;
}

.product-options-bottom .tier-prices {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    background: 0;
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0;
}

.product-options-bottom .price-box .price-as-configured {
}

.product-options-bottom .price-label {
}

.product-options-bottom .price-tax {
    float: left;
}

.product-shop .product-options-bottom {
    margin: 0;
}

.product-shop .product-options-bottom .price-label {
    float: none;
    padding-right: 0;
}

.product-shop .product-options-bottom .price-tax {
    float: none;
}

.product-shop .product-options-bottom .add-to-cart-box {
    clear: both;
    float: left;
    padding-top: 12px;
}

/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .grouped-items-table {
    margin: 0;
    clear: both;
}

.product-view .grouped-items-table thead th {
    font-weight: bold;
}

.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0;
    border: 0;
}

.product-view .grouped-items-table .price-box .price-including-tax .price {
    font-size: 15px;
}

.product-view .grouped-items-table td {
    vertical-align: middle;
}

.product-view .grouped-items-table .price-box .regular-price .price {
    font-size: 14px;
}

/* Product collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide first h2 heading (which is the same as tab text) */
.box-tabs .panel > h2:first-child {
    display: none;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-tags .product-tags {
    display: block;
    margin: 0 0 25px;
}

.product-view .box-tags .product-tags li {
    display: inline;
    padding: 0 7px;
    border-right: 1px solid #e5e5e5;
}

.product-view .box-tags .product-tags li.first {
    padding-left: 0;
}

.product-view .box-tags .product-tags li.last {
    padding-right: 0;
    border-right: 0;
}

.product-view .box-tags .form-add label {
    display: block;
    font-weight: bold;
    margin: 0 0 5px;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    margin: 0 5px 5px 0;
}

.product-view .box-tags .form-add input.input-text {
    width: auto;
}

.product-view .box-tags .note {
    margin: 3px 0 0;
    font-size: 0.9166em; /*11px*/
}

/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-reviews {
    margin-top: 15px;
}

.product-view .box-reviews dl {
    margin: 0 0 15px;
}

.product-view .box-reviews dt .heading {
    font-weight: normal;
    font-size: 1.5em;
    margin-right: 10px;
}

.product-view .box-reviews dt span {
    font-weight: bold;
}

.product-view .box-reviews dt a {
    font-size: 18px;
    margin-right: 8px;
}

.product-view .box-reviews dd {
    margin: 0 0 15px 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
}

.product-view .box-reviews dd .date {
    display: block;
    margin-top: 3px;
    font-style: italic;
}

.product-view .box-reviews .ratings-table {
    margin: 5px 0;
}

.product-view .box-reviews .form-add {
}

.product-view .box-reviews .form-add h2 {
    text-transform: uppercase;
}

.product-view .box-reviews .form-add h3 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0;
}

.product-view .box-reviews .form-add h3 span {
    font-weight: bold;
}

.product-view .box-reviews .form-add h4 {
    font-size: 1em;
    font-weight: normal;
}

.product-view .box-reviews .form-add h3,
.product-view .box-reviews .form-add h4 {
    font-family: inherit;
}

.product-view .box-reviews .form-add .form-list {
    margin: 15px 0 0;
}

.product-view .box-reviews .form-add .form-list .input-box {
}

.product-view .box-reviews .form-add .form-list input.input-text {
    width: 100%;
    max-width: 340px;
}

.product-view .box-reviews .form-add .form-list textarea {
    width: 100%;
    max-width: 500px;
}

.product-view .box-reviews .buttons-set button.button {
    float: left;
    margin-left: 0;
}

.product-view .box-reviews .form-add .data-table {
    max-width: 176px;
}

.product-view .box-reviews .form-add .data-table th,
.product-view .box-reviews .form-add .data-table td {
    text-align: center;
    line-height: 1em;
}

.product-view .box-reviews .form-add .data-table td .radio {
    margin: 0;
}

/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.send-friend .form-list li p {
    margin: 0 15px 0 0;
}

.send-friend .form-list .field {
    margin-bottom: 8px;
}

.send-friend .form-list textarea {
    width: 100%;
}

.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px;
}

/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-name {
    margin: 0;
    font-weight: normal;
    font-size: 1em;
}

/* Product Tags */
.tags-list li {
    display: inline;
}

/* Advanced Search */
.advanced-search-summary {
    padding: 20px;
    margin: 10px 0;
}

.advanced-search-summary ul {
    float: left;
    margin: 0 4% 10px 0;
    width: 46%;
}

.advanced-search-summary li {
    margin: 0 0 2px 0;
    font-size: 1.25em;
}

.advanced-search-summary strong {
    margin: 0 5px 0 0;
}

.advanced-search-summary p {
    clear: both;
    float: left;
    display: block;
    margin: 10px 0 0;
}

/* Advanced Search - form */
.advanced-search .form-list label {
    padding-right: 10px;
    width: 140px;
}

.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
    clear: none;
    float: left; /* Complex form fields (e.g. price range) require floating for correct layout */
}

.catalogsearch-advanced-index .fieldset {
    margin-bottom: 3px;
}

.catalogsearch-advanced-index .buttons-set {
    padding-left: 0;
}

.catalogsearch-advanced-index .buttons-set button.button {
    float: left;
    margin: 0;
}

.catalogsearch-advanced-index .buttons-set button.button span span {
    padding-left: 60px;
    padding-right: 68px;
}

/* Sitemap */
.page-sitemap .links {
    float: right;
    margin: 0 0 5px;
    text-align: center;
}

.page-sitemap .links a {
    text-decoration: none;
    position: relative;
}

.page-sitemap .sitemap {
    margin: 15px;
}

.page-sitemap .sitemap li {
    margin: 3px 0;
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold;
}

.page-sitemap .sitemap li.level-0 a {
}

.page-sitemap .pager {
    clear: both;
}

/* RSS */
.rss-title h1 {
    background: url(/assets/app/public/images/magento/i_rss-big.png) 0 center no-repeat;
    padding-left: 30px;
}

.rss-table .link-rss {
    display: block;
}

/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .page-title .checkout-types li {
    margin: 0 0 5px;
}

.cart .title-buttons .checkout-types {
    float: right;
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px;
}

/* Shopping Cart Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-table thead tr {
    border-bottom: 1px solid #e5e5e5;
}

.cart-table th.last {
    border-right: none;
}

.cart-table .product-image {
    width: 168px;
    display: block;
}

.cart-table .product-name {
    margin: 0 0 10px;
    font-weight: normal;
    font-size: 1.6666em;
    line-height: 1.2em; /*20px, 24px*/
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 0.9166em;
    font-weight: bold;
    color: #ee001c;
}

.cart-table tfoot td {
    padding: 5px 10px;
    border: none;
}

.cart-table input.qty {
    width: 4em !important;
}

/* Table bottom - buttons
-------------------------------------------------------------- */
.cart-table tfoot td.last {
    padding: 15px 0 0;
    border-bottom: 1px solid #eee;
}

.cart-table tfoot button {
    padding: 0;
    margin: 0 0 15px 10px;
}

.cart-table .btn-continue {
    float: left;
    margin-left: 0;
}

.cart-table .btn-update,
.cart-table .btn-empty {
    float: right;
}

/* Cart Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-collaterals {
    margin-top: 2%; /* Percentage value to keep the same margin as between columns */
}

.cart .cart-left-column > *,
.cart .cart-right-column > * {
    margin-bottom: 20px;
}

.cart .cart-right-column {
    float: right;
}

/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .crosssell .product-image {
    float: left;
}

.cart .crosssell .product-details {
    margin-left: 85px;
}

.cart .crosssell .btn-cart {
    float: left;
    margin-right: 10px;
}

.cart .crosssell .add-to-links {
    float: left;
    margin: 12px 0 0;
}

.cart .crosssell .price-box {
    margin: 7px 0;
}

.cart .crosssell li.item {
    padding: 20px 0;
}

.cart .crosssell li.item.odd {
    margin-left: 0;
    clear: left;
}

.cart .crosssell li.item.even {
    margin-right: 0;
    float: right;
}

/*
-------------------------------------------------------------- */
.cart-wide-box .crosssell li.item {
    float: left;
    width: 265px;
    min-height: 109px;
}

.cart-wide-box .crosssell li.item.odd {
    padding-right: 20px;
    border-right: 1px solid #eee;
}

.cart-wide-box .crosssell li.item.even {
    padding-left: 20px;
}

/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount .buttons-set,
.cart .shipping .buttons-set {
    margin: 10px 0 0;
    border: 0;
    padding: 0;
    text-align: left;
}

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
    float: none;
    margin-left: 0;
}

/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount label {
    display: block;
    margin: 0 0 5px;
}

.cart .discount .input-box {
}

.cart .discount input.input-text {
    width: 100%;
}

/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .shipping input.input-text,
.cart .shipping select {
    width: 100%;
}

.cart .shipping p {
    margin-bottom: 10px;
}

.cart .shipping .sp-methods {
    margin: 10px 0 0;
}

/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .totals {
    background-color: #f5f5f5;
}

.cart .totals-inner {
    padding: 20px;
}

.cart .totals table {
    width: 100%;
}

.cart .totals td {
    padding: 1px 0px 1px 7px;
}

.cart .totals tr.last td {
}

.cart .totals tfoot th {
    padding: 5px 15px 5px 7px;
}

.cart .totals tfoot td {
    padding-bottom: 5px;
}

.cart .totals tfoot th strong,
.cart .totals tfoot td strong {
    font-size: 16px;
}

/*.cart .totals tfoot .price { color:#B31F5A; } */
.cart .totals .checkout-types {
    text-align: right;
}

.cart .totals .checkout-types li {
    clear: both;
    margin: 10px 0;
}

/* Cart static blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.item-options {
    line-height: 15px;
}

.item-options dt {
    white-space: nowrap;
    float: left;
    margin-right: 7px;
}

.item-options dd {
    padding-left: 11px;
    margin: 0 0 2px;
}

/* Item options in cart/checkout tables */
.data-table .item-options dt {
    background: url(/assets/app/public/images/magento/img/bullet.png) 0 4px no-repeat;
    padding-left: 10px;
    white-space: normal; /* Override 'nowrap' */
}

.data-table .item-options {
    margin: 0 0 0 10px;
}

/* Options Tool Tip
-------------------------------------------------------------- */
.truncated {
    cursor: help;
    display: inline-block;
}

.truncated a.dots {
    cursor: help;
}

.truncated .details {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dotted #ccc;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    padding: 8px;
    min-width: 100px;
}

.truncated .truncated_full_value .item-options > p {
    font-weight: bold;
    margin-bottom: 2px;
}

.truncated .show .item-options {
    top: -20px;
    left: 50%;
}

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px;
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px;
}

/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt {
    font-weight: bold;
    margin: 15px 0 0;
}

.sp-methods dd {
    margin: 3px 0 15px;
}

.sp-methods dd li {
    margin: 5px 0;
}

.sp-methods .price {
    font-weight: bold;
}

.sp-methods .form-list {
    padding: 10px 10px 10px 30px;
}

.sp-methods select.month {
    width: 150px;
    margin-right: 10px;
}

.sp-methods select.year {
    width: 96px;
}

.sp-methods input.cvv {
    width: 4.5em !important;
}

.sp-methods .checkmo-list li {
}

.sp-methods .checkmo-list label {
    padding-right: 10px;
}

.sp-methods .checkmo-list address {
    float: left;
}

.sp-methods .centinel-logos a {
    margin-right: 3px;
}

.sp-methods .centinel-logos img {
    vertical-align: middle;
}

.please-wait {
    float: right;
    margin-right: 5px;
}

.please-wait img {
    vertical-align: middle;
}

.cvv-what-is-this {
    cursor: help;
    margin-left: 5px;
}

/* Tooltip */
.tool-tip {
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 9999;
}

.tool-tip .btn-close a {
    margin: 0 0 0 auto;
}

.tool-tip .tool-tip-content {
    padding: 5px;
}

/* Gift Messages */
.gift-messages {
    margin: 30px 0 10px;
}

.gift-messages-form {
    border: 1px solid #e5e5e5;
    padding: 20px;
    position: relative;
}

.gift-messages-form p {
    margin-bottom: 10px;
}

.gift-messages-form label {
    float: none !important;
    position: static !important;
}

.gift-messages-form .item {
    margin: 0 0 10px;
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px;
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px;
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.gift-messages-form .item .details {
    margin-left: 90px;
}

.gift-message-link {
    display: block;
    background: url(/assets/app/public/images/magento/bkg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px;
}

.gift-message-link.expanded {
    background-position: 0 -53px;
}

.gift-message-row .btn-close {
    float: right;
    padding: 0 7px 0px;
}

.gift-message dt strong {
    font-weight: bold;
    color: #666;
}

.gift-message dd {
    margin: 5px 0 0;
    font-size: 13px;
}

.order-gift-message {
    margin: 15px 0;
}

/* Checkout Agreements */
.checkout-agreements {
    padding: 0 60px 20px;
}

.checkout-agreements li {
    margin: 0 0 20px;
}

.checkout-agreements .agree {
    margin-top: 5px;
}

.checkout-agreements .agree input.checkbox {
    margin-right: 6px;
}

.checkout-agreements .agree label {
    font-weight: bold;
}

.opc .checkout-agreements {
    padding: 15px 30px;
}

.checkout-agreements .agreement-content {
    max-height: 250px;
    overflow: auto;
    padding-right: 30px;
}

/* Centinel */
.centinel {
}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff;
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Generic Info Set */
/* For more styles see Multiple Addresses Checkout */
.info-set .data-table .item-options {
    margin: 5px 0 0;
}

/********** Common Checkout Styles > */

/* Other */
.block-progress .block-title {
    background: none;
    border: 0;
    padding: 10px 0;
}

.block-progress .block-title strong {
    font-family: inherit;
    text-transform: none;
    font-weight: normal;
}

.block-progress .block-content {
    background: none;
    padding: 0;
    margin-top: 10px;
    border: none;
}

.block-progress dt {
    background: url(/assets/app/public/images/magento/img/checkout-progress.png) 0 5px no-repeat;
    line-height: 18px;
    margin: 0 0 5px;
    padding: 6px 0 6px 30px;
    font-weight: bold;
}

.block-progress dd {
    line-height: 15px;
    border-top: 0 none;
    margin: 0 0 6px;
    padding: 8px 10px;
}

.block-progress dt.complete {
    background: url(/assets/app/public/images/magento/img/checkout-progress-done.png) 0 5px no-repeat;
}

.block-progress dt.complete .separator {
}

.block-progress dt.complete a {
    font-weight: normal;
}

.block-progress dd.complete {
}

.block-progress p {
    margin: 0;
}

.opc .buttons-set {
    margin-top: 0;
    padding-top: 2em;
}

.opc .buttons-set p.required {
    margin: 0;
    padding: 0 0 10px;
}

.opc .buttons-set.disabled button.button {
    display: none;
}

.opc .buttons-set .please-wait {
    height: 28px;
    line-height: 28px;
}

.opc .ul {
    list-style: disc outside;
    padding-left: 18px;
}

.opc {
    position: relative;
}

.opc .section {
    margin: 0 0 10px;
    padding: 0;
}

.opc .step-title {
    background: #f5f5f5;
    padding: 10px;
    text-align: right;
}

.opc .step-title .number {
    float: left;
    background: #fff;
    padding: 8px 12px;
    margin: 0 8px 0 0;
    font-size: 1.3333em;
}

.opc .step-title h2 {
    float: left;
    margin: 0;
    color: #999;
    font-size: 1.3333em;
    line-height: 2.125em;
}

.opc .step-title a {
    display: none;
    float: right;
    margin-top: 6px;
}

.opc .section.allow {
    cursor: pointer;
}

.opc .section.allow.active {
    cursor: auto;
}

.opc .allow .step-title {
    background: #f5f5f5;
}

.opc .allow .step-title:hover {
    background-color: #e5e5e5;
}

.opc .allow .step-title h2 {
    color: #333;
}

.opc .allow .step-title a {
    display: block;
}

.opc .active .step-title {
    background-color: #e5e5e5;
    cursor: default;
}

.opc .active .step-title .number {
    color: #fff;
    background-color: #333;
}

.opc .active .step-title h2 {
}

.opc .active .step-title a {
    display: none;
}

.opc .step {
    padding: 10px 20px;
    margin-top: 10px;
    position: relative;
}

.opc .step .tool-tip {
    right: 30px;
}

#opc-login .col-1 {
}

#opc-login .col-2 {
}

#opc-login h3 {
    margin-top: 10px;
}

#opc-login h4 {
    font-family: inherit;
    font-weight: normal;
}

#opc-login .form-list {
    margin: 15px 0 15px;
}

#opc-login .form-list li {
    margin: 0 0 3px;
}

#opc-login .buttons-set {
    padding: 0;
}

.opc .gift-messages-form {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
}

.opc .gift-messages-form .inner-box {
    overflow: visible;
}

#opc-review .step {
    padding: 0;
}

#opc-review .item-options {
    margin: 5px 0 0;
}

#opc-review .buttons-set {
    border: 0;
    padding: 15px 30px;
}

#opc-review .buttons-set p {
    margin: 0;
    line-height: 28px;
}

#opc-review .buttons-set .please-wait {
    height: 28px;
    line-height: 28px;
}

#opc-review .authentication {
    margin: 0 auto;
    width: 570px;
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0;
}

/* Common styles for: Multiple Addresses Checkout and Generic Info Set
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.multiple-checkout h2,
.info-set h2 {
    font-weight: bold;
    margin: 0 0 10px;
}

.multiple-checkout h3,
.multiple-checkout h4,
.info-set h3,
.info-set h4 {
    font-size: 15px;
    font-weight: bold;
}

.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a,
.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
    font-size: 12px;
    font-weight: normal;
}

.multiple-checkout .data-table .product-name,
.info-set .data-table .product-name {
    font-size: 13px;
    margin: 0 0 5px;
}

.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
    font-weight: normal;
}

.multiple-checkout .col2-set h3.legend,
.info-set h3.legend {
    color: #ce001a;
    margin: 0 0 10px;
}

.multiple-checkout .col2-set .divider,
.info-set .divider {
    margin: 0 -20px;
    padding: 25px 0;
    position: relative;
}

.multiple-checkout .box,
.info-set .box {
    margin: 0 0 15px;
}

/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.checkout-progress {
    padding: 0 110px;
    margin: -11px 0 25px;
}

.checkout-progress li {
    float: left;
    width: 19%;
    margin: 0 1px 0 0;
    padding-top: 5px;
    border-top: 10px solid #d5d5d5;
    text-align: center;
    color: #bbb;
}

.checkout-progress li.active {
    border-top-color: #ce001a;
    color: #ce001a;
}

.multiple-checkout .page-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
}

.multiple-checkout .buttons-set {
    border-top: 1px solid #e5e5e5;
    margin-top: 40px;
    padding-top: 15px;
}

/* Styles similar to cart-table */
.multiple-checkout .data-table thead tr {
    border-bottom: 1px solid #bbb;
}

.multiple-checkout .data-table thead th {
    padding: 10px;
    font-weight: normal;
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px;
}

.multiple-checkout .col2-set .col-1 {
    width: 32%;
}

.multiple-checkout p.actions {
    margin-bottom: 10px;
}

.multiple-checkout .place-order .please-wait {
    margin-top: 10px;
}

.multiple-checkout .place-order .grand-total {
    font-size: 1.5em;
    text-align: right;
}

.multiple-checkout .place-order .grand-total .inner div {
    display: inline;
}

.multiple-checkout .place-order .grand-total big {
    display: inline;
    margin-right: 20px;
}

/* Step 1 */
#multiship-addresses-table td {
    padding: 10px;
}

/* Step 2 */
.checkout-multishipping-shipping .box-sp-methods {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 0;
    position: relative;
}

/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Account Login/Create Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.account-login .new-users,
.account-login .registered-users {
    margin-bottom: 20px;
}

.account-login p {
    margin-bottom: 20px;
}

.account-login p.required {
    margin: 0;
}

.account-login .buttons-set {
    clear: none;
    padding: 0;
    margin: 0;
}

/* Account Login/Create box elements - login page and checkout page */
/*.account-login .buttons-set button,*/
/*#opc-login .buttons-set button {*/
    /*float: left;*/
    /*margin-left: 0;*/
/*}*/

/*.account-login .buttons-set a,*/
/*#opc-login .buttons-set a {*/
    /*float: right !important;*/
    /*margin: 4px 0 0;*/
/*}*/

/* My Account Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account {
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}

/********** < Dashboard */
.dashboard .welcome-msg {
    margin: 0 0 1.6666em;
}

.dashboard .welcome-msg .hello {
    font-size: 1.6666em;
    line-height: 1.2em; /*20px, 24px*/
}

.dashboard .welcome-msg .hello strong {
    font-weight: normal;
}

.dashboard .col-1,
.dashboard .col-2 {
    margin-bottom: 1.5em;
}

/* General Box */
.box-account {
    margin: 0 0 2.5em;
}

.box-account .box-head {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px;
    padding-bottom: 5px;
}

.box-account .box-head a {
    float: right;
    margin-top: 10px;
}

.box-account .box-head h2 {
    float: left;
    margin: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.box-account.box-info .col-1 {
    border-right: 1px solid #e5e5e5;
}

.box-account.box-info .col-1 .box {
    padding-right: 10px;
}

.dashboard .box .box-title {
    padding: 0 0 2px;
    margin: 0 0 10px;
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
    float: left;
    margin: 0;
}

/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 {
}

/* Block: Account Information */
.dashboard .box-info .box-head h2 {
}

.dashboard .box-info h4 {
    font-weight: normal;
    text-transform: uppercase;
}

/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 1.3333em;
    line-height: 1.25em;
    padding: 0 10px;
}

.dashboard .box-reviews .details {
    margin-left: 38px;
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px;
}

.dashboard .box-reviews li.item.last {
    margin: 0;
}

.dashboard .box-reviews .ratings {
    margin: 5px 0 0;
}

/* Block: Tags */
.dashboard .box-tags .box-head h2 {
}

.dashboard .box-tags .number {
    float: left;
    font-size: 1.3333em;
    line-height: 1.25em;
    padding: 0 10px;
}

.dashboard .box-tags .details {
    margin-left: 38px;
}

.dashboard .box-tags .tags {
    margin: 5px 0 0;
}

.dashboard .box-tags li.item {
    margin: 0 0 7px;
}

.dashboard .box-tags li.item.last {
    margin: 0;
}

.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
    display: inline;
}

/********** Dashboard > */

/* Add left padding if icons are displayed in headings */
/*.box-account .box-head h2,
.order-items h2,
.order-about h2 { padding-left:38px; }*/

/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 {
    font-weight: normal;
}

.addresses-list address {
    margin-bottom: 10px;
}

.addresses-list .link-remove:hover {
    color: #ee001c;
}

.addresses-list .separator {
    margin: 0 3px;
}

.addresses-list .addresses-primary .item {
    padding: 15px;
    margin: 0 0 10px;
    background-color: #f5f5f5;
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0;
}

.addresses-list li.empty p {
    color: #555;
}

.addresses-list .addresses-additional .item {
    padding: 15px;
    margin: 0 0 10px;
    border: 1px solid #e5e5e5;
}

.my-account .pager {
    margin-bottom: 20px;
}

/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info {
    margin: 20px 0 10px;
}

.order-info dt,
.order-info dd,
.order-info li,
.order-info li a {
    float: left;
}

.order-info dt {
    font-weight: bold;
}

.order-info li {
    margin-right: 1px;
}

.order-info dt,
.order-info li.current,
.order-info li a {
    padding: 10px;
}

.order-info dt {
    padding-left: 0;
}

.order-info li a {
    background-color: #f8f8f8;
}

.order-info li a:hover,
.order-info li.current {
    background-color: #e5e5e5;
}

/* Date */
.order-date {
    margin: 15px 0;
    color: #ee001c;
    clear: both;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box {
    margin: 0 0 10px;
    padding: 20px;
}

.order-info-box .col-1 {
    border-right: #e5e5e5 solid 1px;
}

.order-info-box h2 {
}

.order-info-box .box-payment p {
    margin: 0 0 3px;
}

.order-info-box .box-payment th {
    font-weight: bold;
    padding-right: 7px;
}

.order-items .data-table {
    margin-bottom: 20px;
}

.order-items .data-table td {
    padding: 5px 9px;
}

.order-items .data-table .grand_total {
    font-size: 1.3333em;
}

/* Grand total color */
.order-items .data-table .grand_total .last,
.order-items .data-table .grand_total_incl .last {
}

.order-items {
    width: 100%;
}

.order-items .product-name {
    margin: 0 0 3px;
    font-size: 12px;
}

.order-items .link-print {
    font-weight: normal;
}

.order-items p .link-print {
    float: none;
}

.order-items h2,
.order-about h2 {
    margin: 15px 0;
}

.order-items h3.table-caption {
    font-size: 13px;
    font-weight: bold;
}

.order-items h2.table-caption a,
.order-items h2.sub-title a {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.order-items .order-links {
    text-align: right;
}

.order-items .order-comments h2 {
}

.order-details h2 {
}

.order-details h2 .separator {
    color: #999;
    font-size: 12px;
}

.order-about {
    margin: 0 0 15px;
    padding: 5px 30px;
}

.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 12px;
    margin-bottom: 15px;
}

.tracking-table {
    margin: 0 0 15px;
}

.tracking-table th {
    width: 20%;
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table th,
.tracking-table td {
    padding: 5px 9px;
}

.tracking-table-popup {
    width: 100%;
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px;
}

/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-print .print-head {
    margin: 0 0 15px;
}

.page-print .print-head .logo {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

.page-print h1 {
    font-size: 16px;
    font-weight: bold;
}

.page-print h2,
.page-print h3 {
    font-size: 13px;
    font-weight: bold;
}

.page-print h2.h2 {
    font-size: 16px;
    font-weight: bold;
}

.page-print .order-date {
    background: url(/assets/app/public/images/magento/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.page-print .col2-set {
    margin: 0 0 10px;
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline;
}

/* My Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-wishlist .product-image {
    display: block;
    margin: 0 0 5px;
    min-width: 113px;
    max-width: 140px;
}

.my-wishlist .product-name {
    margin-bottom: 10px;
}

.my-wishlist .description {
    margin-bottom: 10px;
}

.my-wishlist textarea {
    display: block;
    width: 97%;
    height: 70px;
    border: 1px solid #e5e5e5;
}

.my-wishlist .price-box {
    margin-bottom: 5px;
}

.my-wishlist .add-to-cart-alt {
    margin-bottom: 10px;
}

.my-wishlist .buttons-set {
    margin-top: 2em;
}

.my-wishlist .buttons-set button.button {
    float: none;
}

#wishlist-table .add-to-links {
    white-space: nowrap;
}

.my-wishlist .data-table tr.even {
    background: #f8f8f8;
}

.my-wishlist .btn-cart {
    margin: 10px 0 5px;
}

/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-tag-edit {
    float: left;
    margin: 0 0 10px;
}

.my-tag-edit .btn-remove {
    float: right;
    margin: 5px 0 0 5px;
}

#my-tags-table {
    clear: both;
}

#my-tags-table td {
    padding: 10px;
}

#my-tags-table .add-to-links {
    white-space: nowrap;
}

/* My Reviews TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#my-reviews-table td {
    padding: 10px;
}

.product-review .product-img-box {
    float: left;
    width: 140px;
}

.product-review .product-img-box .product-image {
    display: block;
    width: 125px;
    height: 125px;
}

.product-review .product-img-box .label {
    margin: 0 0 8px;
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 0 10px;
}

.product-review .product-details {
    margin: 0 20px 20px 155px;
}

.product-review .product-name {
    font-size: 18px;
    margin: 0 0 18px;
}

.product-review h3 {
    font-size: 12px;
    margin: 15px 0 5px;
}

.product-review .ratings-table {
    margin: 0 0 15px;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 12px;
    margin: 5px 0 0;
}

/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.billing-agreements .form-list li select {
    float: left;
}

.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px;
}

.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.calendar {
    z-index: 200;
}

/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.footer-container,
.footer-container2 {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
}

.footer {
    width: 960px; /*TODO:remove*/
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

.footer .item-left {
    float: left;
    margin-right: 20px;
}

.footer .item-right {
    float: right;
    margin-left: 20px;
}

/* Footer elements */
.footer .heading,
#subscribe-form label {
    margin-bottom: 0.625em;
    font-size: 1.3333em;
    font-weight: normal;
}

/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-top {
}

/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary {
}

/* Primary footer additional
-------------------------------------------------------------- */
.footer-primary-top-spacing {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    border-color: #eee;
    border-color: rgba(0, 0, 0, 0.05);
}

.footer-primary-bottom-spacing {
    border-top: 1px solid;
    border-color: #eee;
    border-color: rgba(0, 0, 0, 0.05);
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-secondary {
}

/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-bottom-container {
}

.footer-bottom {
    padding-top: 10px; /* To counterbalance the bottom margin of footer elements */
}

/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Newsletter form
-------------------------------------------------------------- */
#subscribe-form {
}

#subscribe-form form {
    display: block;
}

#subscribe-form label {
    float: left;
    margin: 0 5px 0 0;
    line-height: 36px;
    font-weight: normal;
    position: relative;
}

#subscribe-form .input-box {
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
}

#subscribe-form .input-box .validation-advice {
    padding: 10px 0;
    margin: 0;
    width: 140%;
    position: absolute;
    top: -103%;
    left: -20%;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1;
}

#subscribe-form .input-text {
    float: left;
    width: auto;
}

#subscribe-form .input-text.validation-failed {
}

#subscribe-form .button {
    float: left;
}

/* Social services
-------------------------------------------------------------- */
.social-links span.icon {
    margin-bottom: 3px;
}

/* Other elements
-------------------------------------------------------------- */
.footer-copyright {
    font-size: 0.9166em; /*11px*/
    line-height: 1.3636em;
    margin-bottom: 10px;
    margin-left: 10px;
}

/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
    text-indent: -9999px;
    border-radius: 50%;
    background: url(/assets/app/public/images/magento/sprite.png) -200px -100px no-repeat #e5e5e5;
}

#scroll-to-top:hover {
    background-position: -200px -150px;
    background-color: #333;
}

/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs {
    display: none;
}

/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.widget-new-products .products-grid .item,
.widget-viewed .products-grid .item,
.widget-compared .products-grid .item {
    float: left;
    max-width: 165px;
    padding: 0 10px 15px;
}

.widget-new-products .products-list,
.widget-viewed .products-list,
.widget-compared .products-list {
    list-style-type: none;
    padding: 0;
}

.widget-new-products .products-list .product-image,
.widget-viewed .products-list .product-image,
.widget-compared .products-list .product-image {
    float: left;
}

/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
}

/* Additional simple clearing */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
/*.pager:after,*/
/*.sorter:after,*/
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
    /* Additional clearing */
.my-account .order-info:after,
#mini-cart .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.section-line:after,
.section-title:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget {
    display: inline;
}

.widget .widget-title {
    clear: both;
    padding: 15px 0 0;
    margin: 0 0 7px;
}

.widget .widget-title h2 {
    font-size: 15px;
    font-weight: bold;
    color: #e25203;
}

.widget .mini-products-images-list .product-image {
    display: block;
    width: 76px;
    height: 76px;
    border: 1px solid #a9a9a9;
    margin: 0 auto;
}

.widget .mini-products-images-list li.item {
    float: left;
    width: 77px;
    height: 77px;
}

/* Widget: Catalog New Proructs List */
.widget-new-products {
    display: block;
}

.col-main .widget-new-products {
    margin: 7px 0;
}

.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-new-products .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-new-products .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-new-products .block-title strong {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat;
    padding-left: 21px;
    color: #dc5033;
}

/* Widget: Recently Viewed Proructs */
.widget-viewed {
    display: block;
}

.col-main .widget-viewed {
    margin: 7px 0;
}

.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-viewed .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-viewed .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-viewed .block-title strong {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px;
}

/* Widget: Recently Compared Proructs */
.widget-compared {
    display: block;
}

.col-main .widget-compared {
    margin: 7px 0;
}

.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image {
    width: 85px;
    height: 85px;
}

.widget-compared .products-list .product-shop {
    margin-left: 100px;
}

.sidebar .widget-compared .block {
    font-size: 11px;
    line-height: 1.25;
}

.sidebar .widget-compared .block-title strong {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat;
    padding-left: 21px;
}

/* Widget: CMS Static Block */
.widget-static-block {
}

.sidebar .widget-static-block {
    display: block;
    margin: 0 0 15px;
}

/* Widgets: Links Common Styles */
.top-container .widget a {
    padding: 0 0 0 7px;
}

.bottom-container .widget a {
    padding: 0 3px;
}

/* Widget: Catalog Product Link */
.widget-product-link-inline {
    display: inline;
}

.col-main .widget-product-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-product-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-product-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-product-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

/* Widget: Catalog Category Link */
.widget-category-link-inline {
    display: inline;
}

.col-main .widget-category-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-category-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-category-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-category-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

/* Widget: CMS Page Link */
.widget-cms-link-inline {
    display: inline;
}

.col-main .widget-cms-link {
    display: block;
    text-align: right;
    margin: 7px 0;
}

.col-main .widget-cms-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding-right: 15px;
}

.sidebar .widget-cms-link {
    display: block;
    margin: 0 0 15px;
    padding: 0 10px;
}

.sidebar .widget-cms-link a {
    background: url(http://ultimo.infortis-themes.com/demo/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat;
    padding: 0 15px 0 0;
}

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

/*
 * Itemslider - based on Owl Carousel
 *
 * IMPORTANT: Flexslider was replaced by Owl Carousel.
 * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css
 */

/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Necessary styles (Core Owl Carousel CSS File v1.24)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls  div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(/assets/app/public/images/magento/infortis/_shared/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Additional styles for Owl Carousel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Preloading images */
.owl-item.loading {
    min-height: 60px;
    background: url(/assets/app/public/images/magento/infortis/_shared/ajax-loader.gif) no-repeat center center;
}

/* Pagination */
.owl-pagination {
    text-align: center;
    z-index: 1; /* z-index to show above other items */
}

/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.itemslider {
    margin-bottom: 20px;
}

/* Items */
.itemslider .item {
    padding-left: 10px;
    padding-right: 10px;
}

/* Lazy loading */
.itemslider .owl-item.loading {
    background-position: center 40px;
}

.itemslider .owl-item.loading .product-image {
    min-height: 70px;
}

/* If slider inside menu */
#nav .itemslider .price-box span {
    display: inline;
}

/**
 * Generic interface elements
 */

/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows1 .owl-controls  {
    position: absolute;
}

.slider-arrows1 .owl-controls  div {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    cursor: pointer;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/*.slider-arrows1 .owl-controls.clickable  div:hover {*/
    /*background-color: #333;*/
/*}*/

.slider-arrows1 .owl-controls  div.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

/*.slider-arrows1 .owl-controls.clickable  div.disabled:hover {*/
    /*background-color: #e5e5e5; *//* Must be the same as default color */
/*}*/

/*.slider-arrows1 .owl-controls  .owl-prev {*/
    /*background-position: -10px -10px;*/
    /*margin-right: 1px;*/
/*}*/

/*.slider-arrows1 .owl-controls.clickable  .owl-prev:hover {*/
    /*background-position: -10px -60px;*/
/*}*/

/*.slider-arrows1 .owl-controls.clickable  .owl-prev.disabled:hover {*/
    /*background-position: -10px -10px; *//* Same as default */
/*}*/

/*.slider-arrows1 .owl-controls  .owl-next {*/
    /*background-position: -60px -10px;*/
/*}*/

/*.slider-arrows1 .owl-controls.clickable  .owl-next:hover {*/
    /*background-position: -60px -60px;*/
/*}*/

/*.slider-arrows1 .owl-controls.clickable  .owl-next.disabled:hover {*/
    /*background-position: -60px -10px; *//* Same as default */
/*}*/

/* Position */
.slider-arrows1-pos-top-right .owl-controls  {
    top: -25px;
    right: 0px;
}

.slider-arrows1-pos-top-left .owl-controls  {
    top: -25px;
    left: 0px;
}

/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows2 .owl-controls  div {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */

    opacity: 0;
    filter: alpha(opacity=0);
}

.slider-arrows2:hover .owl-controls  div {
    opacity: 1;
    filter: alpha(opacity=100);
}

.slider-arrows2 .owl-controls.clickable  div:hover {
    background-color: #000;
}

.slider-arrows2 .owl-controls  .owl-prev {
    background-position: -2px 0;
    left: 0;
    top: 44%;
}

.slider-arrows2 .owl-controls.clickable  .owl-prev:hover {
    background-position: -2px -50px;
}

.slider-arrows2 .owl-controls  .owl-next {
    background-position: -48px 0;
    right: 0;
    top: 44%;
}

.slider-arrows2 .owl-controls.clickable  .owl-next:hover {
    background-position: -48px -50px;
}

/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows3 .owl-controls  div {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows3 .owl-controls.clickable  div:hover {
    background-color: #000;
}

.slider-arrows3 .owl-controls  div.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.slider-arrows3 .owl-controls.clickable  div.disabled:hover {
    background-color: #fff; /* Must be the same as default color */
}

.slider-arrows3 .owl-controls  .owl-prev {
    background-position: -10px -10px;
    top: 30%;
    left: -32px;
}

.slider-arrows3 .owl-controls.clickable  .owl-prev:hover {
    background-position: -10px -60px;
}

.slider-arrows3 .owl-controls.clickable  .owl-prev.disabled:hover {
    background-position: -10px -10px; /* Same as default */
}

.slider-arrows3 .owl-controls  .owl-next {
    background-position: -60px -10px;
    top: 30%;
    right: -32px;
}

.slider-arrows3 .owl-controls.clickable  .owl-next:hover {
    background-position: -60px -60px;
}

.slider-arrows3 .owl-controls.clickable  .owl-next.disabled:hover {
    background-position: -60px -10px; /* Same as default */
}

/* Position */

/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination1 .owl-controls .owl-page {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.slider-pagination1 .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 7px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #eee;
    transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
}

.slider-pagination1 .owl-controls.clickable .owl-page:hover span {
    background-color: #000;
}

.slider-pagination1 .owl-controls .owl-page.active span {
    background-color: #ccc;
}

/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination2 .owl-controls .owl-page {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.slider-pagination2 .owl-controls .owl-page span {
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    width: 10px;
    height: 10px;
    margin: 8px;
    transition: background-color 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    /*	transition:			width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/
}

.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls .owl-page.active span {
    width: 16px;
    height: 16px;
    margin: 5px;
}

.slider-pagination2 .owl-controls .owl-page.active {
    cursor: default;
}

/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.pagination-pos-bottom-centered {
    padding-bottom: 50px; /* Additional space for bottom pagination */
}

.pagination-pos-bottom-centered .owl-pagination {
    padding: 10px 0;
    text-align: center;
    position: absolute;
    width: 100%;
}

.pagination-pos-bottom-right .owl-pagination {
    padding: 10px 0;
    float: right;
}

.pagination-pos-bottom-left .owl-pagination {
    padding: 10px 0;
    float: left;
}

/* Over the slider */
.pagination-pos-over-bottom-centered .owl-pagination {
    text-align: center;
    margin-top: -35px;
    position: absolute;
    width: 100%;
}

.pagination-pos-over-bottom-right .owl-pagination {
    position: absolute;
    bottom: 3.5%;
    right: 1.5%;
}

.pagination-pos-over-bottom-left .owl-pagination {
    position: absolute;
    bottom: 3.5%;
    left: 1.5%;
}

/* Deprecated classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Simple directional arrows
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.gen-direction-arrows1 a.previous,
.gen-direction-arrows1 a.next {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-direction-arrows1 a.previous {
    background-position: -10px -10px;
}

.gen-direction-arrows1 a.previous:hover {
    background-position: -10px -60px;
    background-color: #333;
}

.gen-direction-arrows1 a.next {
    background-position: -60px -10px;
}

.gen-direction-arrows1 a.next:hover {
    background-position: -60px -60px;
    background-color: #333;
}

/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: small, outside the slider
-------------------------------------------------------------- */
.gen-slider-arrows1 .direction-nav li {
    float: left;
}

.gen-slider-arrows1 .direction-nav a {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #e5e5e5;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows1 .direction-nav a:hover {
    background-color: #333;
}

.gen-slider-arrows1 .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.gen-slider-arrows1 .direction-nav a.disabled:hover {
    background-color: #e5e5e5; /* Must be the same as default color */
}

.gen-slider-arrows1 .direction-nav .prev {
    background-position: -10px -10px;
    margin-right: 1px;
}

.gen-slider-arrows1 .direction-nav .prev:hover {
    background-position: -10px -60px;
}

.gen-slider-arrows1 .direction-nav .prev.disabled:hover {
    background-position: -10px -10px; /* Same as default */
}

.gen-slider-arrows1 .direction-nav .next {
    background-position: -60px -10px;
}

.gen-slider-arrows1 .direction-nav .next:hover {
    background-position: -60px -60px;
}

.gen-slider-arrows1 .direction-nav .next.disabled:hover {
    background-position: -60px -10px; /* Same as default */
}

/* Positioning:
-------------------------------------------------------------- */
.gen-slider-arrows1-pos-top-right .direction-nav {
    position: absolute;
    top: -40px;
    right: 0px;
}

.gen-slider-arrows1-pos-top-left .direction-nav {
    position: absolute;
    top: -40px;
    left: 0px;
}

/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: large, on slider, split
-------------------------------------------------------------- */
.gen-slider-arrows2 .direction-nav {
    height: 0;
}

.gen-slider-arrows2 .direction-nav a {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */

    opacity: 0;
    filter: alpha(opacity=0);
}

.gen-slider-arrows2:hover .direction-nav a {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gen-slider-arrows2:hover .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.gen-slider-arrows2 .direction-nav a:hover {
    background-color: #333;
}

.gen-slider-arrows2 .direction-nav a.disabled {
    cursor: default;
}

.gen-slider-arrows2 .direction-nav a.disabled:hover {
    background-color: #fff; /* Must be the same as default color */
}

.gen-slider-arrows2 .direction-nav .prev {
    background-position: 0 0;
    left: 1.5%;
    top: 45%;
}

.gen-slider-arrows2 .direction-nav .prev:hover {
    background-position: 0 -50px;
}

.gen-slider-arrows2 .direction-nav .prev.disabled:hover {
    background-position: 0 0;
}

.gen-slider-arrows2 .direction-nav .next {
    background-position: -50px 0;
    right: 1.5%;
    top: 45%;
}

.gen-slider-arrows2 .direction-nav .next:hover {
    background-position: -50px -50px;
}

.gen-slider-arrows2 .direction-nav .next.disabled:hover {
    background-position: -50px 0; /* Same as default */
}

/* Style: only background image
-------------------------------------------------------------- */
.gen-slider-arrows2-style1 .direction-nav a {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slideshow-arrows-solid.png);
    background-color: transparent !important;
}

/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style: at the left and the right side of the slider
-------------------------------------------------------------- */
.gen-slider-arrows3 .direction-nav a {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/slider-arrows.png);
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.gen-slider-arrows3 .direction-nav a:hover {
    background-color: #333;
}

.gen-slider-arrows3 .direction-nav a.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: default;
}

.gen-slider-arrows3 .direction-nav a.disabled:hover {
    background-color: #fff; /* Must be the same as default color */
}

.gen-slider-arrows3 .direction-nav .prev {
    background-position: -10px -10px;
    top: 22px;
    left: -32px;
}

.gen-slider-arrows3 .direction-nav .prev:hover {
    background-position: -10px -60px;
}

.gen-slider-arrows3 .direction-nav .prev.disabled:hover {
    background-position: -10px -10px; /* Same as default */
}

.gen-slider-arrows3 .direction-nav .next {
    background-position: -60px -10px;
    top: 22px;
    right: -32px;
}

.gen-slider-arrows3 .direction-nav .next:hover {
    background-position: -60px -60px;
}

.gen-slider-arrows3 .direction-nav .next.disabled:hover {
    background-position: -60px -10px; /* Same as default */
}

/* Style: long (high) buttons
-------------------------------------------------------------- */
.gen-slider-arrows3-style1 .direction-nav a {
    height: 75px;
}

.gen-slider-arrows3-style1 .direction-nav .prev {
    background-position: -10px 13px;
    top: 0;
    left: -32px;
}

.gen-slider-arrows3-style1 .direction-nav .prev:hover {
    background-position: -10px -37px;
}

.gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover {
    background-position: -10px 13px; /* Same as default */
}

.gen-slider-arrows3-style1 .direction-nav .next {
    background-position: -60px 13px;
    top: 0;
    right: -32px;
}

.gen-slider-arrows3-style1 .direction-nav .next:hover {
    background-position: -60px -37px;
}

.gen-slider-arrows3-style1 .direction-nav .next.disabled:hover {
    background-position: -60px 13px; /* Same as default */
}

/* Generic pager 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style:
-------------------------------------------------------------- */
.gen-slider-pager1 .control-nav {
    text-align: center;
}

.gen-slider-pager1 .control-nav li {
    float: left;
    margin-left: 3px;
}

.gen-slider-pager1 .control-nav li:first-child {
    margin-left: 0;
}

.gen-slider-pager1 .control-nav a {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/app/public/images/magento/infortis/_shared/pager.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
}

.gen-slider-pager1 .control-nav a:hover {
    background-position: 0 -60px;
}

.gen-slider-pager1 .control-nav a.active {
    background-position: 0 -30px;
    cursor: default;
}

.gen-slider-pager1 .control-nav a.active:hover {
}

/* Style: small
-------------------------------------------------------------- */
.gen-slider-pager1-style1 .control-nav li {
    margin-left: 0;
}

.gen-slider-pager1-style1 .control-nav a {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/pager-small.png);
}

/* Positioning:
-------------------------------------------------------------- */
.gen-slider-pager1-pos-bottom-right .control-nav {
    position: absolute;
    bottom: 4.4526%;
    right: 1.5%;
}

.gen-slider-pager1-pos-bottom-left .control-nav {
    position: absolute;
    bottom: 4.4526%;
    left: 1.5%;
}

/* Additional pager positioning for slider-arrows1 */
.gen-slider-arrows1-pos-top-right-pager .control-nav {
    position: absolute;
    top: -33px;
    right: 71px;
}

/* Generic pager 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Default style:
-------------------------------------------------------------- */
.gen-slider-pager2 .control-nav {
    text-align: center;
}

.gen-slider-pager2 .control-nav li {
    float: left;
}

.gen-slider-pager2 .control-nav a {
    display: block;
    width: 10px;
    height: 10px;
    margin: 8px;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.gen-slider-pager2 .control-nav a:hover {
    background-color: #000;
}

.gen-slider-pager2 .control-nav a.active {
    cursor: default;
    width: 16px;
    height: 16px;
    margin: 5px;
}

/**
 * Brands
 */

/* Base
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-name {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 18px;
    text-align: center;
}

.brand-name-wrapper {
    display: table;
    min-height: 36px; /* Two lines of text */
    margin: 0 auto;
}

.brand-name-wrapper .brand-name {
    display: table-cell;
    vertical-align: middle;
}

/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
    margin: 0 auto;
    display: block;
}

.box-brand img {
    margin: 0 auto;
    display: block;
}

.box-brand .brand-name {
}

.box-brand .brand-name .label {
}

/* Brand in secondary column on product page */
.product-secondary-column .box-brand .attribute {
    font-size: 1.25em; /*15px*/
    line-height: 1.2em; /*18px*/
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}

/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .item {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.brand-slider .item a {
    display: block;
}

.brand-slider .owl-item.loading {
    min-height: 60px;
}

/**
 * Ultra Slideshow
 */

/* Slideshow wrapper
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-wrapper {
}

.the-slideshow-wrapper:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/* Slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow {
    margin: 0 auto;
}

.the-slideshow .slides {
    display: none;
}

/* Banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-banners {
    -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */
    margin-bottom: 0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */
}

.the-slideshow-banners .banner {
    position: relative; /* Container for caption */
}

.the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.the-slideshow-banners .banner a {
    display: block;
}

/* Additional effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow .fade-on-slideshow-hover,
.the-slideshow-wrapper .fade-on-slideshow-wrapper-hover {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
}

.the-slideshow:hover .fade-on-slideshow-hover,
.the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

/*
 * Accordions and collapsible blocks
 */

/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.accordion ul {
    display: block; /*display:none;*/
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.accordion li {
    float: left;
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
    list-style-type: none;
    cursor: pointer;
    position: relative;
}

.accordion li a {
    display: block;
    padding: 15px 10px;
    font-size: 1.1666em; /*14px*/
    line-height: 1.2857em; /*18px*/
}

.accordion li li a {
    padding-left: 20px;
}

.accordion li li li a {
    padding-left: 40px;
}

.accordion li li li li a {
    padding-left: 60px;
}

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a {
    padding-right: 54px;
}

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
    position: absolute;
    right: 0;
    top: 7px;
    display: block;
    cursor: pointer;
}

.accordion-style1 .opener{
    font-family: "porto";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    opacity: .8;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 16px;
}

.accordion-style1 .opener:before {
    content: '\e854';
}

.accordion .opener:hover {
    /*background-color: rgba(0, 0, 0, 0.05);*/
}

/* Active */
.accordion li.item-active > .opener:before {
    content: '\e855';
    /*background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-active.png);*/
}

/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a {
    padding: 5px;
}

.accordion-style1 li li a {
    padding-left: 20px;
}

.accordion-style1 li li li a {
    padding-left: 35px;
}

.accordion-style1 li li li li a {
    padding-left: 50px;
}

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a {
    padding-right: 33px;
}

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
    /*border-bottom-color: #eee;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.06);*/
    font-size: 1em; /*12px*/
    line-height: 1.5em; /*18px*/
    color: #777;
    font-size: 13px;
}

.accordion-style1 li a:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
    color: #08c;
    /*width: 28px;*/
    /*height: 28px;*/
    /*background-image:url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-small.png);*/
    /*background-color: rgba(0, 0, 0, 0.03);*/
}

.accordion-style1 .opener:hover {
    /*background-color: rgba(0, 0, 0, 0.10);*/
    /*background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-w.png);*/
}

/* Active */
/*.accordion-style1 li.item-active > .opener {
	background-image:url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-small-active.png);
}*/
.accordion-style1 li.item-active > .opener:hover {
    /*background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-active-w.png);*/
}

/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible {
    position: relative;
}

.collapsible .block-title {
    padding-top: 8px;
    padding-right: 35px; /* Space for opener */
    padding-bottom: 8px;
    border-bottom: 1px solid #f2f2f2;
    border-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 0.625em; /*10px*/

    font-size: 1.3333em; /*16px*/
    line-height: 1.25em; /*20px*/
    font-weight: normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
    margin-top: 0; /* Prevent animation jumping */
}

/* Opener
-------------------------------------------------------------- */
.collapsible .opener {
    position: absolute;
    right: 0;
    top: 2px;
    display: block;
    cursor: pointer;

    width: 30px;
    height: 30px;
    background-color: #f2f2f2; /*IE*/
    background-color: rgba(0, 0, 0, 0.05);
    background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener.png);
    background-position: center center;
    background-repeat: no-repeat;
    /*border-radius:50%;*/
}

.collapsible .opener:hover {
    background-color: #e5e5e5; /*IE*/
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-w.png);
}

.collapsible.active .opener {
    background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-active.png);
}

.collapsible.active .opener:hover {
    background-image: url(/assets/app/public/images/magento/infortis/ultra-megamenu/opener-active-w.png);
}

/* Mobile collapsible
-------------------------------------------------------------- */
.mobile-collapsible {
    position: static;
}

/*
 * Main menu
 *
 * Old selector:		New selector:
 * #nav				--> .nav-regular
 * #nav.mobile		--> .nav-mobile
 */

/* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block {

}

.nav-block--center {

}

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line {
    border-color: #eee;
}

/* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown
-------------------------------------------------------------- */
#nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
    margin: 10px 0;
}

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    content: "";
    border-color: #333 transparent transparent;
    border-style: solid solid none;
    border-width: 4px 4px 0;
}

/* Only items with dropdown display the caret */
.nav-regular .caret {
    display: none;
}

.nav-regular .nav-item--parent > a .caret {
    display: inline-block;
}

/* Carets inside dropdowns - right side caret */
.nav-regular .nav-panel a .caret {
    border-color: transparent transparent transparent #333;
    border-style: solid none solid solid;
    border-width: 4px 0 4px 4px;
    margin-left: 5px;
    opacity: 0.2;
}

.nav-regular .nav-panel a:hover .caret {
    opacity: 1;
}

/* Carets
-------------------------------------------------------------- */
.nav-regular a .caret {
    transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out;
    -moz-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out;
    -webkit-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out;
    -o-transition: border-color 450ms ease-in-out, opacity 450ms ease-in-out;
}

.nav-regular a:hover .caret {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
}

/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icon
-------------------------------------------------------------- */
/* Class "feature" inside an item */
.nav-regular .nav-item--home .feature {
    margin: 0; /* Remove default margins */
}

.nav-regular .nav-item--home .icon {
    height: 16px;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
    vertical-align: middle;

    border-radius: 0;
    background-color: transparent !important; /* Remove default colors */
    background-color: #B0C4DE;
}

/* Single icon as home link
-------------------------------------------------------------- */
#nav .nav-item--homeicon .feature {
    padding-left: 17px; /* The same as side padding of top-level items +5px */
    padding-right: 5px;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
    padding: 2px 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    text-transform: none;
    text-shadow: none;

    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}

li > a:hover > span > .cat-label {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
}

/* labels: 1st level
-------------------------------------------------------------- */
li.level0 > a > span {
    position: relative;
}

li.level0 > a > span > .cat-label {
    position: absolute;
    top: -14px;
    right: 0;
    padding: 0 6px;

    font-size: 14px;
    line-height: 22px;
}

/* Add pin (1st level only) */
li.level0 > a > span > .pin-bottom:before {
    position: absolute;
    right: 6px;
    top: 22px;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
    border-width: 4px;
    border-color: transparent;

    transition: border-color 450ms ease-in-out;
    -moz-transition: border-color 450ms ease-in-out;
    -webkit-transition: border-color 450ms ease-in-out;
    -o-transition: border-color 450ms ease-in-out;
}

li.level0 > a:hover > span > .pin-bottom:before {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
}

/* labels: 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 5px;
    vertical-align: middle;
}

/* labels: 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-mobile li > a > span > .cat-label {
    position: static;
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 5px;

    /* Label size: all levels */
    font-size: 14px;
    line-height: 18px;
}

/* Hide pin */
.nav-mobile li > a > span > .pin-bottom:before {
    display: none;
}

/* Non-clickable links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav a.no-click {
    cursor: default;
}

/* Remove highlight color on tap
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav,
.mobnav-trigger,
.nav-regular li.level0 > a {
    -webkit-tap-highlight-color: transparent;
}

/* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#nav {
    position: relative; /* Dropdown box position is relative to this container */
    z-index: 2000; /* Without this dropdown goes under other elements */
    -webkit-transform: translateZ(0); /* Fix possible glitches during animation */
}

#nav.nav-mobile {
    display: none;
}

#nav.nav-mobile.show {
    display: block;
}

/* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Height of the menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top-level items and mobile menu trigger */
.mobnav-trigger,
.nav-regular li.level0 > a {
    line-height: 50px;
}

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Openers */
.nav-regular .opener {
    display: none;
}

/* Hide elements */
.nav-regular .hide-in-desktop-menu {
    display: none !important;
}

/* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Mobile menu trigger.
   Shares style with the 1st-level links from the standard menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
div.mobnav-trigger-wrapper {
    display: none;
}

/* Important: added "div" to selector to make it more specific than grid units */
.mobnav-trigger {
    display: block;
    padding: 0 15px;
}

/* Mobile menu icon */
.mobnav-trigger .trigger-icon {
    display: block;
    float: left;
    width: 23px;
    padding-top: 18px;
    margin: 0 8px 0 0;
}

.mobnav-trigger .trigger-icon .line {
    display: block;
    background-color: #fff;
    height: 3px;
    margin-bottom: 2px;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns inside mobile menu */
.nav-mobile .nav-panel--dropdown {
    /* To override width which can be added to dropdowns of the regular menu */
    width: 100% !important;

    /* Reset of dropdown's inline positioning */
    left: 0 !important;
    top: 0 !important;
}

/* Remove background color of dropdown in items containing only subcategories */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
    background-color: transparent;
}

/* Show category blocks on selected levels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide blocks on all levels */
.nav-mobile .nav-block {
    display: none;
}

/* Structure of the selectors below:
   menu.modifier [level] item > panel > innerPanel > categoryBlocks */

/* Show on 0 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb0 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

/* Remove dropdown shadow and background color */
.nav-mobile.opt-sb0 .nav-item > div > div {
    padding: 0 !important;
}

/* Remove padding of inner panel */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

/* Stretch the central column */
.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Hide items containing only category blocks */

/* Show on 1 level
-------------------------------------------------------------- */
.nav-mobile.opt-sb1 li.level0 > div > div > .nav-block {
    display: block;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div {
    padding: 0 !important;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Show on 2 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb2 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb2 li.level1 > div > div > .nav-block {
    display: block;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div {
    padding: 0 !important;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Show on 3 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb3 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb3 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb3 li.level2 > div > div > .nav-block {
    display: block;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div {
    padding: 0 !important;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Show on 4 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb4 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level2 > div > div > .nav-block,
.nav-mobile.opt-sb4 li.level3 > div > div > .nav-block {
    display: block;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div {
    padding: 0 !important;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Show on 5 levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb5 li.level0 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level1 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level2 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level3 > div > div > .nav-block,
.nav-mobile.opt-sb5 li.level4 > div > div > .nav-block {
    display: block;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div {
    padding: 0 !important;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center {
    margin: 0;
    width: 100%;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks {
    display: none;
}

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Carets
-------------------------------------------------------------- */
.nav-mobile .caret {
    display: none !important;
}

/* Home link
-------------------------------------------------------------- */
.nav-mobile .nav-item--home {
    display: none !important;
}

/* Hide elements
-------------------------------------------------------------- */
.nav-mobile .hide-in-mobile-menu {
    display: none !important;
}

/* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Other modules/components
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Item sliders
-------------------------------------------------------------- */
.nav .itemslider {
    margin-top: 0;
    margin-bottom: 0;
}

.nav .itemslider .item {
    padding-bottom: 0;
}

.nav .itemslider .product-name a {
    display: inline-block;
}

.nav .itemslider .product-name {
    margin-top: 8px;
}

/**
 * Mobile menu accordion
 */

.acco {
    list-style-type: none;
}

.acco li.nav-item {
    list-style-type: none;
    display: block;
    float: left;
    width: 100% !important; /* Use "!important" to override grid units styling */
    padding: 0 !important;
    margin: 0 !important;
    position: relative; /* For opener positioning */
}

.acco ul.nav-panel {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Space for openner if item has children. Space has to be a few pixels wider than openner */
.acco li.parent > a {
    padding-right: 54px;
}

/* All levels
-------------------------------------------------------------- */
.acco .nav-item > a {
    display: block;
    padding: 15px 10px;

    /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */
    font-size: 16px; /*1.3333em*/
    line-height: 19px; /*1.125em*/
}

/* Level 1
-------------------------------------------------------------- */
.acco li.level0 > a {
    font-size: 18px;
    text-transform: uppercase;
}

/* Level 2
-------------------------------------------------------------- */
.acco li.level1 > a {
    padding-left: 20px;
    font-size: 16px;
    text-transform: uppercase;
}

/* Level 3
-------------------------------------------------------------- */
.acco li.level2 > a {
    padding-left: 40px;
    font-size: 16px;
    text-transform: none;
}

/* Level 4
-------------------------------------------------------------- */
.acco li.level3 > a {
    padding-left: 60px;
    font-size: 14px;
    text-transform: none;
}

/* Level 5+
-------------------------------------------------------------- */
.acco li.level3 .nav-item > a /* Level 5+ */
 {
    padding-left: 80px;
    font-size: 12px;
    text-transform: none;
}

/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-item {
    text-align: left;
}

.nav-regular .nav-item > a {
    display: block;
    text-decoration: none;
}

/* Level 1 only
-------------------------------------------------------------- */
.nav-regular li.level0 {
    float: left;
}

.nav-regular li.level0 > a {
    padding: 0 12px;
}

.nav-regular li.level0 > a > span {
    display: inline-block;
}

/* Top-level item on hover: pull up the link above the dropdown */
.nav-regular li.level0:hover > a {
    z-index: 2001; /* One level above the dropdown */
    position: relative;
}

/* Caret */
.nav-regular li.level0 > a .caret {
    opacity: 0.3;
}

.nav-regular li.level0.active > a .caret {
    opacity: 1;
}

.nav-regular li.level0:hover > a .caret {
    opacity: 1;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-panel--dropdown {
    display: none;
    position: absolute;
    top: 0;
    z-index: 2000; /* Pull above top-level menu items */
    background-color: #fff; /* To avoid transparent menu */

    /* Uncomment below line to fix possible glitches during animation in webkit browsers */
    /*-webkit-transform: translateZ(0);*/
}

/* Inner wrapper of the dropdown (for additional padding etc.)
-------------------------------------------------------------- */
#nav .nav-panel-inner {
    padding: 23px;
}

/* Required value in pixels to keep padding consistent in different dropdowns */
#nav .nav-panel-inner:before,
#nav .nav-panel-inner:after {
    display: table;
    line-height: 0;
    content: "";
}

#nav .nav-panel-inner:after {
    clear: both;
}

/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width {
    width: 100%;
}

.nav-regular .nav-panel.tmp-full-width {
    width: 100%;
}

/* Temporary class required by js */

/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown {
    margin: 0;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega {
    position: relative;
}

/* Container of the dropdown has to be relative (only on levels 2+) */
.nav-regular .nav-panel li.mega > .nav-panel--dropdown {
}

.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
    display: block;
    left: 60px;
    top: 0;
}

/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
.nav-regular .nav-submenu--mega {
    margin-left: -1%;
    margin-right: -1%;
}

/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 5px;
}

.nav-regular .nav-submenu--mega > li > a {
    font-size: 16px;
    line-height: 1.25em; /*20px*/
}

/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
.nav-regular .nav-submenu--mega > li.parent > a {
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li.nav-item--parent > a {
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
   Also, add bottom margin to panel, but romove it if it's a dropdown. */
.nav-regular .nav-submenu--mega > li > .nav-panel {
    position: static;
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
    position: absolute;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top {
    margin-top: 0;
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
/* List bullets */
.nav-regular .nav-submenu--mega > li > ul > li {
    background: url(/assets/app/public/images/magento/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat;
    padding-left: 15px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out;
}

.nav-regular .nav-submenu--mega > li > ul > li:hover {
    background-position: 6px 6px;
}

/* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */
.nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li {
    background: none;
    padding-left: 0;
}

/* Other */
.nav-regular .nav-submenu--mega > li > ul > li > a {
    line-height: 1.6666em; /*20px*/
}

/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown > li > a {
    line-height: 1.6666em; /*20px*/
}

.nav-regular .classic > .nav-panel--dropdown > li > a .caret {
    float: right;
    margin-top: 6px;
}

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown {
    margin: 0;
    padding: 20px; /*TODO:*/
    width: 16em;
    min-width: 12em;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.classic {
    position: relative;
}

/* Container of the dropdown has to be relative */
.nav-regular .nav-panel li.classic > .nav-panel--dropdown {
}

.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
    display: block;
    left: 60px;
    top: 0;
}

/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
    left: 60px;
    top: 20px;
}

/* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */
/* List bullets */
.nav-regular .simple > ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nav-regular .simple > ul > li {
    background: url(/assets/app/public/images/magento/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat;
    padding-left: 15px;
    transition: background-position 150ms ease-out;
    -moz-transition: background-position 150ms ease-out;
    -webkit-transition: background-position 150ms ease-out;
    -o-transition: background-position 150ms ease-out;
}

.nav-regular .simple > ul > li:hover {
    background-position: 6px 5px;
}

.nav-regular .simple > ul > li > a {
    opacity: 0.6;
    transition: opacity 150ms ease-out;
    -moz-transition: opacity 150ms ease-out;
    -webkit-transition: opacity 150ms ease-out;
    -o-transition: opacity 150ms ease-out;
}

.nav-regular .simple:hover > ul > li > a {
    opacity: 1;
}

/* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dd-itemgrid > .nav-item {
    float: left;
    padding-left: 1%;
    padding-right: 1%;
}

/* Itemgrid: different numbers of columns
-------------------------------------------------------------- */
/* Clear first item in each row (row: group of n items) */

/* Item grid: 1 column */
.dd-itemgrid-1col > .nav-item {
    width: 98%;
}

/* Item grid: 2 columns */
.dd-itemgrid-2col > .nav-item {
    width: 48%;
}

.dd-itemgrid-2col > .nav-item:nth-child(2n+1) {
    clear: left;
}

/* Item grid: 3 columns */
.dd-itemgrid-3col > .nav-item {
    width: 31.3333%;
}

.dd-itemgrid-3col > .nav-item:nth-child(3n+1) {
    clear: left;
}

/* Item grid: 4 columns */
.dd-itemgrid-4col > .nav-item {
    width: 23%;
}

.dd-itemgrid-4col > .nav-item:nth-child(4n+1) {
    clear: left;
}

/* Item grid: 5 columns */
.dd-itemgrid-5col > .nav-item {
    width: 18%;
}

.dd-itemgrid-5col > .nav-item:nth-child(5n+1) {
    clear: left;
}

/* Item grid: 6 columns */
.dd-itemgrid-6col > .nav-item {
    width: 14.6666%;
}

.dd-itemgrid-6col > .nav-item:nth-child(6n+1) {
    clear: left;
}

/* Item grid: 7 columns */
.dd-itemgrid-7col > .nav-item {
    width: 12.2857%;
}

.dd-itemgrid-7col > .nav-item:nth-child(7n+1) {
    clear: left;
}

/* Item grid: 8 columns */
.dd-itemgrid-8col > .nav-item {
    width: 10.5%;
}

.dd-itemgrid-8col > .nav-item:nth-child(8n+1) {
    clear: left;
}

/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Fade
-------------------------------------------------------------- */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
    /*display: block; *//* Important: has to be visible before hover */
    /*left: -10000px;*/
    /*opacity: 0;*/
    -moz-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
    -webkit-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
    -o-transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
    transition: opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
}

.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
    opacity: 1;
    transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
}

/**
 * Simple vertical menu (sidebar menu)
 */

.vertnav {
    float: left;
    width: 100%;
}

/* Number of products in category */
.vertnav .number {
    color: #aaa;
    margin-left: 3px;
}

/* Category labels inside vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels */
.vertnav li > a > span > .cat-label {
    position: static;
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 3px;

    /* Label size */
    font-size: inherit;
    line-height: inherit;
}

/* Hide pin */
.vertnav li > a > span > .pin-bottom:before {
    display: none;
}

@media only screen and (max-width: 319px) {
    .nav-mobile .nav-block {
        display: none !important;
    }

    .nav-mobile .nav-item > div.nav-panel--dropdown {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent !important;
    }

    .nav-mobile .nav-item > div > div {
        padding: 0 !important;
    }

    .nav-mobile .nav-item > div > div > .nav-block--center {
        margin: 0 !important;
        width: 100% !important;
    }

    .nav-mobile .nav-item.nav-item--only-blocks {
        display: none;
    }
}

/**
 * Infortis themes styles
 */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-container {
}

.section {
    padding: 10px 0;
}

.section-space {
    padding: 10px;
}

/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top {
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 20px;
}

.padding-top {
    padding-top: 20px;
}

.padding-bottom {
    padding-bottom: 20px;
}

.float-left {
    float: left;
}

/*deprecated*/
.float-right {
    float: right;
}

/*deprecated*/

/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "";
    border-style: solid solid none;
    border-width: 4px 4px 0;
    border-color: #333 transparent transparent;
}

.dropdown .caret {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.dropdown:hover .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
    position: absolute;
    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
}

.product-view .sticker-wrapper {
    z-index: 99; /* On product page z-index greater than Cloud Zoom image */
}

.product-view .product-img-column {
    position: relative;
}

/* Stickers are positioned relative to this container */

.sticker-wrapper.top-right {
    top: -3px;
    right: -3px;
}

.sticker-wrapper.bottom-right {
    bottom: -3px;
    right: -3px;
}

.sticker-wrapper.bottom-left {
    bottom: -3px;
    left: -3px;
}

.sticker-wrapper.top-left {
    top: -3px;
    left: -3px;
}

/* Appearence
-------------------------------------------------------------- */
.sticker {
    width: 60px;
    height: 60px;
    border-radius: 50%;

    font-size: 1.1666em;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    display: table-cell !important; /* Add "important" to override inherited styles of parent elements */
    vertical-align: middle !important;

    transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
}

/* Colors */
.sticker.new {
    background-color: #5BD2EC;
    color: #fff;
}

.sticker.sale {
    background-color: #F12B63;
    color: #fff;
}

/* Effects */
.item:hover .sticker {
    width: 65px;
    height: 65px;
}

.item:hover .sticker-wrapper.top-right,
.item:hover .sticker-wrapper.top-left {
}

.item:hover .sticker-wrapper.top-right {
}

.item:hover .sticker-wrapper.top-left {
}

/*Sizes*/
.sticker.size-s {
    width: 45px;
    height: 45px;
    font-size: 1em;
}

.item:hover .sticker.size-s {
    width: 50px;
    height: 50px;
}

.sticker.size-xs {
    width: 40px;
    height: 40px;
    font-size: 0.9166em; /*11px*/
}

.item:hover .sticker.size-xs {
    width: 45px;
    height: 45px;
}

/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.banner-wrapper {
    position: relative;
    display: block;
}

.page-banners .banner a {
    display: block;
}

.page-banners .banner a img {
    display: block;
    margin: 0 auto;
}

/* depracated styles, left for backward compatibility: */
.page-banners .banner {
    margin-bottom: 2%;
}

/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.landing-page {
}

.horizontal-section,
.vertical-section {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
}

.horizontal-section {
    margin-top: 10px;
}

.landing-page .center-block {
    display: block;
    margin: 0 auto;
}

/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 80%;
    margin: 6%;
    padding: 0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
    top: 0;
    bottom: auto;
    width: 80%;
}

.caption.top-right {
    top: 0;
    bottom: auto;
    right: 0;
    width: 58%;
}

.caption.bottom-right {
    right: 0;
    width: 58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
    float: left;
    display: inline-block;
    margin-bottom: 1px;
}

.caption .heading {
    padding: 0.25em;
    margin-bottom: 0.2em;
    font-size: 2.8em;
    line-height: 1em;
    font-weight: normal;
}

.caption p {
    clear: left;
    padding: 0.25em 0.5em;
    margin-bottom: 1px;
    font-size: 1.3333em;
    line-height: 1em;
}

.caption button {
    clear: left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
    text-align: center;
}

.caption.centered > * {
    display: inline-block;
    float: none;
}

/* Floating (text alignment) */
.caption.right > * {
    text-align: right;
    float: right !important;
}

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width {
    width: 88%;
    margin: 6%;
}

.caption.narrow {
    width: 38%;
}

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent {
    display: inline-block !important;
}

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}

a:hover .caption .heading,
a:hover .caption p {
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}

a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}

a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p {
    background-color: rgba(255, 255, 255, 0.35);
    color: #000;
}

a:hover .caption.light1 .heading,
a:hover .caption.light1 p {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
}

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
}

a:hover .caption.light2 .heading,
a:hover .caption.light2 p {
    background-color: rgba(255, 255, 255, 0.85);
    color: #000;
}

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}

a:hover .caption.light3 .heading,
a:hover .caption.light3 p {
    background-color: rgba(255, 255, 255, 1);
    color: #000;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

/**
 * Theme Content Construction Kit
 */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
    display: table;
}

.v-centered-content .v-center {
    display: table-cell;
    vertical-align: middle;
}

/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title {
    clear: both;
    margin: 0;
    display: block;
}

.section-title.padding-right {
    /*padding-right: 80px !important;*/
}

/* Horizontal line */
.section-line {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin: 0 0 10px;
    padding: 10px 0 0;
    background: none;
    border-bottom: 1px solid #e5e5e5;
    text-indent: -9999em;
    overflow: hidden;
}

/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right {
    /*float: right !important;*/
}

.custom-sidebar-right .inner {
    padding-left: 10px;
    /*border-left: 1px solid #e5e5e5;*/
}

.custom-sidebar-left {
    float: left !important;
}

.custom-sidebar-left .inner {
    padding-right: 10px;
    border-right: 1px solid #e5e5e5;
}

/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li,
    /*.links > li > a { line-height:3em; } *//* line-height:36px; *//* *//*2.6666em = 32px;*/
.links > li > a {
    padding: 0 0.5833em;
}

/* padding:0 7px; */
.links > li.label {
    padding-right: 0.5833em;
}

/* 7px */

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li {
    float: left;
}

.links > li > a {
    display: block;
}

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li {
    margin-left: -1px;
}

.links-wrapper-separators .links > li > a {
    background-image: url(/assets/app/public/images/magento/img/link-separator.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.links-wrapper-separators .links > li.last > a {
    background-image: none;
}

.links-wrapper-separators .links > li.hide-separator > a {
    background-image: none;
}

.links-wrapper-separators .links > li.separator-left > a {
    background-position: left center;
}

/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
    background: url(/assets/app/public/images/magento/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
    padding-right: 17px;
    display: inline !important;
}

/**
 * Drop-down
 */

/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown {
    position: relative;
}

.dropdown:hover {
    z-index: 4000;
}

/* Dropdown toggle
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle {
    display: block;
    cursor: default;
}

/* Inside Dropdown-toggle
-------------------------------------------------------------- */
.dropdown-toggle * {
    display: inline-block;
}

.dropdown-toggle .label {
    padding-right: 2px;
}

.dropdown-toggle .value {
}

.dropdown-toggle .dropdown-icon {
    width: 18px;
    text-indent: -9999px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.dropdown-toggle .img-caret {
    background: url(/assets/app/public/images/magento/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat;
    width: 10px;
    text-indent: -9999px;
}

/* Predefined icons
-------------------------------------------------------------- */
.dropdown-toggle .icon.first {
    margin-left: -5px;
}

.dropdown-toggle .icon.close-to-text {
    margin-right: -8px;
}

/* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-toggle.cover > div {
    padding: 0 10px;
    cursor: default;
}

.open > .dropdown-toggle.cover > div {
    background-color: #fff;
}

/*.dropdown:hover .dropdown-toggle.cover > div,*/
.open > .dropdown-toggle.cover > div {
    z-index: 4001;
    position: relative;
}

/* Dropdown menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 4000;
    padding: 20px;
    min-width: 130px;
    line-height: 1.5em;
    text-align: left;

    list-style: none;
    background-color: #fff;
}

.dropdown-menu.left-hand {
    left: auto;
    right: 0;
}

/* When dropdown menu is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown-menu > li * {
    display: inline-block;
}

.dropdown-menu > li > a {
    display: block;
}

.dropdown-menu > li {
    white-space: nowrap;
}

.dropdown-menu > li .label {
    margin-right: 8px;
}

.dropdown-menu .dropdown-icon {
    width: 18px;
    text-indent: -9999px;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

/* Clickable
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.clickable-dropdown {
}

/**
 * Icons and "feature" box
 */

/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div.icon, /*backward compatibility*/
span.icon {
    background-color: #999;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 50%;

    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 3px;
}

div.icon.large, /*backward compatibility*/
span.icon.large {
    width: 50px;
    height: 50px;
    padding: 5px;
}

/* Hover */
.icon-hover:hover /* Info: was more specific: span.icon-hover:hover */
 {
    background-color: #333;
}

/* Icons: single characters (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "i-number" - class name for backward compatibility */
.icon.i-number,
.icon.i-char {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.icon.large.i-number,
.icon.large.i-char {
    font-size: 20px;
    line-height: 50px;
    font-weight: normal;
}

/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature {
    margin: 10px 0;
}

.feature:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.feature.first {
    margin-top: 0;
}

.feature.last {
    margin-bottom: 0;
}

/* With top/bottom border line */
.feature.top-border {
    border-top: 1px solid #f5f5f5;
    padding-top: 10px;
}

.feature.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    padding-top: 20px;
}

.feature-wrapper.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
    font-size: 1.3333em; /*16px*/
    line-height: 1.25em; /*20px*/
    margin-bottom: 0.625em; /*10px*/
    font-weight: normal;
}

.feature .above-heading {
    margin: 0 0 5px;
    font-size: 11px;
    line-height: 1.4545em; /*16px*/
    text-transform: uppercase;
    color: #888;
}

.feature .below-heading {
    font-size: 1em;
    font-style: italic;
    line-height: 1.3333em; /*16px*/
    color: #888;
}

/* Feature icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .icon {
    float: left;
}

/* Feature icons vertically centered */
.feature.v-centered-content .v-center .icon {
    margin: 0 5px 0 0;
}

/* Feature icons styles: */

/* Default icon
	-------------------------------------------------------------- */
.feature .icon {
    margin: 0 15px 10px 0;
    max-width: 30px;
    max-height: 30px;
}

.feature span.icon {
    padding: 3px;
}

/* Small icon
	-------------------------------------------------------------- */
.feature.small .icon {
    margin: 0 10px 10px 0;
    max-width: 18px;
    max-height: 18px;
}

.feature.small span.icon {
    padding: 0;
}

/* Small icon: icons with predefined background image */
.feature.small span.icon.list1 {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list1.png);
    width: 18px;
    height: 18px;
}

.feature.small span.icon.list2 {
    background-image: url(/assets/app/public/images/magento/infortis/_shared/cck/list/list2.png);
    width: 18px;
    height: 18px;
}

/* Large icon
	-------------------------------------------------------------- */
.feature.large .icon {
    margin: 0 15px 10px 0;
    max-width: 50px;
    max-height: 50px;
}

.feature.large span.icon {
    padding: 5px;
}

/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.indent .icon {
    margin-bottom: 0;
}

/* Default
	-------------------------------------------------------------- */
.feature.indent {
    padding-left: 51px;
}

.feature.indent .icon {
    margin-left: -51px;
}

/* Small
	-------------------------------------------------------------- */
.feature.small.indent {
    padding-left: 28px;
}

.feature.small.indent .icon {
    margin-left: -28px;
}

/* Large
	-------------------------------------------------------------- */
.feature.large.indent {
    padding-left: 75px;
}

.feature.large.indent .icon {
    margin-left: -75px;
}

/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered {
    text-align: center;
}

.feature.centered .icon {
    float: none;
    margin: 0 0 10px;
}

/* Feature: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .icon.auto-size {
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
}

/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icon without background color */
.icon.no-bg-color {
    background-color: transparent;
}

.icon.force-no-bg-color {
    background-color: transparent !important;
}

/* Shapes */
.icon.circle {
    border-radius: 50%;
}

.icon.rounded {
    border-radius: 5px;
}

.icon.square {
    border-radius: 0;
}

/* All icons square (deprecated) */
.icon-wrapper-square span.icon {
    border-radius: 0;
}

/* Auto-size: allow for big icons */
.icon.auto-size {
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
}

/* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

span.icon-hover,
.feature-icon-hover span.icon {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/**
 * Itemgrid
 */

.itemgrid .item {
    float: left;
    /*padding-left: 1%;*/
    /*padding-right: 1%;*/
    padding: 0;
    margin: 1%;
    position: relative;
}

/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item {
    width: 98%;
}

/* Item grid: 2 columns */
.itemgrid-2col .item {
    width: 48%;
}

.itemgrid-2col .item:nth-child(2n+1) {
    clear: left;
}

/* Item grid: 3 columns */
.itemgrid-3col .item {
    width: 31.3333%;
}

.itemgrid-3col .item:nth-child(3n+1) {
    clear: left;
}

/* Item grid: 4 columns */
.itemgrid-4col .item {
    width: 23%;
}

.itemgrid-4col .item:nth-child(4n+1) {
    clear: left;
}

.itemgrid-4col .item.dop {
    width: 48%;
}

/* Item grid: 5 columns */
.itemgrid-5col .item {
    width: 18%;
}

.itemgrid-5col .item:nth-child(5n+1) {
    clear: left;
}

/* Item grid: 6 columns */
.itemgrid-6col .item {
    width: 14.6666%;
}

.itemgrid-6col .item:nth-child(6n+1) {
    clear: left;
}

/* Item grid: 7 columns */
.itemgrid-7col .item {
    width: 12.2857%;
}

.itemgrid-7col .item:nth-child(7n+1) {
    clear: left;
}

/* Item grid: 8 columns */
.itemgrid-8col .item {
    width: 10.5%;
}

.itemgrid-8col .item:nth-child(8n+1) {
    clear: left;
}

/**
 * Generic tabs
 */

/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li {
    float: left;

}

.gen-tabs .tabs a {
    display: block;
    /*padding: 0 10px;*/
    text-decoration: none;
    outline: none;
    margin: 0;
    padding: 10px 15px;
    float: left;
    border: 1px solid #eee;
    border-width: 3px 1px 0 1px;
    border-radius: 5px 5px 0 0;
    margin-right: 1px;
    background-color: #f4f4f4;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels {
    padding: 15px;
}

.gen-tabs .tabs-panels .panel {
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
    display: none;
    padding: 0 0.5em;
    margin-bottom: 1px;
    font-weight: normal;
}

.gen-tabs .acctab:hover {
    cursor: pointer;
}

/* Accordion mode enabled */
.gen-tabs.accor .tabs {
    display: none;
}

.gen-tabs.accor .acctab {
    display: block;
}

.gen-tabs.accor .tabs-panels {
    padding-top: 0;
}

.gen-tabs.accor .tabs-panels .panel {
    display: none;
    margin: 0 0 10px;
    padding: 15px;
}

/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
    /*color: #333;*/
    /*background-color: #eee;*/
    /*line-height: 3em;*/
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus {
    background-color: #e5e5e5;
}

.gen-tabs .tabs a.current {
    background-color: #ddd;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
    font-size: 1.5em;
    line-height: 2.7777em;
    background-color: #f5f5f5;
    color: #333;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #e5e5e5;
}

.gen-tabs.accor .tabs-panels .panel {
    border-bottom: 1px solid #e5e5e5;
}

/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style1 .tabs a {
    /*font-size: 1.3333em;*/
    /*color: #333;*/
    /*background-color: #eee;*/
    /*border: 1px solid transparent;*/
    /*border-bottom: none;*/
}

.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.gen-tabs-style1 .tabs a.current {
    background-color: #fff;
    border-color: #e5e5e5;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;

    /* Make a little bit higher than other tabs */
    /*padding-top: 4px;*/
    /*margin-top: -4px;*/
}

.gen-tabs-style1 .tabs-panels {
    border: 1px solid #e5e5e5;
}

.gen-tabs-style1.accor .tabs-panels {
    border-top: none;
}

/* Tabs - skin 2: with shadow (obsolete, will be removed in next updates)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style2 .tabs a {
    font-size: 1.3333em;
}

.gen-tabs-style2 .tabs a.current {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;

    /* Make a little bit higher thatn other tabs */
    padding-top: 4px;
    margin-top: -4px;
}

.gen-tabs-style2 .tabs-panels {
    background-color: #fff;
    position: relative;
    z-index: 2;
}

/**
 * Theme icons
 */

/* Predefined icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Wishlist */
.icon.i-wishlist {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -7px;
}

.icon.i-wishlist-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -57px;
}

/* bw */
.icon.i-wishlist-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -7px;
}

.icon-hover:hover.i-wishlist-bw,
.feature-icon-hover:hover .icon.i-wishlist-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -57px;
}

/* wb */
.icon.i-wishlist-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -57px;
}

.icon-hover:hover.i-wishlist-wb,
.feature-icon-hover:hover .icon.i-wishlist-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -7px -7px;
}

/* Compare */
.icon.i-compare {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -7px;
}

.icon.i-compare-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -57px;
}

/* bw */
.icon.i-compare-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -7px;
}

.icon-hover:hover.i-compare-bw,
.feature-icon-hover:hover .icon.i-compare-bw,
.open > .dropdown-toggle.cover .icon.i-compare-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -57px;
}

/* wb */
.icon.i-compare-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -57px;
}

.icon-hover:hover.i-compare-wb,
.feature-icon-hover:hover .icon.i-compare-wb,
.open > .dropdown-toggle.cover .icon.i-compare-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -57px -7px;
}

/* Share/recommend */
.icon.i-recommend {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -7px;
}

.icon.i-recommend-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -57px;
}

/* bw */
.icon.i-recommend-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -7px;
}

.icon-hover:hover.i-recommend-bw,
.feature-icon-hover:hover .icon.i-recommend-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -57px;
}

/* wb */
.icon.i-recommend-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -57px;
}

.icon-hover:hover.i-recommend-wb,
.feature-icon-hover:hover .icon.i-recommend-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -7px;
}

/* Low stock */
.icon.i-lowstock {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -7px;
}

.icon.i-lowstock-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -57px;
}

/* bw */
.icon.i-lowstock-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -7px;
}

.icon-hover:hover.i-lowstock-bw,
.feature-icon-hover:hover .icon.i-lowstock-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -57px;
}

/* wb */
.icon.i-lowstock-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -57px;
}

.icon-hover:hover.i-lowstock-wb,
.feature-icon-hover:hover .icon.i-lowstock-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -7px;
}

/* Cart */
.icon.i-cart {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -7px;
}

.icon.i-cart-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -57px;
}

/* bw */
.icon.i-cart-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -7px;
}

.icon-hover:hover.i-cart-bw,
.feature-icon-hover:hover .icon.i-cart-bw,
.open > .dropdown-toggle.cover .icon.i-cart-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -57px;
}

/* wb */
.icon.i-cart-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -57px;
}

.icon-hover:hover.i-cart-wb,
.feature-icon-hover:hover .icon.i-cart-wb,
.open > .dropdown-toggle.cover .icon.i-cart-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -457px -7px;
}

/* Row 2
-------------------------------------------------------------- */

/* Left */
.icon.i-left {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -107px;
}

.icon.i-left-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -157px;
}

/* bw */
.icon.i-left-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -107px;
}

.icon-hover:hover.i-left-bw,
.feature-icon-hover:hover .icon.i-left-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -157px;
}

/* wb */
.icon.i-left-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -157px;
}

.icon-hover:hover.i-left-wb,
.feature-icon-hover:hover .icon.i-left-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -107px -107px;
}

/* Right */
.icon.i-right {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -107px;
}

.icon.i-right-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -157px;
}

/* bw */
.icon.i-right-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -107px;
}

.icon-hover:hover.i-right-bw,
.feature-icon-hover:hover .icon.i-right-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -157px;
}

/* wb */
.icon.i-right-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -157px;
}

.icon-hover:hover.i-right-wb,
.feature-icon-hover:hover .icon.i-right-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -157px -107px;
}

/* Top */
.icon.i-top {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -107px;
}

.icon.i-top-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -157px;
}

/* bw */
.icon.i-top-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -107px;
}

.icon-hover:hover.i-top-bw,
.feature-icon-hover:hover .icon.i-top-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -157px;
}

/* wb */
.icon.i-top-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -157px;
}

.icon-hover:hover.i-top-wb,
.feature-icon-hover:hover .icon.i-top-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -207px -107px;
}

/* Bottom */
.icon.i-bottom {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -107px;
}

.icon.i-bottom-w {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -157px;
}

/* bw */
.icon.i-bottom-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -107px;
}

.icon-hover:hover.i-bottom-bw,
.feature-icon-hover:hover .icon.i-bottom-bw {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -157px;
}

/* wb */
.icon.i-bottom-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -157px;
}

.icon-hover:hover.i-bottom-wb,
.feature-icon-hover:hover .icon.i-bottom-wb {
    background-image: url(/assets/app/public/images/magento/sprite.png);
    background-position: -257px -107px;
}

/**
 * Social icons
 */

/* Contact icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* TODO: */

/* Phone */
.icon.i-telephone {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -7px -7px;
}

.icon.i-telephone-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -7px -57px;
}

/* Mobile */
.icon.i-mobile {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -57px -7px;
}

.icon.i-mobile-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -57px -57px;
}

/* Skype */
.icon.i-skype {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -107px -7px;
}

.icon.i-skype-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -107px -57px;
}

/* Letter */
.icon.i-letter {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -157px -7px;
}

.icon.i-letter-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -157px -57px;
}

/* Location */
.icon.i-location {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -207px -7px;
}

.icon.i-location-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -207px -57px;
}

/* Row 2
-------------------------------------------------------------- */
/* Twitter */
.icon.i-twitter {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -7px -107px;
}

.icon.i-twitter-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -7px -157px;
}

/* Facebook */
.icon.i-facebook {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -57px -107px;
}

.icon.i-facebook-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -57px -157px;
}

/* Google plus */
.icon.i-googleplus {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -107px -107px;
}

.icon.i-googleplus-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -107px -157px;
}

/* Youtube */
.icon.i-youtube {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -157px -107px;
}

.icon.i-youtube-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -157px -157px;
}

/* Vimeo */
.icon.i-vimeo {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -207px -107px;
}

.icon.i-vimeo-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -207px -157px;
}

/* Wordpress */
.icon.i-wordpress {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -257px -107px;
}

.icon.i-wordpress-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -257px -157px;
}

/* Pinterest */
.icon.i-pinterest {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -307px -107px;
}

.icon.i-pinterest-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -307px -157px;
}

/* Linked in */
.icon.i-linkedin {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -357px -107px;
}

.icon.i-linkedin-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -357px -157px;
}

/* Blogger */
.icon.i-blogger {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -407px -107px;
}

.icon.i-blogger-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -407px -157px;
}

/* Envato */
.icon.i-envato {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -457px -107px;
}

.icon.i-envato-w {
    background-image: url(/assets/app/public/images/magento/sprite-icons-social.png);
    background-position: -457px -157px;
}

/**
 * Common styles
 */

/* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Sizes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-top,
    /*.header .dropdown { line-height:3em; } *//* line-height:36px; */
.header .dropdown {
    max-height: 3em;
}

/* Set static height to improve layout of inline elements */

/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/**/
.sidebar .block:first-child {
    /*margin-top: 6px;*/
}

/* To align with page title */
.cms-index-index .sidebar .block:first-child {
    margin-top: 0;
}

/* Remove margin on home page */

/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title {
    border-bottom: 1px solid #e5e5e5;
}

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,
    /* Section title */
.section-title,
    /* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2 {
    /* padding:13px 0 7px; */
    /*TODO*/
    padding-top: 7px;
    padding-bottom: 7px;
    /*border-bottom: 1px solid #e5e5e5;*/
    font-weight: normal;
    font-size: 1.5em; /*18px*/
    line-height: 1.2222em; /*22px*/
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,
    /* Checkout log in */
#opc-login h3,
    /* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
    font-size: 1.5em; /*18px*/
    line-height: 1.3333em; /*24px*/
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

/* Account headings
-------------------------------------------------------------- */
/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2 {
}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2 {
}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
.category-title,
    /* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title {
    border-color: #e5e5e5;
}

/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - normal
-------------------------------------------------------------- */
/* CMS */
.section-line,
    /* Misc */
.toolbar {
    border-color: #e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,
    /* Product grid/list */
.category-products-grid .item,
.products-list li.item {
    border-color: #e5e5e5;
}

/* Elements with vertical border - normal
-------------------------------------------------------------- */
/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner {
    /*border-color: #e5e5e5;*/
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner {
    border-color: #f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,
    /* Availability */
.availability-only-details thead {
    border-color: #e5e5e5; /*Currently the same color as other borders*/
}

/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,
    /* Account */
.addresses-list .addresses-primary .item,
.order-info-box,
    /* Advanced search */
.advanced-search-summary,
    /* Checkout */
.opc .gift-messages-form {
    background-color: #f5f5f5;
}

/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,
    /* Breadcrumbs */
/*.breadcrumbs li,*/
/*.breadcrumbs a,*/
    /* Layered nav */
.block-layered-nav dd li,
    /* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,
    /* Availability */
.availability,
    /* Reviews */
.product-view .box-reviews dd .date,
    /* Product options */
.item-options dd,
.product-options p.note,
    /* Prices */
.price-notice .price,
    /* MSRP price and old price */
.old-price,
.product-view .price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price {
    color: #aaa;
}

/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list {
    color: #888;
}

.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover {
    color: #333;
}

/* Selected interface icons:
   text color - icons on hover: toolbar icons, pager, prev/next slide etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Hover item color */
/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,
    /* Add-to links */
.add-to-links.addto-icons a:hover,
    /* Slider arrows */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,
    /* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
    /* Scroll to top button */
#scroll-to-top:hover {
    color: #fff; /*Color of text*/
}

/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Price on product page and MSRP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price {
    font-family: Verdana, Geneva, sans-serif;
}

/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IE version included */
#nav .level0-wrapper,
#nav.classic .parent > ul,
    /* Mini cart */
#mini-cart .block-content,
.truncated .truncated_full_value .item-options,
    /* Compare drop-down */
.header .block-compare .block-content,
    /* Search autocomplete */
.header .form-search .search-autocomplete ul,
    /* Dropdown */
.open > .dropdown-toggle.cover,
.dropdown-menu,
    /* Pop-ups and tooltips */
.tool-tip,
#subscribe-form .input-box .validation-advice {
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
.mobnav-trigger .trigger-icon .line,
.opener {
    transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}

a:hover,
.mobnav-trigger:hover .trigger-icon .line,
.opener:hover {
    transition-duration: 100ms;
    -moz-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    -o-transition-duration: 100ms;
}

/* Opacity
-------------------------------------------------------------- */
/*
.form-search .button span
{
	transition:			opacity 450ms ease-in-out;
	-moz-transition:	opacity 450ms ease-in-out;
	-webkit-transition:	opacity 450ms ease-in-out;
	-o-transition:		opacity 450ms ease-in-out;
}
.form-search .button:hover span
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}
*/
.form-search .button span {
    transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
    /* Back link */
.buttons-set .back-link small,
    /* Add-to links */
.add-to-links.addto-icons a,
    /* Accordion and collapsible: opener */
.accordion-style1 .opener,
.accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */
.collapsible .opener,
    /* Scroll to top */
#scroll-to-top {
    transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/* Accordions, tabs & other components
-------------------------------------------------------------- */
/* TODO: del
.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
*/

/* Carets
-------------------------------------------------------------- */
/* Moved to menu CSS */

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,
    /* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,
    /* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,
    /* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,
    /* OPC accordion */
.opc .step-title {
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */
.drop-shadow,
.shadow .show-bg,
    /* Conditional shadow for main menu bar */
.shadow .nav-bar-drop-shadow .mobnav-trigger,
.shadow .nav-bar-drop-shadow #nav {
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-07-15 09:32:42 */

/*body {*/
    /*color: #777;*/
    /*font-size: 12px;*/

    /*background-color: #716861;*/
/*}*/

p {
    line-height: 1.5;
}

a {
    color: #08c;
}

a:hover,
.vertnav li.current > a {
    color: #08c;
    text-decoration: underline;
}

.caret {
    border-top-color: #333333;
}

button.button span {
    /*background-color: #eeeeee;*/
    /*color: #333333;*/
    /*color: #fff;*/
    /*font-weight: 400;*/
    /*background-color: #08c;*/
    /*text-shadow: none;*/
    /*border: 0;*/
    /*opacity: 1;*/

    display: block;
    border: 0;
    background: #08c;
    padding: 0 15px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    line-height: 38px;
    border-radius: 5px;

}

button.button span span {
    border: 0;
    padding: 0;
    color: inherit;
    border-width: 0;
    background: transparent;
    line-height: inherit;
}

.product-view .btn-cart span,
button.btn-checkout span {
    /*background-color: #333333;*/
    /*color: #ffffff;*/
}


/* Default icon */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,
    /* Back link */
.buttons-set .back-link small,
    /* Add-to links */

    /* Simple icons (product grid) */
.add-to-links.addto-icons a, /*Deprecated*/

    /* Other with standard icons */
.add-to-links span.icon,
    /* Slider arrows */
.slider-arrows1 .owl-controls  div,
.slider-arrows1 .owl-controls.clickable  div.disabled:hover,
.slider-arrows2 .owl-controls  div,
.slider-arrows3 .owl-controls  div,
.slider-arrows3 .owl-controls.clickable  div.disabled:hover,
    /* deprecated */
.gen-slider-arrows1 .direction-nav a, /* Sliders */
.gen-slider-arrows1 .direction-nav a.disabled:hover,
.gen-slider-arrows2 .direction-nav a, /* Slideshow */
.gen-slider-arrows2 .direction-nav a.disabled:hover,
.gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.gen-slider-arrows3 .direction-nav a.disabled:hover,
    /* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,
    /* Lightbox */
#cboxPrevious,
#cboxNext,
#cboxClose,
    /* Accordion and collapsible: opener */
/*.accordion-style1 .opener,*/
/*.collapsible .opener,*/
    /* Scroll to top */
#scroll-to-top {
    background-color: #f5f5f5;
}

/* Hover icon */
/* Toolbar */
.sorter .view-mode a:hover,
/*.sorter .sort-by .category-asc:hover,*/
/*.sorter .sort-by .category-desc:hover,*/
.pager .pages li a:hover,
    /* Back link */
.buttons-set .back-link:hover small,
    /* Add-to links */

    /* Simple icons (product grid) */
.add-to-links.addto-icons a:hover, /*Deprecated*/

    /* Other with standard icons */
.add-to-links span.icon-hover:hover,
.add-to-links .feature-icon-hover:hover span.icon,
    /* Slider arrows */
/*.slider-arrows1 .owl-controls.clickable  div:hover,*/
/*.slider-arrows2 .owl-controls.clickable  div:hover,*/
/*.slider-arrows3 .owl-controls.clickable  div:hover,*/
    /* deprecated */
.gen-slider-arrows1 .direction-nav a:hover,
.gen-slider-arrows2 .direction-nav a:hover,
.gen-slider-arrows3 .direction-nav a:hover,
    /* Slider pagination */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
    /* Lightbox */
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
    /* Accordion and collapsible: opener */
/*.accordion-style1 .opener:hover,*/
/*.collapsible .opener:hover,*/
    /* Scroll to top */
#scroll-to-top:hover {
    background-color: #08c;
}

/* Active icon */
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */
.slider-pagination2 .owl-controls .owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */

.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages li.current {
    background-color: #08c;
}

span.icon {
    background-color: #08c;
}

span.icon-hover:hover,
.feature-icon-hover:hover span.icon {
    background-color: #333333;
}

.links > li > a:hover {
    background-color: #cdc4bc;
    color: #ffffff !important;
}

.sticker.new {
    background-color: #fc8d20;
    color: #ffffff;
}

.sticker.sale {
    background-color: #f9446b;
    color: #ffffff;
}

/*.price-box .price*/
.price-box .regular-price .price,
.price-box .minimal-price .price,
.price-box-bundle .full-product-price .price {
    color: #444;
}

.additional-bg-color,
.block-layered-nav .currently,
.cart .totals {
    background-color: #f5f5f5;
}

/* Custom content class */
.main-font,
    /* Headings */
h1, h2, h3, h4, h5,
.section-title,
/*.products-list .product-name,*/
/*.products-grid .product-name,*/
/*h3.product-name, *//*TODO:remove*/

    /* Generic  */
.feature .heading,
.accordion .heading,
    /* Main menu */
    /* Regular mode */
.nav-regular li.level0 > a, /* level 1 */

    /* Mega dropdown */
.nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */

    /* Mobile mode */
.mobnav-trigger,
.nav-mobile li.level0 > a, /* level 1 */
.nav-mobile li.level1 > a, /* level 2 */
.nav-mobile li.level2 > a, /* level 3 */

    /* Block headings */
.block .block-title,
    /* Checkout headings */
#opc-login h3,
    /* Multiple checkout */
    /*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

    /* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
    /* Product page */
.product-view .box-reviews dt .heading,
.gen-tabs .tabs a,
    /* Footer headings */
.footer .heading,
#subscribe-form label,
    /* Captions */
.caption .heading {
    /*font: 13px/1 'Open Sans',Arial,Helvetica,sans-serif;*/

}

.wrapper {
    border-top-color: #cdc4bc;

    background-color: #ffffff;

}

.header-container {
    background-color: #171717;

}

.header {

    color: #5b514a;
}

.header a {
    color: #5b514a;
}

.header a:hover {
    /*color: #d03074;*/
    text-decoration: none;
}

.header-container3 {

}

.header .caret {
    border-top-color: #5b514a;
}

.form-search .input-text {
    background-color: #f1edea;
    border-color: transparent;
    color: #cdc4bc;
}

.form-search .input-text:hover,
.form-search .input-text:focus {
    background-color: #ffffff;
    border-color: transparent;
    color: #716861;
}

.form-search .input-text {
    border: none;
}

.form-search .button span {
    margin: 0;
    padding: 0;
}

.header .dropdown-menu,
.header .open > .dropdown-toggle.cover > div,
.header .truncated .truncated_full_value .item-options,
.header .form-search .search-autocomplete {
    background-color: #ffffff;

    color: #08c;
}

.header .dropdown-menu a,
.header .open > .dropdown-toggle.cover > div a,
.header .form-search .search-autocomplete li {
    color: #777;
}

.header .dropdown-menu a:hover,
.header .open > .dropdown-toggle.cover > div a:hover,
.header .form-search .search-autocomplete li:hover {
    /*color: #d03074;*/
}

.header .open > .dropdown-toggle.cover > div .caret {
    border-top-color: #333333;
}

.header-top-container {

}

.header-top {

}

.header-top a {
}

.header-top a:hover {
}

.header-primary-container {

}

.header-primary {
    padding-top: 10px;
    padding-bottom: 10px;
}

.cat-label-label1 {
    background-color: #f89b5d;
    color: #ffffff;
}

.cat-label-label2 {
    background-color: #d52462;
    color: #ffffff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: #f89b5d;
}

li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: #d52462;
}

li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
 {
    background-color: #000000;
    color: #ffffff;
}

li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
    border-top-color: #000000;
}

.nav-regular .nav-panel--dropdown {
    background-color: #ffffff;

    color: #333333;
}

.nav-regular .nav-panel--dropdown a {
    color: #333333;
}

.nav-regular .nav-panel--dropdown a:hover {
    color: #d52462;
}

.nav-regular .nav-panel--dropdown a .caret {
    border-left-color: #333333;
    border-right-color: #333333;
}

.nav-regular .nav-panel--dropdown a:hover .caret {
    border-left-color: #d52462;
    border-right-color: #d52462;
}

/* All types*/
.nav-regular .nav-panel--dropdown {
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.nav-mobile div.nav-panel--dropdown {
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

    z-index: 1;
    position: relative;
}

.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-container {
    background-color: transparent;

}

.nav-regular {
    /*background-color: #d03074;*/
}

.nav-regular .nav-item.level0 > a {
    color: #ffffff;
    font-weight: 700;
}

.nav-mobile .nav-item.level0 > a {
    /*background-color: #d03074;*/
    color: #99cee8;
}

#nav.nav-mobile ul.level0 .nav-item > a {
    /*background-color: #d03074;*/
    color: #99cee8;
}

.cms-index-index .nav-regular .nav-item--home > a,
.nav-regular .nav-item.level0.active > a,
.nav-mobile .nav-item.level0.current > a {
    /*background-color: #ffffff;*/
    /*color: #99cee8;*/
}

#nav.nav-mobile ul.level0 .nav-item.current > a {
    /*background-color: #ffffff;*/
    color: #99cee8;
}

.nav-regular .nav-item.level0:hover > a,
.nav-mobile .nav-item.level0 > a:hover {
    /*background-color: #f9446b;*/
    color: #99cee8;
}

#nav.nav-mobile ul.level0 .nav-item > a:hover {
    /*background-color: #f9446b;*/
    color: #99cee8;
}

.nav-regular li.level0 > a {
    line-height: 50px;
}

#nav .nav-item.level0.parent > a .caret {
    border-top-color: #ffffff;
}

#nav .nav-item.level0.parent.active > a .caret {
    border-top-color: #d03074;
}

#nav .nav-item.level0.parent:hover > a .caret {
    border-top-color: #ffffff;
}

.mobnav-trigger-wrapper {
    color: #ffffff;
}

.mobnav-trigger {
    background-color: #d03074;
    color: #ffffff;
}

.mobnav-trigger:hover {
    background-color: #f9446b;
    color: #ffffff;
}

.mobnav-trigger.active {
    background-color: #f9446b;
    color: #ffffff;
}

.mobnav-trigger .trigger-icon .line {
    background-color: #ffffff;
}

.mobnav-trigger:hover .trigger-icon .line {
    background-color: #ffffff;
}

.mobnav-trigger.active .trigger-icon .line {
    background-color: #ffffff;
}

.nav-regular li.level0 > a {
    font-size: 12px;
    text-transform: uppercase;
}

.nav-regular .nav-submenu--mega > li > a {
    font-size: 15px;
    text-transform: uppercase;
}

.nav-mobile li.nav-item > a {
    font-size: 16px;
}

.mobnav-trigger,
.nav-mobile li.level0 > a {
    font-size: 18px;

    text-transform: uppercase;
}

.nav-mobile li.level1 > a {
    font-size: 18px;

    text-transform: none;
}

.main-container {
    background-color: transparent;

}

.main {
    background-color: #ffffff;
}

.truncated .item-options {
    background-color: #ffffff;
}

.category-products-grid .item,
.products-list .item {
}

.category-products-grid .item:hover,
.products-list .item:hover {
}

span.icon.icon-color-productview {
    background-color: #eeeeee;
}

.feature-icon-hover:hover span.icon.icon-color-productview {
    background-color: #08c;
}

.gen-tabs .tabs {
}

.gen-tabs .tabs a {
    /*background-color: #eeeeee;*/
    /*color: #333333;*/
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus {
    background-color: #e5e5e5;
    color: #333333;
}

.gen-tabs .tabs a.current {
    background-color: #ffffff;
    color: #08c;
    border-top-color: #08c;

}

.gen-tabs .acctab {
    background-color: #f5f5f5;
    color: #333333;
}

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #e5e5e5;
    color: #08c;
}

.gen-tabs .tabs-panels {
    background-color: #ffffff;
}

/* Slider arrows */
.the-slideshow .owl-controls  div,
    /* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls .owl-page span,
    /* For pagination2 default color overrides color of active state and hover state */
.the-slideshow.slider-pagination2 .owl-controls .owl-page span,
.the-slideshow.slider-pagination2 .owl-controls .owl-page.active span,
.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span {
    background-color: #ffffff;
}

/* Slider arrows */
.the-slideshow .owl-controls.clickable  div:hover,
    /* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span {
    background-color: #08c;
}

.the-slideshow.slider-pagination1 .owl-controls .owl-page.active span,
.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */
 {
    background-color: #2b2621;
}

.footer-container {
    background-color: #2d251e;
}

.footer {
    background-color: transparent;
    font-size: 13px;
    color: #777;
}

.footer .heading {
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.footer a {
    color: #fff;
}

.footer a:hover {
}

.footer button.button span {
    background-color: #08c;
    color: #ffffff;
}

.footer button.button:hover span {
    background-color: #08c;
    color: #ffffff;
}

.footer span.icon {
    background-color: #08c;
}

.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover span.icon {
    background-color: #08c;
}

/* Back link */
.footer .buttons-set .back-link small,
    /* Slider arrows */
.footer .slider-arrows1 .owl-controls  div,
.footer .slider-arrows1 .owl-controls.clickable  div.disabled:hover,
.footer .slider-arrows2 .owl-controls  div,
.footer .slider-arrows3 .owl-controls  div,
.footer .slider-arrows3 .owl-controls.clickable  div.disabled:hover,
    /* deprecated */
.footer .gen-slider-arrows1 .direction-nav a, /* Sliders */
.footer .gen-slider-arrows1 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */
.footer .gen-slider-arrows2 .direction-nav a.disabled:hover,
.footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */
.footer .gen-slider-arrows3 .direction-nav a.disabled:hover,
    /* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,
    /* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener {
    background-color: #08c;
}

/* Back link */
.footer .buttons-set .back-link:hover small,
    /* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable  div:hover,
.footer .slider-arrows2 .owl-controls.clickable  div:hover,
.footer .slider-arrows3 .owl-controls.clickable  div:hover,
    /* deprecated */
.footer .gen-slider-arrows1 .direction-nav a:hover,
.footer .gen-slider-arrows2 .direction-nav a:hover,
.footer .gen-slider-arrows3 .direction-nav a:hover,
    /* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
    /* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover {
    background-color: #f89b5d;
}

.footer-top-container {
    background-color: #121214;

}

.footer-top {
    background-color: transparent;

}

.footer-top a {
}

.footer-top a:hover {
}

.footer-primary-container {
    background-color: #121214;

}

.footer-primary {
    background-color: transparent;

}

.footer-primary a {
}

.footer-primary a:hover {
}

.footer-secondary-container {
    background-color: #121214;
}

.footer-secondary {

}

.footer-secondary a {
}

.footer-secondary a:hover {
}

.footer-bottom-container {
    background-color: #0c0c0c;
}

.footer-bottom {
}

.footer-bottom a {
}

.footer-bottom a:hover {
}

.social-links span.icon {
    background-color: transparent;
}

.social-links span.icon-hover:hover {
    background-color: #08c;
}

/**
 * Override CSS components
 */

/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Buttons aligned at the bottom */
.itemslider.equal-height .item {
    position: static;
    padding-bottom: 50px;
}

.itemslider.equal-height .actions {
    position: absolute;
    bottom: 0;
}

/**
 * Override modules
 */

/* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav #nav-home a.level-top .icon,
#nav #homelink-icon a.level-top .icon {
    margin-top: -2px;
}

/**
 * Theme-specific styles
 */

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.main {
    padding: 30px 0 40px;
}

/* Additional margin for main sidebars
-------------------------------------------------------------- */
.col-left > * {
    margin-right: 15px;
}

.col-right > * {
    margin-left: 15px;
}

/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fieldset
-------------------------------------------------------------- */
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
    margin: 0 0 10px;
    padding: 0 15px 15px;
}

/*.fieldset .legend,*/
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
    margin: 0 -15px 10px -15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set {
    margin: 10px 15px;
}

.buttons-set a {
    line-height: 35px;
}

/* Note: buttons and "required" have equal right margin */
.buttons-set button.button {
    margin-left: 5px;
    float: right;
}

.buttons-set p.required {
    margin: 0 5px 5px 0;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 {
    margin: 0;
    min-height: 1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */
}

.category-title {
    margin-bottom: 0;
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
    background: url(/assets/app/public/images/magento/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
    color: inherit;
    min-height: 70px;
    padding: 40px 20px 40px 160px !important;
}

/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs {
    line-height: 1.5em; /*18px*/
    /*margin: 0 0 5px;*/
}

/* Breadcrumbs on product page */
.catalog-product-view .breadcrumbs {
    margin-bottom: 10px;
}

/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Line breaker */
.user-menu .line-break-after {
    clear: both;
    margin-bottom: 1px;
}

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline .form-search .input-text {
    min-width: 180px;
}

/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Position 0 */
.search-wrapper-p0 {
    float: right;
}

.search-wrapper-p0 .form-search .input-text {
    min-width: 220px;
}

/* Position 1 - right side of top links */
.search-wrapper-p1 {
    float: right;
}

.search-wrapper-p1 .form-search .input-text {
    min-width: 220px;
}

/* Position 2 - right side of top links */
.search-wrapper-p2 {
    float: right;
}

.search-wrapper-p2 .form-search .input-text {
    min-width: 220px;
}

/* Position 3 - right side of top links */
.search-wrapper-p3 {
    float: right;
}

.search-wrapper-p3 .form-search .input-text {
    min-width: 220px;
}

/* Position 4 - right side of top links */
.search-wrapper-p4 {
    float: right;
}

.search-wrapper-p4 .form-search .input-text {
    min-width: 220px;
}

/* Position 5 - right side of top links */
.search-wrapper-p5 {
    float: right;
}

.search-wrapper-p5 .form-search .input-text {
    min-width: 220px;
}

/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*#mini-cart { margin-bottom:-8px; }*/

/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
    padding-left: 0;
    list-style: none;
}

.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
    background: url(/assets/app/public/images/magento/img/bullet.png) no-repeat 0 10px;
    padding-left: 10px;
}

/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
.block-related .section-title {
    padding-top: 19px;
}

.block-related-thumbnails .owl-wrapper {
    margin-top: 15px;
}

/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title {
    background: url(/assets/app/public/images/magento/img/ic-account.png) 5px 2px no-repeat;
    padding-left: 42px !important;
}

.block-account .block-content {
    padding: 10px 0 0;
}

.block-account li > * {
    padding: 2px;
}

.block-account li.current strong {
    font-weight: bold;
}

/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item {
    -webkit-tap-highlight-color: transparent;
}

/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.availability {*/
    /*float: right;*/
    /*margin: 15px 0 10px;*/
/*}*/

/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
    border-bottom: 1px solid #e5e5e5;
    margin: -10px 0 15px; /* Move up to align with the main price box */
    padding-bottom: 15px;
}

/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail {
    margin: 0 0 15px;
    height: 0;
    line-height: 0;
}

/* Upper part of the container */
.product-view .product-type-data > .price-box {
    border-top-style: solid;
    border-top-width: 1px;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Add to cart button */
.product-view .btn-cart span span {
    /*padding: 5px 40px;*/
}

/* Reviews */
.product-view .box-reviews .buttons-set {
    margin-left: 0;
    margin-right: 0;
}

/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku {
    margin: 15px 0;
}

.product-view .sku span {
    font-weight: bold;
}

/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability {
    margin-top: 0;
    margin-bottom: 0;
}

.product-view .grouped-items-table input.input-text {
    height: 26px;
    padding: 4px; /* Decrease default height and padding */
}

/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.my-account .pager { margin: -1px 0 20px; }*/

#form_filter_user_data li {
    display: inline-block;
}

#form_filter_user_data .date-picker.input-text.hasDatepicker {
    max-width: 100px;
}

/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary .section {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.accordion-style1 li a {*/
    /*border-bottom-color: #eee;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.06);*/
/*}*/

.accordion-style1 li a:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Nav container:
   with outline (if nav container has background color) or without outline (stretched)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* With outline
-------------------------------------------------------------- */
/* Add top and bottom margin */
/*.nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; }*/
.nav.has-outline .mobnav-trigger {
    margin-bottom: 0;
}

/* Trigger has no bottom margin */

/* Without outline
-------------------------------------------------------------- */
/* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */
.container.nav.stretched > .grid-full {
    margin-top: 0;
    margin-bottom: 0;
}

/*.nav > .grid-full { float:left; }*/

/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - stretch */
.cart-left-column .grid-full,
.cart-right-column .grid-full {
    width: 100%;
}

/* Interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,
    /* Add-to links */
.add-to-links.addto-icons a,
    /* Slider arrows (for zoom thumbnails) */
.slider-arrows3 .owl-controls  div,
.slider-arrows3 .owl-controls.clickable  div.disabled:hover,
    /* Deprecated */
.gen-slider-arrows3 .direction-nav a,
.gen-slider-arrows3 .direction-nav a.disabled:hover {
    background-color: transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid */
.products-grid .addto-links-icons span.icon {
    border-radius: 0;
}

/* Pager */

.pager .pages li {
    display: inline-block;
    margin: 0;
    height: 26px;
    width: 26px;
    line-height: 25px;
    font-size: 13px;
    margin-left: 5px;
    text-align: center;
    border-radius: 3px;
}

.pager .pages li.previous,
.pager .pages li.next {
    display: none;
}

.pager .pages li.current {
    color: #fff;
}

.pager .pages li b {
    font-weight: normal;
}

.pager .pages li a {
    background-color: #fff;
    color: #08c;
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.pager .pages li a:hover {
    text-decoration: none;
}

/* Add-to links */
.addto-links-icons span.icon,
.add-to-links.addto-icons a, /* Obsolete */

    /* Slideshow directional arrows */
.gen-slider-arrows2 .direction-nav a,
.gen-slider-arrows2 .direction-nav a.disabled:hover {
    background-color: #fff;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Deprecated: Header top - help block */
.header-top .phone {
    background: url(/assets/app/public/images/magento/img/ic-phone.png) 0 center no-repeat;
    padding: 0 0 0 24px;
}

.block_category_above_collection {
    margin: 10px 0;
}

.block_category_below_collection {
    margin: 10px 0;
}

.block_category_above_empty_collection {
    margin: 10px 0;
}

/*.block_product_primary_bottom {}
.block_product_secondary_bottom {}
.block_product_replace_related {}
.block_product_replace_upsell {}

.block_cart_below_totals {}
.block_cart_below_table {}*/

.block_mini_cart_above_products {
    margin: 0 0 10px;
}

.block_opc_below_progress {
    margin: 15px 0;
}

.block_cms_page_top {
    margin: 0 0 15px;
}

/*.block_header_top_left {}
.block_header_top_left2 {}
.block_header_top_right {}
.block_header_top_right2 {}

.block_footer_primary_bottom_left {}
.block_footer_primary_bottom_right {}*/
.block_footer_payment {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    color: #999;
    margin-top: 10px;
    padding: 0 !important;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.sample-block:hover {
    color: #333;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
   High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (   min--moz-device-pixel-ratio: 1.5), only screen and (     -o-min-device-pixel-ratio: 3/2), only screen and (    -ms-min-device-pixel-ratio: 1.5), only screen and (        min-device-pixel-ratio: 1.5) {

    /* Theme icons
	-------------------------------------------------------------- */
    /* To top */
    #scroll-to-top,
        /* All icons from icons-theme.css */
        /* Row 1: */
    .icon.i-wishlist,
    .icon.i-wishlist-w,
    .icon.i-wishlist-bw,
    .icon.i-wishlist-wb,
    .icon.i-compare,
    .icon.i-compare-w,
    .icon.i-compare-bw,
    .icon.i-compare-wb,
    .icon.i-recommend,
    .icon.i-recommend-w,
    .icon.i-recommend-bw,
    .icon.i-recommend-wb,
    .icon.i-lowstock,
    .icon.i-lowstock-w,
    .icon.i-lowstock-bw,
    .icon.i-lowstock-wb,
    .icon.i-cart,
    .icon.i-cart-w,
    .icon.i-cart-bw,
    .icon.i-cart-wb,
        /* Row 2: */
    .icon.i-left,
    .icon.i-left-w,
    .icon.i-left-bw,
    .icon.i-left-wb,
    .icon.i-right,
    .icon.i-right-w,
    .icon.i-right-bw,
    .icon.i-right-wb,
    .icon.i-top,
    .icon.i-top-w,
    .icon.i-top-bw,
    .icon.i-top-wb,
    .icon.i-bottom,
    .icon.i-bottom-w,
    .icon.i-bottom-bw,
    .icon.i-bottom-wb /* Last selector without trailing coma */

	 {
        background-image: url(/assets/app/public/images/magento/sprite@2x.png);
        background-size: 500px 200px;
    }

    /* All icons from icons-social.css
	-------------------------------------------------------------- */
    /* Row 1: */
    .icon.i-telephone,
    .icon.i-telephone-w,
    .icon.i-mobile,
    .icon.i-mobile-w,
    .icon.i-skype,
    .icon.i-skype-w,
    .icon.i-letter,
    .icon.i-letter-w,
    .icon.i-location,
    .icon.i-location-w,
        /* Row 2: */
    .icon.i-twitter,
    .icon.i-twitter-w,
    .icon.i-facebook,
    .icon.i-facebook-w,
    .icon.i-googleplus,
    .icon.i-googleplus-w,
    .icon.i-youtube,
    .icon.i-youtube-w,
    .icon.i-vimeo,
    .icon.i-vimeo-w,
    .icon.i-wordpress,
    .icon.i-wordpress-w,
    .icon.i-pinterest,
    .icon.i-pinterest-w,
    .icon.i-linkedin,
    .icon.i-linkedin-w,
    .icon.i-blogger,
    .icon.i-blogger-w,
    .icon.i-envato,
    .icon.i-envato-w /* Last selector without trailing coma */

	 {
        background-image: url(/assets/app/public/images/magento/sprite-icons-social@2x.png);
        background-size: 500px 200px;
    }

}

/* end: media query */

/*
 * 12-column grid system
 */

/* Container */
.container {
    margin-left: auto;
    margin-right: auto;
}

.nested-container {
    width: 102%;
    margin-left: -1%;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

    /* Special grid units */
.grid-col2-sidebar,
.grid-col2-main {
    /*position:relative;*/
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

/* Basic grid units width */
.grid12-1 {
    width: 6.33%;
}

.grid12-2 {
    width: 14.66%;
}

.grid12-3 {
    width: 23%;
}

.grid12-4 {
    width: 31.33%;
}

.grid12-5 {
    width: 39.67%;
}

.grid12-6 {
    width: 48%;
}

.grid12-7 {
    width: 56.33%;
}

.grid12-8 {
    width: 64.67%;
}

.grid12-9 {
    width: 73%;
}

.grid12-10 {
    width: 81.33%;
}

.grid12-11 {
    width: 89.67%;
}

.grid12-12,
.grid-full {
    width: 98%;
}

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1 {
    margin-left: 0;
    width: 7.33%;
}

.no-left-gutter.grid12-2 {
    margin-left: 0;
    width: 15.66%;
}

.no-left-gutter.grid12-3 {
    margin-left: 0;
    width: 24%;
}

.no-left-gutter.grid12-4 {
    margin-left: 0;
    width: 32.33%;
}

.no-left-gutter.grid12-5 {
    margin-left: 0;
    width: 40.67%;
}

.no-left-gutter.grid12-6 {
    margin-left: 0;
    width: 49%;
}

.no-left-gutter.grid12-7 {
    margin-left: 0;
    width: 57.33%;
}

.no-left-gutter.grid12-8 {
    margin-left: 0;
    width: 65.67%;
}

.no-left-gutter.grid12-9 {
    margin-left: 0;
    width: 74%;
}

.no-left-gutter.grid12-10 {
    margin-left: 0;
    width: 82.33%;
}

.no-left-gutter.grid12-11 {
    margin-left: 0;
    width: 90.67%;
}

.no-left-gutter.grid12-12,
.no-left-gutter.grid-full {
    margin-left: 0;
    width: 99%;
}

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1 {
    margin-right: 0;
    width: 7.33%;
}

.no-right-gutter.grid12-2 {
    margin-right: 0;
    width: 15.66%;
}

.no-right-gutter.grid12-3 {
    margin-right: 0;
    width: 24%;
}

.no-right-gutter.grid12-4 {
    margin-right: 0;
    width: 32.33%;
}

.no-right-gutter.grid12-5 {
    margin-right: 0;
    width: 40.67%;
}

.no-right-gutter.grid12-6 {
    margin-right: 0;
    width: 49%;
}

.no-right-gutter.grid12-7 {
    margin-right: 0;
    width: 57.33%;
}

.no-right-gutter.grid12-8 {
    margin-right: 0;
    width: 65.67%;
}

.no-right-gutter.grid12-9 {
    margin-right: 0;
    width: 74%;
}

.no-right-gutter.grid12-10 {
    margin-right: 0;
    width: 82.33%;
}

.no-right-gutter.grid12-11 {
    margin-right: 0;
    width: 90.67%;
}

.no-right-gutter.grid12-12,
.no-right-gutter.grid-full {
    margin-right: 0;
    width: 99%;
}

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1 {
    margin-left: 0;
    margin-right: 0;
    width: 8.33%;
}

.no-gutter.grid12-2 {
    margin-left: 0;
    margin-right: 0;
    width: 16.66%;
}

.no-gutter.grid12-3 {
    margin-left: 0;
    margin-right: 0;
    width: 25%;
}

.no-gutter.grid12-4 {
    margin-left: 0;
    margin-right: 0;
    width: 33.33%;
}

.no-gutter.grid12-5 {
    margin-left: 0;
    margin-right: 0;
    width: 41.67%;
}

.no-gutter.grid12-6 {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
}

.no-gutter.grid12-7 {
    margin-left: 0;
    margin-right: 0;
    width: 58.33%;
}

.no-gutter.grid12-8 {
    margin-left: 0;
    margin-right: 0;
    width: 66.67%;
}

.no-gutter.grid12-9 {
    margin-left: 0;
    margin-right: 0;
    width: 75%;
}

.no-gutter.grid12-10 {
    margin-left: 0;
    margin-right: 0;
    width: 83.33%;
}

.no-gutter.grid12-11 {
    margin-left: 0;
    margin-right: 0;
    width: 91.67%;
}

.no-gutter.grid12-12,
.no-gutter.grid-full {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar {
    width: 23%;
}

.grid-col2-main {
    width: 73%;
}

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar {
    width: 31.52%;
}

.grid-col3-main {
    width: 65.90%;
}

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
    display: table;
    width: 100%;
}

.v-grid {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 {
    display: none !important;
}

.hide-below-1440 {
    display: none !important;
}

.hide-below-1360 {
    display: none !important;
}

.hide-below-1280 {
    display: none !important;
}

/* Container: stretched, without side margin
-------------------------------------------------------------- */
/* Remove padding from stretched container (it is added for narrow screens via media queries) */
.container.stretched {
    width: 96%;
    padding-left: 0;
    padding-right: 0;
}

/* Stretch inner grid unit (full width) */
.container.stretched > .grid-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Grid units container: clears floats
   (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container {
    *zoom: 1;
    clear: both;
}

.grid-container:before,
.grid-container:after {
    display: table;
    line-height: 0;
    content: "";
}

.grid-container:after {
    clear: both;
}

/* Grid unit container: clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced {
    *zoom: 1;
    clear: both;
}

.grid-container-spaced:before,
.grid-container-spaced:after {
    display: table;
    line-height: 0;
    content: "";
}

.grid-container-spaced:after {
    clear: both;
}

.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full {
    margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
    background-color: #eee;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.show-grid [class*="grid12-"]:hover {
    background-color: #F08080;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2014-07-02 17:24:51 */

/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.container {
    width: 96%;

}

.lte-ie8 .container {
    max-width: 1200px;
}

/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px) {

    .container {
        max-width: 1200px;
    }

    /* Special grid units */
    .grid-col2-sidebar {
        width: 20.41%;
    }

    .grid-col2-main {
        width: 75.58%;
    }

    .grid-col3-sidebar {
        width: 27.01%;
    }

    .grid-col3-main {
        width: 70.34%;
    }

    /* Hide */
    .hide-below-1280 {
        display: inherit !important;
    }
}

/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {

    /* Hide */
    .hide-below-1024 {
        display: none !important;
    }
}

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Hide */
    .hide-below-960 {
        display: none !important;
    }
}

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */
    .container {
        width: 92%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .nested-container {
        width: 100%;
        margin-left: auto;
    }

    /* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    /* Below 768px all grid units are stretched (full width) and stack vertically */
    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    .grid-full,
    .grid-col2-sidebar,
    .grid-col2-main,
    .grid-col3-sidebar,
    .grid-col3-main {
        width: 100% !important; /* Added "!important" to override units with "no-gutter" */
        margin-left: 0;
        margin-right: 0;
    }

    /* Vertically aligned grid
	-------------------------------------------------------------- */
    .v-grid-container {
        display: block;
    }

    .v-grid {
        float: inherit;
        display: block;
        width: 100%;
    }
}

/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Hide */
    .hide-below-960 {
        display: none !important;
    }

    .hide-below-768 {
        display: none !important;
    }

    /* Deprecated: persistent grid units (will be removed in the next update)
	-------------------------------------------------------------- */
    /* Half */
    .persistent-grid2-1 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* One-third + two-thirds */
    .persistent-grid3-1 {
        width: 31.33%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .persistent-grid3-2 {
        width: 64.67%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* One-fourth + two-fourths + three-fourths */
    .persistent-grid4-1 {
        width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .persistent-grid4-2 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .persistent-grid4-3 {
        width: 73%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* Mobile grid (for browser viewport between 480px and 768px):
	   Below 768px all grid units are stretched (full width) and stack vertically.
	   The "mobile-grid" class forces narrow grid units to stay narrow,
	   but the width is increased to avoid too small columns.
	-------------------------------------------------------------- */
    .mobile-grid.grid12-1 {
        width: 14.66% !important;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* 1/12 turns into 1/6 */
    .mobile-grid.grid12-2 {
        width: 31.33% !important;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* 1/6  turns into 1/3 */
    .mobile-grid.grid12-3 {
        width: 48% !important;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* 1/4  turns into 1/2 */
    /* Force other grid units to take half of the available width */
    .mobile-grid-half {
        width: 48% !important;
        margin-left: 1%;
        margin-right: 1%;
    }

}

/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

}

/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

    /* Stretch containers to full width and add side padding */
    .container {
        max-width: none !important;
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    /* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full {
        margin-top: 3%;
        margin-bottom: 3%;
    }

}

/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Hide */
    .hide-below-960 {
        display: none !important;
    }

    .hide-below-768 {
        display: none !important;
    }

    .hide-below-480 {
        display: none !important;
    }
}

/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

    .container {
        max-width: none !important;
        width: 92%;
        padding-left: 4%;
        padding-right: 4%;
    }

    /* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
    .nav.has-outline > .grid-full {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    /* Hide */
    .hide-below-960 {
        display: none !important;
    }

    .hide-below-768 {
        display: none !important;
    }

    .hide-below-480 {
        display: none !important;
    }

    .hide-below-320 {
        display: none !important;
    }
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2014-07-11 22:15:22 */

/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px) {

    /* Header
	-------------------------------------------------------------- */
    .header .logo {
        max-width: 350px;
    }

    /* Cart
	-------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 110px;
    }

    /* Product page
	-------------------------------------------------------------- */
    .product-view .sticker {
        width: 80px;
        height: 80px;
    }

    /* Misc
	-------------------------------------------------------------- */
    /* Mini cart */
    .after-mini-cart {
        clear: none;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 362px;
    }

    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none;
    }

    /* Slideshow caption
	-------------------------------------------------------------- */
    .caption .heading {
        font-size: 3.3em;
    }

    .caption p {
        font-size: 1.6666em;
    }

}

/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

    /* Cart
	-------------------------------------------------------------- */
    .cart-table .product-image {
        max-width: 80px;
    }

    /* Product page
	-------------------------------------------------------------- */
    .product-view .sticker {
        width: 80px;
        height: 80px;
    }
}

/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

    /* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker {
        width: 45px;
        height: 45px;
        font-size: 1em;
    }

    .products-grid .item:hover .sticker {
        width: 50px;
        height: 50px;
    }

    /* Misc
	-------------------------------------------------------------- */
    /* Scroll to top button */
    #scroll-to-top {
        display: none !important;
    }

    /* Hide Sign Up link in Top Links */
    #link-sign-up {
        display: none;
    }

    /* Hide amount. Note: has to be defined after aligning ".amount" center */
    .toolbar .sorter .amount {
        display: none !important;
    }
}

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Default Magento classes
	-------------------------------------------------------------- */
    .nobr {
        white-space: normal !important;
    }

    /* Cart
	-------------------------------------------------------------- */
    .cart-table .product-name {
        font-size: 1em;
        font-family: inherit;
    }

    .cart-table .product-image {
        max-width: 80px;
    }

    /* Product page
	-------------------------------------------------------------- */
    /* Related - simple */
    .block-related-thumbnails .product-details {
        margin-left: 0;
        margin-bottom: 10px;
        clear: left;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px !important;
    }

    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 32%;
    }

    /* Slideshow caption
	-------------------------------------------------------------- */
    .caption .heading {
        font-size: 2.0833em;
    }

    .caption p {
        font-size: 1.1666em;
    }

    .caption button.button span span {
        height: 35px;
        line-height: 35px;
        padding: 0 15px;
    }

}

/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {

    /* Mobile accordion
	-------------------------------------------------------------- */
    .mobile-collapsible .block-title {
        border-bottom: none;
    }

    /* Hide line when not on mobile */
    .mobile-collapsible .opener {
        display: none !important;
    }

    /* Always hide when not on mobile */
    .mobile-collapsible .block-content {
        display: block !important;
    }

    /* Always show when not on mobile */
    /* See also: always make the container "relative" when ON mobile */
}

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

    /* Grid and basic layout
	-------------------------------------------------------------- */
    /* Margin for basic Magento columns */
    .col-main,
    .col-left,
    .col-right {
        margin-bottom: 30px;
    }

    /* Product view:
		   margin for all grid units */
    .product-view .grid12-1,
    .product-view .grid12-2,
    .product-view .grid12-3,
    .product-view .grid12-4,
    .product-view .grid12-5,
    .product-view .grid12-6,
    .product-view .grid12-7,
    .product-view .grid12-8,
    .product-view .grid12-9,
    .product-view .grid12-10,
    .product-view .grid12-11,
        /* deprecated */
    .product-view .grid4-1,
    .product-view .grid4-2,
    .product-view .grid4-3,
    .product-view .grid2-1
		/* end:deprecated */
		 {
        margin-bottom: 30px;
    }

    /* Remove additional margin for main sidebars */
    .col-left > * {
        margin-right: 0;
    }

    .col-right > * {
        margin-left: 0;
    }

    /* Magento utility classes
	-------------------------------------------------------------- */
    .nobr {
        white-space: normal !important;
    }

    /* Forms
	-------------------------------------------------------------- */
    .form-list .field,
    .form-list input.input-text,
    .form-list textarea,
    .form-list select,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text,
    .form-list li.wide textarea,
    .form-list li.wide select {
        max-width: 100%;
    }

    /* Tables
	-------------------------------------------------------------- */
    .data-table thead .nobr {
        white-space: normal !important;
    }

    .data-table th,
    .data-table td {
        padding: 5px;
    }

    /* Data tables formatting
	-------------------------------------------------------------- */
    /* Basic formatting */
    .cart .data-table thead,
    .my-wishlist .data-table thead,
    .my-account .data-table thead,
    .order-review .data-table thead {
        display: none;
    }

    .cart .data-table tbody,
    .my-wishlist .data-table tbody,
    .my-account .data-table tbody,
    .order-review .data-table tbody {
        background: transparent !important;
    }

    .cart .data-table tr,
    .cart .data-table td,
    .my-wishlist .data-table tr,
    .my-wishlist .data-table td,
    .my-account .data-table tr,
    .my-account .data-table td,
    .order-review .data-table tr,
    .order-review .data-table td {
        border: none !important;
        background: transparent !important;
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .cart .data-table tr,
    .my-wishlist .data-table tr,
    .my-account .data-table tr,
    .order-review .data-table tr {
        border-bottom: 1px solid #e5e5e5 !important;
        margin-bottom: 20px;
    }

    /* Highlight first cell in table footer */
    .my-account .data-table tfoot tr td:first-child,
    .order-review .data-table tfoot tr td:first-child {
        font-weight: bold;
    }

    /* Show cell label */
    .data-table .cell-label {
        display: inline-block;
        width: 30%;
        min-width: 100px;
        max-width: 140px;
        margin-right: 10px;
        font-weight: bold;
    }

    /* Header
	-------------------------------------------------------------- */
    /* Global notices */
    .global-site-notice .notice-inner {
        background: none;
        padding: 10px 0;
        text-align: center;
    }

    .global-site-notice .notice-inner p {
        width: 100%;
        padding: 0 0 10px;
    }

    .global-site-notice .notice-inner .actions {
        padding-bottom: 5px;
    }

    /* Logo
		-------------------------------------------------------------- */
    .header .logo-wrapper {
        text-align: center;
    }

    .header .logo {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Quick search
		-------------------------------------------------------------- */
    /* Search: mobile (search bar layout for narrow screens)
			-------------------------------------------------------------- */
    .search-wrapper-mobile {
        display: block; /* To override possible inline styles */
        clear: both;
        width: 100%;
        margin: 10px 0;
        /*float: none;*/
    }

    .search-wrapper-mobile .form-search {
        width: 100%;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }

    .search-wrapper-mobile .form-search .input-text {
        width: 100%;
        min-width: 100%; /* Cancel minimum width */
    }

    /* Search: header inline
			-------------------------------------------------------------- */
    /* Note: added .header class to override other selectors */
    .header .search-wrapper-inline {
        display: block;
        clear: both;
        width: 100%;
        margin: 10px auto;
    }

    /* If wrapper is an .item, then remove side margins */
    .header .item.search-wrapper-inline {
        margin-left: auto;
        margin-right: auto;
    }

    .search-wrapper-inline #search_mini_form {
        display: block;
    }

    .search-wrapper-inline .form-search .input-text {
        width: 100%;
    }

    /* Other
		-------------------------------------------------------------- */
    /* User menu (Top Links) */
    .user-menu {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* Top links */
    .top-links {
        float: left;
    }

    /* Mini cart */
    .after-mini-cart {
        clear: none;
    }

    /* Deprecated */
    /* Line breaker - disable on narrow screens */
    .user-menu .line-break-after {
        clear: none;
    }

    /* Footer
	-------------------------------------------------------------- */
    /* Footer elements - align center */
    .footer .mobile-inline-container {
        text-align: center;
    }

    .footer .mobile-inline-container > * {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .footer-primary-top-spacing,
    .footer-primary-bottom-spacing,
    .footer-top .links,
    .footer-bottom {
        text-align: center;
    }

    .footer-primary-top-spacing .item,
    .footer-primary-bottom-spacing .item,
    #subscribe-form,
    .footer-bottom .item,
    .footer-top .links li {
        float: none;
        display: inline-block;
    }

    .footer-top .item {
        float: none;
    }

    /* Simplify links */
    .footer .links-wrapper-separators .links li a,
    .footer .links-wrapper-separators-left .links li a {
        background-image: none;
    }

    /* Footer elements */
    .footer-primary-bottom-spacing .item {
        width: 100%;
        margin: 0;
    }

    .footer-bottom .item {
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Copyright - remove space */
    .footer-copyright {
        margin-left: 0;
    }

    /* Primary and secondary section: additional inner padding */
    .footer-primary > .grid-full > .section,
    .footer-secondary > .grid-full > .section {
        padding: 15px 10px;
    }

    /* Layered navigation
	-------------------------------------------------------------- */
    .block-layered-nav dd li,
    .block-layered-nav .currently ol li {
        line-height: 2.3333em;
        background-position: 3px 10px;
    }

    .block-layered-nav dd li:hover,
    .block-layered-nav .currently ol li:hover {
        background-position: 6px 10px;
    }

    /* Toolbar
	-------------------------------------------------------------- */
    /* All elements - align center and increase vertical spacing */
    .pager,
    .sorter {
        text-align: center;
    }

    .pager .amount,
    .pager .limiter,
    .pager .pages,
    .sorter .amount,
    .sorter .limiter,
    .sorter .view-mode,
    .sorter .sort-by {
        display: inline-block;
        float: none;
        padding-top: 0;
        padding-bottom: 0;
    }

    .toolbar .sort-by,
    .toolbar .sorter .amount {
        border-right: none;
    }

    .sorter .per-page,
    .pager .per-page {
        display: none;
    }

    /* Category view
	-------------------------------------------------------------- */
    .note-msg.empty-catalog {
        background-position: center 10px !important;
        color: inherit;
        padding: 150px 10px 10px !important;
        text-align: center;
    }

    /* Page heading with RSS link */
    .page-title {
        position: relative;
    }

    .page-title .link-rss {
        float: none;
        display: block;
        position: static;
        margin: 10px 0 0;
    }

    /* Products list
	-------------------------------------------------------------- */
    .products-list .product-shop-inner {
        padding-right: 0;
        border-right: none;
    }

    /* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
    /* Product name */
    .products-grid .product-name {
        font-size: 1.1666em; /*14px*/
        line-height: 1.2307em; /*16px*/
    }

    /* Buttons */
    .products-grid .item button.btn-cart span span {
        padding: 7px 15px;
        height: auto;
        line-height: 2em;
    }

    /* Product page
	-------------------------------------------------------------- */
    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
    .product-view .box-additional {
        margin-top: 0;
    }

    /* Related: remove bottom margin */
    .block-related-slider {
        margin-bottom: 0;
    }

    /* Sidebar */
    .product-view .custom-sidebar-right .inner {
        padding-left: 0;
        border-left: none;
    }

    .product-view .custom-sidebar-left .inner {
        padding-right: 0;
        border-right: none;
    }

    /* Add-to links */
    .product-view .add-to-links {
        text-align: center;
    }

    .product-view .add-to-links li {
        float: none;
        display: inline-block;
    }

    /* Cart
	-------------------------------------------------------------- */
    /* Buttons below table: align center */
    .cart-table tfoot tr.first td {
        text-align: center !important;
        padding: 0;
        margin-bottom: 20px;
    }

    .cart-table tfoot button {
        display: inline-block;
        float: none !important;
        margin: 0 0 3px;
        padding: 0;
    }

    /* One Page Checkout
	-------------------------------------------------------------- */
    /* Step title - link "edit" */
    .opc .allow .step-title a {
        display: none;
    }

    /* Form */
    /*.opc form fieldset { display:table-column-group; }*/
    /* Account
	-------------------------------------------------------------- */
    .my-wishlist .product-image {
        max-width: none;
    }

    /* Items slider
	-------------------------------------------------------------- */
    .control-nav.control-paging {
        display: none;
    }

    /* Deprecated */
    /* If only one item exists */
    .itemslider.single-item .slides > li {
        margin: 0 auto;
    }

    /* Deprecated */
    /* Slideshow
	-------------------------------------------------------------- */
    /* Slideshow navigation: move buttons to the top right corner */
    .the-slideshow-wrapper .slider-arrows2 .owl-controls  .owl-prev {
        top: 10px;
        right: 60px;
        left: auto;
    }

    .the-slideshow-wrapper .slider-arrows2 .owl-controls  .owl-next {
        top: 10px;
        right: 10px;
        left: auto;
    }

    /* Deprecated */
    .the-slideshow .direction-nav .prev {
        top: 4%;
        right: 63px;
        left: auto;
    }

    .the-slideshow .direction-nav .next {
        top: 4%;
        right: 2%;
    }

    /* Pagination */
    .the-slideshow-wrapper .owl-pagination {
        display: none;
    }

    /* Slideshow caption */
    /* Shrink font, hide all elements except heading */
    .caption > * {
        display: none !important;
    }

    .caption .heading {
        display: inline-block !important;
        font-size: 2.0833em;
        margin-bottom: 1px;
    }

    .caption p {
        font-size: 1.1666em;
        margin-bottom: 1px;
    }

    .caption button.button span span {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }

    /* Cloud Zoom
	-------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big,
    .cloud-zoom-lens {
        display: none !important;
    }

    #cloud-zoom-big, .cloud-zoom-big {
	  background-color: #fff;
	}

    .cloud-zoom-lens {
        cursor: default !important;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 16%;
    }

    /* Lightbox
	-------------------------------------------------------------- */
    #cboxTitle,
    #cboxCurrent {
        display: none !important;
    }

    /* Accordion
	-------------------------------------------------------------- */
    .accordion-style1 li a {
        padding: 15px 10px;
        font-size: 1.1666em; /*14px*/
        line-height: 1.2857em; /*18px*/
    }

    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion-style1 li.parent > a {
        padding-right: 53px;
    }

    .accordion-style1 .opener {
        width: 48px;
        height: 48px;
    }

    /* Mobile accordion
	-------------------------------------------------------------- */
    .mobile-collapsible .block-content {
        display: none;
    }

    /* Hide on mobile */
    .mobile-collapsible {
        position: relative;
    }

    /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */
    /* Menu
	-------------------------------------------------------------- */

}

/* end: width < 768px */

/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Category view
	-------------------------------------------------------------- */
    .products-list .product-shop,
    .products-list .right-column,
    .products-list .product-image-wrapper {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Broaden the slider if at least 4 thumbnails */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 316px;
    }

    /*4*/
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav {
        display: none;
    }

    /* Shrink and align center the main image */
    .img-box .product-image {
        width: 60.4651%; /*364px*/
    }

}

/* end: 480px <= width < 768px */

/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

    /* Item grid
	-------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 31.3333%;
        clear: none !important;
    }

    .itemgrid.itemgrid-adaptive .item:nth-child(3n+1) {
        clear: left !important;
    }
}

/* end: 640px <= width < 768px */

/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

    h1 {
        font-size: 2em;
        line-height: 1.25em; /*24px, 30px*/
    }

    h2 {
        font-size: 1.6666em;
        line-height: 1.2em; /*20px, 24px*/
    }

    h3 {
        font-size: 1.3333em;
        line-height: 1.25em; /*16px, 20px*/
    }

    h4 {
        font-size: 1.1666em;
        line-height: 1.1428em; /*14px, 16px*/
    }

    h5 {
        font-size: 1em;
        line-height: 1em; /*12px, 12px*/
    }

    h6 {
        font-size: 1em;
        line-height: 1em; /*12px, 12px*/
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 19%;
    }
}

/* end: width < 640px */

/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

    /* Item grid
	-------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 48%;
        clear: none !important;
    }

    .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) {
        clear: left !important;
    }
}

/* end: 480 <= width < 640px */

/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

    /* Products grid
	-------------------------------------------------------------- */
    .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
    .products-grid .item .add-to-links {
        display: none !important;
    }

    /* Buttons
	-------------------------------------------------------------- */
    /* Button checkout + button "Add to cart" on product page */
    button.btn-checkout span span,
    .product-view .btn-cart span span {
        padding: 5px 10px;
    }

    /* Grid elements
	-------------------------------------------------------------- */
    .col2-set .col-1,
    .col2-set .col-2 {
        width: 100%;
    }

    /* Header
	-------------------------------------------------------------- */
    /* Mini cart */
    #mini-cart .dropdown-toggle {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    #mini-cart .dropdown-toggle.cover > div {
        background-color: transparent;
        color: inherit;
    }

    #mini-cart .dropdown-toggle span.icon {
        transition: none;
    }

    #mini-cart .dropdown-toggle .name {
        display: none;
    }

    #mini-cart .dropdown-toggle .caret {
        display: none !important;
    }

    #mini-cart .dropdown-menu {
        display: none !important;
    }

    #mini-cart.hide-empty-cart {
        display: none !important;
    }

    /* Quick compare dropdown */
    #quick-compare .dropdown-toggle {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    #quick-compare .dropdown-toggle.cover > div {
        background-color: transparent;
        color: inherit;
    }

    #quick-compare .dropdown-toggle span.icon {
        transition: none;
    }

    #quick-compare .dropdown-toggle .name {
        display: none;
    }

    #quick-compare .dropdown-toggle .caret {
        display: none !important;
    }

    #quick-compare .dropdown-menu {
        display: none !important;
    }

    #quick-compare.is-empty {
        display: none !important;
    }

    /* Header elements - align center
		-------------------------------------------------------------- */
    .header .mobile-inline-container {
        text-align: center;
    }

    .header .mobile-inline-container > * {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Links */
    .header .links {
        text-align: center;
    }

    .header .links li {
        float: none;
        display: inline-block;
    }

    /* Header top */
    .header-top {
        text-align: center;
    }

    .header-top .item {
        float: none;
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    /* Inside user menu */
    .user-menu {
        text-align: center;
    }

    .user-menu > *,
    .user-menu .links, /*Some blocks of links may be deeper than one level*/
    .dropdown {
        float: none !important;
        display: inline-block !important;
    }

    /* previous:
			.user-menu { text-align:center; }
			.user-menu .top-links { float:none; }
			#mini-cart,
			.user-menu .links,
			.user-menu .links li { float:none; display:inline-block; }
			*/
    /* Simplify horizontal links */
    .header .links-wrapper-separators .links li a,
    .header .links-wrapper-separators-left .links li a {
        background-image: none;
    }

    /* Products list
	-------------------------------------------------------------- */
    .products-list .item {
        margin-bottom: 20px;
    }

    .products-list .item:first-child {
        margin-top: 1px; /* Move item down to uncover the border of the toolbar */
    }

    .products-list .product-image {
        margin-bottom: 20px;
    }

    /* Products list: disable hover effect
	-------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .products-list.hover-effect .item {
        border-top: none;
    }

    .products-list.hover-effect .item:hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none !important;
    }

    /* Products grid: override size of elements (values like size-xs)
	-------------------------------------------------------------- */
    /* Product labels */
    .products-grid .sticker {
        width: 40px;
        height: 40px;
        font-size: 0.9166em;
    }

    .products-grid .item:hover .sticker {
        width: 45px;
        height: 45px;
    }

    /* Product page
	-------------------------------------------------------------- */
    /* Reviews */
    .product-view .box-reviews .form-add .data-table th,
    .product-view .box-reviews .form-add .data-table td {
        padding: 6px 1px;
    }

    .product-view .box-reviews .form-add .form-list input.input-text,
    .product-view .box-reviews .form-add .form-list textarea {
        width: 90%;
    }

    /* Add-to links */
    .product-view .add-to-links {
        text-align: inherit;
    }

    /* Toolbar
	-------------------------------------------------------------- */
    .toolbar .limiter {
        display: none;
    }

    .sorter .view-mode {
        display: none;
    }

    .sorter .sort-by {
        background: none;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    /* Remove right divider */
    /* Pages */
    .pager .pages li {
        display: none;
    }

    .pager .pages li.previous,
    .pager .pages li.current,
    .pager .pages li.next {
        display: block;
    }

    /* Account
	-------------------------------------------------------------- */
    /* Account info + Order info */
    /*
			.box-account.box-info .col-1,
			.order-info-box .col-1 { border-right:none; }
			.box-account.box-info .col-1 .box,
			.order-info-box .col-1 .box { padding-right:0; }
			*/
    .my-account .col2-set .col-1 {
        border-right: none;
        margin-bottom: 20px;
    }

    .my-account .col2-set .col-1 .box {
        padding-right: 0;
    }

    /* Order details */
    .order-items .sub-title .separator {
        display: none;
    }

    /* Checkout
	-------------------------------------------------------------- */
    .opc .step-title h2 {
        font-size: 1em;
        line-height: 2.8333em;
    }

    /* Advanced search results
	-------------------------------------------------------------- */
    .advanced-search-summary ul {
        width: 100%;
        margin-right: 0;
    }

    /* Footer
	-------------------------------------------------------------- */
    #subscribe-form label {
        display: inline-block;
        float: none;
        line-height: 1em;
        margin: 15px 0 2px;
    }

    #subscribe-form .input-box {
        display: inline-block;
        float: none;
        margin: 5px 0;
        position: relative;
        width: 100%;
    }

    #subscribe-form .input-text {
        width: 100%;
        max-width: 100%;
    }

    #subscribe-form .button {
        display: inline-block;
        float: none;
    }

    /*TOOD: check on mobiles*/
    #subscribe-form .input-box .validation-advice {
        width: 100%;
        left: 0;
    }

    /* Slideshow
	-------------------------------------------------------------- */
    .the-slideshow .control-nav {
        display: none;
    }

    /* Deprecated */
    /* Slideshow caption */
    /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
    .caption > *,
    .caption .heading,
    .caption .permanent {
        display: none !important;
    }

    .caption .heading.permanent {
        display: inline-block !important;
    }

    .caption .heading {
        font-size: 1.3333em;
    }

    .caption p {
        font-size: 1em;
    }

    /* Itemslider
	-------------------------------------------------------------- */
    /* Pagination */
    .itemslider .owl-pagination {
        display: none;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    #zoom-btn {
        display: none;
    }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 24%;
    }

}

/* end: width < 480px */

/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Item grid
	-------------------------------------------------------------- */
    .itemgrid.itemgrid-adaptive .item {
        width: 48%;
        clear: none !important;
    }

    .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) {
        clear: left !important;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 237px;
    }

    /*3*/
    /*{ max-width:158px; }*/
    /*2*/
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

}

/* end: 320px <= width < 480px */

/* Design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

    /* Disable hover effect
	-------------------------------------------------------------- */
    /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
    .category-products-grid.hover-effect .item {
        border-top: none;
    }

    .category-products-grid.hover-effect .item:hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1%;
        padding-right: 1%;
        box-shadow: none !important;
    }

    /* Show elements normally displayed only on hover */
    .category-products-grid.hover-effect .item .display-onhover {
        display: block !important;
    }

    /* Show full name even if enabled: display name in single line */
    .products-grid.single-line-name .item .product-name {
        overflow: visible;
        white-space: normal;
    }

    /* Spaces between items */
    .category-products-grid.hover-effect .item {
        margin-bottom: 20px;
    }

    /* Product page
	-------------------------------------------------------------- */
    /* Related - thumbnails */
    .block-related-thumbnails .product-details {
        margin-left: 0;
        margin-bottom: 10px;
        clear: left;
    }

    .block-related-thumbnails .product-details .price-box {
        display: inline-block;
        margin-right: 5px;
    }

    .block-related-thumbnails .product-details .related-add-to-wishlist {
        display: inline-block;
    }

    /* Item grid
	-------------------------------------------------------------- */
    /* Always show 1 column */
    /* Important: added ".itemgrid" class to override other styles */
    .itemgrid.itemgrid-adaptive .item {
        width: 98%;
        clear: none !important;
    }

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item {
        max-width: 32%;
    }

    /* Slideshow
	-------------------------------------------------------------- */
    .the-slideshow-wrapper  {
        display: none;
    }

    .the-slideshow .direction-nav {
        display: none;
    }

    /* Deprecated */

}

/* end: width < 320px */

/* Design for a width of 240px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 240px <= width < 320px */
@media only screen and (min-width: 240px) and (max-width: 319px) {

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 158px;
    }

    /*2*/

}

/* end: 240px <= width < 320px */

/* Design for a width of lass than 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 240px */
@media only screen and (max-width: 239px) {

    /* Cloud zoom
	-------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-2,
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi {
        max-width: 79px !important;
    }

    /*1*/
    /* Direction navigation */
    .itemslider-thumbnails.count-2 .direction-nav,
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav {
        display: block;
    }

}

/* end: width < 240px */

.nav .itemslider .item {
    padding-top: 0;
}

.nav-regular .mega > .nav-panel--dropdown,
.nav-regular .classic > .nav-panel--dropdown {
    border-top: none;
}