/*******************************************************************************

    SKREY CUSTOMIZATION

    This .css file does not override .css files from parent
    theme (Alo Alto Theme).

*******************************************************************************/

/*********************************** HELPERS **********************************/

/* Bootstrap Grid System */

.skrey.b2b .nob2b {display: none;}

.skrey
      .col-xs-l-1,
      .skrey
      .col-xs-l-2,
      .skrey
      .col-xs-l-3,
      .skrey
      .col-xs-l-4,
      .skrey
      .col-xs-l-5,
      .skrey
      .col-xs-l-6,
      .skrey
      .col-xs-l-7,
      .skrey
      .col-xs-l-8,
      .skrey
      .col-xs-l-9,
      .skrey
      .col-xs-l-10,
      .skrey
      .col-xs-l-11,
      .skrey
      .col-xs-l-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.skrey
        .visible-xs-inline-block {
    display: none !important;
}

/* Toggle Content */

.skrey 
        .collapsible {
    position: relative;
}

.skrey 
        .collapsible 
        .toggle-tab {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    display: block !important;
    text-align: right;
}

.skrey 
        .collapsible 
        .toggle-tab::before {
    content: "\f196";
    font-family: FontAwesome;
    color: #70757b;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey 
        .collapsible.toggle-visible
        .toggle-tab::before {
    content: "\f147";
}

.skrey 
        .collapsible 
        .toggle-tab:hover::before, 
        .skrey 
        .collapsible 
        .toggle-tab:focus::before {
    color: #fff;
}

.skrey 
        .collapsible 
        .toggle-content {
    display: none;
}

.skrey 
        .collapsible 
        .toggle-content.visible {
    display: block;
}

/* Loader */

.skrey
        .loading::before {
    font-family: FontAwesome;
    content: "\f1ce";
    color: #1974dd;
    font-size: 18px;
    line-height: 50px;
}

/* No Display */

.skrey
        .no-display {
    display: none !important;
}

/* Email Text - Without Text Transformations*/

.skrey
        .email {
    text-transform: none !important;
}

/* Anchors Bordered Effect */

.skrey
        a.border-effect > .effect:after {
    content: "";
    bottom: 0;
    left: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0px;
    z-index: 2;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

.skrey
        a.border-effect:hover > .effect:after,
        .skrey
        a.border-effect.active > .effect:after {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
    width: 20px;
}

/* Anchors to Buttons */

/*
.skrey
        a.button {
    color: #ffffff;
    background-color: #1974dd;
    border-color: #1974dd;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
}

.skrey
        a.button:hover {
    background-color: #1562bb;
    border-color: #1562bb;
}*/

.skrey
        .only-icon-visible {
    float: left;
    height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.skrey
        a.button.only-icon-visible,
        .skrey
        button.only-icon-visible {
    border-style: solid;
    border-width: 2px;
}

.skrey
        a.only-icon-visible
        i.icons,
        .skrey
        button.only-icon-visible
        i.icons {
    font-size: 22px;
    height: 39px;
    line-height: 39px;
    width: 100%;
}

/* Borderless Table */

.skrey
        table.borderless,
        .skrey
        table.borderless
        thead,
        .skrey
        table.borderless
        thead
        th,
        .skrey
        table.borderless
        thead
        tr,
        .skrey
        table.borderless
        thead
        td,
        .skrey
        table.borderless
        tbody,
        .skrey
        table.borderless
        tbody
        th,
        .skrey
        table.borderless
        tbody
        td,
        .skrey
        table.borderless
        tfoot,
        .skrey
        table.borderless
        tfoot
        th,
        .skrey
        table.borderless
        tfoot
        tr,
        .skrey
        table.borderless
        tfoot
        td {
    border: none !important;
}

.skrey
        table.borderless
        th {
    font-size: 15px;
}

.skrey
        table.borderless
        thead
        tr
        th {
    padding: 15px 8px;
}

.skrey
        table.borderless
        tbody
        tr {
    border-bottom: 1px solid #ddd;
}

.skrey
        table.borderless
        tbody
        tr
        th {
    display: block;
}

.skrey
        table.borderless:not(.attribute-table)
        tbody
        th,
        .skrey
        table.borderless:not(.attribute-table)
        tbody
        td {
    padding: 35px 8px;
}

.skrey
        table.borderless
        tbody
        td {
    font-size: 13px;
}

.skrey
        table.borderless
        th {
    background-color: #f5f5f5;
}

.skrey
        table.borderless
        tbody
        tr {
    background-color: #fff !important;
}

.skrey
        table.borderless
        strong {
    font-weight: bold !important;
}

/* Declarative List */

.skrey
        ul.declaretive-list > li.field {
    width: 100%;
    margin: 0 0 8px;
}

.skrey
        ul.declaretive-list > li.field > label.title {
    width: 200px;
    padding-right: 10px;
    float: left;
    color: #666;
    font-weight: 300;
    position: relative;
    z-index: 0;
}

/********************************* END HELPERS ********************************/

/*********************************** GLOBAL ***********************************/

/* Form Control */

.skrey
        .form-list
        .control {
    display: flex;
    align-items: center;
}

/* Form Select */

.skrey
        .form-list
        select {
    height: 37px;
}

/* Label */

.skrey
        .label {
    color: #333333;
}

/* Strong */

.skrey
        strong {
    font-weight: 900;
}

/* Selection */

.skrey
        ::selection {
    background-color: #1562bb;
    color: #fff;
}

.skrey
        img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.skrey
        .img-responsive {
    max-width: 100%;
}

/* Alo Content */

.skrey
        .alo-content {
    color: #333;
}

/* Input - Colors */

.skrey
        input.input-text,
        .skrey
        select,
        .skrey
        textarea {
    border-color: #ddd;
}

/* Input - Transition Effects */

.skrey
        input,
        .skrey
        textarea,
        .skrey
        select {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

/* Anchors */

.skrey
        a {
    text-decoration: none;
}

.skrey
        a:focus {
    color: #000000;
}

/* Anchors - as Buttons */

.skrey
        a.button {
    color: #ffffff;
    background-color: #1974dd;
    border-color: #1974dd;
}

.skrey
        a.button:hover {
    color: #ffffff;
    background-color: #1562bb;
    border-color: #1562bb;
}

/* Anchors and Buttons - Transition Effects */

.skrey
        a.button,
        .skrey
        a.button
        *,
        .skrey
        button.button,
        .skrey
        button.button
        * {
    text-transform: capitalize !important;
}

.skrey
        a,
        .skrey
        button {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

/* Anchors and Buttons - Transition Effects EXCEPTIONS */

/* Magic Slider Anchors and Buttons Transitions are applied by JS.
   Check on design folder /template/magiccart/magicslider/magicslider.phtml */

.skrey
        a#backtotop,
        .skrey
        .magicslider
        .bx-viewport
        a {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
}

/* Anchors and Buttons - Icons */

.skrey .price-box .price {
    font-weight: 800;
}

.skrey
        a
        i.icons,
        .skrey
        button
        i.icons {
    display: inline-block !important;
}

/* Checkout Button */

.skrey
        button.button.btn-checkout:hover {
    border-color: #1562bb;
}

/* Unordered Lists Items (Title) - Transition Effects */

.skrey
        ul > li > span.title {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

/* Unordered Lists Items (Title) - Color */
.skrey
        ul > li > span.title {
    color: #000000;
}

/* Unordered Lists Items (Title) - Border */

.skrey
        ul > li > span.title:after {
    border-color: #333333 !important;
    bottom: -15px !important;
}

/* Sidebar Blocks (Title) - Border */

.skrey
        .sidebar
        .magictabs {
    margin: 0 0 30px !important;
}

.skrey
        .magictabs
        .item
        .title:after,
        .skrey
        .featured-product-tab
        .magictabs
        .item
        .title:after {
    border-bottom: 2px solid #333333;
    bottom: -15px;
    content: "";
    left: 0px;
    right: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0px;
    z-index: 2;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

.skrey
        .magictabs
        .item.active
        .title:after,
        .skrey
        .featured-product-tab
        .magictabs
        .item:hover
        .title:after {
    opacity: 1;
    visibility: visible;
    width: 20px;
}

.skrey
        .sidebar
        .block
        .block-title:before,
        .skrey
        .block.filter
        .filter-title:before,
        .block-blog
        .blog-title
        h5:before {
    border-color: #333333 !important;
    bottom: -15px !important;
}

.skrey
        .block-related
        .block-title
        h3
        span,
        .skrey
        .box-up-sell
        .block-title
        h3
        span,
        .skrey
        .crosssell
        h3
        span,
        .skrey
        .alo-brands
        .item
        span,
        .skrey
        .block-title-tabs
        span,
        .skrey
        .magictabs
        .item.active
        .title,
        .skrey
        .block
        .block-title
        strong
        span,
        .skrey
        .testimonials
        h3
        span,
        .skrey
        .account-login
        .content
        h2 {
    color: #000;
}

/* Prices */

.skrey
        .price-box
        .minimal-price-link > .label {
    color: #6f6f6f;
    font-size: 10px;
    padding: 0;
}

.skrey
        :not(.old-price) > .price {
    /* Fix: This should be a backend customization! */
    color: #1974dd !important;
}

.skrey
        table
        .price {
    font-size: 16px;
}

/* Product Availability (In Stock) - Colors */

.skrey
        .availability.in-stock
        span {
    /* Fix: This should be a backend customization! */
    color: #080 !important;
}

/* Product Availability (Few Units) - Colors */

.skrey
        .availability.few-units
        span {
    /* Fix: This should be a backend customization! */
    color: #dc6809 !important;
}

/* Product Availability (Stock Order) - Colors */

.skrey
        .availability.stock-order
        span {
    /* Fix: This should be a backend customization! */
    color: #1974dd !important;
}

/* Product Availability (Stock Transit) - Colors */

.skrey
        .availability.stock-transit
        span {
    /* Fix: This should be a backend customization! */
    color: #1562bb !important;
}

/* Product Availability (Out of Stock) - Colors */

.skrey
        .availability.out-of-stock
        span {
    /* Fix: This should be a backend customization! */
    color: #d00 !important;
}

/* Product Availability */

.skrey
        .availability
        span {
    padding: 0;
}

/* Form - Required Fields */

.skrey
        .fieldset {
    position: relative;
    /*padding: 35px 25px 12px 33px; */
    padding: 15px 15px 0;
    margin: 0;
}

.skrey
        .fieldset
        p.required {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 25px 12px 33px;
    margin: 0;
}

.skrey
      .fieldset
      .captcha-fields {
    margin: 30px 0;        
}

/* Form - Form Instructions */

.skrey
        .fieldset
        .form-instructions {
    margin-bottom: 20px;
}

/* Page Main Container */

.skrey
        .page > .main-container > .container:first-child,
        .skrey
        .page > .main-container > .alo-content:first-child > .container:first-child {
    margin-top: 30px;
}

.skrey
        .page > .main-container > .container,
        .skrey
        .page > .main-container > .alo-content > .container {
    margin-bottom: 30px;
}

/* Page Title */

.skrey
        .page-title {
    margin: 0 0 25px 0;
}

.skrey
        .page-title
        h1 {
    color: #333;
    font-size: 25px;
    letter-spacing: 2px;
}

/* Page Subheading */

.skrey
        .page-subheading {
    font-weight: 500;
    line-height: normal;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    text-align: left;
}

.skrey
        .page-subheading:before {
    border-bottom: 2px solid #333333;
    bottom: -15px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px;
}

.skrey
        .page-subheading
        span {
    font-family: 'Lato', sans-serif;
    color: #000;
    position: relative;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 16px;
}

.skrey
        .block
        .block-title,
        .skrey
        .block
        .block-title
        strong
        span,
        .skrey
        .block-related
        .block-title
        h3
        span,
        .skrey
        .box-up-sell
        .block-title
        h3
        span,
        .skrey
        .crosssell
        h3
        span,
        .skrey
        .alo-brands
        .item
        span,
        .skrey
        .block-title-tabs
        span,
        .skrey
        .magictabs
        .item
        .title,
        .skrey
        .block
        .block-title
        strong
        span,
        .skrey
        .testimonials
        h3
        span,
        .skrey
        .account-login
        .content
        h2 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}

/* Print */

.skrey
        .link-print {
    font-weight: normal;
    color: #6f6f6f;
}

.skrey
        .link-print:hover,
        .skrey
        .link-print:focus {
    color: #000;
}

/* Tables */

.skrey
        table
        tbody
        td
        .nobr {
    font-size: inherit;
}

/* :after pseudo class */

.skrey
        .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-collateral:after,
        .product-view
        .product-img-box
        .more-views
        ul: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,
        ul.declaretive-list > li:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.skrey
      .std
      img {
    max-width: 100%;
    margin: auto;
}

/********************************* END GLOBAL *********************************/

/************************** STICKY SOCIAL ICONS WIDGET *************************/

/* Sticky Social Icons - Container */

.skrey
        .social-icons {
    display: none;
}

/************************ END STICKY SOCIAL ICONS WIDGET **********************/

/******************************* SOCIAL BUTTONS *******************************/

.skrey
        button.bt-login-social {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    height: 40px;
}

.skrey
        #sociallogin_button {
    margin: 0;
}

.skrey
        .opc-firststep-login
        #sociallogin_button {
    float: right;
}

.skrey
        #sociallogin_button > ul {
    margin: 0;
}

.skrey
        #sociallogin_button > ul > li {
    padding-bottom: 0;
}

.skrey
        #sociallogin_button > ul > li:first-child {
    padding-left: 0;
}

/******************************* SOCIAL BUTTONS *******************************/

/*********************************** HEADER ***********************************/

/* Header - Top */

.skrey
        .header-fixed.top {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #ddd;
}

.skrey
        .header-top > .row {
    margin: 0;
}

/* Header - Social Links */

.skrey
        .header-top
        .top-left {
    float: left;
}

.skrey
        .header-top
        .top-left
        ul.list-inline.social > li {
    padding-left: 8px;
    padding-right: 8px;
}

.skrey
        .header-top
        .top-left
        ul.list-inline.social > li:first-child {
    padding-left: 0;
}

.skrey
        .header-top
        .top-left
        ul.list-inline.social > li > a {
    width: auto;
}

.skrey
        .header-top
        .top-left
        .top-links > li:first-child {
    padding-left: 0;
}

/* Header - Top Links */

.skrey
        .top-form-store,
        .skrey
        .top-form-language,
        .skrey
        .currency_top {
    float: left;
    position: relative;
    line-height: 23px;
}

.skrey
        .currency_top::before {
    content: "\e68c";
}

.skrey
        .top-form-store,
        .skrey
        .top-form-language,
        .skrey
        .currency_top,
        .skrey
        .header-setting.accont-setting
        .text-setting {
    padding: 14px 15px 4px 15px;
}

.skrey
        .header
        .top-form-store
        .website-store-switcher,
        .skrey
        .header
        .currency_top
        .dropdown-switcher,
        .skrey
        .header
        .top-form-language
        .language-switcher,
        .skrey
        .header
        .header-setting
        .dropdown-switcher {
    transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    background-color: #fff;
    margin: 0;
    padding: 15px 20px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 44px;
    z-index: 35;
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    visibility: hidden;
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        .header
        .top-form-store:hover
        .website-store-switcher,
        .skrey
        .header
        .top-form-language:hover
        .language-switcher,
        .skrey
        .header
        .currency_top
        .currency-switcher:hover
        .dropdown-switcher,
        .skrey
        .header
        .header-setting
        .settting-switcher:hover
        .dropdown-switcher {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
}

.skrey
        .top-form-store
        .store-switcher,
        .skrey
        .top-form-language
        .lang-switcher{
    display: inline-block;
    vertical-align: top;
}

.skrey
        .top-form-store
        .store-switcher
        .label-title,
        .skrey
        .top-form-language
        .lang-switcher
        .label-title {
    display: block;
    margin: 0;
}

.skrey
        .header
        .top-form-store
        .label,
        .skrey
        .header
        .top-form-language
        .label {
    color: #333333;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    text-align: left;
}

.skrey
        .header
        .top-form-store
        .label-title
        .label:after,
        .skrey
        .header
        .top-form-language
        .label-title
        .label:after,
        .text-setting:after {
    color: #333333;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 13px;
    margin-left: 5px;
    text-align: left;
}

.skrey
        .header
        .top-form-store
        .label-title.single-option
        .label:after,
        .skrey
        .header
        .top-form-language
        .label-title.single-option
        .label:after,
        .text-setting.single-option:after {
    display: none;
}

.skrey
        .top-form-store:after,
        .skrey
        .top-form-language:after,
        .skrey
        .currency_top:after,
        .skrey
        .header-setting.accont-setting
        .settting-switcher::after {
    border-right: 1px solid #ddd;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 20px;
}

.skrey
        ul.website-store-switcher.dropdown
        li.current
        .label,
        .skrey
        ul.language-switcher.dropdown
        li.current
        .label,
        .skrey
        ul.currency-switcher.dropdown
        li.current,
        .skrey
        ul.website-store-switcher.dropdown
        li:not(.current)
        a:hover
        .label,
        .skrey
        ul.language-switcher.dropdown
        li:not(.current)
        a:hover
        .label,
        .skrey
        ul.currency-switcher.dropdown
        li:not(.current)
        a:hover {
    color: #000;
}

.skrey
        ul.website-store-switcher.dropdown
        li:not(.current)
        a
        .label,
        .skrey
        ul.language-switcher.dropdown
        li:not(.current)
        a
        .label,
        .skrey
        ul.currency-switcher.dropdown
        li:not(.current)
        a {
    color: #ddd;
}

.skrey
        ul.website-store-switcher.dropdown
        li:not(.current)
        a
        .label,
        .skrey
        ul.language-switcher.dropdown
        li:not(.current)
        a
        .label {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

/* Header - Store Switcher */

.skrey
        .top-form-store:not(.alternative-website)::before,
        .skrey
        .top-form-store.alternative-website
        .store-link
        a::before {
    font-family: "Pe-icon-7-stroke";
    content: "\e64f";
    color: #666666; 
    font-size: 18px;
    padding: 0 5px 0 0;
    vertical-align: top;
}

.skrey
        .top-form-store.alternative-website
        a.b2b::before {
    content: "\e622";
}

.skrey
        .top-form-store.alternative-website
        a.base::before {
    content: "\e615";
}

/* Header - Language Switcher */

.skrey
        .top-form-language:before {
    content: "\e691";
}

/* Header - My Account */

.skrey
        .header-setting.accont-setting { 
    padding: 0;
}

.skrey
        .header-setting.accont-setting
        .settting-switcher:last-child::after {
    content: none;
}

.skrey
        .header-setting.accont-setting
        .settting-switcher
        .dropdown-toggle
        .text-setting {
    padding-right: 0;
}

/* Header - Top Links */

.skrey
        ul.top-links {
    margin: 0;
    padding: 0;
    position: initial;
}

.skrey
        ul.top-links::after,
        .skrey
        ul.top-links::before {
    content: initial;
    padding: 0;
}

.skrey
        ul.top-links > li {
    padding-left: 15px;
}

.skrey
        ul.top-links > li:not(:first-child) {
    position: relative;
    margin-left: 15px;
}

.skrey
        ul.top-links > li:not(:first-child)::before {
    content: "";
    border-left: 1px solid #ddd;
    height: 10px;
    position: absolute;
    left: 0;
    top: 20px;
}

.skrey
        ul.top-links > li > a,
        .skrey
        ul.top-links .or {
    padding: 14px 0 0 0;
}

.skrey
        .text-setting:before {
    content: "\e605";
}

.skrey
        ul.top-links > li.create > a::before,
        .skrey
        ul.top-links > li.login > a::before,
        .skrey
        ul.top-links > li.logout > a::before,
        .skrey
        ul.top-links > li > a > i,
        .skrey
        ul.top-links > li > a > em {
    color: #666666;
    font-size: 18px;
    padding: 0 5px 0 0;
}

.skrey
        ul.top-links > li.create > a::before,
        .skrey
        ul.top-links > li.login > a::before,
        .skrey
        ul.top-links > li.logout > a::before {
    vertical-align: top;
    font-family: "Pe-icon-7-stroke";
}

.skrey
        ul.top-links > li.create > a::before {
    content: "\e6a9";
}

.skrey
        ul.top-links > li.login > a::before {
    content: "\e607";
}

.skrey
        ul.top-links > li.logout > a::before {
    content: "\e63f";
}

.skrey
        ul.top-links > li > a > i,
        .skrey
        ul.top-links > li > a > em {
    vertical-align: top;
}

.skrey
        .header-setting.accont-setting
        .wellcome-user {
    padding-bottom: 10px;
}


/* Header - Social */

.skrey
        .header-top
        .social {
    padding: 14px 15px 0 0;
}

/* Header Main Container */

.skrey
        .header-content { 
    padding: 15px 0;
}

.skrey
        .header.sticker {
    position: initial;
    top: 0;
}

/* Header - Sticky Header */

.skrey
        .header-fixed.middle,
        .skrey
        .header-sticker.middle,
        .skrey
        .header-container-fixed {
    line-height: 0;
}

.skrey
        .header-container-fixed {
    /* +1 z-index used on Magicmenu sub-menus! */
    z-index: 100000;
    animation-duration: 0s;
    animation-fill-mode: none;
    animation-name: none;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        .header-container-fixed
        .header-content {
    padding: 15px 0;
}

.skrey
        .header-container-fixed
        .content-logo
        .logo
        img {
    max-width: 125%;
}

/* Header - Logo */

.skrey
        .header
        .middle
        .logo
        img {
    max-width: initial;
    width: 175%;
}


/* Header - Search Bar */

.skrey
        .header-content
        .content-seach {
    position: inherit;
    line-height: 0;
}

.skrey
        .header-content
        .form-search {
    position: relative;
}

.skrey
        .header-content
        .form-search
        input.input-text {
    border-width: 1px;
    border-color: #ddd;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 20px;
}

.skrey
        .header-content
        .form-search
        input.input-text:focus {
    /* Fix: This should be a backend customization! */
    border-color: #1562bb;
}

.skrey
        .header-content
        .form-search
        button.button {
    right: 10px;
    top: 1px;
}

.skrey
        .header-content
        .form-search
        button.button:before {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    line-height: 38px;
}

.skrey
        .header-content
        .form-search
        input.input-text:focus + button.button:before {
    /* Fix: This should be a backend customization! */
    color: #1562bb;
}

.skrey
        .icon-search.loading:before,
        .skrey
        .header
        .form-search
        button.button.loading:before {
    font-family: FontAwesome;
    content: "\f1ce";
}

.skrey
        .icon-search:before,
        .skrey
        .header
        .form-search
        button.button:before {
    content: "\e618";
}

.skrey
        .header-content
        .form-search
        .search-autocomplete {
    z-index: 100000;;
}

.skrey
        .search-autocomplete
        dl {
    border: none;
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        .search-autocomplete
        dl
        dt {
    background: #1974dd;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    padding: 7px;
    clear: both;
}

.skrey
        .search-autocomplete
        dl
        dd {
    background: #fff;
    font-size: 12px;
    transition: .3s;
    margin: 0;
    padding: 7px;
}

.skrey
        .search-autocomplete
        dl
        dd.selected {
    background: #ddd;
}

.skrey
        .search-autocomplete
        .autocomplete-attributes
        .label {
    font-size: 12px;
    color: #333;
    padding: 0;
    margin: 0;
}

.skrey
        .search-autocomplete
        .autocomplete-attributes
        .attribute-name {
    font-size: 10px;
    font-weight: 300;
    text-transform: none;
}

.skrey
        .search-autocomplete
        .products-list {
    padding: 7px 0;
}

.skrey
        .search-autocomplete
        dl
        dd
        .product-image-box {
    width: 12%;
    padding: 0 8px;
}

.skrey
        .search-autocomplete
        dl
        dd
        .product-image-box > img {
    display: block;
    margin: auto;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop {
    width: 88%;
    padding: 0 8px;
    margin: 0;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop > .f-fix {
    display: flex;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop
        .product-primary {
    width: 100%;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop
        .product-primary
        .product-name {
    margin: 0;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop
        .product-primary
        .product-sku {
    font-size: 11px;
    font-weight: 300;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop
        .product-secondary {
    width: 100%;
    margin: 0;
    text-align: right;
}

.skrey
        .search-autocomplete
        .products-list
        .product-shop
        .product-secondary
        .price-box {
    display: grid;
}

/* Header - Minicart */

.skrey
        .header-content
        .content-cart-container {
    line-height: 1.55;
}

.skrey
        .header-content
        .content-cart {
    padding-right: 0;
    padding-top: 0;
}

.skrey
        .header-content
        .content-cart::after {
    content: initial;
}

.skrey
        .mini-maincart
        .mini-contentCart {
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        .header-container-fixed
        .mini-maincart
        .mini-contentCart {
    top: 45px;
}

.skrey
        .mini-contentCart
        .mini-products-list {
    border-bottom: 1px solid #ddd;
}

.skrey
        .miniCartWrap
        .mini-maincart
        .item
        .btn-remove2:before {
    content: "\f00d";
}

.skrey
        .miniCartWrap
        .mini-maincart
        .item
        .btn-remove2:before {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}
.skrey 
        .miniCartWrap 
        .mini-maincart 
        .mini-contentCart 
        .item .cart-content-bottom {
            margin-right: -20px;
            top: 0px;
        }
.skrey 
        .miniCartWrap 
        .mini-maincart 
        .mini-products-list 
        .product-details 
        .price{
            float: right;
            width: auto;
        }
.skrey 
        .mini-maincart 
        .mini-products-list 
        .product-details
        strong {
            float: left;
        }
.skrey 
        .miniCartWrap 
        .mini-contentCart 
        .item 
        .product-details 
        .product-name {
            white-space: pre-wrap;
        }
.skrey  
        .mini-maincart 
        .mini-products-list 
        .product-image {
            max-width: 30%;
        }
.skrey 
        .miniCartWrap 
        .mini-contentCart 
        .item 
        .product-details {
            width: 60%;
        }

/* Header - Magic Menu */

.skrey
        .header-fixed.bottom {
    /* Fix: This should be a backend customization! */
    background-color: #1974dd;
}

.skrey
        .header-bottom {
    border: none;
}

.skrey
        .header-bottom
        .magicmenu {
    display: block;
    padding: 0;
    text-align: left;
}

.skrey
        .magicmenu
        .nav-desktop
        .level0.hasChild
        .level-top:after {
    content: "\f107"
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top
        span:after {
    bottom: 5px;
    left: 15px;
    /* Fix: This should be a backend customization! */
    border-bottom: 2px solid #ededed;
}

.skrey
        .magicmenu
        .nav-desktop
        .level0
        .full-width,
        .skrey
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega,
        .skrey
        .magicmenu
        .nav-desktop
        .level0.dropdown > .level0,
        .skrey
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        ul.level1
        .hasChild
        ul {
    padding: 0;
    overflow: hidden;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .content-mega
        .content-mega-horizontal {
    padding: 0 0 0 30px;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        a.active,
        .skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        a:hover {
    /* Fix: This should be a backend customization! */
    color: #1562bb;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        a > span:after {
    /* Fix: This should be a backend customization! */
    border-bottom: 2px solid #1562bb;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children.level1
        a:before,
        .skrey
        .header-bottom
        .vmagicmenu
        .level0
        .level-top-mega
        .children
        a:before {
    content: initial;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        ul.level1 {
    padding-left: 10px;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        ul.level1
        .hasChild
        ul {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey
        .header-bottom
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        a:hover {
    padding-left: 0;
}

.skrey
        .magicmenu
        .nav-desktop
        .level0:hover
        .full-width,
        .skrey
        .magicmenu
        .nav-desktop
        .level0:hover
        .level-top-mega,
        .skrey
        .magicmenu
        .nav-desktop
        .level0.dropdown:hover > .level0 {
    /*top: 45px;*/
	top: unset;
}

.skrey
        .magicmenu
        .nav-desktop
        .level0
        .level-top-mega
        .children
        ul.level1
        .hasChild:before {
    content: "\f105";
}

.skrey
        .mean-container
        .mean-nav
        ul
        li
        a.mean-expand:before {
    content: "\f196";
}

.skrey
        .mean-container
        .mean-nav
        ul
        li
        a.mean-expand.mean-clicked:before {
    content: "\f147";
}

.skrey
        .header-bottom
        .mean-container
        .mean-nav > ul {
    display: block;
    border-radius: 0 0 20px 20px;
    border-color: #eeeeee;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

.skrey .header-bottom .mean-container .mean-nav ul li:last-child a {
    border: none;
}

/*.skrey .header .bottom, 
.skrey .header .bottom .container, 
.skrey .header-bottom, 
.skrey .header-bottom .box-layout, 
.skrey .header .bottom .magicmenu .nav-desktop {
    max-height: 48px;
}*/

.skrey .magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children {
    /*margin: 20px 20px 0 0;*/
	padding-right: 20px;
    margin-top: 20px;
}

.skrey .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a {
    margin: 0;
    font-size: 12px;
    line-height: initial;
}

.skrey .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a span {
    font-size: 12px;
}

/********************************* END HEADER *********************************/

/********************************* GRID TIMER *********************************/

.skrey .timer-view .box {
    min-width: 75px;
}

/******************************* END GRID TIMER *******************************/

/****************************** BLOCK COUNT DOWN ******************************/

/* Block Count Down - Global Parallax Image */
.skrey
        .bg-parallax.block-count-down {
    /* Fix: This should be a backend customization! */
    background-image: url("../images/template/flash_sale.jpg");
}


/* Block Count Down - Note Message */
.skrey
        .block-count-down
        .note-msg {
    margin-top: 10px;
    text-align: initial;
}

/* Block Count Down - Sale Label */

.skrey
        .block-count-down
        .labelsale {
    /* Fix: This should be a backend customization! */
    background: #1974dd none repeat scroll 0 0;
    /* Fix: This should be a backend customization! */
    color: #fff;
}

.skrey
        .block-count-down
        .labelsale:after {
    /* Fix: This should be a backend customization! */
    /*border-color: #1974dd #1974dd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);*/
    content: initial;
}

.skrey
        .block-count-down
        .labelsale:before {
    /* Fix: This should be a backend customization! */
    /*border-color: #1974dd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1974dd;*/
    content: initial;
}

/* Block Count Down - Product */

.skrey
        .block-count-down
        #overlay-parallax-container {
    text-align: left;
}

.skrey
        .block-count-down
        .products-grid
        .product-name
        a {
    color: #fff;
}

.skrey
        .block-count-down
        .products-grid
        .product-name
        a:hover {
    color: #ddd;
}

.skrey
        .block-count-down
        .price-box
        .price {
    font-weight: 400;
    font-size: 30px;
}

.skrey
        .block-count-down
        .old-price
        .price {
    font-weight: 300;
    font-size: 18px;
}

.skrey
        .block-count-down
        #overlay-parallax-container > a {
    margin-left: 30px;
}

.skrey
        .bg-parallax.block-count-down
        #overlay-parallax-container > a > img {
    background: transparent;
}

/**************************** END BLOCK COUNT DOWN ****************************/

/******************************* ALO THEME BLOG *******************************/

/* Alo Theme Blog - Title */

.skrey
        .alo-blog
        .blogtabs
        .item
        span:before {
    /* Fix: This should be a backend customization! */
    border-color: #333333;
    bottom: -15px;
}

/***************************** END ALO THEME BLOG *****************************/

/*********************************** FOOTER ***********************************/

.skrey #contacts-stores-footer {
    display: block!important;
}
.skrey
        .block-subscribe
        input.input-text {
    display: initial;
    float: none;
    font-size: inherit;
    padding: 10px;
}

/* Footer - Titles */

.skrey
        .footer .block-title:before {
    /* Fix: This should be a backend customization! */
    border-color: #ffffff;
    bottom: -15px;
}

/* Footer - Blocks Lines */

.skrey
        .footer 
        .block-content-statick 
        ul.social > li {
    padding: 0 5px;
}

.skrey
        .footer 
        .block-content-statick 
        ul.payments > li {
    padding: 0 5px;
}

.skrey
        .footer 
        .block-content-statick 
        ul.social > li:first-child {
    padding-left: 0;
}

.skrey
        .footer 
        .block-content-statick 
        ul.payments > li:first-child {
    padding-left: 0;
}

.skrey
        .footer
        .block-content-statick
        li
        a {
    display: initial;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey
        .footer 
        .block-content-statick 
        li 
        a.social-link,
        .skrey
        .footer 
        .block-content-statick 
        li 
        a.payment-link {
    color: #70757b;
    font-size: 20px;
}

.skrey
        .footer 
        .block-content-statick 
        li 
        a.social-link:hover,
        .skrey
        .footer 
        .block-content-statick 
        li 
        a.social-link:focus,
        .skrey
        .footer 
        .block-content-statick 
        li 
        a.payment-link:hover,
        .skrey
        .footer 
        .block-content-statick 
        li 
        a.payment-link:focus {
    color: #fff;
}

.skrey
        .footer
        .block-content-statick
        li
        a:hover {
    padding: 0;
}

.skrey
        .footer
        .block-content-statick
        li
        a:before {
    content: initial;
}

/* Footer - Contacts Block */

.skrey
        .footer
        #contacts-stores-footer
        .store:not(.first) {
    margin-top: 25px;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        .title {
    display: block;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 15px;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        a {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        a > span {
    font-size: 16px;
    font-weight: bold;
    color: #70757b;
    transition: .3s color;
    -moz-transition: .3s color;
    -webkit-transition: .3s color;
    -o-transition: .3s color;
    -ms-transition: .3s color;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        a:hover > span,
        .skrey
        .footer
        #contacts-stores-footer
        .store
        a:focus > span {
    color: #fff;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        .marker + .schedule {
    margin-top: 5px;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        .marker > div.description,
        .skrey
        .footer
        #contacts-stores-footer
        .store
        .schedule > div.description {
    display: inline-block;
}

.skrey
        .footer
        #contacts-stores-footer
        .store
        .marker > div.description
        p,
        .skrey
        .footer
        #contacts-stores-footer
        .store
        .schedule > div.description
        p {
    color: #70757b;
    margin: 0;
    font-size: 11px;
}

/* Footer - Company Links */

.skrey
        .footer-links-company
        .links {
    text-align: center;
    float: none;
    padding: 20px 0;
}

.skrey
        .footer-links-company
        .links
        a {
    padding: 0;
    margin: 15px 10px;
    line-height: 0;
}

/* Footer - Copyright */

.skrey
        .block-footer-copyright
        .main
        address {
    text-align: center;
    float: none;
    padding: 20px 0;
}

/* Footer - Newsletter */

.skrey
        .footer
        .collapsible
        .form-subscribe-header
        p {
    text-transform: none;
}

.skrey
        .footer
        input#newsletter {
    background-color: #f5f5f5;
}

.skrey
        .footer
        input#newsletter:focus {
    background-color: #fff;
    outline: 0 none;
}

.skrey
        .block-subscribe
        .actions button.button {
    padding: 0 17px;
}

.skrey
        .block-subscribe
        .actions
        button.button:before {
    content: "\f105";
}

/********************************* END FOOTER *********************************/

/**************************** BACK TO TOP COMPONENT ***************************/

.skrey
        a#backtotop {
    border-width: 1px;
    border-style: solid;
    transition: .3s background-color, .3s color, .3s border-color !important;
    -moz-transition: .3s background-color, .3s color, .3s border-color !important;
    -webkit-transition: .3s background-color, .3s color, .3s border-color !important;
    -o-transition: .3s background-color, .3s color, .3s border-color !important;
    -ms-transition: .3s background-color, .3s color, .3s border-color !important;
}

.skrey
        a#backtotop
        .fa {
    font-weight: bold;
}

.skrey
        a#backtotop {
            display: none !important; 
}

/************************** END BACK TO TOP COMPONENT *************************/

/******************************** BREADCRUMBS *********************************/

.skrey
        .breadcrumbs {
    padding: 50px 0;
    margin: 0 0 30px;
    /*background-image: url("../images/template/breadcrumbs_default.png");*/
    /*background-image: url("../images/template/iphonepro13.png");*/
    background-image: url("../images/template/pesquisa1.jpg");
}

.skrey
        .breadcrumbs.bg-parallax {
    /*background-size: initial;
    background-position: top center !important;*/
}

.skrey
        .breadcrumbs
        li
        a:hover,
        .skrey
        .breadcrumbs
        li
        a:focus,
        .skrey
        .breadcrumbs
        strong {
    color: #ddd;
}

.skrey
        .breadcrumbs
        li {
    background: none;
    padding: 0 10px 0 0;
}

.skrey
        .breadcrumbs
        li:before {
    content: ">";
    color: #fff;
    padding-right: 10px;
    font-size: 10px;
}

/* Reduced Breadcrumbs */

.skrey.cms-page-view
        .breadcrumbs,
        .skrey.contacts-index-index
        .breadcrumbs,
        .skrey.catalog-product-view
        .breadcrumbs {
    background: none !important;
    padding: 0;
    margin: 30px 0 20px;
}

.skrey.cms-page-view
        .breadcrumbs
        h2,
        .skrey.contacts-index-index
        .breadcrumbs
        h2,
        .skrey.catalog-product-view
        .breadcrumbs
        h2 {
    display: none;
}

.skrey.cms-page-view
        .breadcrumbs
        ul,
        .skrey.contacts-index-index
        .breadcrumbs
        ul,
        .skrey.catalog-product-view
        .breadcrumbs
        ul {
    float: left;
}

.skrey.cms-page-view
        .breadcrumbs
        li
        a,
        .skrey.contacts-index-index
        .breadcrumbs
        li
        a,
        .skrey.catalog-product-view
        .breadcrumbs
        li
        a {
    color: #6f6f6f;
}

.skrey.cms-page-view
        .breadcrumbs
        li
        strong,
        .skrey.cms-page-view
        .breadcrumbs
        li
        a:hover,
        .skrey.cms-page-view
        .breadcrumbs
        li
        a:focus,
        .skrey.contacts-index-index
        .breadcrumbs
        li
        strong,
        .skrey.contacts-index-index
        .breadcrumbs
        li
        a:hover,
        .skrey.contacts-index-index
        .breadcrumbs
        li
        a:focus,
        .skrey.catalog-product-view
        .breadcrumbs
        li
        strong,
        .skrey.catalog-product-view
        .breadcrumbs
        li
        a:hover,
        .skrey.catalog-product-view
        .breadcrumbs
        li
        a:focus,
        .skrey.cms-page-view
        .breadcrumbs
        li:before,
        .skrey.contacts-index-index
        .breadcrumbs
        li:before,
        .skrey.catalog-product-view
        .breadcrumbs
        li:before {
    color: #000;
}

/****************************** END BREADCRUMBS *******************************/

/******************************** PRODUCT VIEW ********************************/

/* Product View - Sidebar */

.skrey.catalog-product-view
        .sidebar
        ul.magictabs {
    margin-top: 0 !important;
}

/* Product View - Name */

.skrey
        .product-view
        .product-name > h1 {
    margin: 0;
    color: #333;
}

/* Product View - Sku */

.skrey
        .product-view
        .product-sku {
    font-size: 14px;
    margin-bottom: 25px;
}
.skrey
        .product-view
        .product-sku
        .separator {
    margin-right: 5px;
}

/* Product View - Ratings/Reviews */

.skrey
        .product-view
        .ratings {
    margin: 15px 0 10px;
}

.skrey
        .product-view
        .ratings
        .rating-links {
    margin: 0;
}

.skrey
        .no-rating
        a:hover {
    text-decoration: none;
}

/* Product View - Add-to Links */

.skrey
        .product-view
        .product-shop
        .add-to-links
        a {
    /* Fix: This should be a backend customization! */
    background-color: #1974dd;
}

.skrey
        .product-view
        .product-shop
        .add-to-links
        a
        .icons {
    line-height: 36px;
}

/* Product View - Product Availability */

.skrey
        .product-view
        .product-shop
        .product-shop-content
        .product-availability {
    margin: 5px 0 10px 0;
}

.skrey
        .product-view
        .availability.out-of-stock,
        .skrey
        .product-view
        .availability.out-of-stock > span {
    padding: 0;
    margin: 20px 0 5px 0;
}

.skrey
        .product-view
        .warehouse
        .availability.out-of-stock {
    padding: 0;
    margin: 0;
}

.skrey
        .product-view
        .warehouse
        .availability.out-of-stock > span {
    padding: 0 6px 0 3px;
    margin: 0;
}

/* Product View - Prices */

.skrey
        .product-view
        .product-shop
        .product-type-data {
    margin: 25px 0 5px 0;
    padding: 0;
}

.skrey
        .product-view
        .product-shop-content
        .regular-price
        .price {
    font-size: 25px;
    font-weight: 400;
}

.skrey
        .product-view
        .product-shop
        .availability.out-of-stock + .product-type-data {
    margin: 0;
    padding: 0;
}

.skrey
        .product-view
        .product-pricing,
        .skrey
        .product-view
        .tier-prices {
    margin: 5px 0;
}

/* Product View - Short Description */

.skrey
        .product-view
        .product-shop
        .short-description {
    margin: 20px 0;
    padding: 0;
    display: none;
}

/* Product View - Custom Options */

.skrey
        .product-options {
    margin: 30px 0;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    padding: 15px 15px 0;
}

.skrey
        .product-options dt{padding:0px 0 0;}

.skrey
        .product-options
        ul.options-list
        input.radio {
    margin: 2px;
}

.skrey .product-options ul.options-list input.checkbox {
    margin-top: -1px;
    margin-right: 8px;
}

.skrey
        .product-options
        dd
        .multiselect
        option {
    border-bottom: none;
}

.skrey
        .product-options
        ul.options-list
        .label {
    /*display: inline-block;*/
    margin: 0;
    text-align: left;
}

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

.skrey
        .product-options
        ul.options-list
        li {
    padding: 0;
    line-height: 1;
    display: inline-block;
    width: 100%;
}

.skrey
        .product-options
        dt
        .label.required
        em {
    float: right;
    font-style: normal;
    color: #eb340a;
    position: absolute;
    top: 0;
    right: -8px;
}

/* Product View - Product Options Bottom */

.skrey
        .product-options-bottom {

    padding: 0;
    border: none;
}

.skrey
        .product-options-bottom
        .add-to-cart {
    padding: 0;
}

.skrey
        .product-view
        .product-qty
        .custom-qty,
        .skrey
        .product-view
        .product-options-bottom
        .add-to-cart,
        .skrey
        .product-view
        .product-shop
        .add-to-links
        a {
    margin: 0 10px 0 0;
}

.skrey
        .product-shop-content
        .add-to-box {
    margin: 0;
    padding: 0;
}

.skrey
        .product-view
        .add-to-box
        .add-to-cart {
    padding: 0;
    margin: 0 10px 0 0;
}

/* Product View - Toggle Tabs */

.skrey
        .product-wapper-tab {
    margin: 20px 0 0;
}

.skrey
        .product-view
        .box-collateral
        .data-table,
        .skrey
        .product-view
        .box-reviews
        .form-add {
    margin: 0;
}

.skrey
        .product-view
        .box-reviews
        .form-add
        .form-list
        .input-box,
        .skrey
        .product-view
        .box-reviews
        .form-add
        .form-list
        input.input-text,
        .skrey
        .product-view
        .box-reviews
        .form-add
        .form-list
        textarea {
    width: 100%;
}

.skrey
      .product-view
      .box-additional
      .attribute-table
      tr
      th {
    color: #666666;
    border-radius: 0;
    display: block;
    font-size: 100%;
    line-height: 30px;
    text-align: left;
}

.skrey
      .product-view
      .box-additional
      .attribute-group {
  width: 60%;
}

.skrey
      .product-view
      .box-additional
      .attribute-group:not(:last-child) {
    margin: 0 0 40px;
}

.skrey
      .product-view
      .box-additional
      .attribute-group
      .attribute-group-name {
    font-size: 15px;
}

.skrey
        .product-view
        .crosssell{
            margin-top: 20px;
        }

/***************************** END PRODUCT VIEW *******************************/

/******************************* CATALOG (LIST) *******************************/

/* Toolbar - Sorter */

.skrey
        .sorter
        .view-mode
        a.grid {
    margin-right: 0;
}

.skrey
        .sorter
        .view-mode > a:not(:first-of-type) {
    margin-left: 10px;
}

/* Toolbar - Pager */

.skrey
        .pager
        .pages
        li,
        .skrey
        .pager
        .pages
        li
        a {
    width: 30px;
    height: 30px;
}

.skrey
        .pager
        .pages
        li {
    border: none;
    line-height: 30px;
}

.skrey
        .pager
        .pages
        li
        a {
    border-width: 1px;
    border-style: solid;
    line-height: 29px;
}

.skrey
        .pager
        .pages
        li.current {
    padding: 0;
}

.skrey
        .pager
        .pages
        li:last-child {
    margin: 0;
}

/* Product */

.skrey
        .products-list
        li.item {
    width: 100%;
}

/* Product - Ratings */

.skrey
        .product-shop
        .ratings
        .rating-links {
    margin: 0;
}

/* Product - Availability */

.skrey
        .products-list
        .availability {
    width: 100%;
    display: block;
    /*margin: 0 0 5px;*/
    line-height: 1;
}

.skrey
        .products-list
        .availability > span {
    line-height: 1;
}

/* Product - Actions */

.skrey
        .products-list
        .item
        .product-shop
        .actions-primary {
    float: none;
}

.skrey
        .products-list
        .item
        .product-shop
        .product-qty
        label {
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px 0px 0;
    line-height: 40px;
    text-transform: uppercase;
    color: #666;
}

.skrey
        .products-list
        .item
        .product-shop
        .btn-cart {
    margin-right: 16px;
}

.skrey
        .products-list
        .item
        .add-to-links {
    margin: 0;
}

.skrey
        .products-list
        .item
        .add-to-links
        li:first-child {
    margin-left: 0;
}

.skrey
        .products-list
        .product-shop
        .product-primary
        .add-to-links
        a,
        .skrey
        .category-products
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .add-to-links
        a {
    /* Fix: This should be a backend customization! */
    background-color: #1974dd;
    /* Fix: This should be a backend customization! */
    color: #ffffff;
    /* Fix: This should be a backend customization! */
    border-color: #1974dd;
}

.skrey
        .products-list
        .product-shop
        .product-primary
        .add-to-links
        a:hover,
        .skrey
        .category-products
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .add-to-links
        a:hover {
    /* Fix: This should be a backend customization! */
    background-color: #1562bb;
    /* Fix: This should be a backend customization! */
    color: #ffffff;
    /* Fix: This should be a backend customization! */
    border-color: #1562bb;
}

/**************************** END CATALOG (LIST) ******************************/

/******************************* CATALOG (GRID) *******************************/

.skrey
        .products-grid
        .display-table {
    text-align: center;
    width: 90%;
    margin: 10px auto 0;
}

/* Product - Name */
.skrey .products-grid .product-name {
    white-space: initial;
    overflow: visible;
    text-overflow: initial;
}
.skrey .products-grid .product-name a {
    font-size: 14px;
    overflow: hidden;
    line-height: 1.2;
    max-height: 3.6em;
    display: block;
    text-overflow: ellipsis;
    word-wrap: normal;
    height: 48px;
}

/* Product - Availability */
.skrey .products-grid .availability {
    position: initial;
    width: 100%;
    text-align: center;
    margin: 0 !important;
}

.skrey .products-grid .availability > span {
    line-height: 35px;
    margin: 0 !important;
}

/* Product - Text Link */
.skrey .products-textlink {
    margin-top: 0;
}

.skrey .products-textlink p.special-price {
    margin: 0;
}

/* Product - Actions (Add-to-Cart + Add-to-Links) */

/*.skrey
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .add-to-links {
    margin-left: 8px;
    float: left;
}

.skrey
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .add-to-links
        li {
    margin: 0 8px;
}

.skrey
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .add-to-links
        li
        a,
        .skrey
        .products-grid
        .item
        :not(.hover-box)
        .actions
        button.btn-cart {
    background-color: #1974dd;
    color: #ffffff;
    border-color: #1974dd;
    border-style: solid;
    border-width: 2px;
    float: left;
    height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px;
}

.skrey
        .products-grid
        .item
        :not(.hover-box)
        .actions
        .icons {
    font-size: 22px;
    height: 39px;
    line-height: 39px;
    width: 100%;
}*/

.skrey
        .item
        .actions-no
        .actions {
    width: auto;
    height: auto;
    padding: 0 10px 0 0;
}

.skrey
        .item
        .actions-no
        .actions
        .product-qty {
    position: absolute;
    z-index: 1;
    left: -100px;
    top: 10px;
    box-shadow: 0px 1px 13px 1px #666666;
    -moz-box-shadow: 0px 1px 13px 1px #666666;
    -webkit-box-shadow: 0px 1px 13px 1px #666666;
    -o-box-shadow: 0px 1px 13px 1px #666666;
    -ms-box-shadow: 0px 1px 13px 1px #666666;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.skrey
        .item
        .actions-no
        .actions
        .product-qty
        .custom-qty
        input.qty,
        .skrey
        .item
        .actions-no
        .actions
        .product-qty
        .custom-qty
        button.reduced,
        .skrey
        .item
        .actions-no
        .actions
        .product-qty
        .custom-qty
        button.increase {
    width: 25px !important;
}

.skrey
        .item:hover
        .actions-no
        .actions
        .product-qty {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.skrey
        .item
        .actions-no
        .actions-cart,
        .skrey
        .item
        .actions-no
        ul.add-to-links
        li {
    width: 100%;
    padding: 10px;
    height: 60px;
}

.skrey
      .item
      .actions-no
      .actions-cart {
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.skrey
      .item
      .actions-no
      ul.add-to-links {
    width: 100%;
}

.skrey
        .item
        .actions-no
        .actions-cart
        button,
        .skrey
        .item
        .actions-no
        ul.add-to-links
        li
        a {
    display: block;
    float: right;
    margin: 0;
    box-shadow: 0px 1px 13px 1px #666666;
    -moz-box-shadow: 0px 1px 13px 1px #666666;
    -webkit-box-shadow: 0px 1px 13px 1px #666666;
    -o-box-shadow: 0px 1px 13px 1px #666666;
    -ms-box-shadow: 0px 1px 13px 1px #666666;
}

.skrey
        .item
        .actions-no
        .actions-cart
        button {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.skrey
        .item:hover
        .actions-no
        .actions-cart
        button {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

/**************************** END CATALOG (GRID) ******************************/

/****************************** CATALOG - SIDEBAR *****************************/

.skrey
        .sidebar
        .block-custom-product
        .flexisel-content
        .item:last-child {
    margin: 0;
}

/***************************** END CATALOG - SIDEBAR **************************/

/************************ CATALOG - IMPROVED NAVIGATION ***********************/

.skrey
        .block-layered-nav
        .block-content
        li:before {
    content: "\f111";
}

.skrey
        .block-layered-nav
        .block-content
        li
        a {
    color: #6f6f6f;
}

.skrey
        .block-layered-nav
        .block-content
        li
        a:hover {
    color: #000;
}

.skrey
        .block-layered-nav
        .currently
        .value {
    font-weight: 900;
    vertical-align: auto;
}

.skrey
        .block-layered-nav
        .currently
        .label {
    padding: 5px 3px 0 0;
}

.skrey
        .block-layered-nav
        .currently
        .value {
    vertical-align: baseline;
}

.skrey
        .block-layered-nav
        .currently
        .btn-remove.mobile {
    background: none;
    text-indent: 0;
    overflow: visible;
    width: auto;
    height: auto;
    line-height: 30px;
    font-size: 14px;
    top: 0;
    right: 0;
    color: #888;
    cursor: pointer;
}

.skrey
        .block-layered-nav
        .currently
        .btn-remove.mobile:hover,
        .skrey
        .block-layered-nav
        .currently
        .btn-remove.mobile:active,
        .skrey
        .block-layered-nav
        .currently
        .btn-remove.mobile:focus {
    color: #000;
}

.skrey
        .block-layered-nav
        .currently
        .btn-remove::before {
    content: "\f00d";
    font-family: FontAwesome;
}

.skrey
        .block-layered-nav
        .actions {
    padding: 6px 0;
}

.skrey
        .autocomplete-facet-form
        input[type=text] {
    width: 80%;
}

.skrey
        .autocomplete-facet-form
        form {
    display: none;
}

.skrey
        .block-layered-nav
        .block-content
        li:not(.ajax-load-link-parent) {
    border-bottom: none;
    margin: 0;
}

.skrey
        .block-layered-nav
        .block-content
        li:not(.ajax-load-link-parent) {
    line-height: 30px;
}

.skrey
        .block-layered-nav
        .block-content
        li.ajax-load-link-parent {
    line-height: 50px;
    text-align: center;
}

.skrey
        .block-layered-nav
        .block-content
        li.ajax-load-link-parent::before {
    content: initial;
}

.skrey
        .block-layered-nav
        .block-content
        li.ajax-load-link-parent > a.ajax-load-link {
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

.skrey
        .block-layered-nav
        dd {
    padding-bottom: 10px;
}

.skrey
        .block-layered-nav
        .block-content
        li.attr-filter > a.filter-link > span.filter-label {
    font-size: 14px;
    color: #6f6f6f;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey
        .block-layered-nav
        .block-content
        li.attr-filter > a.filter-link:hover > span.filter-label {
    color: #000;
}

.skrey
        .block-layered-nav
        .block-content
        li.attr-filter > a.filter-link > input.multiple-select {
    margin-right: 5px;
    margin-top: 0;
}

.skrey
        .block-layered-nav
        .block-content
        li
        span.count,
        .skrey
        .range-slider
        .count {
    color: #888;
    font-style: normal;
    font-size: 13px;
    float: right;
}

.skrey
        .block-layered-nav
        .narrow-by:first-child
        .toggle-content {
    display: none;
}

.skrey
        .block-layered-nav
        .narrow-by:first-child
        .toggle-tab:before,
        .skrey
        .block-layered-nav
        .toggle-tab:before {
    content: "\f196";
}

.skrey
        .block-layered-nav
        .narrow-by:first-child
        .toggle-content.visible {
    display: block;
}

.skrey
        .block-layered-nav
        .narrow-by.toggle-visible:first-child
        .toggle-tab:before,
        .skrey
        .block-layered-nav
        .toggle-visible
        .toggle-tab:before {
    content: "\f147";
}

.skrey
        #narrow-by-list
        .toggle-tab::before {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey
        .range-slider
        .handle {
    background-color: #1974dd;
}

.skrey
        .range-slider
        .handle:hover,
        .skrey
        .range-slider
        .handle:active,
        .skrey
        .range-slider
        .handle:focus,
        .skrey
        .range-slider
        .handle:visited {
    background-color: #1562bb;
}

/********************** END CATALOG - IMPROVED NAVIGATION *********************/

/************************ MAGIC PRODUCT COMPONENT GRID ************************/

/* Product - Actions On Hover */
.skrey
        .item
        .actions-no
        .add-to-links,
        .skrey
        .item
        .actions-no
        .button.btn-cart {
    overflow: hidden;
}

.skrey
        .item
        .actions-no
        .button.btn-cart::before {
    content: initial;
}

.skrey
        .item
        .actions-no
        .add-to-links
        a
        .icons,
        .skrey
        .item
        .actions-no
        .button.btn-cart
        .icons {
    width: 100%;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}

/* Product - Availability */

.skrey
        .magictabs-grid
        .item
        .actions-no
        p.availability {
    display: none;
}

/********************** END MAGIC PRODUCT COMPONENT GRID **********************/

/******************** MAGIC PRODUCT COMPONENT CUSTOM GRID *********************/

.skrey.cms-home
        .featured-product-tab
        .content-products { 
    margin: 0 0 10px;
}

/* Product Item - Availability */

.skrey
        .magicproduct
        .magictabs-grid-custom
        .products-grid
        .availability {
    min-height: 0;
    line-height: 1.55;
    position: initial;
    text-align: initial;
    width: auto;
}

.skrey
        .magicproduct
        .magictabs-grid-custom
        .products-grid
        .availability > span {
    line-height: 1.55;
}

/* Product Item - Actions */

.skrey
        .magicproduct
        .products-grid
        .actions
        .add-to-links:first-child
        a:before {
    content: initial;
}

/******************** END MAGIC PRODUCT COMPONENT CUSTOM GRID *********************/

/******************************* CHECKOUT CART ********************************/

/* Checkout Cart - Table Product Elements */

.skrey
        .cart-table
        .product-name {
    margin: 15px 0 1px 0;
}

.skrey
        .cart-table
        .product-name
        a {
    text-transform: none;
}

.skrey
        .cart-table
        .product-sku {
    font-size: 11px;
}

.skrey
        .cart-table
        .product-sku
        .label {
    display: none;
}

.skrey
        .cart-table
        .cart-links
        a.btn-remove {
    background-image: none;
}

.skrey
        .cart-table
        .cart-links
        a:not(:last-child) {
    margin-right: 16px;
}

.skrey
        .cart-table
        .cart-links
        a {
    background-color: #1974dd;
    border-color: #1974dd;
    color: #fff;
}

.skrey
        .cart-table
        .cart-links
        a:hover {
    background-color: #1562bb;
    border-color: #1562bb;
    color: #fff;
}

/* Checkout Cart - Product Custom Qty */

.skrey
        .cart-table
        .custom-qty {
    width: auto;
}

/* Checkout Cart - Table Empty Cart Button */

.skrey
        .cart-table
        .btn-empty {
    float: none;
}

/* Checkout Cart - Table Update Cart Button */

.skrey
        .cart-table
        .btn-update {
    margin: 0;
}

/* Checkout Cart - Table Cart Actions */

.skrey
        .cart-table
        .cart-footer-actions {
    padding: 10px 0 15px 0;
}

/* Checkout Cart - Crosssell */

.skrey
        .cart
        .crosssell {
    padding: 0;
}

.skrey
        .cart
        .crosssell
        .block-title {  
    margin: 0;
}

.skrey
        .cart
        .crosssell
        .block-title
        h3
        span {  
    padding: 0;
    font-family: Lato;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px;
    color: #393641;
    text-transform: none;
}

.skrey
        .cart
        .crosssell
        .block-title
        h3
        span::after {
    content: none;
}

/* Checkout Cart - Cart Forms */

.skrey
        .cart
        .cart-forms
        .discount,
        .skrey
        .cart
        .cart-forms
        .shipping,
        .skrey
        .cart
        .cart-forms
        .warehouse-shipping-methods {
    margin: 0;
}

.skrey
        .cart
        .cart-forms
        .discount {
    padding: 0 15px;
}

.skrey
        .cart
        .cart-forms
        .warehouse-shipping-methods
        .warehouse-content {
    padding: 0;
}

.skrey
        .warehouse-shipping-methods
        .warehouse-content:first-child
        .shipping-methods {
    padding-left: 0;
}

.skrey
        .warehouse-shipping-methods
        .warehouse-content:not(:first-child)
        .shipping-methods {
    padding: 0;
    margin: 0;
    background: none;
}

.skrey
        .cart
        .cart-totals-wrapper {
    padding: 0;
}

.skrey
        .cart
        .cart-forms
        h2,
        .skrey
        .cart
        .cart-totals-wrapper
        h2 {
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px;
    color: #393641;
}

.skrey
        .cart
        .cart-totals-wrapper
        ul.checkout-types {
    margin: 10px 0 0 0;
}

/* Checkout Cart - Totals Wrapper Table
    Checkout One Page - Review Totals Wrapper Table */

.skrey
        #shopping-cart-totals-table
        thead > tr:last-child > td,
        .skrey
        #checkout-review-totals-table
        thead > tr:last-child > td {
    padding-bottom: 10px;
}

.skrey
        #shopping-cart-totals-table
        tfoot > tr:first-child > td,
        .skrey
        #checkout-review-totals-table
        tfoot > tr:first-child > td {
    padding-top: 10px;
}

.skrey
        #shopping-cart-totals-table
        tfoot > tr > td > *,
        .skrey
        #checkout-review-totals-table
        tfoot > tr > td > * {
    font-size: 16px;
}

.skrey
        .crosssell
        .products-textlink
        .actions{
        text-align: center;
        }

.skrey
        .crosssell
        .products-textlink{
        text-align: center;
        width: 100%;
        padding-left: 0px;
        }
/***************************** END CHECKOUT CART ******************************/

/***************************** CHECKOUT ONE PAGE ******************************/

/* Checkout One Page - Page */

.skrey.checkout-onepage-index
        .main-container {
    padding-top: 0;
}

.checkout-onepage-index #co-payment-form .sp-methods dt label {
    display: inline;
}
.checkout-onepage-index #co-payment-form .sp-methods #cart-rewards-form {
    display: inline;
}

/* Checkout One Page - Steps */

.skrey
        #checkoutSteps
        .section
        .step-title,
        .skrey
        #checkoutSteps
        .section
        .step-title > * {
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
}

.skrey
        #checkoutSteps
        .section.active
        .step-title {
    color: transparent;
}

.skrey
        #checkoutSteps
        .section.allow
        .step-title:hover {
    background: #f5f5f6;
}

.skrey
        #checkoutSteps
        .section
        .step-title
        h2 {
    color: #ddd;
}

.skrey
        #checkoutSteps
        .section.allow
        .step-title
        h2 {
    color: #333;
}

.skrey
        #checkoutSteps
        .section.allow
        .number {
    background-color: #1974dd;
    border-color: #1974dd;
    color: #fff;
}

.skrey
        #checkoutSteps
        .section.active
        .number,
        .skrey
        #checkoutSteps
        .section.allow:hover
        .number {
    background-color: #1562bb;
    border-color: #1562bb;
    color: #fff;
}

.skrey
        #checkoutSteps
        .section
        .number {
    border: 1px solid;
}

.skrey
        #checkoutSteps
        .section:not(.first)
        .step {
    padding-top: 50px;
}

.skrey
        #checkoutSteps
        .section
        .buttons-set
        p.back-link {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    margin: 0;
}

.skrey
        #checkoutSteps
        .section
        .step
        .please-wait {
    float: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.skrey
        #checkoutSteps
        .section
        .step
        .please-wait > .overlay {
    background-color: #fff;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    display: block;
    width: 100%;
    height: 100%;
}

.skrey
        #checkoutSteps
        .section
        .step
        .please-wait > .loading-wrapper {
    width: 52px;
    height: 52px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    animation: 1.2s ease-in-out 0s normal none infinite tp-rotateplane;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.skrey
        #checkoutSteps
        .section
        .step
        .please-wait > .loading-wrapper > img {
    width: 32px;
    height: 32px;
}

.skrey
        .opc
        .buttons-set {
    padding: 0;
    margin: 0;
}

/* Checkout One Page - Login */

.skrey
        #checkout-step-login
        #sociallogin-button {
    float: right;
    margin: 0;
}

.skrey
        #checkout-step-login
        button.bt-login-social > span > span {
    display: none;
}

/* Checkout One Page - Billing */

.skrey
        #opc-billing.section.first
        .buttons-set
        p.back-link {
    display: none;
}

/* Checkout One Page - Warehouse Shipping Methods */

.skrey
        #checkoutSteps
        .warehouse-shipping-methods
        .warehouse {
    padding: 0;
}

.skrey
        #checkout-shipping-method-load.fieldset,
        .skrey
        #checkoutSteps
        #co-payment-form
        .fieldset {
    margin-bottom: 8px;
}

/* Checkout One Page - Review */

.skrey
        #opc-review
        .step {
    padding: 15px;
    border: 1px solid #f5f5f6;
}

.skrey
        #opc-review
        .buttons-set {
    padding: 10px 0 13px 0;
    border: none;
}

.skrey
        #checkout-review-totals-table {
    margin-top: 10px;
    float: right;
}

.skrey
        #opc-review
        .checkout-agreements {
    float: left;
    padding: 0;
    border: none;
}

.skrey
        #opc-review
        .checkout-agreements
        li.checkout-agreements-heading + li {
    margin-top: 0;
}

.skrey
        #opc-review
        .checkout-agreements
        .checkout-agreements-heading
        h2 {
    color: #fff;
    background-color: #1974dd;
    margin: 20px 0 0;
    padding: 10px;
    font-size: 14px;
    position: relative;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}

.skrey
        #opc-review
        .checkout-agreements
        .aggrement-content {
    padding: 10px;
    border-color: #f5f5f6;
}

.skrey
        #opc-review
        .checkout-agreements
        .agree {
    display: flex;
    align-items: center;
    padding: 20px 0 10px;
    float: right;
}

.skrey
        #opc-review
        .checkout-agreements
        .agree
        input.checkbox {
    margin: 0 0 0 5px;
}

.skrey
        #opc-review
        .checkout-agreements
        .agree
        label {
    margin: 0;
    color: #1974dd;
    font-weight: 900;
}

.skrey
        #opc-review
        .buttons-set
        .forgot-item
        a {
    padding-left: 2px;
}

.skrey
        #opc-review
        .buttons-set
        p.back-link {
    /* Inherit from body - styles.css (aloalto skin) */
    line-height: 1.55;
}

/* Checkout One Page - Progress Bar */

.skrey
        .block-progress
        dl {
    position: relative;
}

.skrey
        .block-progress
        .please-wait {
    float: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.skrey
        .block-progress
        .please-wait > .loading-wrapper {
    width: 52px;
    height: 52px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 10px;
    animation: 1.2s ease-in-out 0s normal none infinite tp-rotateplane;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.skrey
        .block-progress
        .please-wait > .loading-wrapper > img {
    width: 32px;
    height: 32px;
}

.skrey
        .block-progress
        dt {
    background: none;
    padding: 0;
}

.skrey
        .block-progress
        dt.complete {
    color: #333;
}

.skrey
        #billing-progress-opcheckout
        dd.complete
        address,
        .skrey
        #shipping-progress-opcheckout
        dd.complete
        address,
        .skrey
        #shipping_method-progress-opcheckout
        .warehouse-shipping-methods
        dd {
    margin: 0;
    padding: 0;
}

/*************************** END CHECKOUT ONE PAGE ****************************/

.skrey.checkout-onepage-success
        .sub-title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
}

/**************************** CUSTOM QTY COMPONENT ****************************/

.skrey
        .custom-qty {
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
}

.skrey
        .custom-qty
        button.reduced,
        .skrey
        .custom-qty
        button.increase {
    background-color: rgba(0, 0, 0, 0);
    border: 0 solid #dddee0;
    color: #999999;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 35px;
}

.skrey
        .custom-qty
        button.reduced:hover,
        .skrey
        .custom-qty
        button.increase:hover {
    color: #000000
}

.skrey
        .custom-qty
        input.qty {
    background: #fff;
    padding: 0;
    border: 0px solid #dddee0;
    float: left;
    height: 38px;
    text-align: center;
    width: 35px !important;
    color: #333333;
    font-size: 15px;
}

/************************** END CUSTOM QTY COMPONENT **************************/

/***************************** REMEMBER ME POPUP ******************************/

/* Remember Me Popup - Wrapper */

.skrey
        .remember-me-popup {
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
    display: none;
}

.skrey
        .remember-me-popup.show {
    display: initial;
}

/*************************** END REMEMBER ME POPUP ****************************/

/***************************** NEWSLETTER POPUP *******************************/

.skrey
        #popup-newsletter {
    overflow: hidden;
}

.skrey
        #popup-newsletter 
        .block-content 
        button.button 
        span {
    height: auto;
    line-height: 36px;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 0;
}

/***************************** END NEWSLETTER POPUP ***************************/

.skrey
        .fancybox-overlay {
    z-index: 100000;
}

.skrey
        .fancybox-opened {
    z-index: 100001;
}

.skrey
        .fancybox-opened
        .fancybox-skin {
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;
}

.skrey
        a.fancybox-close {
    background: none;
    width: auto;
    height: auto;
    line-height: 30px;
    top: 0px;
    right: 10px;
}

.skrey
        a.fancybox-close > i {
    font-size: 14px;
}

/**************************** END  POPUP FANCYBOX *****************************/

/********************************* LOGIN PAGE *********************************/

/* Login Page - Content Wrapper */

.skrey
        .account-login
        .content {
    margin: 0;
    min-height: 338px;
}

/* Login Page - Buttons Wrapper */

.skrey
        .account-login
        .buttons-set {
    min-height: 71px;
}

/* Login Page - Buttons */

.skrey
        .account-login
        .buttons-set
        button.button
        span {
    padding: 0 20px;
}

.skrey
        .account-login
        .buttons-set
        button.button
        span
        span {
    padding: 0;
}

.skrey
        .account-login
        .registered-users
        .buttons-set
        button.button:before,
        .skrey
        .account-login
        .new-users
        .buttons-set
        button.button:before{
    content: initial;
}

/******************************* END LOGIN PAGE *******************************/

/******************************* ACCOUNT CREATION PAGE *******************************/

.skrey  
        .account-create
        .input-box
        .checkbox{
    vertical-align: bottom
}


/******************************* END ACCOUNT CREATION PAGE *******************************/

/********************************* AJAX CART **********************************/

/* Ajax Cart Scroll Lock -  */

.skrey-popupAjaxcart-lock
        body {
    overflow: hidden;
}

/* Ajax Cart Popup */

.skrey
        #toPopup {
    top: 40%;
}

/* Ajax Cart Loading Spinner */

.skrey
        #popupAjaxcart
        .loading-wrapper {
    position: fixed;
    width: 52px;
    height: 52px;
    background-color: #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    animation: 1.2s ease-in-out 0s normal none infinite tp-rotateplane;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 100000;
}

.skrey
        #popupAjaxcart
        .loading-wrapper > .loading {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

.skrey
        #popupAjaxcart
        .loading-wrapper > .loading::before {
    content: none;
}

/* Ajax Cart Overlay */

.skrey
        #popupAjaxcart
        .overlay {
    z-index: 100000;
}

/******************************* END AJAX CART ********************************/

/******************************** AJAX LOADING ********************************/

.skrey
        .magicproduct
        .ajax_loading,
        .skrey
        .ajax_loading {
    width: 52px;
    height: 52px;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.skrey
        .magicproduct
        .ajax_loading > img,
        .skrey
        .ajax_loading > img {
    width: 32px;
    height: 32px;
}

/****************************** END AJAX LOADING ******************************/

/******************************** REWARD POINTS *******************************/

.skrey
        .divider {
    display: none;
}

.skrey
        .rewardpoints-product-view-earning {
    margin: 10px 0;
}

.skrey
        .rewardpoints-title {
    color: #000;
    font-size: 13px;
}

.skrey
        .rewardpoints-money {
    color: #1974dd;
}

.skrey
        .dashboard
        .box-rewardpoints-summary {
    padding: 15px;
}

.skrey
        .dashboard
        .box-rewardpoints-summary
        .box-head
        h2,
        .skrey
        .box-rewardpoints-summary
        .box-head
        h2,
        .skrey
        .box-rewardpoints-history
        .box-head
        h2 {
    background: url('../../../base/default/images/rewardpoints/point.png') no-repeat;
    padding: 0 0 0 21px;
    font-size: 14px;
}

.skrey
        .dashboard
        .box-rewardpoints-summary,
        .skrey
        .box-rewardpoints-summary {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.skrey
        .rewardpointsbehavior-checkout-action
        a
        img,
        .skrey
        #rewardpoints-navigation-rewardpoints.navigation
        a
        img, .skrey
        a.rewardpoints-name-img
        img {
    padding-right: 5px;
}

.skrey
        .block-account
        .block-content
        li
        a > span,
        .skrey
        .block-account
        .block-content
        li
        a > img,
        .skrey
        .block-account
        .block-content
        li
        strong > span,
        .skrey
        .block-account
        .block-content
        li
        strong > img {
    display: none !important;
}

.skrey.rewardpoints-index-transactions
        .pager {
    margin: 15px 0;
}

/****************************** END REWARD POINTS *****************************/

/********************************* MY ACCOUNT  ********************************/

/* My Account - Navigation */

.skrey
        .block-account
        .block-content
        li.current {
    color: #000;
}

.skrey
        .block-account
        .block-content
        li
        a {
    display: inline-block;
}

.skrey
        .block-account
        .block-content
        li
        a > span,
        .skrey
        .block-account
        .block-content
        li
        a > img {
    display: none !important;
}

/* My Account - Dashboard */

.skrey
        .dashboard
        .box
        .box-title {
    border-bottom-color: #ddd;
}

.skrey
        .dashboard
        .welcome-msg
        .hello {
    margin-bottom: 10px;
}

/* My Account - Reviews */

.skrey
        #my-reviews-table
        td {
    padding: 35px 8px;
}

.skrey
        #my-reviews-table
        .product-sku {
    font-size: 11px;
}

/* My Account - Orders */

.skrey
        .order-status,
        .skrey
        .order-date {
    margin: 10px 0;
}

.skrey
        .order-items
        .product-name {
    margin: 0;
}

.skrey
        .order-items
        .product-details
        .product-sku {
    font-size: 11px;
}
.skrey
        .order-items
        .product-details
        .product-sku
        .label {
    display: none;
}

.skrey
        #my-orders-table
        tfoot
        tr.first
        td {
    padding-top: 20px;
}

.skrey
        #my-orders-table
        tfoot
        tr.rewardpoints_earn_label
        td {
    padding-bottom: 10px;
}

.skrey
        #my-orders-table
        tfoot
        tr.rewardpoints_earn_label
        td:first-child {
    font-weight: 900;
}

.skrey
        #my-orders-table
        tfoot
        tr.grand_total
        td {
    padding-top: 10px;
}

.skrey
        #my-orders-table
        tfoot
        tr.grand_total
        td
        strong {
    font-weight: 900 !important;
    font-size: 16px;
}

.skrey.customer-account
        .link-reorder {
    font-weight: normal;
    color: #6f6f6f !important;
}

.skrey.customer-account
        .link-reorder:hover,
        .skrey.customer-account
        .link-reorder:focus {
    color: #000 !important;
}

.skrey.customer-account
        .link-print {
    font-weight: normal;
    color: #6f6f6f !important;
}

.skrey.customer-account
        .link-print:hover,
        .skrey.customer-account
        .link-print:focus {
    color: #000 !important;
}

/* My Account - My Wishlist */

.skrey
        .my-wishlist
        .buttons-set {
    margin-top: 0;
}

.skrey
        .wishlist-sku {
    font-size: 11px;
}

.skrey.customer-account
        .link-wishlist {
    font-weight: normal;
    color: #6f6f6f !important;
}

.skrey.customer-account
        .link-wishlist:hover,
        .skrey.customer-account
        .link-wishlist:focus {
    color: #000 !important;
}

/* My Account - My Comparison List */

.skrey.customer-account
        #product_comparison {
    margin-top: 10px;
}

.skrey.customer-account.catalog-product-compare-index
        .col-main {
    overflow: scroll;
}
.skrey.skrey.customer-account.skrey.customer-account.catalog-product-compare-index
    .product-shop-row.bottom td{
        text-align: center;
    }

    .skrey.skrey.customer-account.skrey.customer-account.catalog-product-compare-index
    .compare-table tbody th{
        background: white;
    }
/* My Account - Tables */

.skrey
        .my-account
        .pager:first-child
        .amount,
        .skrey
        .my-account
        .pager:first-child
        .pages,
        .skrey
        .my-account
        .pager:first-child
        .amount,
        .skrey
        .my-account
        .pager:last-child
        .limiter,
        .skrey.rewardpoints-index-transactions
        .pager:first-child
        .amount,
        .skrey.rewardpoints-index-transactions
        .pager:first-child
        .pages,
        .skrey.rewardpoints-index-transactions
        .pager:last-child
        .limiter {
    display: none;
}

/******************************* END MY ACCOUNT  ******************************/

/******************************** CONTACTS PAGE *******************************/

.skrey
        .contact-content
        .content.fieldset {
    overflow: hidden;
}

.skrey
        .contact-content
        .content.fieldset:after {
    content: "";
    clear: both;
}

.skrey
        #contactForm
        ul > li {
    display: block;
}

.skrey
        .buttons-set.buttons-set-contact {
    padding: 7px 0 0 0;
}

/****************************** END CONTACTS PAGE *****************************/

/*************************** SUPPORT CMS ANIMATIONS ***************************/

/*.policy .support-policy .row-normal:hover .support-icon .pe-7s-plane.icons {
    animation-name: plane;
    -webkit-animation-name: plane;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-direction: reverse;
    -webkit-animation-direction: reverse;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-timing-function: linear;
    -wbkit-animation-timing-function: linear;
}

@-webkit-keyframes plane {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-transform: translate(30px, -30px);
        transform: translate(30px, -30px);
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-transform: translate(-30px, 30px);
        transform: translate(-30px, 30px);
    }
}

@keyframes plane {
    0% {
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-transform: translate(30px, -30px);
        transform: translate(30px, -30px);
    }
    100% {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-transform: translate(-30px, 30px);
        transform: translate(-30px, 30px);
    }
}

.policy .support-policy .row-normal:hover .support-icon .pe-7s-headphones.icons {
    animation-name: earphones;
    -webkit-animation-name: earphones;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-timing-function: linear;
    -wbkit-animation-timing-function: linear;
}

@-webkit-keyframes earphones {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50% {
        -webkit-transform: rotateY(-60deg);
        transform: rotateY(-60deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes earphones {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50% {
        -webkit-transform: rotateY(-60deg);
        transform: rotateY(-60deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

.policy .support-policy .row-normal:hover .support-icon .pe-7s-refresh-2.icons {
    animation-name: refresh;
    -webkit-animation-name: refresh;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-duration: 200s;
    -webkit-animation-duration: 200s;
    animation-fill-mode: none;
    -webkit-animation-fill-mode: none;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -webkit-animation-play-state: running;
    animation-timing-function: linear;
    -wbkit-animation-timing-function: linear;
}

@-webkit-keyframes refresh {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(100turn);
        transform: rotateZ(100turn);
    }
}

@keyframes refresh {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(100turn);
        transform: rotateZ(100turn);
    }
}*/

/************************* END SUPPORT CMS ANIMATIONS *************************/

/******************************** SUPPORT CMS *********************************/

/*.skrey
        .block-custom-product
        .item
        .button.btn-cart:before {
    content: "\e66e";
}*/

.skrey
        .category_view_custom_block {
    margin: 0 0 30px;
}

.skrey.cms-page-view
        .std
        h2,
        .skrey.contacts-index-index
        .std
        h2 {
    font-size: 18px;
}

.skrey.cms-page-view
        .std
        h3,
        .skrey.contacts-index-index
        .std
        h3 {
    font-size: 16px;
}

.skrey.cms-page-view
        .std
        h4,
        .skrey.contacts-index-index
        .std
        h4 {
    font-size: 14px;
}

.skrey.cms-page-view
        .std
        h5,
        .skrey.contacts-index-index
        .std
        h5 {
    font-size: 12px;
}

.skrey.cms-page-view
        .std
        h2.alternative,
        .skrey.contacts-index-index
        .std
        h2.alternative {
    font-size: 14px;
}

.skrey.cms-page-view
        .std
        h3.alternative,
        .skrey.contacts-index-index
        .std
        h3.alternative {
    font-size: 12px;
}

.skrey.cms-page-view
        .std
        h4.alternative,
        .skrey.contacts-index-index
        .std
        h4.alternative {
    font-size: 11px;
}

.skrey.cms-page-view
        .std
        h5.alternative,
        .skrey.contacts-index-index
        .std
        h5.alternative {
    font-size: 10px;
}

.skrey.cms-page-view
        .std
        h2,
        .skrey.cms-page-view
        .std
        h3,
        .skrey.cms-page-view
        .std
        h4,
        .skrey.cms-page-view
        .std
        h5,
        .skrey.contacts-index-index
        .std
        h2,
        .skrey.contacts-index-index
        .std
        h3,
        .skrey.contacts-index-index
        .std
        h4,
        .skrey.contacts-index-index
        .std
        h5 {
    color: #333;
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}

.skrey.cms-page-view
        .std
        h2.alternative,
        .skrey.cms-page-view
        .std
        h3.alternative,
        .skrey.cms-page-view
        .std
        h4.alternative,
        .skrey.cms-page-view
        .std
        h5.alternative,
        .skrey.contacts-index-index
        .std
        h2.alternative,
        .skrey.contacts-index-index
        .std
        h3.alternative,
        .skrey.contacts-index-index
        .std
        h4.alternative,
        .skrey.contacts-index-index
        .std
        h5.alternative {
    color: #fff;
    background-color: #1974dd;
    margin: 20px 0 10px;
    padding: 10px;
}

.skrey.cms-page-view
        .std
        h2:before,
        .skrey.cms-page-view
        .std
        h3:before,
        .skrey.cms-page-view
        .std
        h4:before,
        .skrey.cms-page-view
        .std
        h5:before,
        .skrey.contacts-index-index
        .std
        h2:before,
        .skrey.contacts-index-index
        .std
        h3:before,
        .skrey.contacts-index-index
        .std
        h4:before,
        .skrey.contacts-index-index
        .std
        h5:before {
    border-color: #333333 !important;
    bottom: -15px !important;
    border-bottom: 2px solid #aaaaaa;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 20px;
}

.skrey.cms-page-view
        .std
        h2.alternative:before,
        .skrey.cms-page-view
        .std
        h3.alternative:before,
        .skrey.cms-page-view
        .std
        h4.alternative:before,
        .skrey.cms-page-view
        .std
        h5.alternative:before,
        .skrey.contacts-index-index
        .std
        h2.alternative:before,
        .skrey.contacts-index-index
        .std
        h3.alternative:before,
        .skrey.contacts-index-index
        .std
        h4.alternative:before,
        .skrey.contacts-index-index
        .std
        h5.alternative:before {
    content: initial;
}

.skrey.cms-page-view
        .std
        ul,
        .skrey.cms-page-view
        .std
        ol,
        .skrey.cms-page-view
        .std
        dl,
        .skrey.cms-page-view
        .std
        p,
        .skrey.cms-page-view
        .std
        address,
        .skrey.cms-page-view
        .std
        blockquote,
        .skrey.contacts-index-index
        .std
        ul,
        .skrey.contacts-index-index
        .std
        ol,
        .skrey.contacts-index-index
        .std
        dl,
        .skrey.contacts-index-index
        .std
        p,
        .skrey.contacts-index-index
        .std
        address,
        .skrey.contacts-index-index
        .std
        blockquote {
    margin: 0 0 10px;
}

.skrey.cms-page-view
        .std
        ul > li,
        .skrey.cms-page-view
        .std
        ol > li{
    text-align: justify;
    margin-bottom: 5px;
}

.skrey.cms-page-view
        .std
        table,
        .skrey.contacts-index-index
        .std
        table {
    border: none;
    width: 100%;
    margin: 0;
}

.skrey.cms-page-view
        .std
        table,
        .skrey.cms-page-view
        .std
        table
        thead,
        .skrey.cms-page-view
        .std
        table
        thead
        th,
        .skrey.cms-page-view
        .std
        table
        thead
        tr,
        .skrey.cms-page-view
        table
        thead
        td,
        .skrey.cms-page-view
        .std
        table
        tbody,
        .skrey.cms-page-view
        .std
        table
        tbody
        th,
        .skrey.cms-page-view
        .std
        table
        tbody
        td,
        .skrey.cms-page-view
        .std
        table
        tfoot,
        .skrey.cms-page-view
        .std
        table
        tfoot
        th,
        .skrey.cms-page-view
        .std
        table
        tfoot
        tr,
        .skrey.cms-page-view
        .std
        table
        tfoot
        td,
        .skrey.contacts-index-index
        .std
        table,
        .skrey.contacts-index-index
        .std
        table
        thead,
        .skrey.contacts-index-index
        .std
        table
        thead
        th,
        .skrey.contacts-index-index
        .std
        table
        thead
        tr,
        .skrey.contacts-index-index
        .std
        table
        thead
        td,
        .skrey.contacts-index-index
        .std
        table
        tbody,
        .skrey.contacts-index-index
        .std
        table
        tbody
        th,
        .skrey.contacts-index-index
        .std
        table
        tbody
        td,
        .skrey.contacts-index-index
        .std
        table
        tfoot,
        .skrey.contacts-index-index
        .std
        table
        tfoot
        th,
        .skrey.contacts-index-index
        .std
        table
        tfoot
        tr,
        .skrey.contacts-index-index
        .std
        table
        tfoot
        td{
    border: none;
}

.skrey.cms-page-view
        .std
        table
        th,
        .skrey.contacts-index-index
        .std
        table
        th {
    font-size: 15px;
}

.skrey.cms-page-view
        .std
        table
        thead
        tr
        th,
        .skrey.contacts-index-index
        .std
        table
        thead
        tr
        th {
    padding: 15px 8px;
}

.skrey.cms-page-view
        .std
        table
        tbody
        tr,
        .skrey.contacts-index-index
        .std
        table
        tbody
        tr {
    border-bottom: 1px solid #ddd;
}

.skrey.cms-page-view
        .std
        table
        tbody
        tr
        th,
        .skrey.contacts-index-index
        .std
        table
        tbody
        tr
        th {
    display: block;
}

.skrey.cms-page-view
        .std
        table
        tbody
        th,
        .skrey.cms-page-view
        .std
        table
        tbody
        td,
        .skrey.contacts-index-index
        .std
        table
        tbody
        th,
        .skrey.contacts-index-index
        .std
        table
        tbody
        td {
    padding: 35px 8px;
}

.skrey.cms-page-view
        .std
        table
        tbody
        td,
        .skrey.contacts-index-index
        .std
        table
        tbody
        td {
    font-size: 13px;
}

.skrey.cms-page-view
        .std
        table
        th,
        .skrey.contacts-index-index
        .std
        table
        th {
    background-color: #f5f5f5;
}

.skrey.cms-page-view
        .std
        table
        tbody
        tr,
        .skrey.contacts-index-index
        .std
        table
        tbody
        tr {
    background-color: #fff;
}

.skrey.cms-page-view
        .std
        table
        strong,
        .skrey.contacts-index-index
        .std
        table
        strong {
    font-weight: bold;
}

.skrey.cms-page-view
        .std
        .bg-parallax-container,
        .skrey.contacts-index-index
        .std
        .bg-parallax-container {
    overflow: hidden;
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    min-height: 1px;
}

.skrey.cms-page-view
        .std
        .bg-parallax-container
        .bg-parallax,
        .skrey.contacts-index-index
        .std
        .bg-parallax {
    width: 100%;
    height: 100%;
}

.skrey.contacts-index-index
        .fieldset
        .contact-field,
        .skrey.contacts-index-index
        .fieldset
        .comment-field {
    padding: 0;
}

.skrey.contacts-index-index
        .fieldset
        .contact-field
        ul.form-list,
        .skrey.contacts-index-index
        .fieldset
        .comment-field
        ul.form-list {
    padding: 0;
    margin: 0;
}

.skrey.contacts-index-index
        .fieldset
        .contact-field + .comment-field
        ul.form-list {
    padding-left: 1.5em;
}

/****************************** END SUPPORT CMS *******************************/

/********************************** MESSAGES **********************************/

.skrey
        ul.messages {
    position: fixed;
    top: 15%;
    display: none;
    z-index: 99999;
    left: 0;
    right: 0;
    margin: 0 auto !important;
}

.skrey
        ul.messages > li {
    margin: 0 auto !important;
}

/******************************** END MESSAGES ********************************/

/********************************* BX WIDGET **********************************/

.skrey
        .content-products
        .bx-wrapper
        .bx-controls-direction
        a,
        .skrey
        .content-blog
        .bx-wrapper
        .bx-controls-direction
        a,
        .skrey
        .crosssell
        .bx-wrapper
        .bx-controls-direction
        a,
        .skrey
        .block-related
        .bx-wrapper
        .bx-controls-direction
        a,
        .skrey
        .box-up-sell
        .bx-wrapper
        .bx-controls-direction
        a {
    box-shadow: 0px 1px 13px 1px #666666;
    -moz-box-shadow: 0px 1px 13px 1px #666666;
    -webkit-box-shadow: 0px 1px 13px 1px #666666;
    -o-box-shadow: 0px 1px 13px 1px #666666;
    -ms-box-shadow: 0px 1px 13px 1px #666666;
}


.skrey .product-view .crosssell li{
    max-height:420px;
}

/******************************** END BX WIDGET *******************************/

/***************************** MAGICSLIDER WIDGET *****************************/

.skrey
        .magicslider
        .bx-wrapper
        .bx-pager.bx-default-pager
        a {
    box-shadow: 0px 1px 13px 1px #666666;
    -moz-box-shadow: 0px 1px 13px 1px #666666;
    -webkit-box-shadow: 0px 1px 13px 1px #666666;
    -o-box-shadow: 0px 1px 13px 1px #666666;
    -ms-box-shadow: 0px 1px 13px 1px #666666;
}

/*************************** END MAGICSLIDER WIDGET ***************************/

/**************************** RELATED/UPSELL BLOCK ****************************/

.skrey
        .block.block-related,
        .skrey
        .block.box-up-sell {
    margin: 45px 0 0;
}

/************************** END RELATED/UPSELL BLOCK **************************/

/***************************** CHECKOUT TOOL TIP ******************************/

.skrey
        .tool-tip {
    border-color: #ddd;
    background-color: #f5f5f5;
}

.skrey
        .tool-tip
        .btn-close
        #payment-tool-tip-close {
    background: none;
    text-indent: 0;
}

.skrey
        .tool-tip
        .btn-close
        #payment-tool-tip-close:before {
    font-family: FontAwesome;
    content: "\f00d";
}

.skrey #payment-tool-tip .tool-tip-content img {
    max-width: 100%;
    height: auto;
    width: auto;
}

/*************************** END CHECKOUT TOOL TIP ****************************/

/***************************** TIMER VIEW WIDGET ******************************/

.skrey
        .timer-view
        .box {
    background-color: #fff;
    border: none;
    opacity: .8;
}

/*************************** END TIMER VIEW WIDGET ****************************/

/***************************** GDPR COOKIE NOTICE *****************************/

.skrey
        .cookiealert {
    position: fixed;
    z-index: 100000;
    bottom: 0;
    width: 100%;
    box-shadow: 0px 1px 20px 1px #666666;
    -moz-box-shadow: 0px 1px 20px 1px #666666;
    -o-box-shadow: 0px 1px 20px 1px #666666;
    -ms-box-shadow: 0px 1px 20px 1px #666666;
    -webkit-box-shadow: 0px 1px 20px 1px #666666;}

.skrey
        .cookiealert
        .message {
    position: relative;
}

.skrey
        .cookiealert
        .message 
        .cookie-decline {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 30px;
    height: 1;
}

.skrey
        .cookiealert
        .message 
        .cookie-decline
        a {
    color: #6f6f6f;
    text-decoration: none;
}

.skrey
        .cookiealert
        .message 
        .cookie-decline
        a:hover,
        .skrey
        .cookiealert
        .message 
        .cookie-decline
        a:focus,
        .skrey
        .cookiealert
        .message 
        .cookie-decline
        a:active {
    color: #000;
}

.skrey
        .cookiealert
        .message 
        .cookie-message {
    padding: 0 30px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.skrey
        .cookiealert
        .message 
        .cookie-message
        .cookie-info {
    margin-right: 30px; 
}

.skrey
        .cookiealert
        .message 
        .cookie-message
        .cookie-accept 
        a.button {
    display: inline-block;
    text-decoration: none;
    padding: 0px 30px;
    max-width: 100%;
    overflow: hidden;
}

.skrey 
        .cookiealert
        .message 
        .cookie-message
        .cookie-accept 
        a.button
        span {
    display: block;
    line-height: 36px;
    font-size: 15px;
    padding: 0 20px;
    text-transform: capitalize;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}

/************************** END GDPR COOKIE NOTICE ****************************/

/************************** HOME BANNER **************************/
.skrey
    .banner-home-col {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.skrey
    .banner-home-row {
        overflow-x: auto;
        white-space: nowrap;
}
.skrey
    .banner-home-row.row::-webkit-scrollbar-thumb{
        background-color: gray;
        border-radius: 30px;

}
.skrey .banner-home-row.row::-webkit-scrollbar{ 
    background-color: lightgray;
    height: 6px;
    border-radius: 7px;
}


/************************** END HOME BANNER **************************/
.skrey .pvpr-wrapper .percent, .skrey .pvpr-price .percent {
    color: #ffffff;
    background-color: red;
    border-radius: 7px;
    padding-left: 5px;
    padding-right: 5px;
}
.skrey .pvpr-wrapper > .pvpr-block > .pvpr-price > span.price, .skrey .pvpr-grid-wrapper .pvpr-price span.price {
    color: #6f6f6f !important;
    text-decoration-line: line-through;
    -webkit-text-decoration-line: line-through;
}
.skrey .product-options-bottom .pvpr-price.old-price {display: none !important;}


/************************** MAGICMENU 3º NIVEL **************************/

.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a span.mmhaschildren {
    /*position: absolute;
    right: 10px;*/
    margin-left: 14px;
}
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a span.mmhaschildren i {
    display: inline;
    padding: 2px 6px;
}
/* normal */
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 ul.level1 {display: none;}
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a span.mmhaschildren i.fa-chevron-up {
    display: none;
}
/* open */
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1.open ul.level1 {display: block;}
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1.open > a span.mmhaschildren i.fa-chevron-up {
    display: inline;
}
.skrey .header-bottom .magicmenu .nav-desktop .level0 .level-top-mega .children.level1.open > a span.mmhaschildren i.fa-chevron-down {
    display: none;
}