html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top
}

article,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul,
li {
    list-style: none;
    margin: 0
}

ul > li,
ol > li {
    margin: 0
}

blockquote,
q {
    quotes: none
}

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

img {
    max-width: 100%;
    height: auto;
    border: 0;
    /* vertical-align: middle */
}

a {
    color: #1a1a1a;
    text-decoration: none;
    cursor: pointer
}

a:visited,
.alink:visited {
    color: #1a1a1a
}

a:hover {
    color: #fa9e3b;
    text-decoration: none;
    box-shadow: none
}

p {
    line-height: 25px
}

a:focus,
a:active {
    outline: none;
    text-decoration: none;
    box-shadow: none
}

.action.primary:focus,
.action.primary:active {
    border: 0
}

a:focus {
    outline: none
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.33em;
    margin-bottom: 0.57em
}

h3 {
    font-size: 1.09em;
    margin-bottom: 0.69em
}

h4 {
    font-size: 1em;
    margin-bottom: 0.75em
}

h5 {
    font-size: 0.91em;
    margin-bottom: 0.83em
}

h6 {
    font-size: 0.91em;
    margin-bottom: 0.83em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1a1a;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    line-height: 1.35
}

input:not([type]),
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"] {
    border: 1px solid #e1e1e1;
    height: 40px;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: none
}

textarea {
    border: 1px solid #e1e1e1;
    height: 80px;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {

    button,
    html input[type=button],
    input[type=reset],
    input[type=submit] {
        padding: 18.5px 30px
    }
}

button,
input,
select,
textarea {
    margin: 0;
    max-width: 100%
}

button,
input,
select,
textarea {
    margin: 0;
    max-width: 100%
}

button:focus,
input:focus,
select:focus,
textarea:focus,
button:active,
input:active,
select:active,
textarea:active,
button:visited,
input:visited,
select:visited,
textarea:visited {
    box-shadow: none;
    outline: 0
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
    font-family: 'Red Hat Display', sans-serif
}

button::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: 'Red Hat Display', sans-serif
}

button::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-family: 'Red Hat Display', sans-serif
}

.btn.focus:focus,
.btn:focus:focus,
.btn:hover:focus,
.btn.focus:active,
.btn:focus:active,
.btn:hover:active,
.btn.focus:visited,
.btn:focus:visited,
.btn:hover:visited {
    box-shadow: none;
    outline: 0
}

textarea {
    border: 1px solid #e1e1e1
}

table {
    border-collapse: collapse;
    border-color: #e1e1e1;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin-bottom: 24px;
    width: 100%
}

table th,
table td {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 10px
}

caption {
    padding: 10px
}

.fontawersome {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.switcher-dropdown {
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.label {
    font-size: 13px;
    padding: 0;
    text-align: left;
    font-weight: 100
}

.fieldset > .field:not(.choice) > .label {
    text-align: left
}

._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: none
}

div.mage-error[generated] {
    font-size: 0.75em
}

.message.info > *:first-child:before,
.message.success > *:first-child:before {
    font-size: 24px
}

.message.info,
.page.messages {
    font-size: 13px
}

.login-container .block .block-title {
    font-size: 1rem;
    text-transform: uppercase
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

body {
    background: #fff;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: hidden
}

.container-full {
    padding: 0 40px
}

@media (max-width:1199px) {
    .container-full {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .container-full {
        padding: 0 15px
    }
}

.container {
    max-width: 1440px
}

@media (min-width:992px) {
    .container {
        width: 95%
    }
}

@media (min-width:1200px) {
    .container {
        width: 95%
    }
}

@media (min-width:1500px) {
    .container {
        width: 1440px
    }
}

a {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

a:hover {
    text-decoration: underline
}

button:hover,
.action.primary:hover {
    border: none
}

.abs-product-link > a:active,
.product-item-name > a:active,
.product.name a > a:active,
.abs-product-link > a:hover,
.product-item-name > a:hover,
.product.name a > a:hover {
    text-decoration: none
}

.abs-product-link > a:active,
.product-item-name > a:active,
.product.name a > a:active,
.product.name > a {
    color: #1a1a1a
}

.page.messages {
    margin: 0 auto;
    width: 100%
}

.page.messages .message.success,
.page.messages .message.notice,
.page.messages .message.error {
    font-size: 14px
}

.page-wrapper {
    min-height: 1px;
    position: relative
}

.modals-wrapper {
    position: relative;
    z-index: 999999
}

.breadcrumbs {
    padding: 0
}

.sperator {
    margin: 0 5px
}

div.mage-error[generated] {
    font-size: 12px
}

.bundle-actions .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.cart-container .checkout-methods-items .action.primary,
.block-minicart .block-content > .actions > .primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.multicheckout .action.primary {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none
}

.bundle-actions .action.primary:hover,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover,
.product-info-main .box-tocart .action.tocart:hover,
.product-options-bottom .box-tocart .action.tocart:hover,
.cart-container .checkout-methods-items .action.primary:hover,
.block-minicart .block-content > .actions > .primary .action.primary:hover,
.methods-shipping .actions-toolbar .action.primary:hover,
.block-authentication .action.action-register:hover,
.block-authentication .action.action-login:hover,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:hover,
.form-address-edit .actions-toolbar .action.primary:hover,
.multicheckout .action.primary:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {

    .bundle-actions .action.primary,
    .bundle-options-container .block-bundle-summary .box-tocart .action.primary,
    .product-info-main .box-tocart .action.tocart,
    .product-options-bottom .box-tocart .action.tocart,
    .cart-container .checkout-methods-items .action.primary,
    .block-minicart .block-content > .actions > .primary .action.primary,
    .methods-shipping .actions-toolbar .action.primary,
    .block-authentication .action.action-register,
    .block-authentication .action.action-login,
    .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
    .form-address-edit .actions-toolbar .action.primary,
    .multicheckout .action.primary {
        padding: 18.5px 30px
    }
}

.block-collapsible-nav .content {
    background: none;
    padding: 0
}

.block-collapsible-nav {
    margin: 0
}

.mark {
    background: none
}

.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
    max-width: 100%
}

.block-cart-failed .action.continue,
.cart-container .form-cart .action.continue,
button,
.cart.table-wrapper .actions-toolbar > .action,
.cart.table-wrapper .action-gift,
.action.primary,
.review-form .action.submit.primary,
.primary .action.primary,
.actions .action.primary,
.checkout.action.primary {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    text-align: center;
    border: none;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.block-cart-failed .action.continue:hover,
.cart-container .form-cart .action.continue:hover,
button:hover,
.cart.table-wrapper .actions-toolbar > .action:hover,
.cart.table-wrapper .action-gift:hover,
.action.primary:hover,
.review-form .action.submit.primary:hover,
.primary .action.primary:hover,
.actions .action.primary:hover,
.checkout.action.primary:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {

    .block-cart-failed .action.continue,
    .cart-container .form-cart .action.continue,
    button,
    .cart.table-wrapper .actions-toolbar > .action,
    .cart.table-wrapper .action-gift,
    .action.primary,
    .review-form .action.submit.primary,
    .primary .action.primary,
    .actions .action.primary,
    .checkout.action.primary {
        padding: 18.5px 30px
    }
}

.cart-container .form-cart .action.continue,
.cart-container .checkout-methods-items .action.primary {
    border: 2px solid #1a1a1a;
    min-width: 190px;
    letter-spacing: 0.5px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px
}

.cart-container .form-cart .action.continue:hover,
.cart-container .checkout-methods-items .action.primary:hover {
    color: #fff;
    border-width: 2px;
    opacity: 0.8
}

.cart-container .checkout-methods-items .action.primary.checkout {
    font-weight: 700;
    font-size: 14px
}

.cart-container .form-cart .action.clear,
.cart-container .form-cart .action.update {
    background: #fff;
    color: #1a1a1a;
    border: 2px solid #e1e1e1;
    min-width: 190px;
    text-align: center;
    padding: 18.5px 30px;
    border-radius: 4px;
    font-size: 14px
}

.cart-container .form-cart .action.clear:hover,
.cart-container .form-cart .action.update:hover {
    border: 2px solid #fa9e3b;
    color: #fa9e3b
}

.cart-container .form-cart .action.clear:before,
.cart-container .form-cart .action.update:before {
    display: none
}

button:hover,
.cart.table-wrapper .actions-toolbar > .action:hover,
.cart.table-wrapper .action-gift:hover,
.block-cart-failed .action.continue:hover,
.cart-container .form-cart .action.continue:hover,
.action.primary:hover {
    color: #fff;
    text-shadow: none
}

button:hover {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline-style: none
}

button:focus,
button:active,
.cart.table-wrapper .actions-toolbar > .action:focus,
.cart.table-wrapper .actions-toolbar > .action:active,
.cart.table-wrapper .action-gift:focus,
.cart.table-wrapper .action-gift:active {
    border: none
}

.checkout.action.primary {
    background: #fa9e3b;
    border-color: #fa9e3b
}

.checkout.action.primary:hover {
    opacity: 0.8
}

.abs-shopping-cart-items .action.continue:before,
.block-cart-failed .action.continue:before,
.cart-container .form-cart .action.continue:before {
    display: none
}

.cart-summary .block > .title:after,
.paypal-review-discount .block > .title:after {
    top: 0
}

.cart-totals .amount,
.opc-block-summary .table-totals .amount,
.cart-totals .mark,
.opc-block-summary .table-totals .mark {
    border-top: 0;
    padding-left: 10px;
    padding-right: 10px
}

.cart-totals .grand .amount,
.opc-block-summary .table-totals .grand .amount {
    padding-right: 10px
}

.price-box .price-label {
    display: none
}

.label {
    color: #555
}

.border-top {
    border-top: 1px solid #e1e1e1
}

.rating-summary .rating-result {
    margin-left: 5px;
    width: 80px
}

.rating-summary .rating-result:before {
    font-family: FontAwesome;
    content: '\f005''\f005''\f005''\f005''\f005';
    font-size: 11px;
    height: 11px;
    letter-spacing: 1px;
    line-height: 1;
    top: 0px;
    color: #4e4e4e
}

.rating-summary .rating-result span:before {
    color: #78b7c6;
    font-family: FontAwesome;
    content: '\f005''\f005''\f005''\f005''\f005';
    font-size: 11px;
    height: 11px;
    line-height: 11px;
    letter-spacing: 1px
}

.rating-summary .rating-result span span {
    display: none
}

.product-reviews-summary .reviews-actions {
    font-size: 13px;
    margin-left: 10px;
    padding-left: 10px
}

.block-authentication .block-title,
.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary > .title,
.checkout-agreements-items .checkout-agreements-item-title,
.column.main .cart-summary .block > .title strong,
.column.main .paypal-review-discount .block > .title strong {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Red Hat Display', sans-serif
}

.modal-header,
.modal-content {
    box-shadow: none;
    border: 0
}

.modal-popup {
    text-align: center;
    z-index: 1000
}

.modal-popup .modal-inner-wrap {
    position: static;
    margin: 0;
    margin: auto;
    width: 50%;
    margin-top: 10%;
    border: 1px solid #e1e1e1
}

.modal-popup .modal-inner-wrap #modal-content-18 {
    padding-bottom: 20px
}

.modal-popup .modal-inner-wrap .modal-footer {
    padding-top: 30px
}

.modal-popup .action-close {
    padding: 0px;
    z-index: 99;
    top: 5px;
    right: 5px
}

.modal-popup .action-close:before {
    font-size: 40px;
    line-height: 40px;
    color: #1a1a1a
}

.modal-popup .action-close:hover {
    animation: none
}

.modal-popup .modal-header {
    padding: 0
}

.modal-popup .modal-content {
    padding-bottom: 10px
}

.modal-popup .modal-footer {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #e1e1e1 !important
}

.modal-popup .modal-footer button {
    margin: 0 10px
}

.modal-popup #modal-content-18 {
    padding-top: 20px;
    text-align: left
}

.modal-popup #modal-content-18 h1,
.modal-popup #modal-content-18 h2,
.modal-popup #modal-content-18 h3,
.modal-popup #modal-content-18 h4,
.modal-popup #modal-content-18 h5,
.modal-popup #modal-content-18 h6 {
    margin: 15px 0
}

.modal-popup .modal-title {
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px
}

.bs-banner {
    overflow: hidden;
    border-radius: 4px;
    position: relative
}

.bs-banner:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.bs-banner:hover:before {
    -webkit-animation: eren 1.2s;
    animation: eren 1.2s
}

@-webkit-keyframes eren {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.abs-margin-for-forms-desktop,
.fieldset .legend,
.column:not(.sidebar-main) form .actions-toolbar,
.column:not(.sidebar-additional) form .actions-toolbar,
.login-container .fieldset:after {
    margin-left: 0;
    font-size: 13px;
    text-transform: uppercase
}

.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
    font-weight: normal
}

.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current strong {
    border-color: #fa9e3b
}

.abs-account-blocks .block-title > strong,
.block-compare .block-title > strong,
.block-giftregistry-results .block-title > strong,
.block-giftregistry-shared-items .block-title > strong,
.block-wishlist-search-results .block-title > strong,
.block-reorder .block-title > strong,
.widget .block-title > strong,
.block-wishlist .block-title > strong,
.account .column.main .block:not(.widget) .block-title > strong,
.multicheckout .block-title > strong,
.paypal-review .block .block-title > strong,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong,
[class^="sales-guest-"] .column.main .block:not(.widget) .block-title > strong,
.sales-guest-view .column.main .block:not(.widget) .block-title > strong {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Red Hat Display', sans-serif
}

.block-reorder .product-item,
.block-reorder .product-list-item {
    padding-left: 0
}

.block-compare .action.compare,
.cart-summary .actions-toolbar > .primary button,
.cart-summary .form.giftregistry .fieldset .action.primary,
.paypal-review .block .actions-toolbar .action.primary,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action,
.cart-summary .actions-toolbar > .primary .action-gift {
    background: #fff;
    border: 1px solid #e1e1e1
}

.block-addresses-list .items.addresses .item.actions .action:after,
.account .data.table .col.actions .action:after,
[class^="sales-guest-"] .data.table .col.actions .action:after,
.sales-guest-view .data.table .col.actions .action:after,
.block .box-actions .action:after {
    content: "";
    display: inline-block;
    height: 12px;
    margin: 0 10px;
    border-left: 1px solid #a6a6a6;
    vertical-align: -1px
}

.block-addresses-list .items.addresses .item.actions .action:last-child:after,
.account .data.table .col.actions .action:last-child:after,
[class^="sales-guest-"] .data.table .col.actions .action:last-child:after,
.sales-guest-view .data.table .col.actions .action:last-child:after,
.block .box-actions .action:last-child:after {
    display: none
}

.message.success {
    color: #666;
    background: #f1f1f1
}

.block-minicart .block-content > .actions .viewcart {
    display: block;
    padding: 7px 15px;
    background: #333;
    border: 3px solid #333;
    color: #fff;
    font-family: 'Red Hat Display', sans-serif;
    text-transform: uppercase !important
}

.block-minicart .block-content > .actions .viewcart:hover {
    background: none;
    color: #333;
    border-color: #fa9e3b
}

.page-title-wrapper {
    text-align: left
}

.btn-close:hover {
    text-decoration: none
}

.customer-account-create .page-title-wrapper,
.customer-account-login .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper {
    text-align: center;
    padding-top: 55px
}

.customer-account-create .page-footer,
.customer-account-login .page-footer,
.customer-account-forgotpassword .page-footer {
    margin-top: 100px
}

.choice.newsletter:before {
    display: none
}

.choice.newsletter input {
    margin: 0;
    float: left;
    margin-right: 5px
}

.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account {
    margin: auto;
    border: 1px solid #e1e1e1;
    padding: 20px;
    border-radius: 5px
}

.login-container {
    width: 50%;
    margin: auto;
    border: 1px solid #e1e1e1
}

.login-container .fieldset:after {
    display: none
}

.login-container .block.block-customer-login,
.login-container .block.block-new-customer {
    float: none;
    width: 100%;
    margin: auto;
    padding: 25px
}

.login-container .block.block-customer-login .block-title strong,
.login-container .block.block-new-customer .block-title strong {
    font-family: 'Red Hat Display', sans-serif;
    color: #1a1a1a;
    text-transform: none;
    font-size: 16px
}

.login-container .block.block-customer-login .actions-toolbar .primary,
.login-container .block.block-new-customer .actions-toolbar .primary {
    float: none
}

.login-container .block.block-customer-login .actions-toolbar .secondary,
.login-container .block.block-new-customer .actions-toolbar .secondary {
    display: inline-block;
    text-align: center;
    float: none
}

.login-container .block.block-customer-login .actions-toolbar .secondary a,
.login-container .block.block-new-customer .actions-toolbar .secondary a {
    margin-top: 15px;
    text-transform: capitalize
}

.login-container .block.block-customer-login .actions-toolbar .secondary a:hover,
.login-container .block.block-new-customer .actions-toolbar .secondary a:hover {
    color: #fa9e3b
}

.login-container .block.block-customer-login .actions-toolbar .secondary a.remind,
.login-container .block.block-new-customer .actions-toolbar .secondary a.remind,
.login-container .block.block-customer-login .actions-toolbar .secondary a.back,
.login-container .block.block-new-customer .actions-toolbar .secondary a.back {
    color: #fa9e3b
}

.login-container .block.block-customer-login .control,
.login-container .block.block-new-customer .control {
    width: 100%
}

.password.forget {
    text-align: left
}

.password.forget .secondary {
    text-align: left
}

.password.forget .fieldset .control {
    width: 100%
}

.password.forget .actions-toolbar .primary {
    float: none
}

.password.forget .actions-toolbar .primary button {
    margin: 0
}

.password.forget .actions-toolbar .secondary {
    float: none;
    display: block
}

.password.forget .actions-toolbar .secondary a {
    text-transform: capitalize
}

.password.forget .actions-toolbar .secondary a.back {
    color: #fa9e3b
}

.password.forget .actions-toolbar .secondary a:hover {
    color: #fa9e3b
}

.block-dashboard-info {
    padding: 20px;
    border: 1px solid #e1e1e1;
    overflow: hidden
}

.block-dashboard-info .block-title {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 13px;
    font-weight: 700;
    margin-bottom: 15px
}

.block-dashboard-info .block-title strong {
    color: #222;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px
}

.block-dashboard-info .box-information {
    float: left;
    clear: left;
    width: 48%
}

.block-dashboard-info .box-information .box-title {
    font-size: 15px;
    font-family: 'Red Hat Display', sans-serif;
    padding-bottom: 10px;
    color: #1a1a1a;
    display: block;
    font-weight: 500
}

.block-dashboard-info .box-information a:hover {
    color: #fa9e3b
}

.block-dashboard-info .box-newsletter {
    float: right;
    clear: right;
    width: 48%
}

.block-dashboard-info .box-newsletter .box-title {
    font-size: 16px;
    font-family: 'Red Hat Display', sans-serif;
    padding-bottom: 10px;
    display: block
}

.block-dashboard-info .box-newsletter a:hover {
    color: #fa9e3b
}

.block-dashboard-addresses {
    padding: 20px;
    border: 1px solid #e1e1e1;
    overflow: hidden
}

.block-dashboard-addresses .block-title {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    font-weight: 700;
    margin-bottom: 15px
}

.block-dashboard-addresses .block-title strong {
    color: #1a1a1a;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px
}

.block-dashboard-addresses .block-title a {
    font-family: 'Red Hat Display', sans-serif;
    float: right
}

.block-dashboard-addresses .box-billing-address {
    float: left;
    clear: left;
    width: 48%
}

.block-dashboard-addresses .box-billing-address .box-title {
    font-size: 15px;
    font-family: 'Red Hat Display', sans-serif;
    padding-bottom: 10px;
    display: block;
    font-weight: 500
}

.block-dashboard-addresses .box-billing-address a:hover {
    color: #fa9e3b
}

.block-dashboard-addresses .box-shipping-address {
    float: right;
    clear: right;
    width: 48%
}

.block-dashboard-addresses .box-shipping-address .box-title {
    font-size: 16px;
    font-family: 'Red Hat Display', sans-serif;
    padding-bottom: 10px;
    display: block
}

.block-dashboard-addresses .box-shipping-address a:hover {
    color: #fa9e3b
}

.account-nav {
    border: 1px solid #e1e1e1
}

.account-nav .title {
    margin: 0
}

.account-nav .title strong {
    padding: 12px 15px;
    display: block;
    font-family: 'Red Hat Display', sans-serif;
    margin: 0;
    font-size: 18px
}

.account-nav .nav {
    padding: 15px;
    padding-top: 0
}

.account-nav .nav li {
    line-height: 30px;
    padding: 0;
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 10px
}

.account-nav .nav li:first-child {
    border: 0;
    padding: 0;
    margin: 0
}

.account-nav .nav li a {
    display: block;
    color: #999;
    background: none;
    padding: 0
}

.account-nav .nav li a:hover {
    color: #fa9e3b;
    background: #fff
}

.sidebar .block-compare .block-title strong,
.sidebar .block-reorder .block-title strong,
.sidebar .block-wishlist .block-title strong {
    text-transform: none;
    font-weight: 700;
    color: #1a1a1a
}

.catalog-product_compare-index .table {
    border: 1px solid #eee !important
}

.catalog-product_compare-index .table th {
    display: table-cell;
    border-radius: 0 !important;
    border-bottom: 1px solid #eee !important
}

.catalog-product_compare-index .table th span {
    font-size: 16px;
    font-weight: 500
}

.catalog-product_compare-index .table td {
    background: none !important;
    border-left: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important
}

.catalog-product_compare-index .table td.remove {
    text-align: center
}

.catalog-product_compare-index .table td .product-item-photo {
    text-align: center
}

.catalog-product_compare-index .table td .product-item-actions .secondary-addto-links {
    display: none
}

.catalog-product_compare-index .table td .product-item-name {
    margin: 0 0 7px
}

.catalog-product_compare-index .table td .product-reviews-summary {
    margin: 0
}

.catalog-product_compare-index .table td .product-reviews-summary .action {
    display: none
}

.catalog-product_compare-index .table td .price-box {
    margin: 10px 0
}

.catalog-product_compare-index .table td .attibute.value {
    font-size: 14px
}

#back-top {
    position: fixed;
    right: 0px;
    bottom: 18px;
    height: 50px;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    width: 70px;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1)
}

#back-top i {
    background: #fff;
    color: #1a1a1a;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 47px;
    width: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
    border: 2px solid #e1e1e1;
    margin: auto;
    border-radius: 50%
}

#back-top i:hover {
    color: #222;
    border: 2px solid #222
}

.cookie-notification {
    bottom: 1rem;
    color: #fff;
    display: none;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9
}

.cookie-notification .cookie-notification--bar {
    background-color: rgba(17, 17, 17, 0.7);
    border-radius: 4px;
    display: inline-block;
    line-height: 2.2rem;
    padding: 1rem 2rem
}

.cookie-notification .cookie-notification--bar .content a {
    color: #fa9e3b
}

.cookie-notification .cookie-notification--close {
    display: inline-block;
    margin-left: .9rem
}

.cookie-notification .cookie-notification--close .button {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    margin-top: 10px;
    padding: 5px 20px
}

.cookie-notification .cookie-notification--close .button:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .cookie-notification .cookie-notification--close .button {
        padding: 18.5px 30px
    }
}

.abs-revert-secondary-color:hover,
.block-compare .action.compare:hover,
.cart-summary .actions-toolbar > .primary button:hover,
.cart-summary .form.giftregistry .fieldset .action.primary:hover,
.paypal-review .block .actions-toolbar .action.primary:hover,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .action-gift:hover {
    border-color: #fa9e3b;
    background: #fa9e3b;
    color: #fff
}

button,
a.action.primary,
.cart.table-wrapper .actions-toolbar > .action,
.cart.table-wrapper .action-gift {
    border-radius: unset
}

.message.notice {
    font-size: 14px
}

#newsletter_pop_up {
    background-position: left top;
    display: none;
    max-height: 372px;
    margin: 0 auto 0 !important;
    top: 50% !important;
    left: 0 !important;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width: 800px;
    width: 100%;
    position: fixed !important
}

#newsletter_pop_up .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 1
}

#newsletter_pop_up .btn-close:before,
#newsletter_pop_up .btn-close:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    width: 20px;
    background-color: #333;
    left: 10px;
    top: 17px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    border-radius: 0
}

#newsletter_pop_up .btn-close:after {
    webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#newsletter_pop_up .btn-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#newsletter_pop_up .btn-close:hover:before,
#newsletter_pop_up .btn-close:hover:after {
    background-color: #fa9e3b
}

.content-popup {
    text-align: center
}

@media (min-width:480px) {
    .content-popup {
        padding: 40px 30px;
        width: 500px
    }
}

@media (min-width:768px) {
    .content-popup {
        padding: 60px 40px
    }
}

#newsletter_pop_up h2 {
    color: #1a1a1a;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 20px
}

#newsletter_pop_up .des_newsletter {
    margin-bottom: 30px
}

#newsletter_pop_up p {
    margin: 20px 0 10px;
    font-size: 15px
}

#newsletter_pop_up .field.newsletter {
    display: table;
    width: 100%
}

#newsletter_pop_up .control {
    width: 100%;
    display: table-cell
}

#newsletter_pop_up .control input {
    padding: 0 15px 0;
    width: 100%;
    background: #fff;
    color: #999;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    border: 0;
    text-align: left;
    border: 1px solid #e1e1e1
}

#newsletter_pop_up .control input::-webkit-input-placeholder {
    color: #999;
    font-weight: 400
}

#newsletter_pop_up .control input::-moz-placeholder {
    color: #999;
    font-weight: 400
}

#newsletter_pop_up .control input:-ms-input-placeholder {
    color: #999;
    font-weight: 400
}

#newsletter_pop_up .control input:-moz-placeholder {
    color: #999;
    font-weight: 400
}

#newsletter_pop_up .actions {
    display: table-cell
}

#newsletter_pop_up .actions .subscribe.primary {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    border: 2px solid #1a1a1a;
    background-image: none;
    padding: 15px 0 !important;
    min-width: 98px;
    border-radius: 4px;
    width: 100%;
    border: none;
    margin-left: 10px;
    font-weight: 700 !important;
    font-size: 14px
}

#newsletter_pop_up .actions .subscribe.primary:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    #newsletter_pop_up .actions .subscribe.primary {
        padding: 18.5px 30px
    }
}

#newsletter_pop_up .actions .subscribe.primary:hover {
    background: #fa9e3b
}

#newsletter_pop_up .actions .subscribe.primary:hover {
    opacity: 1
}

.subscribe-bottom {
    margin-top: 30px;
    text-align: center
}

.subscribe-bottom input[type="checkbox"] {
    margin-top: 0;
    box-shadow: none;
    top: 0;
    height: auto
}

.subscribe-bottom label {
    color: #666;
    font-size: 16px;
    margin-left: 5px;
    line-height: 18px
}

@media (max-width:767px) {

    .b-modal.__b-popup1__,
    #newsletter_pop_up {
        display: none !important
    }
}

.fotorama__nav-wrap .fotorama__nav__frame {
    margin-right: 0 !important
}

.line-scale-pulse-out > div {
    background-color: #fa9e3b;
    -webkit-animation: line-scale-pulse-out .9s -0.6s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out .9s -0.6s infinite cubic-bezier(.85, .25, .37, .85);
    border-radius: 2px;
    margin: 3px;
    width: 5px;
    height: 35px;
    display: inline-block
}

.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(5) {
    -webkit-animation-delay: -.2s !important;
    animation-delay: -.2s !important
}

.line-scale-pulse-out > div:nth-child(2),
.line-scale-pulse-out > div:nth-child(4) {
    -webkit-animation-delay: -.4s !important;
    animation-delay: -.4s !important
}

.breadcrumbs {
    text-align: center;
    padding: 30px 0 0;
    margin-bottom: 0
}

.breadcrumbs ul li {
    font-size: 13px
}

.breadcrumbs ul li a {
    color: #999
}

.breadcrumbs ul li a:hover {
    color: #fa9e3b
}

.breadcrumbs ul li strong {
    color: #999
}

.breadcrumbs ul li.item:not(:last-child):after {
    line-height: 100%
}

.page-title-wrapper {
    padding-bottom: 40px;
    padding-top: 80px
}

@media (max-width:767px) {
    .page-title-wrapper {
        padding-bottom: 20px
    }
}

.page-title-wrapper.product {
    padding-bottom: 0
}

.account .page-title-wrapper {
    padding-bottom: 30px
}

.fancybox-wrap {
    text-align: center
}

.fancybox-wrap .fancybox-skin {
    padding: 30px !important;
    padding-top: 50px !important
}

.fancybox-wrap .action_button {
    margin-top: 30px
}

.fancybox-wrap .action_button li {
    display: block;
    vertical-align: middle;
    margin-top: 15px
}

.fancybox-wrap .action_button .button {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background-color: #1a1a1a;
    padding: 0px 30px;
    border: 0;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    border-radius: 0;
    line-height: 1;
    height: 45px;
    line-height: 45px;
    min-width: 160px;
    text-align: center;
    text-transform: uppercase;
    text-transform: none;
    border-radius: 4px;
    letter-spacing: 0
}

.fancybox-wrap .action_button .button:hover {
    background: #fa9e3b
}

.fancybox-skin .popup_avaiable a {
    color: #fa9e3b
}

.fancybox-close {
    top: 10px !important;
    right: 5px !important;
    background-image: none !important
}

.fancybox-close:before {
    color: #1a1a1a;
    content: "\e92c";
    font-family: 'icomoon' !important;
    font-size: 24px
}

#registration form input {
    height: 52px;
    margin-bottom: 100px
}

.fotorama__spinner {
    background-repeat: no-repeat
}

.effect-1 {
    display: block;
    overflow: hidden;
    position: relative
}

.effect-1:before,
.effect-1:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 900ms ease 0s
}

.effect-1:hover:before {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    bottom: 50%;
    top: 50%
}

.effect-1:hover:after {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    left: 51%;
    right: 50%
}

.effect-2 {
    display: block;
    overflow: hidden;
    position: relative
}

.effect-2:before {
    border: 1px solid #fff;
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
    transition: opacity .35s ease 0s, transform .35s ease 0s;
    z-index: 1
}

.effect-2:after {
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 14px;
    top: 15px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transition: opacity .35s ease 0s, transform .35s ease 0s;
    -o-transition: opacity .35s ease 0s, transform .35s ease 0s;
    transition: opacity .35s ease 0s, transform .35s ease 0s;
    z-index: 1
}

.effect-2:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.effect-2:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.modals-overlay {
    background-color: rgba(51, 51, 51, 0.8)
}

.wave {
    background: #fa9e3b
}

.wave-top .logo {
    margin: auto;
    float: none
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .block-authentication .block-title strong {
    font-weight: 700
}

.ajaxsuite-popup-wrapper .block-customer-login {
    text-align: left
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:before {
    content: "\e082";
    font-family: 'simple-line-icons';
    color: #fff;
    font-size: 24px;
    line-height: 24px
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:hover:before {
    color: #fa9e3b
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
    border-radius: 4px;
    border: none;
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width:767px) {
    .ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
        max-width: 85%
    }
}

.ajaxsuite-popup-wrapper .modal-popup .modal-inner-wrap {
    margin-top: 2%
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .photo.image {
    max-width: 190px
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .product-name strong {
    color: #fa9e3b;
    font-weight: 700
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .wrapper-success .product-information .product-name .pupup-suc-added-to-your-bag {
    font-weight: 700
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .wrapper-success .product-information .product-name .pupup-suc-added-ajax-cart-product-name {
    font-weight: 700;
    font-size: 14px
}

.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .product-name .greycolor {
    font-size: 16px
}

@media (min-width:768px) {
    .ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content #mb-ajaxsuite-popup-wrapper .product-information {
        display: flex;
        align-items: center
    }
}

.ajaxsuite-popup-wrapper .modal-popup.confirm .modal-inner-wrap {
    padding: 30px 0
}

.cms-index-index .layout-1-col.row {
    margin: 0
}

.cms-index-index .layout-1-col.row .col-main {
    padding: 0
}

.rokan-product-heading,
.group-title1 {
    margin-bottom: 35px;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize
}

.rokan-product-heading h2,
.group-title1 h2 {
    font-size: 28px;
    color: #1a1a1a;
    line-height: 1.35;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
    margin-bottom: 3px
}

.rokan-product-heading .short_desc,
.group-title1 .short_desc,
.rokan-product-heading .description,
.group-title1 .description {
    color: #707070;
    text-transform: none;
    margin: 0;
    font-size: 16px
}

@media screen and (min-width:1024px) {

    .rokan-product-heading .short_desc,
    .group-title1 .short_desc,
    .rokan-product-heading .description,
    .group-title1 .description {
        max-width: 55%;
        margin: auto
    }
}

.rokan-relate-heading,
.rokan-upsell-heading {
    margin-bottom: 40px
}

.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary > .title,
.checkout-agreements-items .checkout-agreements-item-title {
    border: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.opc-wrapper .step-title:after,
.opc-block-shipping-information .shipping-information-title:after,
.opc-block-summary > .title:after,
.checkout-agreements-items .checkout-agreements-item-title:after {
    content: "";
    width: 30px;
    border-top: 3px solid #fa9e3b;
    position: absolute;
    left: 0;
    bottom: 0
}

.block-compare .block-title strong,
.block-wishlist .block-title strong,
.block-reorder .block-title strong {
    font-size: 18px;
    color: #1a1a1a;
    position: relative;
    font-family: 'Red Hat Display', sans-serif;
    display: block;
    font-weight: 700
}

.catalog-category-view .sidebar .block {
    padding: 0;
    border: 0
}

.catalog-category-view .empty {
    color: #444
}

.catalog-category-view .label {
    font-weight: 500
}

.catalog-category-view .columns .column.main {
    padding-bottom: 0
}

@media (min-width:768px) {
    .sidebar {
        max-width: 330px
    }
}

.eren-page-preloader.cms-index-index .header-container .header {
    border-bottom: none
}

.eren-page-preloader .header-container .header {
    border-bottom: 1px solid #e1e1e1
}

.page-product-grouped .product-view .box-tocart .action.tocart,
.page-product-grouped .product-options-bottom .box-tocart .action.tocart {
    margin-bottom: 30px;
    text-transform: capitalize
}

.block.filter .page-title .base,
.block.filter .filter-title .base,
.block.filter .block-title .base,
.block.filter .page-title strong,
.block.filter .filter-title strong,
.block.filter .block-title strong {
    font-size: 24px;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 25px;
    font-family: 'Red Hat Display', sans-serif;
    display: block;
    font-weight: 700
}

.page-main > .page-title-wrapper .page-title {
    display: block
}

.page-title-wrapper h1 {
    margin-bottom: 20px
}

.page-title-wrapper h1 span {
    font-size: 48px;
    color: #1a1a1a;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -1.5px;
    margin-bottom: 20px;
    line-height: 1
}

.cms-index-index .page-main {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.cms-index-index .header-container,
.contact-index-index .header-container {
    margin-bottom: 0
}

.contact-index-index .header-container .header .for-full-withmenu {
    max-width: 100%;
    padding: 0
}

.contact-index-index .page-main {
    padding: 0
}

.contact-index-index .page-title-wrapper {
    display: block;
    background: url(../images/contactus_bg.png) no-repeat;
    padding: 330px 0;
    background-size: cover;
    text-align: center
}

.contact-index-index .layout.layout-1-col {
    padding: 0;
    margin: auto
}

.contact-index-index .layout.layout-1-col .main {
    padding: 0;
    overflow: hidden
}

.contact-index-index .static_content {
    max-width: 1200px;
    padding: 0 15px;
    margin: auto;
    text-align: center;
    margin-top: 110px
}

.contact-index-index .static_content h2 {
    font-size: 36px
}

.contact-index-index .static_content .short-des {
    margin-top: 20px;
    margin-bottom: 53px;
    line-height: 26px
}

.contact-index-index .static_content .block-static-block {
    margin-bottom: 100px
}

.contact-index-index .static_content .block-static-block .col-content .border-col {
    border: 1px solid #e1e1e1;
    padding: 45px 30px 25px;
    margin-bottom: 20px
}

.contact-index-index .static_content .block-static-block .col-content .border-col h4 {
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700
}

.contact-index-index .media-body {
    padding-left: 15px;
    vertical-align: middle
}

.contact-index-index .media-body p {
    margin: 0
}

.contact-index-index .media-body span {
    font-weight: 700
}

.contact-index-index .col-main {
    float: right
}

.contact-index-index #contact-form {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: auto
}

.contact-index-index #contact-form #comment {
    min-height: 80px
}

.contact-index-index #contact-form .field {
    margin-bottom: 15px
}

.contact-index-index #contact-form .field .control {
    width: 100%
}

.contact-index-index #contact-form .field .control textarea#comment {
    min-height: 150px
}

.contact-index-index #contact-form label {
    width: 100%;
    margin-bottom: 10px;
    font-weight: normal
}

.contact-index-index #contact-form label span:after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 5px
}

.contact-index-index #contact-form .fieldset {
    margin-bottom: 20px
}

.contact-index-index #contact-form .fieldset h3 {
    font-weight: 700;
    color: #1a1a1a;
    font-size: 36px;
    margin-top: 80px;
    text-align: center
}

.contact-index-index #contact-form .fieldset .short-des2 {
    max-width: 570px;
    margin: auto;
    text-align: center;
    margin-bottom: 55px;
    font-size: 16px
}

.contact-index-index #contact-form .actions-toolbar {
    text-align: center
}

.contact-index-index #contact-form .actions-toolbar .primary {
    float: none
}

.contact-index-index #contact-form .actions-toolbar button.action {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    min-width: 250px;
    text-align: center;
    padding: 19px 50px;
    margin-bottom: 80px
}

.contact-index-index #contact-form .actions-toolbar button.action:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .contact-index-index #contact-form .actions-toolbar button.action {
        padding: 18.5px 30px
    }
}

.contact-index-index .contact-info ul {
    margin-top: 30px
}

.contact-index-index .contact-info ul li {
    position: relative;
    padding-bottom: 10px
}

.contact-index-index .contact-info ul li p {
    margin: 0 0 5px
}

.contact-index-index .contact-info ul li strong {
    font-weight: 700
}

.contact-index-index .contact-info h4 {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #1a1a1a
}

.contact-index-index .label {
    font-size: 14px
}

.minicart-wrapper .block-minicart .product-item-details .details-qty {
    margin-top: 5px;
    margin-left: 10px;
    display: inline-block
}

.minicart-wrapper .block-minicart .product-item-details .price-container {
    display: inline-block;
    margin-top: 10px;
    order: 2
}

.minicart-wrapper .block-minicart .product-item-details .price-container .price-excluding-tax {
    margin-top: 15px;
    font-size: 14px
}

.minicart-wrapper .block-minicart .product-item-details .price-container .price {
    font-weight: 700
}

.minicart-wrapper .block-minicart .product-item-name a {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700
}

.minicart-wrapper .block-minicart .product-item-name a:hover {
    color: #fa9e3b;
    text-decoration: underline !important
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions {
    margin-top: -4px !important
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div {
    display: block
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.edit {
    margin-bottom: 3px
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.edit:before {
    font-size: 33px;
    color: #1a1a1a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.edit:hover:before {
    color: #fa9e3b
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    position: relative;
    float: right;
    margin-right: 6px
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:hover {
    border: 1px solid #fa9e3b
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:hover:after,
.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:hover:before {
    background-color: #fa9e3b
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:after,
.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 4px;
    width: 10px;
    height: 1px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    background-color: #999999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.minicart-wrapper .block-minicart .minicart-items-wrapper .product.actions > div .action.delete:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.minicart-wrapper .block-minicart .label {
    font-weight: 500;
    font-size: 14px;
    color: #1a1a1a
}

.minicart-wrapper .block-minicart .items-total .count {
    font-weight: 500;
    color: #1a1a1a;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px
}

.minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    color: #1a1a1a
}

.minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary {
    box-sizing: border-box;
    border: 2px solid #1a1a1a;
    text-transform: uppercase;
    height: 50px;
    line-height: 47px;
    width: 100%;
    text-align: center;
    padding: 0 !important
}

.minicart-wrapper .block-minicart .block-content > .actions .secondary .viewcart {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    padding: 16.5px 30px;
    font-weight: normal;
    border-radius: 2px;
    font-size: 12px;
    background: transparent;
    color: #1a1a1a;
    font-weight: 500;
    border-color: #e1e1e1
}

.minicart-wrapper .block-minicart .block-content > .actions .secondary .viewcart:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .minicart-wrapper .block-minicart .block-content > .actions .secondary .viewcart {
        padding: 18.5px 30px
    }
}

@media screen and (max-width:992px) {
    .minicart-wrapper .block-minicart .block-content > .actions .secondary .viewcart {
        padding: 16.5px 30px
    }
}

.minicart-wrapper .block-minicart .product-image-container .product-image-wrapper {
    margin-right: 10px
}

.minicart-wrapper .block-minicart #btn-minicart-close:hover {
    animation: none
}

.minicart-wrapper .block-minicart #btn-minicart-close:hover:before {
    color: #fa9e3b
}

.cms-index-index .header-container {
    z-index: 10;
    background: #fff
}

.header-container {
    width: 100%;
    max-width: 100%;
    margin: auto;
    margin-bottom: 0px
}

.header-container .header-top {
    background: #f5f5f5;
    min-height: 46px;
    line-height: 45px
}

.header-container .col-top-left {
    text-align: left
}

.header-container .col-top-left a {
    color: #666
}

.header-container .col-top-left a:hover {
    color: #fa9e3b
}

.header-container .col-top-left p {
    display: inline-block;
    margin-bottom: 0
}

.header-container .col-top-left p:after {
    content: "|";
    margin: 0 20px
}

.header-container .col-top-left p:last-child:after {
    display: none
}

.header-container .col-top-left p.phone:before {
    content: "\e046";
    display: inline-block;
    font-family: 'simple-line-icons';
    color: #666;
    margin-right: 5px
}

.header-container .col-top-left p.email:before {
    content: "\e086";
    display: inline-block;
    font-family: 'simple-line-icons';
    color: #666;
    margin-right: 8px;
    vertical-align: bottom
}

.header-container .col-top-center p {
    margin-bottom: 0;
    line-height: 45px
}

.header-container .col-top-center a {
    display: inline-block;
    background: #fa9e3b;
    color: white;
    line-height: 25px;
    margin-left: 5px;
    padding: 0 7px;
    border-radius: 4px;
    margin-top: 11px;
    font-size: 14px;
    font-weight: 700
}

.header-container .col-top-center a:hover {
    text-decoration: none
}

.header-container .col-top-right {
    text-align: right
}

.header-container .switcher {
    display: inline-block
}

.header-container .switcher .label {
    display: none
}

.header-container .switcher .switcher-options {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    margin-right: 15px
}

.header-container .switcher .switcher-options strong {
    font-size: 14px
}

.header-container .switcher .switcher-options:hover .switcher-dropdown {
    display: block
}

.header-container .switcher .switcher-options:hover strong {
    color: #fa9e3b
}

.header-container .switcher .switcher-options .fa {
    margin-left: 5px;
    vertical-align: baseline
}

.header-container .switcher .switcher-options .switcher-dropdown {
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 9;
    display: none;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.header-container .switcher .switcher-options .switcher-dropdown li {
    margin-bottom: 0
}

.header-container .switcher .switcher-options .switcher-dropdown li a {
    padding: 10px 0;
    line-height: 1;
    display: block;
    text-transform: uppercase;
    color: #1a1a1a;
    font-size: 14px
}

.header-container .switcher .switcher-options .switcher-dropdown li a:hover {
    color: #fa9e3b
}

.header-container .switcher .switcher-options .switcher-dropdown li:last-child a {
    border-bottom: 0
}

.header-container .header {
    text-align: center;
    background: #fff;
    transition: all .4s ease
}

.header-container .header .for-full-withmenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.header-container .header .for-full-withmenu .nav-sections {
    flex: 1 1 0
}

.header-container .header .for-full-withmenu .actions-header {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 0;
    max-width: 315px
}

.header-container .header .for-full-withmenu .actions-header > div {
    padding-left: 20px
}

@media (min-width:1340px) {
    .header-container .header .for-full-withmenu .actions-header > div {
        padding-left: 25px
    }
}

.header-container .header .for-full-withmenu .actions-header > div:last-child {
    padding-right: 0
}

.header-container .header .for-full-withmenu .actions-header > div:first-child {
    padding-left: 0
}

.header-container .header .for-full-withmenu .actions-header > div.wishlist {
    position: relative;
    top: -1px
}

.header-container .header .for-full-withmenu .actions-header > div .icon-users {
    padding-right: 10px
}

.header-container .header .for-full-withmenu .actions-header i[class*="icon-"] {
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    color: #1a1a1a
}

.header-container .header .for-full-withmenu .actions-header i[class*="icon-"]:hover {
    color: #fa9e3b
}

.header-container .header .for-full-withmenu .actions-header i[class*="icon-"].icon-align-right {
    font-size: 24px
}

.header-container .header .for-full-withmenu .actions-header .register-login a {
    color: #1a1a1a;
    font-size: 16px
}

.header-container .header .for-full-withmenu .actions-header .register-login a:hover {
    color: #fa9e3b
}

.header-container .header .for-full-withmenu .actions-header .register-login a:hover i {
    color: #fa9e3b
}

.header-container .header .for-full-withmenu .actions-header .register-login a i {
    margin-right: 3px
}

.header-container .header .for-full-withmenu .actions-header .sperator {
    margin-left: 25px
}

.header-container .header .for-full-withmenu .actions-header a:hover {
    text-decoration: none
}

.header-container .header .col-logo {
    flex-basis: 20%
}

@media (min-width:768px) {
    .header-container .header .col-logo {
        max-width: 315px
    }
}

.header-container .header .logo {
    padding: 0;
    max-width: 300px;
    margin: 0;
    -webkit-transition: initial;
    transition: initial;
    text-align: left
}

.header-container .header .logo img {
    max-height: 100%;
    display: inline;
    margin: auto
}

@media (max-width:767px) {
    .header-container .header .for-full-withmenu {
        height: 60px
    }

    .header-container .header .for-full-withmenu .col-logo {
        flex: 2;
        display: flex
    }

    .header-container .header .for-full-withmenu .col-logo .nav-toggle {
        align-items: center;
        display: flex;
        flex: 1 1 0
    }

    .header-container .header .for-full-withmenu .col-logo .logo {
        max-width: 100%;
        justify-content: center;
        text-align: center;
        flex: 1 1 0
    }
}

.header-container .header .block-search {
    float: none;
    position: relative;
    display: block;
    width: auto;
    margin-left: 0px;
    padding-right: 0 !important
}

.header-container .header .block-search .block-title {
    display: none
}

.header-container .header .block-search .block-content {
    line-height: 1
}

.header-container .header .block-search .block-content .top-search {
    cursor: pointer
}

.header-container .header .block-search .block-content .dropdown .dropdown-menu {
    box-shadow: none;
    border: 1px solid transparent;
    right: 0;
    left: auto;
    min-width: 352px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    top: 250%;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.header-container .header .block-search .block-content .dropdown label {
    display: none
}

.header-container .header .block-search .block-content .dropdown .control {
    margin: 0;
    padding: 0;
    border: none
}

.header-container .header .block-search .block-content .dropdown input {
    padding: 0;
    width: 100%;
    padding-right: 45px;
    margin: 0;
    border: 0;
    padding-left: 10px;
    font-size: 14px;
    position: static;
    font-weight: 400;
    height: 100%;
    border-radius: 4px
}

.header-container .header .block-search .block-content .dropdown input::-webkit-input-placeholder {
    color: #8c8c8c;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400
}

.header-container .header .block-search .block-content .dropdown input::-moz-placeholder {
    color: #8c8c8c;
    opacity: 1;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400
}

.header-container .header .block-search .block-content .dropdown input::-moz-placeholder {
    color: #8c8c8c;
    opacity: 1;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400
}

.header-container .header .block-search .block-content .dropdown .action.search {
    padding: 0;
    right: 0;
    top: 0;
    position: absolute;
    display: block;
    background: none;
    line-height: 0
}

.header-container .header .block-search .block-content .dropdown .action.search:hover:before {
    color: #fa9e3b
}

.header-container .header .block-search .block-content .dropdown .action.search:before {
    font-family: 'simple-line-icons';
    content: "\e090";
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 18px
}

.header-container .header .block-search .block-content .dropdown .action.search span {
    float: left;
    text-indent: -999999px
}

.header-container .header .block-search .nested {
    position: static;
    margin-top: 18px;
    display: none !important
}

.header-container .header .block-search .nested a {
    color: #fa9e3b
}

.header-container .header .header-top-setting {
    cursor: pointer;
    position: relative;
    z-index: 500
}

.header-container .header .header-top-setting .setting-container {
    box-shadow: 0px 0px 10px 0px rgba(35, 31, 32, 0.1);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    max-width: 390px;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.header-container .header .header-top-setting .setting-container.act-menu-bar {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0)
}

.header-container .header .header-top-setting .setting-container h3 {
    font-size: 14px;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700
}

.header-container .header .header-top-setting .setting-container ul {
    margin-bottom: 15px
}

.header-container .header .header-top-setting .setting-container ul li a {
    color: #666;
    display: block;
    font-size: 13px;
    line-height: 34px
}

.header-container .header .header-top-setting .setting-container ul li a:hover {
    color: #fa9e3b
}

.header-container .header .minicart-wrapper {
    margin-left: 0
}

.header-container .header .minicart-wrapper .ui-dialog {
    display: block !important
}

.header-container .header .minicart-wrapper .block-minicart {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    width: 390px;
    max-width: 100%;
    min-width: auto;
    z-index: 999;
    height: 100vh;
    border: none;
    display: block !important;
    margin-top: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    z-index: 9999
}

.header-container .header .minicart-wrapper .block-minicart:after,
.header-container .header .minicart-wrapper .block-minicart:before {
    display: none
}

.header-container .header .minicart-wrapper .block-minicart .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    padding: 80px 10px 40px
}

.header-container .header .minicart-wrapper .block-minicart .block-content .subtitle.empty {
    font-size: 16px
}

.header-container .header .minicart-wrapper .block-minicart .items-total {
    float: left;
    margin: 0;
    text-align: left;
    display: none
}

.header-container .header .minicart-wrapper .block-minicart .subtotal {
    clear: both;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1;
    margin-top: auto
}

.header-container .header .minicart-wrapper .block-minicart .subtotal .label {
    float: left;
    line-height: 1;
    margin-top: 0;
    font-weight: normal
}

.header-container .header .minicart-wrapper .block-minicart .subtotal .price-container {
    line-height: 1
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions {
    margin-top: 0;
    margin-bottom: 20px;
    width: 50%
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions:first-child {
    margin-right: 10px
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart {
    display: flex
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions .secondary {
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    font-size: 15px;
    border: 2px solid #1a1a1a;
    background-color: #1a1a1a;
    border-radius: 4px;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions .secondary:hover {
    background-color: #fa9e3b;
    border-color: #fa9e3b
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions .secondary a {
    display: block;
    line-height: 36px;
    color: white;
    font-weight: 700
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .primary {
    color: #fff;
    height: 40px;
    padding: 0;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    font-weight: 700;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 15px
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .primary button {
    display: block;
    width: 100%
}

.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .primary:hover {
    background-color: #fa9e3b;
    border-color: #fa9e3b
}

.header-container .header .minicart-wrapper .action.close {
    left: 25px;
    top: 35px;
    opacity: 1;
    width: auto
}

.header-container .header .minicart-wrapper .action.close:hover {
    color: #fa9e3b
}

.header-container .header .minicart-wrapper .action.close span {
    position: static;
    overflow: visible;
    font-size: 16px;
    font-weight: 500
}

.header-container .header .minicart-wrapper .action.close:before {
    content: "\e92c";
    font-family: 'icomoon' !important;
    font-size: 18px;
    line-height: unset;
    color: #1a1a1a
}

.header-container .header .minicart-wrapper .minicart-items-wrapper {
    margin: 0;
    padding: 0;
    border: none
}

.header-container .header .minicart-wrapper .minicart-items-wrapper .product-image-wrapper .product-image-photo {
    height: auto !important
}

.header-container .header .minicart-wrapper .product {
    position: relative;
    max-width: 100%;
    border-color: #e1e1e1
}

.header-container .header .minicart-wrapper .product .actions {
    margin: 0;
    top: 0;
    position: absolute;
    right: 0
}

.header-container .header .minicart-wrapper .minicart-items .product-item-name {
    line-height: 1.5;
    padding-right: 30px;
    margin-bottom: 3px
}

.header-container .header .minicart-wrapper .minicart-items .product-item-details {
    position: relative;
    text-align: left
}

.header-container .header .minicart-wrapper .minicart-items .product-item-details .details-qty {
    line-height: 1;
    margin-left: 0
}

.header-container .header .minicart-wrapper .minicart-items .product-item-details .price {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    color: #1a1a1a
}

.header-container .header .minicart-wrapper .minicart-items .product-item-details .content {
    padding: 5px 0
}

.header-container .header .minicart-wrapper .minicart-items .product-item-details .content .label {
    font-weight: bold;
    color: #000
}

.header-container .header .minicart-wrapper .minicart-items .product-item-pricing {
    display: flex;
    flex-direction: column
}

.header-container .header .minicart-wrapper .minicart-items .product-item-pricing label {
    width: auto;
    color: #999;
    font-weight: normal;
    font-size: 12px
}

.header-container .header .minicart-wrapper .action.showcart:before {
    display: none
}

.header-container .header .minicart-wrapper .action.showcart .counter.qty {
    min-width: 1px;
    height: auto;
    background: transparent;
    padding: 0;
    margin: 0;
    margin-top: -10px;
    margin-left: -2px;
    text-align: center;
    font-size: 12px;
    color: #1a1a1a;
    display: inline-block;
    overflow: unset
}

.header-container .header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 5.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 5.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-box-shadow: 0 2px 10px #ccc;
    box-shadow: 0 2px 10px #ccc
}

.header-container .header.sticky .block-search .block-content .dropdown .dropdown-menu {
    top: 200%
}

.header-container .header.sticky .navigation .level0 > .level-top {
    padding: 12px 10px 11px 10px
}

@media (min-width:1101px) {
    .header-container .header.sticky .navigation .level0.parent > .level-top {
        padding-right: 20px
    }

    .header-container .header.sticky .custommenu.navigation li.level0 > .level-top:after {
        bottom: 7px
    }
}

@media (max-width:1100px) {
    .header-container .header.sticky .navigation li.level0 > .level-top {
        padding-left: 0
    }

    .header-container .header.sticky .navigation li.level0.parent > .level-top {
        padding-right: 16px
    }
}

.header-container .header.sticky .navigation .level0:first-child > .level-top {
    padding-left: 0
}

@media (min-width:1920px) {
    .header-container .header.sticky .for-full-withmenu {
        max-width: 100%;
        margin: auto
    }
}

.social-link {
    display: inline-block
}

.social-link ul {
    text-align: right;
    margin: 0
}

.social-link ul li {
    list-style: none;
    display: inline-block;
    position: relative
}

.social-link ul li a span {
    font-size: 16px;
    text-align: center;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    color: #666;
    line-height: 45px;
    margin-right: 15px
}

.social-link ul li a span:hover:before {
    color: #fa9e3b
}

.social-link ul li:last-child a span {
    margin-right: 0
}

.wrapper_slider {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 73px
}

.wrapper_slider .banner_item {
    position: relative
}

.wrapper_slider .banner_item .text-banner {
    position: absolute;
    top: 20px;
    left: 20px
}

.wrapper_slider .banner_item .text-banner h3 {
    padding-bottom: 0;
    margin-bottom: 0
}

.wrapper_slider .banner_item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.wrapper_slider .banner_item:first-child img {
    position: static
}

.wrapper_slider .owl-wrapper-outer .owl-wrapper .owl-item .banner_item img {
    width: 100%;
    height: auto
}

.wrapper_slider .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 20px
}

.wrapper_slider .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 20px
}

.new_product {
    margin-bottom: 30px
}

.new_product .product-reviews-summary {
    display: none
}

/**
 * LateBird - Theme - Safari Browserweiche */

@media not all and (min-resolution:.001dpcm) {
    @media {
        .featured_product {
            margin-top:230px !important;
        }
    }
}

.featured_product {
margin-bottom: 40px;
}

.featured_product .product-item {
    margin-bottom: 30px
}

.banner-top-home {
    padding: 20px
}

.banner-top-home .banner-top {
    position: relative;
    overflow: hidden
}

.banner-top-home .banner-top a {
    overflow: hidden
}

.banner-top-home .banner-top img {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.banner-top-home .banner-top:hover a img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06)
}

.banner-top-home .banner-top .banner-infor {
    position: absolute;
    width: 50%;
    top: 30px;
    left: 30px;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    will-change: filter;
    text-align: left
}

.banner-top-home .banner-top .banner-infor .title {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 500;
    margin-bottom: 28px
}

.banner-top-home .banner-top .banner-infor a {
    font-size: 14px
}

.banner-top-home .banner-top a {
    display: inline-block
}

.banner-top-home .banner-top a img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    will-change: filter
}

.categories-thumbnails .popcat-box {
    background: #f7f7f7;
    margin: 0 15px;
    height: 234px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

.categories-thumbnails .popcat-box:hover .shop-by-icon {
    filter: none;
    -webkit-filter: none
}

.categories-thumbnails .popcat-box .cat-name h3 {
    margin-bottom: 5px
}

.categories-thumbnails .shop-by-icon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 15px;
    background-repeat: no-repeat !important;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    background-position: center !important
}

.banner_static {
    margin-bottom: 80px
}

.banner_static .text-white .banner-content {
    color: #fff
}

.banner_static .text-white .banner-content .text h2,
.banner_static .text-white .banner-content .text h3 {
    color: #fff
}

.banner_static .row-banner-middle-1 {
    margin-bottom: 30px
}

.banner_static .row-banner-middle-1 .text h2 {
    font-size: 20px
}

.banner_static .row-banner-middle-2 .banner-content .text {
    top: 30px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0)
}

.banner_static .banner-content {
    position: relative;
    overflow: hidden
}

.banner_static .banner-content img {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    width: 100%;
    height: auto
}

.banner_static .banner-content .text {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 60%;
    left: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.banner_static .banner-content .text p span {
    color: #fa9e3b;
    font-size: 18px
}

.banner_static .banner-content .text h2 {
    color: #1a1a1a;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 700
}

.banner_static .banner-content .text h2 strong {
    color: #fa9e3b
}

.banner_static .banner-content .text h3 {
    font-weight: 700;
    font-size: 34px
}

.banner_static .banner-content .text p {
    margin-bottom: 5px;
    font-size: 16px
}

.banner_static .banner-content .text > a {
    text-decoration: underline;
    color: #fa9e3b;
    font-weight: 700
}

.banner_static .banner-content .text > a.btn-shop {
    background: #1a1a1a;
    min-height: 50px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 30px;
    border-radius: 4px;
    margin-top: 30px;
    text-decoration: none
}

.banner_static .banner-content .text > a.btn-shop:hover {
    background: #fa9e3b
}

.banner_static .banner-content .text > a.btn-shop::after {
    content: "\e606";
    font-family: 'simple-line-icons';
    font-weight: 100;
    margin-left: 10px;
    font-size: 12px
}

.banner_static .banner-content:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.banner_middle {
    margin-bottom: 71px
}

.brand-logo {
    margin: 45px 0 60px 0
}

.brandlist .brand-item {
    margin-bottom: 50px
}

.top-content-home .section-element.shop_by_categories {
    margin: 30px 0
}

.top-content-home .section-element.categories_tab {
    margin-top: 0
}

.top-content-home .section-element.onsale {
    margin-top: 50px
}

.shipping_support {
    margin-top: 100px;
    text-align: center;
    padding-bottom: 80px
}

.shipping_support img {
    margin-bottom: 25px
}

.shipping_support h4 {
    font-size: 18px;
    letter-spacing: -1px
}

.shipping_support p {
    text-align: center
}

.shipping_support .col-content:hover h4 {
    -webkit-animation: pulse .5s ease-in-out;
    -moz-animation: pulse .5s ease-in-out;
    -ms-animation: pulse .5s ease-in-out;
    animation: pulse .5s ease-in-out
}

.block_newsletter {
    background: #fa9e3b;
    padding: 120px 0 105px
}

.block_newsletter div.mage-error[generated] {
    color: #000
}

.block_newsletter .newsletter_home {
    padding-bottom: 30px;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 55px
}

.block_newsletter .newsletter_home .block.newsletter {
    width: 100%;
    display: flex;
    margin-bottom: 25px
}

.block_newsletter .newsletter_home .block.newsletter .rokan-product-heading {
    flex: 1 1;
    text-align: left;
    margin-bottom: 25px
}

.block_newsletter .newsletter_home .block.newsletter .rokan-product-heading h2 {
    font-size: 2.571em;
    text-align: left;
    color: #fff;
    line-height: 1;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 10px;
    padding: 0
}

.block_newsletter .newsletter_home .block.newsletter .rokan-product-heading .des-newletter {
    line-height: 20px;
    color: #fff;
    margin-bottom: 0
}

.block_newsletter .newsletter_home .block.newsletter .content {
    flex: 1
}

.block_newsletter .newsletter_home .block.newsletter .content .control {
    position: relative;
    width: 100%;
    padding-right: 200px
}

.block_newsletter .newsletter_home .block.newsletter .content .control:before {
    display: none
}

.block_newsletter .newsletter_home .block.newsletter .content .control input {
    width: 100%;
    padding: 0 30px;
    border-radius: 2px;
    height: 55px;
    border: none
}

.block_newsletter .newsletter_home .block.newsletter .content .control input::-webkit-input-placeholder {
    color: #b1b1b1;
    font-style: italic
}

.block_newsletter .newsletter_home .block.newsletter .content .control input ::-moz-placeholder {
    color: #b1b1b1;
    opacity: 1;
    font-style: italic
}

.block_newsletter .newsletter_home .block.newsletter .content .control input :-moz-placeholder {
    color: #b1b1b1;
    font-style: italic
}

.block_newsletter .newsletter_home .block.newsletter .content .control .actions .subscribe {
    position: absolute;
    right: -1px;
    top: 0px;
    height: 55px;
    line-height: 55px;
    background: #1a1a1a;
    text-transform: uppercase;
    padding: 0 35px;
    border-radius: 2px;
    border: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    min-width: 190px;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.block_newsletter .newsletter_home .block.newsletter .content .control .actions .subscribe:hover {
    border: 0;
    background: #222
}

.Instagram_static {
    margin-bottom: 80px
}

.Instagram_static .title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px
}

.Instagram_static .title h2 {
    font-size: 28px;
    margin-bottom: 10px;
    font-style: 700
}

.Instagram_static .intagram-item {
    padding: 0 15px
}

@media (min-width:1199px) {
    .shipping-support-home .col-content {
        padding: 0
    }
}

.shipping-support-home .col-content .icon {
    float: left;
    margin-right: 20px
}

.shipping-support-home .col-content .box-content {
    overflow: hidden
}

.shipping-support-home .col-content h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px
}

.shipping-support-home .col-content p {
    margin-top: 0;
    line-height: 20px;
    color: #fff
}

.shop-products .view-more-buton {
    text-align: center;
    margin-top: 50px
}

.shop-products .view-more-buton .view-more {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #1a1a1a;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #e1e1e1;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 2px
}

.shop-products .view-more-buton .view-more:hover {
    background-color: #222;
    color: #fff;
    border-width: 2px
}

@media screen and (max-width:992px) {
    .shop-products .view-more-buton .view-more {
        padding: 18.5px 30px
    }
}

.product-item,
.product-list-item {
    font-size: initial;
    padding: 0 15px;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative
}

.product-item .tocompare:before,
.product-list-item .tocompare:before {
    display: none
}

.product-item .product-label,
.product-list-item .product-label {
    display: block;
    position: absolute;
    text-align: center;
    left: 20px;
    top: 20px
}

.product-item .onsale,
.product-list-item .onsale {
    z-index: 11 !important;
    letter-spacing: 1px
}

.product-item .onsale,
.product-list-item .onsale,
.product-item .newlabel,
.product-list-item .newlabel,
.product-item .featuredlabel,
.product-list-item .featuredlabel {
    background: #cc1414;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    z-index: 10;
    min-width: 50px;
    min-height: auto;
    border: 0;
    margin-bottom: 3px;
    border-radius: 4px
}

.product-item .newlabel,
.product-list-item .newlabel {
    background: #fa9e3b
}

.product-item .featuredlabel,
.product-list-item .featuredlabel {
    right: 50px;
    background: #fa9e3b;
    display: none
}

.product-item:hover .product-ratting,
.product-list-item:hover .product-ratting {
    display: none
}

.product-item:hover .addto-links-icons .add-to-links li a,
.product-list-item:hover .addto-links-icons .add-to-links li a {
    visibility: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

@media (min-width:992px) {

    .product-item:hover .product-photo .image0,
    .product-list-item:hover .product-photo .image0 {
        z-index: -1;
        opacity: 0;
        visibility: hidden
    }
}

.product-item:hover .product-photo .image1,
.product-list-item:hover .product-photo .image1 {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.product-item:hover .product-photo .product-image-photo,
.product-list-item:hover .product-photo .product-image-photo {
    opacity: 1
}

.product-item:hover .addto-links-bottom .add-to-links li,
.product-list-item:hover .addto-links-bottom .add-to-links li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.product-item .product-photo,
.product-list-item .product-photo {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.product-item .product-photo .image-switch,
.product-list-item .product-photo .image-switch {
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.product-item .product-photo .image0,
.product-list-item .product-photo .image0 {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.product-item .product-photo .image1,
.product-list-item .product-photo .image1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.product-item .product-photo .product-image-photo,
.product-list-item .product-photo .product-image-photo {
    width: 100%
}

.product-item .product-photo .product-image-photo.swatch-option-loading,
.product-list-item .product-photo .product-image-photo.swatch-option-loading {
    width: auto;
    height: auto
}

.product-item .product-info,
.product-list-item .product-info {
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    background: #fff;
    padding: 17px 0 10px 0
}

.product-item .product-info .product-name,
.product-list-item .product-info .product-name,
.product-item .product-info .product-item-name,
.product-list-item .product-info .product-item-name,
.product-item .product-info .product.name,
.product-list-item .product-info .product.name {
    margin-bottom: 4px;
    display: block
}

.product-item .product-info .product-name:hover a,
.product-list-item .product-info .product-name:hover a,
.product-item .product-info .product-item-name:hover a,
.product-list-item .product-info .product-item-name:hover a,
.product-item .product-info .product.name:hover a,
.product-list-item .product-info .product.name:hover a {
    color: #fa9e3b
}

.product-item .product-info .product-name a,
.product-list-item .product-info .product-name a,
.product-item .product-info .product-item-name a,
.product-list-item .product-info .product-item-name a,
.product-item .product-info .product.name a,
.product-list-item .product-info .product.name a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    font-weight: 700;
    color: #1a1a1a
}

.product-item .product-info .product-item-name a,
.product-list-item .product-info .product-item-name a {
    width: auto
}

.product-item .product-info .product-item-name a:hover,
.product-list-item .product-info .product-item-name a:hover {
    text-decoration: underline
}

.product-item .product-info .product-reviews-summary,
.product-list-item .product-info .product-reviews-summary {
    float: right
}

.product-item .product-info .product-reviews-summary .reviews-actions,
.product-list-item .product-info .product-reviews-summary .reviews-actions {
    display: none
}

.product-item .product-info .price-box,
.product-list-item .product-info .price-box {
    margin: 0;
    color: #1a1a1a;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif
}

.product-item .product-info .price-box .price-box,
.product-list-item .product-info .price-box .price-box,
.product-item .product-info .price-box .minimal-price,
.product-list-item .product-info .price-box .minimal-price {
    margin: 0
}

.product-item .product-info .price-box .price,
.product-list-item .product-info .price-box .price {
    font-size: 14px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
    color: #666;
    display: inline-block;
    font-weight: 400
}

.product-item .product-info .price-box .special-price,
.product-list-item .product-info .price-box .special-price {
    display: inline-block;
    float: left;
    color: #666;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400
}

.product-item .product-info .price-box .special-price .price,
.product-list-item .product-info .price-box .special-price .price {
    color: #fa9e3b
}

.product-item .product-info .price-box .old-price,
.product-list-item .product-info .price-box .old-price {
    margin-left: 10px;
    float: right;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 500
}

.product-item .product-info .price-box .old-price .price,
.product-list-item .product-info .price-box .old-price .price {
    color: #999;
    text-decoration: line-through;
    font-weight: 400
}

.product-item .product-info .product-item-actions,
.product-list-item .product-info .product-item-actions {
    margin: 0
}

.product-item .product-info .swatch-attribute .swatch-attribute-options,
.product-list-item .product-info .swatch-attribute .swatch-attribute-options {
    margin-bottom: 0;
    padding: 0 1px
}

.product-item .product-info .swatch-attribute.color,
.product-list-item .product-info .swatch-attribute.color {
    padding-bottom: 0
}

.product-item .addto-links-icons,
.product-list-item .addto-links-icons {
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    z-index: 2;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.product-item .addto-links-icons .add-to-links,
.product-list-item .addto-links-icons .add-to-links {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
    margin-left: 0
}

.product-item .addto-links-icons .add-to-links li,
.product-list-item .addto-links-icons .add-to-links li {
    margin-bottom: 10px
}

.product-item .addto-links-icons .add-to-links li a,
.product-list-item .addto-links-icons .add-to-links li a {
    text-align: center;
    padding: 0;
    display: block;
    height: 45px;
    width: 45px;
    background: #fff;
    color: #222;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    opacity: 0;
    border-radius: 4px;
    position: relative
}

.product-item .addto-links-icons .add-to-links li a.loading i:before,
.product-list-item .addto-links-icons .add-to-links li a.loading i:before {
    content: "";
    display: inline-block;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    border: 1px solid;
    color: transparent;
    width: 14px;
    height: 14px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-radius: 50px;
    border-color: #fa9e3b #fa9e3b #fa9e3b #fff;
    line-height: 1;
    animation: spin .2s infinite linear
}

.product-item .addto-links-icons .add-to-links li a:before,
.product-list-item .addto-links-icons .add-to-links li a:before {
    display: none !important
}

.product-item .addto-links-icons .add-to-links li a i,
.product-list-item .addto-links-icons .add-to-links li a i {
    display: block;
    font-size: 18px;
    line-height: 45px
}

.product-item .addto-links-icons .add-to-links li a:hover,
.product-list-item .addto-links-icons .add-to-links li a:hover {
    background: #fa9e3b;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s
}

.product-item .addto-links-icons .add-to-links li a:hover.loading i:before,
.product-list-item .addto-links-icons .add-to-links li a:hover.loading i:before {
    border-color: #fff #fff #fff #fa9e3b
}

.product-item .addto-links-bottom,
.product-list-item .addto-links-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 10;
    padding: 15px
}

.product-item .addto-links-bottom .add-to-links,
.product-list-item .addto-links-bottom .add-to-links {
    display: flex
}

.product-item .addto-links-bottom .add-to-links .actions-primary,
.product-list-item .addto-links-bottom .add-to-links .actions-primary {
    width: 100%
}

.product-item .addto-links-bottom .add-to-links li,
.product-list-item .addto-links-bottom .add-to-links li {
    margin-left: 15px;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    pointer-events: visible;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateY(2.57rem);
    -ms-transform: translateY(2.57rem);
    transform: translateY(2.57rem);
    width: 100%
}

.product-item .addto-links-bottom .add-to-links li i,
.product-list-item .addto-links-bottom .add-to-links li i {
    margin-right: 5px;
    line-height: 43px
}

.product-item .addto-links-bottom .add-to-links li i.icon-eye,
.product-list-item .addto-links-bottom .add-to-links li i.icon-eye {
    position: relative;
    top: 1px
}

.product-item .addto-links-bottom .add-to-links li:first-child,
.product-list-item .addto-links-bottom .add-to-links li:first-child {
    margin-left: 0
}

.product-item .action.tocart,
.product-list-item .action.tocart {
    padding: 0;
    border: none;
    font-size: 14px;
    height: 45px;
    width: 100%;
    line-height: 44px;
    text-transform: capitalize;
    text-align: center;
    background: #1a1a1a;
    box-shadow: unset;
    border-radius: 1px;
    font-weight: 700 !important;
    color: #fff;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s
}

.product-item .action.tocart.disabled,
.product-list-item .action.tocart.disabled {
    opacity: 0.8
}

.product-item .action.tocart.disabled i,
.product-list-item .action.tocart.disabled i {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-top: 14px
}

.product-item .action.tocart.disabled i:before,
.product-list-item .action.tocart.disabled i:before {
    content: "";
    display: inline-block;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid;
    color: transparent;
    width: 14px;
    height: 14px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-radius: 50px;
    border-color: #fa9e3b #fa9e3b #fa9e3b #fff;
    line-height: 1;
    animation: spin .2s infinite linear
}

.product-item .action.tocart:hover,
.product-list-item .action.tocart:hover {
    background: #fa9e3b;
    color: #fff;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.product-item .quickview-product a,
.product-list-item .quickview-product a {
    display: block;
    padding: 0;
    border: none;
    font-size: 13px;
    height: 45px;
    width: 100%;
    line-height: 43px;
    font-weight: 500 !important;
    text-transform: capitalize;
    text-align: center;
    background: #1a1a1a;
    box-shadow: unset;
    border-radius: 1px;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
    color: #fff
}

.product-item .quickview-product i,
.product-list-item .quickview-product i {
    line-height: 44px
}

.product-item .quickview-product:hover a,
.product-list-item .quickview-product:hover a {
    background: #fa9e3b;
    color: #fff;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.product-social-links a.action.towishlist,
.product-social-links a.action.tocompare,
.product-social-links a.mailto {
    position: relative
}

.product-social-links a.action.towishlist:focus,
.product-social-links a.action.tocompare:focus,
.product-social-links a.mailto:focus {
    background: #fff;
    border: 2px solid #e1e1e1
}

.product-social-links a.action.towishlist.loading i:before,
.product-social-links a.action.tocompare.loading i:before,
.product-social-links a.mailto.loading i:before {
    content: "";
    display: inline-block;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    border: 1px solid;
    color: transparent;
    width: 14px;
    height: 14px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-radius: 50px;
    border-color: #fa9e3b #fa9e3b #fa9e3b #fff;
    line-height: 1;
    animation: spin .2s infinite linear
}

.products-grid .category_page_grid_4 .product-reviews-summary {
    float: left;
    width: 100%
}

.products-grid .category_page_grid_4 .product-item .product-info .product.name {
    margin-bottom: 0
}

.products-grid .category_page_grid_4 .product-item .product-info .product-reviews-summary {
    margin-bottom: 5px
}

.product-item-details .swatch-attribute.color,
.product-options-wrapper .swatch-attribute.color,
.product-item-details .swatch-attribute.size_option,
.product-options-wrapper .swatch-attribute.size_option {
    padding-bottom: 0
}

.product-item-details .swatch-attribute.color .swatch-option,
.product-options-wrapper .swatch-attribute.color .swatch-option,
.product-item-details .swatch-attribute.size_option .swatch-option,
.product-options-wrapper .swatch-attribute.size_option .swatch-option {
    width: 15px;
    height: 15px;
    display: inline-block;
    float: none;
    margin-right: 5px
}

.product-item-details .swatch-attribute.color .swatch-option.selected,
.product-options-wrapper .swatch-attribute.color .swatch-option.selected,
.product-item-details .swatch-attribute.color .swatch-option:hover,
.product-options-wrapper .swatch-attribute.color .swatch-option:hover,
.product-item-details .swatch-attribute.color .swatch-option.color:not(.disabled):hover,
.product-options-wrapper .swatch-attribute.color .swatch-option.color:not(.disabled):hover,
.product-item-details .swatch-attribute.color .swatch-option.image:not(.disabled):hover,
.product-options-wrapper .swatch-attribute.color .swatch-option.image:not(.disabled):hover {
    outline: 1px solid #cc1414;
    border: 1px solid #fff;
    padding: 1px
}

.block.related .product-item .product-info,
.block.upsell .product-item .product-info {
    padding: 20px 0 10px
}

.block.related .product-item a:hover,
.block.upsell .product-item a:hover {
    text-decoration: underline
}

.products-list {
    margin-bottom: 40px;
    margin-top: 60px
}

.products-list .product-item {
    margin-bottom: 10px;
    max-width: 100%
}

.products-list .product-item .product-info {
    padding: 0
}

.products-list .product-item .item-inner {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset
}

.products-list .product-item .product-item-details .product-item-name {
    position: relative;
    margin-bottom: 10px;
    margin-top: 0
}

.products-list .product-item .product-item-details .product-item-name a:hover {
    color: #fa9e3b
}

.products-list .product-item .product-item-details .price-box {
    margin-bottom: 0
}

.products-list .product-item .product-item-details .price-box .price {
    font-size: 18px
}

.products-list .product-item .product-item-details .product-item-description {
    margin-top: 23px
}

.products-list .product-item .product-item-details .product-item-description h3 {
    font-weight: 500;
    color: #1a1a1a
}

.products-list .product-item .product-item-details .product-item-description .designerBioSectionContent,
.products-list .product-item .product-item-details .product-item-description p {
    color: #666;
    line-height: 25px
}

.products-list .product-item .product-item-details .product-item-description ul li {
    padding: 2px 20px;
    position: relative;
    font-weight: 400
}

.products-list .product-item .product-item-details .product-item-description ul li:before {
    content: "-";
    color: #1a1a1a;
    margin-right: 5px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.products-list .product-item .product-item-details .product-item-description .action.more {
    display: none
}

.products-list .product-item .product-item-details .product-reviews-summary {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.products-list .product-item .product-item-details .addto-links-icons {
    margin-top: 20px;
    opacity: 1;
    border: 0;
    visibility: visible;
    position: static;
    text-align: left;
    transform: none;
    width: 100%
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary {
    padding-left: 10px
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a {
    margin-right: 4px
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a:before {
    display: none
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a:hover {
    text-decoration: none
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a:hover i {
    color: #fa9e3b;
    border-color: #fa9e3b;
    animation: none
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a i {
    height: 55px;
    line-height: 51px;
    border: 2px solid #e1e1e1;
    animation: none;
    font-size: 18px;
    border-radius: 4px;
    display: block;
    width: 55px;
    text-align: center;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.products-list .product-item .action.tocart {
    width: auto;
    height: auto;
    border-radius: 4px;
    overflow: hidden
}

.products-list .product-item .action.tocart i {
    margin-right: 5px
}

.products-list .product-item .action.tocart:hover {
    background: none
}

.products-list .product-item .action.tocart:hover span {
    background-color: #fa9e3b
}

.products-list .product-item .action.tocart span {
    vertical-align: middle;
    border: none;
    box-shadow: none;
    display: inline-block;
    background-color: #222;
    color: #fff;
    padding: 20px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    font-weight: 700
}

.products-list .product-item .product-photo .product-image-photo {
    height: auto
}

.box-blog .product-item,
.group-product .product-item,
.onsale-countdown .product-item {
    max-width: 100%
}

.group-product .rokan-product-heading {
    overflow: hidden
}

.group-product .rokan-product-heading h3 {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    color: #1a1a1a;
    position: relative;
    display: inline-block;
    float: left;
    padding-right: 15px
}

.group-product .rokan-product-heading h3:before {
    content: "";
    display: block;
    width: 600px;
    position: absolute;
    top: 50%;
    border-top: 1px solid #e1e1e1;
    left: 100%
}

.group-product .owl-theme .owl-controls .owl-buttons {
    margin-top: -66px;
    right: 0;
    background-color: #fff
}

.group-product .owl-theme .owl-controls .owl-buttons > div {
    background-color: #fff;
    margin-right: 0;
    height: 20px
}

.group-product .owl-theme .owl-controls .owl-buttons > div:before {
    color: #8c8c8c;
    font-size: 16px;
    line-height: 20px
}

.group-product .owl-theme .owl-controls .owl-buttons > div.owl-prev {
    border-right: 1px solid #e1e1e1;
    border-radius: 0
}

.group-product .product-item {
    margin-bottom: 20px
}

.group-product .product-item .product-item-name {
    margin-top: 0
}

.onsale-countdown {
    margin: 30px 0 10px;
    background-repeat: no-repeat
}

@media (min-width:2000px) {
    .onsale-countdown {
        background-position: 83% 50%
    }
}

@media (max-width:2000px) and (min-width:1900px) {
    .onsale-countdown {
        background-position: 85% 50%
    }
}

@media (max-width:1899px) and (min-width:1700px) {
    .onsale-countdown {
        background-position: 88% 50%
    }
}

@media (max-width:1699px) and (min-width:1400px) {
    .onsale-countdown {
        background-position: 96% 50%
    }
}

@media (max-width:1399px) {
    .onsale-countdown {
        background-position: 100% 50%
    }
}

.onsale-countdown .rokan-product-heading {
    text-align: left;
    margin-bottom: 30px
}

.onsale-countdown .rokan-product-heading h2 {
    text-align: left
}

.onsale-countdown .rokan-product-heading .description {
    margin: 0
}

@media (min-width:768px) {
    .onsale-countdown .product-item .item-inner > .row {
        display: flex;
        align-items: center
    }
}

.onsale-countdown .product-item .product-countdown {
    position: relative;
    float: left;
    width: 100%
}

.onsale-countdown .product-item .product-countdown .content-countdown {
    z-index: 1
}

.onsale-countdown .product-item .product-countdown .product-info {
    padding: 0
}

.onsale-countdown .product-item .product-countdown .product-info .product-name {
    margin-bottom: 15px
}

.onsale-countdown .product-item .product-countdown .product-info .product-name a {
    color: #222;
    font-style: normal;
    font-size: 18px
}

.onsale-countdown .product-item .product-countdown .product-info .product-name a:hover {
    color: #fa9e3b
}

.onsale-countdown .product-item .product-countdown .product-info .price-box .price {
    font-size: 20px
}

.onsale-countdown .product-item .product-countdown .product-info .product-reviews-summary {
    margin: 0 0 10px
}

.onsale-countdown .product-item .product-countdown .product-info .product-description {
    margin-top: 15px;
    padding-right: 15px
}

.onsale-countdown .product-item .product-info .product-reviews-summary {
    float: none;
    display: block
}

.onsale-countdown .count-down {
    margin-top: 20px;
    margin-bottom: 20px
}

.onsale-countdown .count-down #heading1,
.onsale-countdown .count-down #heading2 {
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 10px
}

.onsale-countdown .count-down .countdown-section {
    display: inline-block;
    text-align: center;
    height: 76px;
    margin: 0 10px 10px 0;
    padding: 9px 0 15px;
    min-width: 66px;
    border: 2px solid #fa9e3b;
    border-radius: 4px
}

.onsale-countdown .count-down .countdown-section .countdown-amount {
    display: inline-block;
    font-size: 17px;
    color: #1a1a1a;
    font-weight: 500;
    position: relative
}

.onsale-countdown .count-down .countdown-section .countdown-amount:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    background: url('../images/icon_split.jpg');
    margin: 5px auto
}

.onsale-countdown .count-down .countdown-section .countdown-label {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    display: block
}

.onsale-countdown .quickview-product {
    display: none
}

.group-product .product-item {
    margin-bottom: 30px;
    padding: 0;
    clear: both;
    overflow: hidden
}

.group-product .product-item .product-photo.pull-left {
    margin-right: 18px;
    width: 90px
}

.group-product .product-item .product-info {
    margin-top: 0
}

.group-product .product-item .product-name {
    margin-top: 0;
    margin-bottom: 0
}

.group-product .owl-theme .owl-controls .owl-buttons {
    position: absolute;
    right: 10px;
    top: 0;
    opacity: 1;
    visibility: visible;
    margin-top: -70px;
    width: auto
}

.group-product .owl-theme .owl-controls .owl-buttons > div {
    position: static;
    width: 31px;
    height: 31px;
    margin: 0;
    margin-right: 5px;
    background: #fff;
    display: inline-block
}

.group-product .owl-theme .owl-controls .owl-buttons > div:before {
    line-height: 30px;
    font-size: 14px;
    margin-right: 1px
}

.group-product .owl-theme .owl-controls .owl-buttons > div.owl-next {
    margin: 0
}

.group-product .rokan-product-heading h2 {
    border-bottom: none;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: left
}

.group-product .product-info .product-reviews-summary {
    margin: 10px 0 12px
}

.page-products .breadcrumbs {
    text-align: left
}

.page-products .breadcrumbs ul li a {
    font-size: 14px;
    color: #1a1a1a
}

.page-products .breadcrumbs ul li strong {
    font-size: 14px;
    color: #999
}

.page-products .page-title-wrapper {
    display: none
}

.toolbar {
    padding-top: 30px
}

.toolbar .items li {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 33px;
    text-align: center;
    background: #f5f5f5
}

.toolbar .items li a {
    -webkit-transition: all 0s ease 0s;
    transition: all 0s ease 0s
}

.toolbar .items li .page,
.toolbar .items li .action.next:before {
    color: #1a1a1a
}

.toolbar .items li span {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 40px
}

.toolbar .items li.current,
.toolbar .items li:hover {
    background: #fa9e3b
}

.toolbar .items li.current .page,
.toolbar .items li:hover .page {
    color: white
}

.toolbar .items li.current .action.next:before,
.toolbar .items li:hover .action.next:before {
    color: white !important
}

.toolbar .items li .action {
    margin-left: 0;
    border: 0
}

.toolbar .items li .action:before {
    content: "\e90f";
    font-family: 'icomoon' !important;
    font-size: 16px;
    margin: 0;
    line-height: 36px
}

.toolbar .items li .action.previous:before {
    content: "\e90e"
}

.category-view-custom-move-content {
    position: relative
}

.category-view-custom-move-content .category-image:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -moz-transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.category-view-custom-move-content .category-image:hover:before {
    -webkit-animation: eren 1.2s;
    animation: eren 1.2s
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products {
    padding-top: 0;
    border: 0;
    margin: 0;
    padding-right: 0;
    margin-top: -11px;
    padding-bottom: 5px;
    display: flex;
    align-items: center
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products {
    padding-top: 10px;
    margin: auto;
    text-align: center;
    display: block
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a {
    display: inline-block;
    width: 33px;
    height: 25px;
    text-align: center;
    line-height: 20px;
    padding: 0;
    background-color: #fff;
    border: 0;
    font-size: 0
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-2:hover {
    background: #fff
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-2:hover:before {
    background-position: 50% 100%
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-2:before {
    content: "";
    background: url(../images/grid-2.png) no-repeat 50% 0;
    min-width: 20px;
    height: 16px;
    display: block
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-3:hover {
    background: #fff
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-3:hover:before {
    background-position: 50% 100%
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-3:before {
    content: "";
    background: url(../images/grid-3.png) no-repeat 50% 0;
    min-width: 20px;
    height: 16px;
    display: block
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-4:hover {
    background: #fff
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-4:hover:before {
    background-position: 50% 100%
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-4:before {
    content: "";
    background: url(../images/grid-4.png) no-repeat 50% 0;
    min-width: 20px;
    height: 16px;
    display: block
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-5:hover {
    background: #fff
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-5:hover:before {
    background-position: 50% 100%
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.grid-mode-5:before {
    content: "";
    background: url(../images/grid-5.png) no-repeat 50% 0;
    min-width: 20px;
    height: 16px;
    display: block
}

.container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products > a.actived:before {
    background-position: 50% 100%
}

.container-catalog-products-common .toolbar-products .grid-mode-show-type-products {
    display: none
}

.container-catalog-products-common .products-grid .category_page_grid_2 .product-item {
    width: 50%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.container-catalog-products-common .products-grid .category_page_grid_3 .product-item {
    width: 33.33%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.container-catalog-products-common .products-grid .category_page_grid_4 .product-item {
    width: 25%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.container-catalog-products-common .products-grid .category_page_grid_5 .product-item {
    width: 20%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.container-catalog-products-common .toolbar-html-container-top.check-view-mode-toolbar-list .grid-mode-show-type-products {
    opacity: 0;
    visibility: hidden
}

.section-brands {
    margin-bottom: 70px
}

.section-brands .owl-controls {
    display: none !important
}

.section-brands .block-widget-rokanthemes-brand {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.section-brands .block-widget-rokanthemes-brand .brand-image {
    opacity: 1;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    cursor: pointer;
    text-align: center
}

.section-brands .block-widget-rokanthemes-brand .brand-image:hover {
    opacity: 0.5
}

.rokanthemesbrand-brand-view .col-main.column.main .toolbar-products {
    padding-top: 0;
    border: 0;
    margin-bottom: 40px
}

.rokanthemesbrand-brand-view .page-main.container .container {
    padding: 0
}

.toolbar-products {
    padding-left: 0;
    padding-top: 20px;
    margin-bottom: 80px
}

.toolbar-products .limiter .label,
.toolbar-products .toolbar-sorter .label,
.toolbar-products .limiter .limiter-text,
.toolbar-products .toolbar-sorter .limiter-text,
.toolbar-products .limiter .sorter-label,
.toolbar-products .toolbar-sorter .sorter-label {
    padding: 0;
    font-size: 14px;
    padding-top: 10px;
    display: inline-block;
    font-weight: 400;
    color: #1a1a1a
}

.toolbar-products .toolbar-amount {
    float: right;
    color: #1a1a1a
}

.toolbar-products .modes {
    float: right;
    margin-right: 0;
    margin-left: 0
}

.toolbar-products .sorter {
    float: right;
    padding-top: 0;
    position: relative
}

.toolbar-products .sorter:after {
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    right: 20px;
    top: 9px;
    content: "\f107";
    color: #1a1a1a
}

.toolbar-products .sorter .sorter-options {
    float: right;
    padding: 0 20px;
    min-width: 160px;
    border: none;
    background: #f5f5f5;
    height: 40px;
    color: #1a1a1a;
    -webkit-appearance: none;
    -moz-appearance: none
}

.toolbar-products .sorter .sorter-action {
    line-height: 40px
}

.toolbar-products .modes-mode {
    display: inline-block;
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 0;
    background-color: #fff;
    border: 0
}

.toolbar-products .modes-mode:before {
    content: "";
    background: url(../images/list.png) no-repeat 0 0;
    min-width: 20px;
    height: 16px;
    display: block;
    margin-top: 16px
}

.toolbar-products .modes-mode.mode-grid:before {
    content: "";
    background: url(../images/grid-3.png) no-repeat 0 0;
    min-width: 16px;
    height: 16px;
    display: block
}

.toolbar-products .modes-mode:hover {
    background: #fff
}

.toolbar-products .modes-mode:hover:before {
    background-position: 0 100%
}

.toolbar-products .modes-mode.active:before {
    background-position: 0 100%
}

.toolbar-products .limiter .limiter-text {
    padding-top: 3px
}

.slider_left-slider {
    margin-bottom: 40px
}

.product-grid .item-inner {
    margin-bottom: 35px
}

.product-grid .item-inner:nth-child(3n+1) {
    clear: left
}

.product-grid .item-inner .product-list-item {
    padding: 0
}

.product-grid .item-inner .product-list-item .product-item-actions {
    margin: 0
}

.filter-current + .filter-actions {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.filter-content .filter-options .filter-options-title {
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 10px;
    font-family: 'Red Hat Display', sans-serif;
    display: block
}

.filter-content .filter-options .filter-options-content {
    margin: 0 0 45px
}

.filter-content .filter-options .filter-options-content ol li {
    padding: 0 0 7px
}

.filter-content .filter-options .filter-options-content ol li a {
    color: #444;
    font-size: 14px
}

.filter-content .filter-options .filter-options-content ol li a:hover {
    color: #fa9e3b
}

.filter-options-item {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px
}

.filter-options-item .items .item a input[type="checkbox"] {
    margin: 0;
    top: 2px;
    box-shadow: none;
    height: auto
}

.filter-options-item .items .item a .count {
    display: inline-block;
    color: #1a1a1a
}

#layered_ajax_price_attribute #layered_ajax_price_text {
    color: #666;
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 16px
}

.block-compare .counter,
.block-wishlist .counter {
    font-size: 16px
}

.account-nav .item.current a,
.account-nav .item.current strong {
    padding-left: 0;
    font-weight: 500;
    font-size: 18px;
    color: #1a1a1a;
    padding: 0;
    border: 0
}

.sidebar > div,
.sidebar .filter-options-item,
.sidebar .block-search {
    margin-bottom: 50px
}

.sidebar .block.block-reorder .product-item .checkbox {
    margin-right: 5px
}

.sidebar .block .block-title {
    font-weight: 700;
    font-size: 18px;
    text-transform: none
}

.sidebar .block .block-title strong {
    font-weight: 700
}

.sidebar .block .block-content li {
    padding-bottom: 10px;
    margin-bottom: 0
}

.sidebar .block .action.view {
    color: #fa9e3b
}

.sidebar .block-compare .actions-toolbar .action,
.sidebar .block-wishlist .block-content .actions-toolbar .action,
.sidebar .block-reorder .actions-toolbar .action,
.sidebar .block-compare .actions-toolbar .primary .action,
.sidebar .block-wishlist .block-content .actions-toolbar .primary .action,
.sidebar .block-reorder .actions-toolbar .primary .action {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #fa9e3b;
    text-align: left;
    line-height: 24px
}

.sidebar .block-compare .actions-toolbar .action:hover,
.sidebar .block-wishlist .block-content .actions-toolbar .action:hover,
.sidebar .block-reorder .actions-toolbar .action:hover,
.sidebar .block-compare .actions-toolbar .primary .action:hover,
.sidebar .block-wishlist .block-content .actions-toolbar .primary .action:hover,
.sidebar .block-reorder .actions-toolbar .primary .action:hover {
    animation: none
}

.sidebar .block-compare .actions-toolbar .secondary a,
.sidebar .block-wishlist .block-content .actions-toolbar .secondary a,
.sidebar .block-reorder .actions-toolbar .secondary a {
    margin-top: 0
}

.sidebar .block-wishlist .product-items .price-box {
    margin-bottom: 0
}

.sidebar .block-wishlist .product-items .price-box .price {
    font-weight: 400
}

.sidebar .block-wishlist .product-item-actions {
    display: inline-block;
    margin-top: 3px
}

.sidebar .block-wishlist .product-item-actions .tocart {
    padding: 0;
    background: transparent;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    border: 0
}

.sidebar .block-wishlist .product-item-actions .tocart:before {
    content: "+";
    padding-right: 5px
}

.sidebar .block-wishlist .product-item-actions .tocart:hover {
    animation: none
}

.sidebar .block-wishlist .product-item-details {
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1
}

.sidebar .block-wishlist .actions-toolbar .primary .action {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none
}

.sidebar .block-wishlist .actions-toolbar .primary .action:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .sidebar .block-wishlist .actions-toolbar .primary .action {
        padding: 18.5px 30px
    }
}

.sidebar .widget.block-search {
    margin-bottom: 50px !important;
    width: 100%
}

.sidebar .widget.block-search .control {
    padding-bottom: 0
}

.sidebar .widget.block-search .control input {
    border: 2px solid #e1e1e1;
    box-shadow: none;
    padding: 5px 25px;
    box-shadow: 0 0 3px #ccc;
    border: none;
    height: 48px;
    margin-bottom: 50px;
    font-size: 14px
}

.sidebar .widget.block-search .action.search {
    height: 48px;
    line-height: 48px;
    padding: 0 5px
}

.sidebar .widget.block-search .action.search:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 26px;
    top: 11px;
    left: -5px;
    background: #e1e1e1
}

.sidebar .widget.block-search .action.search:after {
    content: "\e931";
    font-family: 'icomoon';
    font-size: 24px;
    color: #1a1a1a;
    line-height: 48px
}

.sidebar .widget.block-search .action.search:hover:after {
    color: #fa9e3b
}

.sidebar .list-post-tab li {
    margin-bottom: 30px;
    padding-bottom: 0
}

.sidebar .list-post-tab li:after,
.sidebar .list-post-tab li:before {
    content: "";
    display: table;
    clear: both
}

.sidebar ul li {
    padding-bottom: 10px;
    margin-bottom: 2px;
    list-style: disc;
    list-style-position: inside
}

.sidebar ul li ul {
    margin-top: 10px
}

.sidebar ul li a {
    color: #1a1a1a
}

.sidebar ul li a:hover {
    color: #fa9e3b
}

.sidebar ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.sidebar .title-widget-post,
.sidebar .title-post-tab {
    font-size: 18px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #1a1a1a
}

.sidebar .title-widget-post a,
.sidebar .title-post-tab a {
    color: #1a1a1a
}

.sidebar .title-post-tab li {
    padding-bottom: 0;
    margin-bottom: 0
}

.sidebar .zoom-image-thumb {
    max-width: 100px;
    margin-right: 15px;
    float: left
}

.sidebar .post-tab-info h3 {
    font-weight: 700;
    margin-bottom: 5px
}

.sidebar .post-tab-info h3 a {
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    font-size: 14px
}

.sidebar .post-tab-info span {
    display: block;
    margin-top: 4px;
    font-size: 14px
}

#blog_search_mini_form {
    border-bottom: 1px solid #e1e1e1
}

.sidebar-left.sidebar-post {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 50px
}

.sidebar-left.sidebar-post:last-child {
    border-bottom: none
}

.sidebar-left.sidebar-post .list-post-tab li,
.sidebar-left.sidebar-post .title-post-tab li {
    list-style: none
}

.sidebar .product-items .product-item {
    padding: 0
}

.sidebar .product-item .price-box .price {
    font-size: 16px
}

.account .form-edit-account input[type="checkbox"],
.account .form-newsletter-manage input[type="checkbox"] {
    top: 13px
}

.account .form-newsletter-manage {
    margin-bottom: 30px
}

.gallery-placeholder .row {
    margin: 0 -4px;
    clear: both
}

.gallery-placeholder .row .bxslider {
    margin-top: 10px
}

.gallery-placeholder .row li.small_image {
    padding: 0 4px;
    cursor: pointer
}

.gallery-placeholder .owl-theme .owl-buttons {
    width: auto;
    position: static;
    opacity: 0
}

.gallery-placeholder .owl-theme:hover .owl-buttons {
    opacity: 1
}

.gallery-placeholder .owl-theme .owl-controls .owl-buttons > div {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}

.gallery-placeholder .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0;
    left: auto
}

.catalog-product-view .header-container .header {
    background-color: #fff
}

.catalog-product-view .header-container.style2 {
    background-color: #fff
}

.catalog-product-view .header-container.style2 .header {
    background-color: #fff
}

.catalog-product-view .columns .column.main {
    padding-bottom: 0
}

@media (max-width:991px) {
    .catalog-product-view .page-main.container {
        width: 100%
    }
}

.catalog-product-view .header-container {
    margin-bottom: 0;
    background-color: #f5f5f5
}

.catalog-product-view .page-title {
    text-align: left
}

.catalog-product-view.page-product-grouped .product-view .product-info-main .price-box.price-final_price {
    margin: 0
}

.catalog-product-view .swatch-attribute.size .swatch-option {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 50%
}

.catalog-product-view .page-footer {
    margin-top: 60px
}

.section-breadcrumbs {
    max-width: 100%;
    padding: 15px 0 15px 0;
    margin-bottom: 50px;
    background: #e5e5e5
}

.section-breadcrumbs .breadcrumbs {
    padding: 0;
    margin: 0;
    text-align: left
}

.section-breadcrumbs .breadcrumbs ul li a {
    color: #1a1a1a
}

.section-breadcrumbs .breadcrumbs ul li strong {
    color: #999
}

.col-products {
    margin-bottom: 60px
}

.catalog-product-view .page.messages,
.col-products {
    background-color: #fff
}

.catalog-product-view .page.messages .product.media .gallery-placeholder .fotorama__stage__frame .fotorama__img,
.col-products .product.media .gallery-placeholder .fotorama__stage__frame .fotorama__img {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    transform: none
}

@media (min-width:767px) {

    .catalog-product-view .page.messages .product.media .gallery-placeholder .fotorama__stage__frame .fotorama__img,
    .col-products .product.media .gallery-placeholder .fotorama__stage__frame .fotorama__img {
        padding-left: 20px
    }
}

.catalog-product-view .page.messages .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame,
.col-products .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame {
    margin-bottom: 10px
}

.catalog-product-view .page.messages .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame.fotorama__active .fotorama__thumb,
.col-products .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__nav__frame.fotorama__active .fotorama__thumb {
    border: 1px solid #fa9e3b;
    background: none
}

.catalog-product-view .page.messages .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__thumb-border,
.col-products .product.media .gallery-placeholder .fotorama-item .fotorama__nav--thumbs .fotorama__nav__shaft .fotorama__thumb-border {
    border: none !important;
    background: none
}

#quick-window {
    z-index: 9999 !important
}

#quick-background {
    z-index: 9992 !important
}

.product-view .product-info-main .box-tocart .fieldset .qty,
#quick-window .box-tocart .fieldset .qty {
    padding: 0 14px;
    margin-right: 20px;
    border: 2px solid #f5f5f5;
    background: #f5f5f5;
    height: 53px;
    border-radius: 2px;
    margin-bottom: 10px
}

.product-view .product-info-main .box-tocart .fieldset .qty input,
#quick-window .box-tocart .fieldset .qty input {
    background: transparent;
    border: 0;
    font-family: 'Red Hat Display', sans-serif;
    text-align: center;
    margin: 0 5px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 700
}

.product-view .product-info-main .box-tocart .fieldset .qty .qty-down,
#quick-window .box-tocart .fieldset .qty .qty-down,
.product-view .product-info-main .box-tocart .fieldset .qty .qty-up,
#quick-window .box-tocart .fieldset .qty .qty-up {
    display: inline-block
}

.product-view .product-info-main .box-tocart .fieldset .qty .qty-down i,
#quick-window .box-tocart .fieldset .qty .qty-down i,
.product-view .product-info-main .box-tocart .fieldset .qty .qty-up i,
#quick-window .box-tocart .fieldset .qty .qty-up i {
    display: inline-block;
    line-height: 50px;
    font-size: 10px;
    color: #1a1a1a
}

.product-view .product-info-main .box-tocart .actions .action.tocart,
#quick-window .box-tocart .actions .action.tocart {
    border-radius: 4px;
    font-size: 14px;
    border: 0;
    padding: 19px 50px;
    font-weight: 700 !important
}

.product-view .product-info-main .box-tocart .actions .action.tocart:hover,
#quick-window .box-tocart .actions .action.tocart:hover {
    opacity: 0.8
}

.product-view .product-info-main .box-tocart .actions .action.tocart i,
#quick-window .box-tocart .actions .action.tocart i {
    margin-right: 7px
}

#quick-window .box-tocart .fieldset .qty input {
    height: 50px
}

.product-view .product.attibute {
    color: #777;
    font-size: 13px;
    line-height: 1.5
}

.product-view .product-info-stock-sku {
    margin-top: 10px
}

.product-view .product-info-stock-sku .stock {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700
}

.product-view .product-info-stock-sku .stock span {
    color: #fa9e3b;
    margin-left: 8px;
    font-weight: 400
}

.product-view .product-info-stock-sku .attribute.sku .type {
    color: #1a1a1a
}

.product-view .product-info-stock-sku .attribute.sku .value {
    display: inline-block;
    color: #fa9e3b;
    font-size: 14px
}

.product-view .product-attribute-overview-fixed {
    display: none
}

.product-view .product-info-main .stock.available,
.product-view .product-info-main .stock.unavailable,
.product-view .product-info-main .attribute.sku {
    text-transform: none;
    font-weight: 500;
    padding-right: 25px;
    margin-right: 20px
}

.product-view .product-info-main .product-reviews-summary {
    display: inline-block;
    margin: 0;
    margin-top: 15px
}

.product-view .product-info-main .product-reviews-summary .reviews-actions .action.view {
    padding: 0 15px 0 12px;
    border: 1px solid #dedede;
    border-top: 0;
    border-bottom: 0;
    margin-right: 10px
}

.product-view .product-info-main .price-label {
    display: none
}

.product-view .product-info-main .product.attribute.overview {
    font-size: 16px
}

.product-view .product-info-main .product-info-price {
    margin-bottom: 40px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e1e1e1
}

.product-view .product-info-main .product-info-price .product-info-stock-sku > div {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #1a1a1a
}

.product-view .product-info-main .product-info-price .product-info-stock-sku > div strong,
.product-view .product-info-main .product-info-price .product-info-stock-sku > div span {
    font-weight: 400;
    font-size: 14px;
    color: #fa9e3b
}

.product-view .product-info-main .product-info-price .product-info-stock-sku > div strong {
    font-weight: 700
}

.product-view .product-info-main .product-info-price .product-info-stock-sku > div .value {
    font-weight: 400;
    color: #999
}

.product-view .product-info-main .table-wrapper thead {
    font-weight: 700
}

.product-view .product-info-main .price-box.price-final_price {
    margin: 32px 0 18px 0
}

.product-view .product-info-main .product.attribute.overview .value {
    color: #666
}

.product-view .product-info-main .price-box {
    float: left;
    width: 100%
}

.product-view .product-info-main .price-box .special-price {
    display: inline-block;
    margin: 0 15px 0 0;
    float: left;
    font-style: 14px;
    font-weight: normal;
    font-family: 'Red Hat Display', sans-serif;
    color: #fa9e3b
}

.product-view .product-info-main .price-box .special-price .price-container .price {
    font-size: 20px;
    font-weight: 700;
    color: #fa9e3b;
    font-family: 'Red Hat Display', sans-serif
}

.product-view .product-info-main .price-box .old-price {
    float: left;
    margin-right: 5px
}

.product-view .product-info-main .price-box .old-price .price-container .price {
    color: #999;
    font-size: 20px;
    font-weight: 400
}

.product-view .product-info-main .price-box .price-wrapper .price {
    font-size: 20px;
    font-weight: normal;
    font-family: 'Red Hat Display', sans-serif;
    color: #888888
}

.product-view .product-info-main [itemprop="description"] {
    font-style: normal
}

.product-view .product-info-main [itemprop="description"] h2,
.product-view .product-info-main [itemprop="description"] h3,
.product-view .product-info-main [itemprop="description"] h4,
.product-view .product-info-main [itemprop="description"] h5,
.product-view .product-info-main [itemprop="description"] h6 {
    font-style: normal;
    font-weight: 500;
    color: #1a1a1a
}

.product-view .product-info-main [itemprop="description"] p {
    line-height: 24px
}

.product-view .product-info-main .page-title-wrapper {
    padding: 0
}

.product-view .product-info-main .page-title-wrapper .page-title {
    margin-top: 0;
    margin-bottom: 0
}

.product-view .product-info-main .page-title-wrapper .page-title span {
    text-transform: none;
    font-size: 30px;
    font-weight: 700;
    color: #1a1a1a;
    padding-bottom: 5px;
    margin-bottom: 0
}

.product-view .product-info-main .page-title-wrapper .page-title span:before {
    display: none
}

.product-view .product-info-main .product-addto-links i {
    line-height: 48px
}

.product-view .product-info-main .product-addto-links .action.towishlist {
    margin-right: 10px;
    border-radius: 2px
}

.product-view .product-info-main .action.tocompare:hover,
.product-view .product-info-main .product-options-bottom .action.towishlist:hover,
.product-view .product-info-main .action.tocompare:active,
.product-view .product-info-main .product-options-bottom .action.towishlist:active,
.product-view .product-info-main .action.tocompare:forcus,
.product-view .product-info-main .product-options-bottom .action.towishlist:forcus {
    border: 2px solid #1a1a1a;
    background: transparent
}

.product-view .product-info-main .countdown-page-product-custom .des-countdown-p-p-c {
    font-size: 20px;
    color: #1a1a1a
}

.product-view .product-info-main .countdown-page-product-custom .des-countdown-p-p-c .price-countdown-highlight {
    font-weight: 700;
    color: #1a1a1a;
    font-size: 20px
}

.product-view .product-info-main .countdown-page-product-custom .des-countdown-p-p-c .price-countdown-stock {
    color: #fa9e3b;
    font-weight: 700
}

.product-view .product-info-main .countdown-page-product-custom .progressbar-countdown-p-p-c {
    margin-top: 20px;
    height: 10px;
    background-color: #e1e1e1;
    margin-bottom: 20px;
    border-radius: 20px
}

.product-view .product-info-main .countdown-page-product-custom .progressbar-countdown-p-p-c > div {
    height: 10px;
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #fa9e3b;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fa9e3b), color-stop(1, #fa9e3b));
    background-image: -moz-linear-gradient(center bottom, #fa9e3b 37%, #fa9e3b 69%);
    position: relative;
    overflow: hidden
}

.product-view .product-info-main .countdown-page-product-custom .progressbar-countdown-p-p-c > div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)), color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden
}

.product-view .product-info-main .countdown-page-product-custom #countbox-p-p-c-container {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-bottom: 30px
}

.product-view .product-info-main .countdown-page-product-custom #countbox-p-p-c-container .countdown-p-p-c-section {
    margin-right: 15px;
    border-radius: 4px;
    border: 2px solid #e1e1e1;
    text-align: center;
    padding: 7px 10px 6px;
    min-width: 70px;
    display: flex;
    flex-direction: column
}

.product-view .product-info-main .countdown-page-product-custom #countbox-p-p-c-container .countdown-p-p-c-section .countdown-amount-p-p-c {
    font-size: 20px;
    padding: 5px 0;
    color: #1a1a1a;
    font-weight: 500
}

.product-view .product-info-main .countdown-page-product-custom #countbox-p-p-c-container .countdown-p-p-c-section .countdown-label-p-p-c {
    text-transform: capitalize;
    color: #999;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 6px;
    border-top: 1px solid #e1e1e1;
    font-weight: 400;
    display: block;
    text-align: center
}

.product-view .product-options-wrapper {
    margin-top: 20px
}

.product-view .product-options-wrapper label {
    font-size: 13px;
    color: #1a1a1a;
    margin-bottom: 10px;
    margin-top: 20px
}

.product-view .product-options-wrapper select {
    border: 1px solid #eee;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    color: #7b7b7b
}

.product-view .brand-label {
    color: #1a1a1a;
    font-size: 16px;
    margin-bottom: 20px
}

.product-view .block.related {
    margin-bottom: 0;
    border-top: 1px solid #e1e1e1;
    padding-top: 80px;
    margin-bottom: 15px;
    margin-top: 45px
}

.product-view .block.upsell {
    margin-top: 50px;
    margin-bottom: 40px
}

.product-view .block.upsell .product-item {
    margin-bottom: 15px
}

.page-product-grouped .product-view .product-info-stock-sku .stock span {
    margin-left: 0
}

.page-product-grouped .product-view .product-info-main .product-info-price {
    margin-bottom: 20px;
    border-bottom: 0;
    padding-bottom: 0
}

.page-product-grouped .table-wrapper.grouped .item {
    padding-left: 0
}

.page-product-grouped .control.qty {
    margin-top: 18px
}

.product-social-links {
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e1e1e1
}

.product-social-links .product-addto-links,
.product-social-links .mailto {
    display: inline-block
}

.product-social-links a.action.towishlist,
.product-social-links a.action.tocompare,
.product-social-links a.mailto {
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: 2px solid #e1e1e1;
    color: #1a1a1a;
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    border-radius: 2px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.product-social-links a.action.towishlist i,
.product-social-links a.action.tocompare i,
.product-social-links a.mailto i {
    line-height: 50px
}

.product-social-links a.action.towishlist:hover,
.product-social-links a.action.tocompare:hover,
.product-social-links a.mailto:hover {
    border: 2px solid #fa9e3b
}

.product-social-links a.action.towishlist:hover i,
.product-social-links a.action.tocompare:hover i,
.product-social-links a.mailto:hover i {
    color: #fa9e3b
}

.bundle-options-container {
    margin-top: 60px
}

@media (min-width:768px) {
    .bundle-options-container .block-bundle-summary {
        width: 55%;
        padding: 0 0 0 20px
    }

    .bundle-options-container .bundle-options-wrapper,
    .bundle-options-container .product-options-wrapper {
        width: 45%
    }
}

@media (max-width:767px) {
    .bundle-options-container .block-bundle-summary {
        padding-left: 0
    }
}

.bundle-options-container .product-add-form {
    padding: 30px;
    border: 1px solid #e1e1e1
}

@media (max-width:767px) {
    .bundle-options-container .product-add-form {
        padding: 15px
    }
}

.bundle-options-container .product-add-form form:before,
.bundle-options-container .product-add-form form:after {
    content: "";
    display: table;
    clear: both
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list input[type="radio"],
.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list input[type="checkbox"] {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
    box-shadow: none
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list label {
    display: inline-block
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list label > span {
    white-space: normal;
    line-height: 1.6
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list .checkbox {
    display: inline-block;
    margin-top: 0
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list .product-name,
.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list .price-container .price {
    font-size: 14px;
    font-weight: 400
}

.bundle-options-container .product-add-form form .bundle-options-wrapper .required .options-list .qty .control {
    display: inline
}

.bundle-options-container .product-add-form form .bundle-options-wrapper #product-options-wrapper {
    width: 100%
}

.bundle-options-container .product-add-form form #customizeTitle {
    margin-top: 0;
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left
}

.bundle-options-container .product-add-form form #bundleSummary {
    background-color: #fff
}

.bundle-options-container .product-add-form form #bundleSummary .title,
.bundle-options-container .product-add-form form #bundleSummary .bundle-summary {
    text-align: left
}

.bundle-options-container .product-add-form form #bundleSummary .title strong,
.bundle-options-container .product-add-form form #bundleSummary .bundle-summary strong {
    margin-top: 0;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 30px;
    display: block;
    color: #1a1a1a;
    text-align: left
}

.bundle-options-container .product-add-form form #bundleSummary .bundle.items {
    text-align: left
}

.bundle-options-container .product-add-form form #bundleSummary .bundle.items strong {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px
}

.bundle-options-container .product-add-form form #bundleSummary .product-image-container {
    margin-bottom: 20px
}

@media (min-width:481px) {
    .bundle-options-container .product-add-form form #bundleSummary .product-image-container {
        padding-right: 15px;
        float: left
    }
}

.bundle-options-container .product-add-form form #bundleSummary .product-details {
    overflow: hidden;
    position: relative
}

.bundle-options-container .product-add-form form #bundleSummary .product-details .product.name {
    font-size: 16px;
    color: #1a1a1a
}

.bundle-options-container .product-add-form form #bundleSummary .product-details .stock {
    font-size: 12px;
    color: #fa9e3b;
    margin: 0 0 10px
}

.bundle-options-container .product-add-form form #bundleSummary .product-addto-links {
    display: none
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .fieldset {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
    padding: 0 10px;
    border: 2px solid #e1e1e1;
    margin-right: 8px
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > a,
.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > div {
    height: 35px
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > a input,
.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > div input {
    border: 0;
    height: 30px
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > a i,
.bundle-options-container .product-add-form form #bundleSummary .box-tocart .qty > div i {
    line-height: 35px
}

.bundle-options-container .product-add-form form #bundleSummary .box-tocart .actions button {
    padding: 9px 30px
}

.bundle-options-container .product-add-form form #bundleSummary .price-as-configured {
    font-size: 24px;
    font-weight: 400;
    color: #1a1a1a;
    margin: 5px 0
}

.bundle-options-container .product-add-form form #bundleSummary .price-as-configured .price {
    font-weight: 500;
    font-size: 14px
}

.review-form .action.submit.primary:hover {
    border: none
}

.review-control-vote label:before {
    color: #fa9e3b
}

.page-layout-1column .product-info-main {
    width: auto;
    float: none
}

.page-layout-1column .column.main {
    padding-bottom: 20px
}

.product-info-main .action.tocompare,
.product-options-bottom .action.tocompare,
.product-info-main .action.towishlist {
    padding: 0;
    border: 0
}

.product-info-main .product-reviews-summary .reviews-actions {
    font-size: 13px
}

.product-view .product.media,
.product-options-bottom .product.media {
    float: none;
    width: auto
}

.product-view .box-tocart,
.product-options-bottom .box-tocart {
    margin-top: 30px;
    margin-bottom: 0
}

.product-view .box-tocart .fieldset,
.product-options-bottom .box-tocart .fieldset {
    margin-bottom: 10px
}

.product-view .box-tocart .field.qty,
.product-options-bottom .box-tocart .field.qty {
    display: inline-block;
    padding-right: 15px;
    background-color: #fff
}

.product-view .box-tocart .field.qty label,
.product-options-bottom .box-tocart .field.qty label {
    display: inline-block;
    font-size: 13px;
    color: #1a1a1a;
    line-height: 50px;
    margin-right: 10px;
    margin-bottom: 0
}

.product-view .box-tocart .field.qty .control,
.product-options-bottom .box-tocart .field.qty .control {
    display: inline-block
}

.product-view .box-tocart .field.qty .control input,
.product-options-bottom .box-tocart .field.qty .control input {
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center
}

.product-view .box-tocart .actions,
.product-options-bottom .box-tocart .actions {
    padding-top: 0;
    display: inline-block;
    vertical-align: top
}

.product-social-links .product-addto-links {
    display: inline-block;
    margin: 0
}

.product-social-links .product-addto-links a.action:hover {
    background: none
}

.product-social-links .action,
.product-social-links .action.mailto.friend {
    display: inline-block;
    margin-left: 8px;
    margin-right: 5px
}

.product-social-links .action:before,
.product-social-links .action.mailto.friend:before {
    display: none
}

.product-social-links .action:hover .fa,
.product-social-links .action.mailto.friend:hover .fa {
    border-color: #1a1a1a;
    color: #1a1a1a
}

.product-social-links .action .fa,
.product-social-links .action.mailto.friend .fa {
    width: 50px;
    height: 50px;
    background: #f5f5f5;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #969696;
    border: 2px solid #e1e1e1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-social-links .action.mailto.friend {
    position: relative;
    border-radius: 2px
}

.product-social-links .action.mailto.friend:before {
    content: "\f003";
    font-family: FontAwesome;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 50px
}

.product-social-links .action.mailto.friend:hover:before {
    color: #1a1a1a
}

.product-social-links .action.mailto.friend span {
    display: none
}

.fotorama__nav-wrap {
    margin-top: 0
}

.fotorama__nav-wrap .fotorama__nav__frame {
    margin-right: 10px;
    padding: 0 !important
}

.categorytab-container .group-title1 {
    margin-bottom: 40px
}

.categorytab-container .tabs-categories_tab {
    text-align: center;
    margin-bottom: 40px
}

.categorytab-container .tabs-categories_tab li {
    position: relative;
    display: inline-block;
    padding: 0 15px
}

.categorytab-container .tabs-categories_tab li:first-child {
    padding-left: 0
}

.categorytab-container .tabs-categories_tab li:last-child {
    padding-right: 0
}

.categorytab-container .tabs-categories_tab li a {
    color: #1a1a1a;
    font-size: 14px;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative
}

.categorytab-container .tabs-categories_tab li a:hover {
    text-decoration: none
}

.categorytab-container .tabs-categories_tab li a:after {
    content: "";
    width: 0;
    height: 2px;
    color: #fa9e3b;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid;
    transition: all .3s ease
}

.categorytab-container .tabs-categories_tab li .ammount-items {
    position: absolute;
    margin-left: 4px;
    right: 2px;
    top: -1px;
    font-size: 12px;
    line-height: 14px;
    color: #1a1a1a
}

.categorytab-container .tabs-categories_tab li.active a,
.categorytab-container .tabs-categories_tab li:hover a,
.categorytab-container .tabs-categories_tab li.active span,
.categorytab-container .tabs-categories_tab li:hover span {
    color: #fa9e3b
}

.categorytab-container .tabs-categories_tab li.active a:after,
.categorytab-container .tabs-categories_tab li:hover a:after {
    width: 100%
}

.categorytab-container .product-item {
    margin-bottom: 0;
    padding-bottom: 5px
}

.cms-index-index .box-blog {
    position: relative;
    padding-bottom: 60px
}

.box-blog {
    position: relative
}

.box-blog .post-thumb {
    position: relative;
    overflow: hidden
}

.box-blog .product-item {
    margin-bottom: 20px
}

.box-blog .blog-image {
    position: relative;
    overflow: hidden
}

.box-blog .blog-image a {
    display: block;
    width: 100%
}

.box-blog .blog-image a img {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    width: 100%
}

.box-blog .blog-image:hover a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.box-blog .blog-image .view-more {
    display: none !important
}

.box-blog .block-content .post-info {
    overflow: hidden;
    margin-top: 20px
}

.box-blog .block-content .post-info .in_category {
    color: white
}

.box-blog .block-content .post-info .time-conment {
    margin-bottom: 5px
}

.box-blog .block-content .post-info .post-date {
    margin-top: 5px;
    font-size: 14px;
    color: #666
}

.box-blog .block-content .post-info .post-title {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
    color: #1a1a1a
}

.box-blog .block-content .post-info .post-title a {
    color: #1a1a1a
}

.box-blog .block-content .post-info .post-title a:hover {
    color: #fa9e3b
}

.box-blog .block-content .post-info .blog-button .readmore {
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 44px;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    color: #1a1a1a;
    font-weight: 700;
    text-align: center;
    padding: 0 30px
}

.box-blog .block-content .post-info .blog-button .readmore:hover {
    text-decoration: none;
    border: 2px solid #fa9e3b;
    color: #fa9e3b
}

.box-blog .block-content .post-info .blog-button .readmore:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    font-weight: 100;
    margin-left: 10px;
    font-size: 14px;
    position: relative;
    bottom: -1px
}

.box-blog .block-content .post-info .short-des {
    margin: 3px 0 0;
    padding-top: 10px;
    line-height: 25px;
    margin-bottom: 20px;
    padding: 0
}

.box-blog .block-content .post-info .readmore-text {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    font-size: 12px;
    color: #1f1f1f;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 190px;
    text-align: center;
    border: 2px solid #e1e1e1
}

.box-blog .block-content .post-info .readmore-text:hover {
    border-color: #fa9e3b
}

.box-blog .block-content .post-info .readmore-text:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .box-blog .block-content .post-info .readmore-text {
        padding: 18.5px 30px
    }
}

.box-blog .block-content .post-info a .fa {
    padding-left: 5px;
    color: #fa9e3b;
    line-height: 21px
}

.block-top,
.blog-top {
    position: relative;
    margin-bottom: 100px
}

.block-top h2,
.blog-top h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 36px;
    color: #1a1a1a;
    font-weight: 500
}

.blog-index-index .modal-popup .modal-inner-wrap,
.checkout-index-index .modal-popup .modal-inner-wrap {
    margin: auto;
    width: 70%;
    margin-top: 50px
}

@media (min-width:1200px) {

    .blog-index-index .modal-popup .modal-inner-wrap,
    .checkout-index-index .modal-popup .modal-inner-wrap {
        width: 50%
    }
}

.blog-index-index #modal-content-17,
.checkout-index-index #modal-content-17 {
    margin-top: 20px
}

.checkout-index-index .page-title-wrapper {
    position: static;
    width: auto;
    height: auto;
    padding-top: 50px
}

.checkout-index-index .header-container .header .logo {
    margin-bottom: 0 !important
}

.checkout-index-index .modal-popup .modal-inner-wrap {
    left: auto;
    padding: 15px
}

.checkout-success {
    text-align: left
}

.checkout-success .actions-toolbar {
    margin-top: 30px
}

.blog-list-post.box-blog {
    margin-bottom: 0
}

.blog-list-post .item-post-full {
    margin-bottom: 60px
}

.blog-list-post .item-post-full:nth-of-type(2n+1) {
    clear: left
}

.blog-list-post .post-info-extra .post-tags-info,
.blog-list-post .post-info-extra .post-date {
    display: inline-block;
    font-size: 14px;
    margin-top: 0 !important
}

.blog-list-post .post-info-extra .post-tags-info a,
.blog-list-post .post-info-extra .post-date a {
    color: #fa9e3b
}

.in_category {
    display: inline-block;
    background: #fa9e3b;
    padding: 2px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    font-weight: 700
}

.in_category:hover {
    color: white;
    text-decoration: unset
}

.blog-index-index .banner_top,
.blog-post-view .banner_top,
.blog-search-index .banner_top {
    position: relative;
    margin-bottom: 60px
}

.blog-index-index .banner_top p,
.blog-post-view .banner_top p,
.blog-search-index .banner_top p {
    margin: 0
}

.blog-index-index .banner_top p img,
.blog-post-view .banner_top p img,
.blog-search-index .banner_top p img {
    width: 100%;
    height: auto
}

.blog-index-index .banner_top h2,
.blog-post-view .banner_top h2,
.blog-search-index .banner_top h2 {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 60px;
    color: #323232;
    font-weight: normal;
    text-transform: capitalize;
    margin: 0
}

.blog-index-index .page-title-wrapper,
.blog-post-view .page-title-wrapper,
.blog-search-index .page-title-wrapper {
    display: none
}

.blog-index-index .col-md-3,
.blog-post-view .col-md-3,
.blog-search-index .col-md-3 {
    float: left
}

.blog-index-index .columns .column.main,
.blog-post-view .columns .column.main,
.blog-search-index .columns .column.main {
    padding-bottom: 20px
}

.blog-index-index .toolbar-blog-posts,
.blog-post-view .toolbar-blog-posts,
.blog-search-index .toolbar-blog-posts {
    margin-bottom: 60px;
    padding-top: 20PX
}

.post-list-wrapper .blog-list-post .blog-post-thumb {
    margin-bottom: 30px
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra {
    margin-bottom: 6px
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-date,
.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-tags-info {
    display: inline-block
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-date label,
.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-tags-info label {
    color: #999;
    display: none
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-date {
    display: block;
    font-size: 14px
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-tags-info {
    display: inline-block;
    background: #fa9e3b;
    padding: 2px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    margin-bottom: 12px;
    font-weight: 700
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-tags-info a {
    color: white
}

.post-list-wrapper .blog-list-post .post-info .post-info-extra .post-tags-info a:hover {
    text-decoration: none
}

.post-list-wrapper .blog-list-post .post-info .post-title {
    font-size: 20px;
    margin-bottom: 10px;
    padding: 0
}

.post-list-wrapper .blog-list-post .post-info .short-des {
    font-size: 16px
}

.post-list-wrapper .blog-list-post .post-info .readmore {
    margin-top: 30px
}

.post-list-wrapper .blog-list-post .post-info .readmore a {
    color: #1a1a1a;
    font-weight: 700;
    font-size: 14px;
    border: 2px solid #e1e1e1;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-radius: 5px;
    padding: 13px 30px;
    display: inline-block;
    text-decoration: none
}

.post-list-wrapper .blog-list-post .post-info .readmore a span {
    position: relative;
    bottom: -2px;
    font-size: 14px;
    margin-left: 10px
}

.post-list-wrapper .blog-list-post .post-info .readmore a:hover {
    animation: none;
    background-color: transparent;
    color: #fa9e3b;
    border-color: #fa9e3b
}

.post-list-wrapper .blog-list-post .post-info .readmore a:hover:before {
    opacity: 1
}

.blog-category-view .page-title-wrapper,
.blog-archive-view .page-title-wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

.blog-post-view .page-title-wrapper {
    display: block;
    padding: 0;
    display: none
}

.blog-post-view .page-title-wrapper .page-title {
    display: none
}

.blog-post-view .sidebar .block-reorder {
    display: none
}

.post-view .blog-header,
.post-list .blog-header {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 30px
}

.post-view .blog-header h3 a,
.post-list .blog-header h3 a {
    font-weight: 700;
    color: #1a1a1a;
    font-size: 36px
}

.post-view .blog-header .post-tags-info,
.post-list .blog-header .post-tags-info,
.post-view .blog-header .post-date,
.post-list .blog-header .post-date {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 12px
}

.post-view .blog-header .post-tags-info a,
.post-list .blog-header .post-tags-info a,
.post-view .blog-header .post-date a,
.post-list .blog-header .post-date a {
    color: #fa9e3b
}

.post-view .post-images,
.post-list .post-images {
    text-align: center
}

.post-view .post-holder,
.post-list .post-holder {
    margin-bottom: 30px
}

.post-view .post-header,
.post-list .post-header {
    margin-top: 10px;
    margin-bottom: -15px
}

.post-view .post-info,
.post-list .post-info,
.post-view .post-content,
.post-list .post-content {
    margin-top: 60px;
    margin-bottom: 60px
}

@media (min-width:991px) {

    .post-view .post-info,
    .post-list .post-info,
    .post-view .post-content,
    .post-list .post-content {
        width: 100%;
        margin: 25px auto 90px;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 70px
    }
}

.post-view .post-info .dash,
.post-list .post-info .dash,
.post-view .post-content .dash,
.post-list .post-content .dash {
    display: inline-block
}

.post-view .post-info .post-categories,
.post-list .post-info .post-categories,
.post-view .post-content .post-categories,
.post-list .post-content .post-categories {
    text-transform: uppercase;
    display: inline-block
}

.post-view .post-info .post-categories .label,
.post-list .post-info .post-categories .label,
.post-view .post-content .post-categories .label,
.post-list .post-content .post-categories .label {
    color: #2b2b2b;
    font-size: 12px;
    font-weight: normal
}

.post-view .post-info .post-categories a,
.post-list .post-info .post-categories a,
.post-view .post-content .post-categories a,
.post-list .post-content .post-categories a {
    color: #fa9e3b;
    font-size: 12px;
    display: inline-block;
    margin-top: 2px
}

.post-view .post-info .post-description,
.post-list .post-info .post-description,
.post-view .post-content .post-description,
.post-list .post-content .post-description {
    font-size: 14px;
    line-height: 30px
}

.post-view .post-info .post-description h4,
.post-list .post-info .post-description h4,
.post-view .post-content .post-description h4,
.post-list .post-content .post-description h4 {
    font-size: 18px;
    font-weight: normal;
    color: #1a1a1a;
    margin-bottom: 25px
}

.post-view .post-info .post-description blockquote,
.post-list .post-info .post-description blockquote,
.post-view .post-content .post-description blockquote,
.post-list .post-content .post-description blockquote {
    max-width: 90%;
    margin: 55px auto 40px;
    font-style: italic;
    color: #999999;
    padding: 5px 0 5px 25px;
    border-left: 2px solid #fa9e3b;
    background-image: url(../images/quotes.png);
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.post-view .post-info .post-description blockquote p,
.post-list .post-info .post-description blockquote p,
.post-view .post-content .post-description blockquote p,
.post-list .post-content .post-description blockquote p {
    margin-top: 0
}

.post-view .post-info .post-description p,
.post-list .post-info .post-description p,
.post-view .post-content .post-description p,
.post-list .post-content .post-description p,
.post-view .post-info .post-description blockquote,
.post-list .post-info .post-description blockquote,
.post-view .post-content .post-description blockquote,
.post-list .post-content .post-description blockquote {
    font-size: 14px;
    line-height: 30px
}

.post-view .post-info .post-description img,
.post-list .post-info .post-description img,
.post-view .post-content .post-description img,
.post-list .post-content .post-description img {
    margin: 20px 0
}

.post-view .post-bottom .related,
.post-list .post-bottom .related {
    margin-bottom: 90px
}

.post-view .post-bottom #block-relatedposts-heading,
.post-list .post-bottom #block-relatedposts-heading {
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 40px
}

@media (min-width:767px) {

    .post-view .post-bottom .block-content,
    .post-list .post-bottom .block-content {
        margin: 0 -15px
    }
}

.post-view .post-bottom .block-content:before,
.post-list .post-bottom .block-content:before,
.post-view .post-bottom .block-content:after,
.post-list .post-bottom .block-content:after {
    content: "";
    display: table;
    clear: both
}

.post-view .post-bottom .block-content li,
.post-list .post-bottom .block-content li {
    margin-bottom: 30px
}

@media (min-width:767px) {

    .post-view .post-bottom .block-content li,
    .post-list .post-bottom .block-content li {
        width: 33.33%;
        float: left;
        padding: 0 15px;
        margin-bottom: 0;
        text-align: left
    }
}

.post-view .post-bottom .block-content li a,
.post-list .post-bottom .block-content li a {
    font-size: 18px;
    font-weight: 700
}

.post-view .post-bottom .block-content li a img,
.post-list .post-bottom .block-content li a img {
    margin-bottom: 30px
}

.post-view .post-bottom .block-content li .post-date,
.post-list .post-bottom .block-content li .post-date {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px
}

.post-view .block.comments,
.post-list .block.comments {
    margin-bottom: 85px !important
}

.post-list .post-images {
    overflow: hidden
}

.post-list .post-images a img {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.post-list .post-images a:hover img {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.blog-post-view .blog-top,
.blog-post-view .block-top {
    display: none
}

.widget.block-search {
    float: left;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0 !important
}

.product.info.detailed {
    margin-bottom: 35px
}

.product.info.detailed .product.data.items {
    float: none;
    text-align: center;
    max-width: 1300px;
    margin: auto
}

.product.info.detailed .product.data.items .item.title {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    float: none;
    padding: 0;
    height: auto;
    position: inherit;
    margin: 0 15px;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.product.info.detailed .product.data.items .item.title.active {
    color: #fa9e3b
}

.product.info.detailed .product.data.items .item.title:hover,
.product.info.detailed .product.data.items .item.title.active {
    border-color: #fa9e3b
}

.product.info.detailed .product.data.items .item.title:hover a,
.product.info.detailed .product.data.items .item.title.active a {
    color: #fa9e3b
}

.product.info.detailed .product.data.items .item.title:hover a:before,
.product.info.detailed .product.data.items .item.title.active a:before {
    background: #1a1a1a
}

.product.info.detailed .product.data.items .item.title a {
    font-size: 18px;
    font-family: 'Red Hat Display', sans-serif;
    padding: 0;
    font-weight: normal;
    border: 0;
    background: none;
    position: relative;
    color: #1a1a1a;
    font-weight: 700
}

.product.info.detailed .product.data.items .item.title a .counter:before {
    content: "("
}

.product.info.detailed .product.data.items .item.title a .counter:after {
    content: ")"
}

.product.info.detailed .product.data.items .item.content {
    border: 0;
    padding: 0;
    padding-top: 45px;
    text-align: center;
    color: #666
}

.product.info.detailed .product.data.items .item.content h5,
.product.info.detailed .product.data.items .item.content h4 {
    font-size: 16px
}

.product.info.detailed .product.data.items .item.content ul li {
    padding: 5px 0
}

.product.info.detailed .product.data.items .item.content .description {
    font-size: 16px
}

.product.info.detailed .product.data.items .item.content .additional-attributes-wrapper tbody tr .label {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a
}

.product.info.detailed .product.data.items .item.content .additional-attributes-wrapper tbody tr .data {
    line-height: 1;
    font-weight: normal;
    color: #1a1a1a
}

.product.info.detailed .product.data.items .item.content .additional-attributes-wrapper .label {
    font-size: 14px;
    font-weight: 400
}

.product.info.detailed .product.data.items .item.content .additional-attributes-wrapper .data {
    margin: 0 auto;
    line-height: 1
}

.product.info.detailed .product.data.items #product-review-container {
    text-align: left;
    padding-top: 20px
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-title {
    margin-bottom: 20px
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-title strong {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    text-transform: uppercase
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item {
    padding-top: 0;
    padding-bottom: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e1e1e1
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-title {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 30px;
    margin-top: 10px
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-ratings {
    float: none;
    width: 50%
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-ratings .item {
    margin-bottom: 10px
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-ratings .item .label {
    padding-left: 0
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-ratings .item .rating-result {
    float: right
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-content,
.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-details {
    margin-left: 0;
    margin-top: 10px;
    color: #828282
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-content .review-author .review-details-label,
.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-details .review-author .review-details-label {
    color: #828282
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-content .review-author .review-details-label:after,
.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-details .review-author .review-details-label:after {
    content: ":"
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-content .review-author .review-details-value,
.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-details .review-author .review-details-value {
    font-weight: 500;
    color: #1a1a1a
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-content .review-date .review-details-label:after,
.product.info.detailed .product.data.items #product-review-container .review-list .block-content .review-item .review-details .review-date .review-details-label:after {
    content: ":"
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-content .toolbar.review-toolbar {
    display: none
}

.product.info.detailed .product.data.items .review-add .block-content .review-form {
    max-width: 600px
}

.product.info.detailed .product.data.items .review-add .review-fieldset .legend {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Red Hat Display', sans-serif;
    margin-bottom: 10px;
    text-align: left
}

.product.info.detailed .product.data.items .review-add .review-fieldset .legend span {
    padding-bottom: 10px;
    display: inline-block
}

.product.info.detailed .product.data.items .review-add .review-fieldset .legend strong {
    display: inline-block;
    padding-left: 5px
}

.product.info.detailed .product.data.items .review-add .review-fieldset .field {
    text-align: left
}

.product.info.detailed .product.data.items .review-add .review-fieldset .field .label {
    text-align: left;
    font-size: 13px
}

.price {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400
}

.price-including-tax .price,
.price-excluding-tax .price {
    font-weight: 400;
    color: #1a1a1a;
    font-size: 14px
}

.table-wrapper.order-items tfoot tr .amount span {
    font-weight: 500;
    color: #1a1a1a
}

.cart.table-wrapper #shopping-cart-table {
    border-bottom: 1px solid #e1e1e1
}

.cart.table-wrapper .cart.items td {
    vertical-align: middle
}

.cart.table-wrapper .cart.items .col {
    border-bottom: 0;
    text-align: center;
    padding: 30px 10px
}

.cart.table-wrapper .cart.items .col span {
    color: #1a1a1a;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700
}

.cart.table-wrapper .cart.items .col .cart-price {
    font-size: 15px
}

.cart.table-wrapper .cart.items .col .product-item-details {
    vertical-align: middle
}

.cart.table-wrapper .cart.items .col .product-item-name {
    font-size: 16px;
    margin-top: 10px;
    font-family: 'Red Hat Display', sans-serif
}

.cart.table-wrapper .cart.items .col.qty .input-text {
    margin-top: 0;
    padding: 0;
    width: 35px;
    height: 25px
}

.cart.table-wrapper .cart.items .col.qty i {
    height: 35px;
    line-height: 35px;
    color: #999
}

.cart.table-wrapper .cart.items .col .actions-toolbar a {
    font-size: 0;
    padding: 0;
    background: transparent;
    min-width: 1px
}

.cart.table-wrapper .cart.items .col .actions-toolbar a.action-edit:before {
    content: "\f040";
    font-family: Fontawesome;
    font-size: 13px;
    color: #1a1a1a
}

.cart.table-wrapper .cart.items .col .actions-toolbar a.action-delete:before {
    content: "\e92c";
    font-family: 'icomoon';
    color: #1a1a1a;
    font-size: 16px
}

.cart.table-wrapper .cart.items .col .actions-toolbar a:hover {
    border: 0;
    animation: none
}

.cart.table-wrapper .cart.items .col .actions-toolbar a:hover:before {
    color: #fa9e3b
}

body table#shopping-cart-table td,
body table#shopping-cart-table th,
body table#shopping-cart-table {
    border: 1px solid #e1e1e1;
    border-bottom: 0
}

body table#shopping-cart-table .item-info td:first-child {
    border: 0
}

.cart.table-wrapper .items thead + .item {
    border-top: 1px solid #e1e1e1
}

@media (min-width:768px) {
    .cart-summary {
        width: 28%
    }

    .abs-shopping-cart-items-desktop,
    .block-cart-failed,
    .cart-container .form-cart,
    .cart-container .cart-gift-item {
        width: 68.5%
    }
}

.cart-summary {
    background: transparent;
    border: 1px solid #e1e1e1;
    background: #f5f5f5;
    padding: 30px 20px
}

.cart-summary .title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    text-align: left;
    color: #1a1a1a;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0
}

.cart-summary .block > .title {
    padding-top: 20px;
    margin: 0 -15px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    border: none
}

.cart-summary .block > .title:after {
    top: 20px;
    right: 15px
}

.cart-summary .block > .title #block-shipping-heading,
.cart-summary .block > .title #block-discount-heading {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: none;
    text-align: left;
    padding-left: 15px
}

.cart-summary .shipping .label {
    font-weight: 500
}

.cart-summary .grand.totals .price {
    font-weight: 500
}

.cart-summary #block-summary label {
    margin-bottom: 15px
}

.cart-summary #co-shipping-method-form .item-options .radio {
    float: left;
    margin-right: 15px
}

.cart-summary #co-shipping-method-form .item-options label {
    font-weight: 500
}

.cart-summary #co-shipping-method-form .item-options label .price {
    line-height: 14px;
    padding-left: 3px
}

.cart-summary #cart-totals {
    border-top: 0
}

.checkout-cart-index .page-footer {
    margin-top: 100px
}

.checkout-container .opc-progress-bar {
    margin-bottom: 30px
}

.checkout-container .opc-progress-bar .opc-progress-bar-item.active span {
    font-size: 20px
}

.checkout-container .opc-progress-bar .opc-progress-bar-item span {
    font-size: 18px
}

.checkout-container .opc-progress-bar .opc-progress-bar-item span:after {
    font-size: 20px;
    line-height: 26px
}

.checkout-container .table-checkout-shipping-method input[type="radio"] {
    margin-left: 10px
}

.checkout-container .minicart-items .product-item-details .details-qty .label {
    display: inline-block
}

.checkout-container .block .title strong {
    font-size: 16px
}

.checkout-container .action-auth-toggle {
    color: #fa9e3b
}

.opc-block-summary {
    background: #fafafa
}

.account .fieldset .legend {
    margin-left: 0;
    font-size: 18px;
    text-transform: none
}

.authentication-wrapper {
    margin-top: 10px
}

.authentication-wrapper a {
    color: #fa9e3b
}

.fancybox-skin {
    border-radius: 0 !important
}

.testimo-slider {
    text-align: center
}

.testimo-slider .pt-testimonial-container {
    padding: 150px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bkg_testi2.jpg')
}

.testimo-slider .pt-testimonial {
    text-align: center
}

.testimo-slider .pt-testimonial .image-tes {
    max-width: 65px;
    margin: auto;
    margin-bottom: 45px;
    margin-top: 80px
}

.testimo-slider .pt-testimonial .image-tes img {
    border-radius: 100%
}

.testimo-slider .pt-testimonial .info .name {
    font-size: 14px;
    font-weight: 500;
    color: #fa9e3b;
    margin-top: 25px;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase
}

.testimo-slider .pt-testimonial .info .job {
    font-size: 14px;
    text-transform: none;
    margin: 0;
    color: #fff
}

.testimo-slider .pt-testimonial .content-des-tes {
    margin-top: 30px;
    font-size: 16px;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 15px;
    padding: 0 15px;
    padding-top: 0;
    color: #fff
}

@media (min-width:1024px) {
    .testimo-slider .pt-testimonial .content-des-tes {
        max-width: 60%;
        margin: auto;
        margin-bottom: 15px
    }
}

.testimo-slider .owl-theme .owl-pagination {
    position: static;
    margin-top: 10px
}

@media (min-width:1024px) {
    .testimo-slider .owl-theme:hover .owl-buttons .owl-prev {
        left: 13%
    }

    .testimo-slider .owl-theme .owl-buttons .owl-prev {
        left: 11%
    }

    .testimo-slider .owl-theme .owl-buttons .owl-next {
        right: 11%
    }

    .testimo-slider .owl-theme:hover .owl-buttons .owl-next {
        right: 13%
    }
}

.section-newsletter {
    background: url('../images/bg_newsletter.jpg');
    background-size: cover;
    background-attachment: fixed;
    padding-top: 80px;
    padding-bottom: 80px
}

.section-newsletter .block.newsletter {
    max-width: 930px;
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 72px 0
}

.section-newsletter .block.newsletter .form.subscribe {
    display: block
}

.section-newsletter .block.newsletter .field {
    margin: 0;
    max-width: 100%
}

.section-newsletter .block.newsletter .control {
    display: flex;
    width: 100%;
    max-width: 690px;
    margin: 0 auto 30px;
    position: relative
}

.section-newsletter .block.newsletter .control:before {
    display: none
}

.section-newsletter .block.newsletter .control .actions {
    display: block;
    width: auto
}

.section-newsletter .block.newsletter .control .actions .subscribe {
    height: 49px;
    border: 0;
    margin: 0;
    padding: 0 35px;
    text-transform: capitalize;
    font-weight: 700 !important;
    font-size: 14px;
    border-radius: 4px
}

.section-newsletter .block.newsletter .control .actions .subscribe:hover {
    background: #fa9e3b
}

.section-newsletter .block.newsletter .control input[type="email"] {
    width: 100%;
    background: transparent;
    border: 2px solid #e4e4e4;
    height: 49px;
    line-height: 49px;
    color: #999;
    font-size: 16px;
    box-shadow: none;
    padding-left: 20px;
    margin-right: 10px
}

.section-newsletter .block.newsletter .control input[type="email"]::-webkit-input-placeholder {
    color: #999
}

.section-newsletter .block.newsletter .control input[type="email"]::-moz-placeholder {
    color: #999
}

.section-newsletter .block.newsletter .control input[type="email"]::-moz-placeholder {
    color: #999
}

.section-newsletter .block.newsletter .control #newsletter-error {
    position: absolute;
    top: 100%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    font-size: 14px
}

.section-newsletter .block.newsletter .txt_newsletter {
    margin-bottom: 30px
}

.section-newsletter .block.newsletter h3 {
    color: #1a1a1a;
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 700
}

.section-newsletter .block.newsletter p {
    color: #444;
    font-size: 16px
}

.section-services {
    transition: all 300ms ease;
    background: #f8f8f8;
    padding: 80px 0;
    margin-bottom: 0px !important;
}

.section-services .col-content {
    border-left: 1px solid #dfdfdf
}

.section-services .col-content:first-child {
    border-left: none
}

.section-services i {
    font-size: 48px;
    margin-bottom: 16px;
    display: block;
    color: #1a1a1a
}

.section-services i:before {
    margin-left: 20px
}

.section-services h4 {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700
}

.section-services p {
    font-size: 16px;
    color: #444444
}

.section-services a {
    margin-top: 17px;
    font-weight: 700;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    color: #1a1a1a;
    text-decoration: none
}

.section-services a:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    margin-left: 15px;
    font-size: 14px
}

.section-services a:hover {
    color: #fa9e3b
}

.page-footer {
    position: relative;
    background: #1a1a1a;
    color: #fff
}

.page-footer .footer.content {
    display: none
}

.page-footer .footer-static-container {
    padding: 0;
    position: relative;
    margin-bottom: 70px
}

.page-footer .footer-static-container .footer-static {
    display: flex;
    padding-top: 80px
}

.page-footer .footer-static-container .footer-static .social-link li a {
    display: block
}

.page-footer .footer-static-container .footer-static .social-link li a span {
    margin-right: 25px;
    color: #fff;
    font-size: 24px
}

.page-footer .footer-static-container .footer-static .col-left-ft {
    max-width: 30%;
    width: 100%;
    color: #999
}

.page-footer .footer-static-container .footer-static .col-left-ft em,
.page-footer .footer-static-container .footer-static .col-left-ft i {
    width: 22px;
    font-size: 18px;
    position: relative;
    top: 3px
}

.page-footer .footer-static-container .footer-static .col-right-ft {
    max-width: 70%;
    width: 100%
}

.page-footer .footer-static-container .footer-static .footer-link-contact .logo-footer {
    margin-top: -18px;
    margin-bottom: 35px
}

.page-footer .footer-static-container .footer-static .footer-link-contact .logo-footer img {
    margin: 0
}

.page-footer .footer-static-container .footer-static .footer-link-contact img {
    margin-bottom: 0;
    margin-top: 50px
}

.page-footer .footer-static-container .footer-static .ft-contactus {
    padding-top: 20px
}

.page-footer .footer-static-container .footer-static .ft-contactus li {
    list-style: none;
    margin-bottom: 20px;
    line-height: 20px;
    position: relative;
    padding-bottom: 0 !important
}

.page-footer .footer-static-container .footer-static .ft-contactus li i {
    font-size: 16px;
    padding-right: 15px;
    line-height: 20px
}

.page-footer .footer-static-container .footer-static .footer-contact li {
    display: flex;
    color: #999
}

.page-footer .footer-static-container .footer-static .footer-contact li span {
    font-size: 18px;
    margin-right: 15px;
    display: block;
    margin-top: 5px
}

.page-footer .footer-static-container .footer-static .footer-contact li div {
    font-size: 16px
}

.page-footer .footer-static-container .footer-static .contact-phone {
    margin-bottom: 30px
}

.page-footer .footer-static-container .footer-static .footer-links.contacts h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px
}

.page-footer .footer-static-container .footer-static .footer-links img {
    margin-bottom: 10px
}

.page-footer .footer-static-container .footer-static .footer-links h2 {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 0;
    line-height: 1;
    color: #fff
}

.page-footer .footer-static-container .footer-static .footer-links .cp-ftitle h3 {
    position: relative;
    margin-bottom: 35px;
    font-size: 13px;
    padding-bottom: 0;
    line-height: 1;
    color: #fff
}

@media (max-width:767px) {
    .page-footer .footer-static-container .footer-static .footer-links .cp-ftitle h3 {
        margin-top: 30px
    }
}

.page-footer .footer-static-container .footer-static .footer-links ul {
    list-style: none
}

.page-footer .footer-static-container .footer-static .footer-links ul li {
    list-style: none;
    padding-bottom: 5px
}

.page-footer .footer-static-container .footer-static .footer-links ul li a {
    font-size: 14px;
    position: relative;
    color: #999
}

.page-footer .footer-static-container .footer-static .footer-links ul li a:hover {
    color: #fff
}

.page-footer .footer_introduce {
    padding-bottom: 50px;
    border-bottom: 1px solid #1a1a1a
}

.page-footer .footer_introduce img {
    margin-bottom: 15px
}

.page-footer .footer_menu {
    margin-bottom: 4px;
    padding-left: 20px;
    display: inline-block;
    line-height: 45px
}

.page-footer .footer_menu ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 15px
}

.page-footer .footer_menu ul li a {
    text-transform: capitalize;
    font-size: 14px;
    color: #666
}

.page-footer .footer_menu ul li a:hover {
    color: #fa9e3b
}

.page-footer .footer_menu ul li:last-child:after {
    display: none
}

.page-footer .footer-bottom {
    padding: 25px 0 25px;
    display: flex;
    align-items: center;
    position: relative;
    border-top: 1px solid #313131
}

.page-footer .footer-bottom .border-top {
    padding-top: 30px
}

.page-footer .footer-bottom div.copyright {
    color: #999;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    padding-right: 20px;
    line-height: 35px;
    position: relative;
    float: left
}

.page-footer .footer-bottom div.copyright a,
.page-footer .footer-bottom div.copyright span span {
    font-weight: 500;
    color: #fff
}

.cms-index-index .page-footer .footer-static-container .footer-static {
    border-top: none
}

.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
    max-width: 100%;
    position: relative
}

.product-items .action.towishlist:before,
.products.list.items .action.towishlist:before,
.table-comparison .action.towishlist:before {
    display: none
}

.products.wrapper.list.products-list .product-item:hover .product-photo .image0 {
    opacity: 1;
    visibility: visible
}

.products.wrapper.list.products-list .product-photo a:hover {
    text-decoration: none
}

.products.wrapper.list.products-list .product-photo .product-item-photo {
    padding: 0
}

.products.wrapper.list.products-list .product-photo .image0 {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.products.wrapper.list.products-list .product-photo .image1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.products.wrapper.list.products-list .product-photo .product-image-container {
    width: auto !important
}

.products.wrapper.list.products-list .product-info {
    margin-top: 0
}

.products.wrapper.list.products-list .product-info .product-item-name a {
    font-size: 24px;
    line-height: 30px
}

@media (min-width:768px) {

    .page-layout-2columns-left .column.main,
    .page-layout-2columns-right .column.main,
    .account.page-layout-2columns-left .column.main {
        width: 75%;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .products.wrapper.list.products-list .product-item {
        margin-bottom: 40px
    }

    .products.wrapper.list.products-list .product-photo {
        width: 33.3333%;
        float: left;
        margin-right: 30px
    }
}

@media (min-width:1199px) {
    .page-products .products-grid .product-item {
        margin-left: 0;
        padding: 0 15px;
        width: 25%
    }
}

@media (max-width:1199px) {
    .page-products .products-grid .product-item {
        margin-left: 0;
        padding: 0 15px;
        width: 33.33%
    }
}

@media (min-width:640px) {
    .products-grid .product-item-actions {
        margin: 0
    }
}

.page-products .product-item-info {
    width: auto
}

.ui-slider-horizontal {
    margin-top: 20px;
    margin-bottom: 30px;
    height: 2px;
    background: #1a1a1a
}

#layered-ajax-filter-block .filter-label {
    font-weight: 700;
    margin-bottom: 20px
}

#layered-ajax-filter-block .action.remove span i:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 20px;
    color: inherit;
    content: '\e616';
    font-family: icons-blank-theme;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    speak: none;
    padding-left: 30px;
    text-align: center
}

.loading-mask .loader > img {
    width: 40px;
    height: 40px
}

.minicart-wrapper .loading-mask .loader > img {
    width: 13px;
    height: 13px
}

.minicart-wrapper .loading-mask {
    left: -3px
}

.minicart-wrapper .counter-number {
    width: 7px
}

.layered_ajax_overlay {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    display: none
}

.layered_ajax_overlay img {
    width: 40px;
    height: 40px
}

.layered_ajax_overlay div {
    height: 100%;
    width: 100%;
    position: relative
}

.layered_ajax_overlay div img {
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    margin-top: -15px;
    margin-left: -15px
}

.filter-content .filter-options .filter-options-item .filter-options-title:after {
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    right: 0;
    content: "\f106";
    color: #666
}

.filter-content .filter-options .filter-options-item.active .filter-options-title:after {
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    right: 0;
    content: "\f107";
    color: #666
}

.ui-slider .ui-slider-handle {
    background: #fff;
    top: -8px;
    height: 17px;
    width: 17px;
    border: 5px solid #1a1a1a;
    border-radius: 50% 50%;
    cursor: ew-resize
}

.limiter-options {
    border: none;
    background: #f5f5f5;
    border-radius: 2px
}

.checkout-onepage-success .col-main {
    text-align: center
}

.checkout-onepage-success .col-main .actions-toolbar .primary {
    float: none;
    height: 52px
}

.cms-about-us {
    position: relative
}

.cms-about-us .page-title-wrapper {
    display: block;
    background: url(../images/About01.jpg) no-repeat;
    padding: 330px 0;
    margin-bottom: 120px;
    background-size: cover;
    text-align: center
}

.cms-about-us .container {
    width: 1200px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.cms-about-us .box-text1 {
    margin-bottom: 105px
}

.cms-about-us .box-text1 .box-left {
    text-align: left
}

.cms-about-us .box-text1 .box-left span {
    color: #fa9e3b;
    font-size: 18px
}

.cms-about-us .box-text1 .box-left h2 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 50px;
    margin-top: 6px
}

.cms-about-us .box-text1 .box-left p {
    text-align: left;
    line-height: 29px;
    margin-bottom: 30px;
    max-width: 460px
}

.cms-about-us .box-text1 .box-left p:last-child {
    margin-bottom: 0
}

.cms-about-us .box-text1 .box-left .p-img {
    margin-bottom: 60px
}

.cms-about-us .box-text1 .box-left .p-lass span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500
}

.cms-about-us .box-text2 {
    margin-top: 105px;
    margin-bottom: 70px
}

.cms-about-us .box-text2 .container {
    color: #fa9e3b;
    font-size: 18px
}

.cms-about-us .box-text2 .container h2 {
    font-size: 36px;
    margin-bottom: 40px
}

.cms-about-us .box-text2 .container p {
    color: #666;
    line-height: 29px;
    font-size: 16px
}

.cms-about-us .Project {
    margin-bottom: 115px
}

.cms-about-us .Project .block-static-block h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 16px
}

.cms-about-us .page-main.container {
    width: 100%
}

.cms-about-us .section-breadcrumbs {
    display: none
}

.contact-index-index .page-main.container {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.cms-no-route .header-container,
.cms-about-us .header-container {
    margin-bottom: 0
}

.cms-no-route .page-main,
.cms-about-us .page-main {
    max-width: 100%;
    padding: 0
}

.cms-no-route ul.disc,
.cms-about-us ul.disc {
    margin-top: 50px
}

.cms-no-route ul.disc li a,
.cms-about-us ul.disc li a {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    line-height: 1;
    text-shadow: none;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    min-width: 190px;
    text-align: center
}

.cms-no-route ul.disc li a:hover,
.cms-about-us ul.disc li a:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {

    .cms-no-route ul.disc li a,
    .cms-about-us ul.disc li a {
        padding: 18.5px 30px
    }
}

.cms-no-route .text-introduce,
.cms-about-us .text-introduce {
    max-width: 90%;
    margin: 40px auto;
    text-align: left;
    line-height: 2
}

.cms-no-route .shipping_support,
.cms-about-us .shipping_support {
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 60px
}

.cms-no-route .shipping_support p,
.cms-about-us .shipping_support p {
    text-align: center
}

.cms-no-route .page-title-wrapper,
.cms-about-us .page-title-wrapper {
    display: block
}

.cms-no-route .columns .column.main,
.cms-about-us .columns .column.main {
    text-align: center;
    padding-bottom: 0
}

.cms-no-route .columns .column.main ul li,
.cms-about-us .columns .column.main ul li {
    text-align: center
}

.cms-no-route .page-main {
    padding: 100px 0 120px
}

.cms-no-route .page-main .img_404 {
    margin-bottom: 50px
}

.cms-no-route h2 {
    font-size: 36px
}

@media (max-width:767px) {
    .cms-no-route h2 {
        font-size: 30px
    }
}

.swatch-attribute-label {
    font-weight: 700 !important;
    color: #1a1a1a;
    padding-right: 5px;
    margin-right: 10px
}

.swatch-attribute .swatch-attribute-options {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: wrap
}

.swatch-attribute.color {
    padding-bottom: 10px
}

.swatch-attribute.color a:before,
.swatch-attribute.color a:after {
    content: "";
    display: table;
    clear: both
}

.swatch-attribute.color .swatch-option {
    width: 25px;
    min-width: auto;
    height: 25px;
    border-color: #f1f1f1 !important;
    border-radius: 50% 50%;
    position: relative;
    overflow: visible;
    margin: 0 10px 10px 0;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s
}

.swatch-attribute.color .swatch-option:hover {
    text-decoration: none;
    outline: 0;
    border: 3px solid
}

.swatch-attribute.color .swatch-option.color.white {
    border: 1px solid #ddd
}

.swatch-attribute.color .swatch-option.color.white:hover {
    border: 1px solid #ddd
}

.swatch-attribute.size .text {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    padding: 0;
    border: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.swatch-attribute.size .text:hover {
    color: #fff;
    background-color: #fa9e3b;
    outline: 0
}

.swatch-attribute .swatch-option.text.selected {
    background-color: #fa9e3b !important;
    outline: 0;
    color: #fff !important
}

.swatch-option.text.selected {
    background-color: #fa9e3b !important;
    outline: 0;
    color: #fff
}

.swatch-option-tooltip {
    border: 1px solid #ddd !important;
    max-width: 142px !important
}

.message.success {
    color: #006400;
    background-color: #ceecce;
    display: inline-block;
    -moz-animation: bounceOutRight 1.5s ease-in 4s forwards;
    -webkit-animation: bounceOutRight 1.5s ease-in 4s forwards;
    -o-animation: bounceOutRight 1.5s ease-in 4s forwards;
    animation: bounceOutRight 1.5s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes cssAnimation {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes cssAnimation {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

.cms-index-index .message.error {
    display: inline-block;
    -moz-animation: bounceOutRight 1.5s ease-in 4s forwards;
    -webkit-animation: bounceOutRight 1.5s ease-in 4s forwards;
    -o-animation: bounceOutRight 1.5s ease-in 4s forwards;
    animation: bounceOutRight 1.5s ease-in 4s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@keyframes cssAnimation {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes cssAnimation {
    0 {
        opacity: 1
    }

    50% {
        opacity: 0.5
    }

    100% {
        opacity: 0
    }
}

@media (min-width:767px) {
    .messages {
        margin-bottom: 30px;
        padding-bottom: 0;
        max-width: 400px;
        position: fixed;
        cursor: pointer;
        right: 35px;
        top: 75px;
        z-index: 999;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }
}

.page.messages > div > div > div {
    margin-bottom: 0
}

.checkout-success {
    text-align: center
}

.checkout-onepage-success .page-main > .page-title-wrapper .page-title,
.checkout-cart-index .page-title-wrapper .page-title {
    text-align: center
}

.wrap-col-last-3 {
    border: 1px solid #e1e1e1
}

.one-step-checkout {
    margin-bottom: 40px
}

.one-step-checkout h1.checkout_header {
    text-transform: none !important;
    font-size: 18px !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
    margin-bottom: 0 !important
}

.one-step-checkout h1.checkout_header:before {
    display: none !important
}

.one-step-checkout .opcheckout-terms_and_conditions input[type="checkbox"],
.one-step-checkout .opcheckout-newsletter input[type="checkbox"] {
    margin-top: -3px !important;
    vertical-align: top;
    box-shadow: none
}

.one-step-checkout .opcheckout-header li {
    display: inline-block;
    padding-bottom: 18px
}

.one-step-checkout .opcheckout-header li.opcheckout-login-link {
    float: right;
    padding-top: 0
}

.one-step-checkout .opcheckout-header li.opcheckout-login-link a {
    color: #fa9e3b
}

.one-step-checkout .one-step-checkout h3 {
    background: #fff;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize
}

.one-step-checkout #one-step-checkout-form h5.customer-name {
    font-weight: 500;
    font-size: 14px
}

.one-step-checkout .shipping-address-items .shipping-address-item .address-detail {
    font-size: 14px;
    margin-bottom: 20px
}

.one-step-checkout #checkout-step-shipping .form-login .actions-toolbar {
    margin-bottom: 20px
}

.one-step-checkout #checkout-step-shipping .form-login .actions-toolbar .action.primary {
    padding: 0;
    background-color: transparent;
    color: #1a1a1a;
    border: 0
}

.one-step-checkout #checkout-step-shipping .form-login .actions-toolbar .action.primary:hover {
    animation: none;
    color: #fa9e3b
}

.one-step-checkout #checkout-step-shipping .form-login .actions-toolbar .secondary a.action {
    margin-top: 0;
    font-weight: 700
}

.one-step-checkout #checkout-step-shipping .action-add-new-address {
    float: left;
    margin-left: 15px;
    margin-right: 0;
    color: #fa9e3b;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    background: transparent;
    border: 0
}

.one-step-checkout #checkout-step-shipping .action-add-new-address:hover {
    border: 0
}

.one-step-checkout .opcheckout-shipping-method-section .sp-methods dt,
.one-step-checkout .opcheckout-shipping-method-section .sp-methods .radioparent label .col-price {
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif
}

.one-step-checkout button#add_coupon_code_button {
    height: 42px;
    line-height: 40px;
    padding: 0 30px;
    border-radius: 2px;
    border: unset
}

.one-step-checkout #opcheckout-button-place-order {
    border-radius: 2px;
    height: 55px
}

.one-step-checkout #opcheckout-button-place-order span {
    font-size: 16px !important;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px
}

.one-step-checkout #one-step-checkout-form .checkout-review-load .data-table td .qty {
    height: 44px
}

.one-step-checkout #discount-form {
    margin-bottom: 15px
}

.one-step-checkout #co-transparent-form,
.one-step-checkout #purchaseorder-form,
.one-step-checkout .payment-method-billing-address,
.one-step-checkout .billing-address-same-as-shipping-block.checkbox-group {
    margin-left: 0 !important
}

.one-step-checkout #checkout-review-table-wrapper {
    background: #fff;
    border: none
}

.one-step-checkout #checkout-review-table-wrapper #checkout-total-table .price {
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a
}

.one-step-checkout .payment-method-billing-address select,
.one-step-checkout .payment-method-billing-address input {
    margin-bottom: 15px
}

.one-step-checkout .payment-method-billing-address input[type="checkbox"] {
    margin-top: 0
}

#opcheckout-login-popup h1 {
    text-align: center;
    padding: 30px 0 10px
}

#opcheckout-login-popup .forgot-link a,
#opcheckout-login-popup .register-link a,
#opcheckout-login-popup .link-register-forgot a {
    color: #fa9e3b
}

#opcheckout-login-popup p.close {
    opacity: 1
}

#opcheckout-login-popup p.close a {
    font-size: 0
}

#opcheckout-login-popup p.close a:before {
    color: #1a1a1a !important;
    content: "\e92c" !important;
    font-family: 'icomoon' !important;
    font-size: 24px;
    margin-left: 0 !important;
    padding: 5px
}

.opcheckout-index-index .update-address-button:hover,
.opcheckout-index-index .action.action-cancel:hover {
    border: 0
}

.email-icon .input-box input,
.password-icon .input-box input {
    padding-left: 15px !important
}

.email-icon:before,
.password-icon:before {
    display: none
}

.password-strength-meter {
    background: #fff
}

.customer-account-forgotpassword .captcha-reload {
    padding: 0;
    background: 0;
    color: #1a1a1a;
    font-weight: 400;
    font-size: 14px
}

.customer-account-forgotpassword .captcha-reload:hover {
    border: 0
}

.customer-account-forgotpassword .actions-toolbar .back {
    margin-top: 15px !important
}

.account-nav .content {
    background: #fff;
    padding-top: 10px
}

.table-wrapper.comparison .product-item-name,
.products-grid.wishlist .product-item-name {
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 500
}

.table-wrapper.comparison .product-item-inner textarea,
.products-grid.wishlist .product-item-inner textarea {
    min-height: 60px
}

.table-wrapper.comparison .price-box .price,
.products-grid.wishlist .price-box .price {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400
}

.table-wrapper.comparison .price-box .old-price,
.products-grid.wishlist .price-box .old-price {
    color: #999
}

.table-wrapper.comparison .cell.remove,
.products-grid.wishlist .cell.remove {
    padding: 5px 0
}

.table-wrapper.comparison .cell.attribute,
.products-grid.wishlist .cell.attribute {
    font-size: 14px
}

.table-wrapper.comparison .cell.attribute .attribute h3,
.products-grid.wishlist .cell.attribute .attribute h3 {
    font-weight: 500
}

.table-wrapper.comparison .cell.label .attribute.label,
.products-grid.wishlist .cell.label .attribute.label {
    color: #1a1a1a;
    font-size: 18px
}

.form-wishlist-items .actions-toolbar button {
    margin-right: 15px !important
}

.wishlist-index-index .products-grid .product-item {
    padding-right: 15px;
    margin-bottom: 60px
}

.toolbar.wishlist-toolbar {
    text-align: center;
    padding: 0;
    margin-top: 30px
}

.field .message.warning {
    font-size: 12px
}

.product.info.detailed .product.data.items #product-review-container .review-list .block-title strong,
.product.info.detailed .product.data.items .review-add .review-list .block-title strong,
.product.info.detailed .product.data.items #product-review-container .review-fieldset .block-title strong,
.product.info.detailed .product.data.items .review-add .review-fieldset .block-title strong,
.product.info.detailed .product.data.items #product-review-container .review-list .legend strong,
.product.info.detailed .product.data.items .review-add .review-list .legend strong,
.product.info.detailed .product.data.items #product-review-container .review-fieldset .legend strong,
.product.info.detailed .product.data.items .review-add .review-fieldset .legend strong,
.product.info.detailed .product.data.items #product-review-container .review-list .block-title span,
.product.info.detailed .product.data.items .review-add .review-list .block-title span,
.product.info.detailed .product.data.items #product-review-container .review-fieldset .block-title span,
.product.info.detailed .product.data.items .review-add .review-fieldset .block-title span,
.product.info.detailed .product.data.items #product-review-container .review-list .legend span,
.product.info.detailed .product.data.items .review-add .review-list .legend span,
.product.info.detailed .product.data.items #product-review-container .review-fieldset .legend span,
.product.info.detailed .product.data.items .review-add .review-fieldset .legend span {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    color: #1a1a1a
}

.rating-summary .rating-result:before {
    font-family: FontAwesome;
    content: '\f005''\f005''\f005''\f005''\f005';
    font-size: 13px;
    height: 14px;
    letter-spacing: 5px;
    line-height: 1;
    top: 0px;
    color: #cecece
}

.rating-summary .rating-result span:before {
    color: #fa9e3b;
    font-family: FontAwesome;
    content: '\f005''\f005''\f005''\f005''\f005';
    font-size: 13px;
    height: 14px;
    line-height: 13px;
    letter-spacing: 5px
}

.review-control-vote label:before {
    color: #fa9e3b;
    font-family: FontAwesome;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    letter-spacing: 5px
}

.review-control-vote:before {
    content: '\f005''\f005''\f005''\f005''\f005';
    font-family: FontAwesome;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    letter-spacing: 5px
}

.review-control-vote .rating-1:before {
    content: '\f005'
}

.review-control-vote .rating-2:before {
    content: '\f005''\f005'
}

.review-control-vote .rating-3:before {
    content: '\f005''\f005''\f005'
}

.review-control-vote .rating-4:before {
    content: '\f005''\f005''\f005''\f005'
}

.review-control-vote .rating-5:before {
    content: '\f005''\f005''\f005''\f005''\f005'
}

.fotorama__thumb-border {
    border: 1px solid #fa9e3b !important;
    margin-top: 0 !important
}

.product-view-bannertop-category {
    position: relative
}

.catalog-category-view .product-view-bannertop-category .category-description {
    text-align: center;
    color: #1a1a1a;
    line-height: 24px;
    font-size: 16px;
    max-width: 90%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%)
}

.product-item .product-info .product-reviews-summary,
.product-list-item .product-info .product-reviews-summary {
    margin: 0;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product.media .fotorama__arr .fotorama__arr__arr {
    top: 43%
}

.fotorama__arr:hover,
.fotorama__thumb__arr:hover,
.fotorama__arr,
.fotorama__thumb__arr {
    background-color: transparent !important
}

.fotorama__arr .fotorama__arr__arr {
    width: 40px !important;
    height: 40px !important;
    background-image: none !important;
    line-height: 40px;
    text-align: center;
    left: 62% !important
}

.fotorama__arr--next .fotorama__arr__arr:hover {
    color: #fa9e3b
}

.fotorama__arr--next .fotorama__arr__arr:before {
    content: "\e90f";
    font-family: 'icomoon' !important;
    font-size: 36px;
    line-height: 36px
}

.fotorama__arr--prev .fotorama__arr__arr:hover {
    color: #fa9e3b
}

.fotorama__arr--prev .fotorama__arr__arr:before {
    content: "\e90e";
    font-family: 'icomoon' !important;
    font-size: 36px;
    line-height: 36px
}

.fotorama1542959630817 .fotorama__thumb-border {
    margin-top: 0
}

.fotorama__caption__wrap {
    display: none !important
}

.new-product-right-img {
    margin-bottom: 30px
}

.introduce-text h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 35px 0
}

.introduce-text h3 a {
    font-weight: 500
}

.catalogsearch-result-index .swatch-attribute .swatch-attribute-options {
    padding-left: 3px
}

.product-info-downloadable-custom .product-options-wrapper {
    float: none;
    width: 100%;
    margin-top: 0
}

.product-info-downloadable-custom .product-options-wrapper input[type=checkbox] {
    margin-top: 0
}

.product-info-downloadable-custom .product-options-wrapper label {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0
}

.product-info-downloadable-custom .product-options-bottom {
    float: none;
    width: 100%
}

.product-info-downloadable-custom .product-options-bottom .price-box.price-final_price {
    margin: 20px 0 18px 0
}

.product-info-downloadable-custom .samples-item-title {
    display: inline-block;
    font-weight: 500;
    color: #1a1a1a
}

.product-info-downloadable-custom .samples-item-title:after {
    content: ":";
    padding: 0 3px
}

.product-info-downloadable-custom .item.samples-item {
    display: inline-block
}

.popup-authentication .block-authentication {
    border-top: .
}

.authentication .form-login {
    text-align: left
}

.block-authentication .block-title {
    text-transform: none
}

.block-authentication .block-title strong {
    font-weight: 700
}

@media (max-width:1024px) {
    .products-grid .product-item {
        padding: 0 20px;
        margin-left: 0
    }
}

.product-item,
.product-list-item,
.product-item-actions > * {
    font-size: 16px
}

.product-item-actions .actions-secondary > .action {
    line-height: 1;
    width: auto
}

@media (min-width:1024px) {
    .page-products .products-grid .product-item:nth-child(3n + 1) {
        margin-left: 0
    }
}

.block-reorder .product-item .field.item {
    margin-bottom: 25px
}

.block-reorder .product-item .checkbox {
    top: 0;
    margin: 0;
    box-shadow: none
}

.sidebar .product-items .product-item-info .product-item-photo {
    float: left;
    margin: 0 10px 10px 0;
    position: static
}

.sidebar .block-wishlist .product-item-details {
    padding-bottom: 0;
    border-bottom: 0
}

.sidebar .block-reorder .actions-toolbar {
    max-width: 100%
}

.search.results dl.block {
    display: none
}

.cms-privacy-policy-cookie-restriction-mode .section-breadcrumbs {
    display: none
}

.cms-privacy-policy-cookie-restriction-mode .page-footer {
    margin-top: 75px
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(fancybox_loading1.gif) center center no-repeat
}

.header-container .header .minicart-wrapper.active .block-minicart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0)
}

#purchase-fake-order.purchase-order {
    background-color: #fff;
    position: fixed;
    -webkit-box-shadow: -1px 1px 6px rgba(30, 32, 40, 0.3);
    -moz-box-shadow: -1px 1px 6px rgba(30, 32, 40, 0.3);
    box-shadow: -1px 1px 6px rgba(30, 32, 40, 0.3);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    left: 20px;
    bottom: 20px;
    width: 320px;
    z-index: 999;
    border-radius: 4px;
    padding: 10px
}

#purchase-fake-order.purchase-order .purchase-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px
}

#purchase-fake-order.purchase-order .purchase-close:hover {
    text-decoration: none
}

#purchase-fake-order.purchase-order .btnProductQuickview {
    font-size: 13px;
    color: #292929;
    text-transform: capitalize
}

#purchase-fake-order.purchase-order .product-purchase:before,
#purchase-fake-order.purchase-order .product-purchase:after {
    content: "";
    display: table;
    clear: both
}

#purchase-fake-order.purchase-order .product-purchase .purchase-image {
    height: 100%;
    float: left;
    border-radius: 4px
}

#purchase-fake-order.purchase-order .product-purchase .purchase-image img {
    width: 124px
}

#purchase-fake-order.purchase-order .product-purchase .dib,
#purchase-fake-order.purchase-order .product-purchase .minutes-ago {
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

#purchase-fake-order.purchase-order .product-purchase .price-box {
    font-size: 13px;
    color: #666666
}

#purchase-fake-order.purchase-order .product-purchase .purchase-info {
    padding-left: 15px;
    overflow: hidden
}

#purchase-fake-order.purchase-order .product-purchase .title {
    letter-spacing: .3px;
    text-decoration: none;
    display: block;
    font-size: 14.5px;
    line-height: 1.5;
    width: 100%
}

#add-to-cart-loading-ajax-common {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    z-index: 99999
}

#add-to-cart-loading-ajax-common span {
    width: 50px;
    height: 50px;
    background: url(../images/loader-1.gif) center center no-repeat !important;
    display: block;
    margin: auto
}

div.mage-error[generated] {
    text-align: left
}

.footer .copyright,
.footer .bugs {
    margin: 0
}

.product-view .product-info-main .price-box .price-wrapper .price {
    font-size: 20px;
    color: #fa9e3b;
    font-weight: 700
}

.page-product-bundle .product-view .product-info-stock-sku .stock span {
    margin-left: 0
}

.searchsuite-autocomplete {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    right: 0;
    top: 100%;
    margin-top: 0;
    width: auto;
    min-width: 350px;
    position: absolute;
    z-index: 9999999;
    max-height: 60vh;
    overflow: auto;
    text-align: left
}

.searchsuite-autocomplete .suggest,
.searchsuite-autocomplete .product {
    margin: 0
}

.searchsuite-autocomplete.active,
.searchsuite-autocomplete .suggest.active,
.searchsuite-autocomplete .product.active {
    display: block
}

.searchsuite-autocomplete .suggest {
    color: #3c3c3c
}

.searchsuite-autocomplete .title {
    padding: 10px;
    margin-bottom: 15px;
    background: 0 0;
    color: #222;
    font-weight: 600;
    line-height: 1
}

.searchsuite-autocomplete .title .see-all {
    display: inline-block;
    float: right;
    cursor: pointer
}

.searchsuite-autocomplete .title .see-all:hover {
    color: #fa9e3b
}

.searchsuite-autocomplete .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center
}

.searchsuite-autocomplete ul {
    padding: 0 10px;
    margin-bottom: 0;
    list-style-type: none
}

.searchsuite-autocomplete ul li {
    color: #000;
    cursor: unset;
    padding: 0
}

.searchsuite-autocomplete .suggest ul li {
    color: #3c3c3c;
    text-transform: capitalize;
    line-height: 1.6;
    margin-bottom: 10px
}

.searchsuite-autocomplete .product ul li {
    border-bottom: 1px solid #d4d2d2
}

.searchsuite-autocomplete .product ul li:last-child {
    border-bottom: none
}

.searchsuite-autocomplete ul li:hover,
.searchsuite-autocomplete ul li.selected {
    background-color: #fff
}

.searchsuite-autocomplete ul li:after {
    clear: both;
    content: '';
    display: block
}

.searchsuite-autocomplete ul li.action {
    padding: 0
}

.searchsuite-autocomplete ul li.action .action.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 400;
    height: 30px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    right: 0;
    text-decoration: none;
    text-shadow: none;
    top: 0;
    width: 40px
}

.searchsuite-autocomplete ul li.action .action.close:before {
    color: #8f8f8f;
    content: '\e616';
    display: inline-block;
    font-family: 'luma-icons';
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.searchsuite-autocomplete ul li.gray-row {
    text-align: center
}

.searchsuite-autocomplete ul li.gray-row,
.searchsuite-autocomplete ul li.gray-row:hover,
.searchsuite-autocomplete ul li.gray-row.selected {
    background-color: #e8e8e8
}

.searchsuite-autocomplete ul li.gray-row a {
    color: #7b7b7b;
    text-decoration: blink
}

.searchsuite-autocomplete ul li a {
    cursor: pointer
}

.searchsuite-autocomplete ul li a:hover {
    text-decoration: underline !important
}

.searchsuite-autocomplete ul li .qs-option-image {
    float: left;
    max-width: 82px;
    width: 25%
}

.searchsuite-autocomplete ul li .qs-option-info {
    color: #000;
    display: inline-block;
    float: left;
    padding-left: 3%;
    text-align: left;
    width: 70%;
    margin-bottom: 10px
}

.searchsuite-autocomplete ul li .qs-option-info.noimage {
    padding-left: 0;
    width: 100%
}

.searchsuite-autocomplete ul li:last-child .qs-option-info {
    margin-bottom: 0
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-title {
    display: block;
    margin: 0;
    width: 100%;
    font-weight: 600
}

#searchsuite-autocomplete .product #product li .qs-option-info > * {
    line-height: 1.3;
    margin-bottom: 8px
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews {
    display: block;
    text-transform: lowercase;
    width: 100%;
    margin-bottom: 0
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary {
    margin: 4px
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews .reviews-actions {
    font-size: 12px;
    display: none
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-sku {
    display: block;
    width: 100%;
    color: #004875;
    font-size: 12px
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-shortdescription,
.searchsuite-autocomplete ul li .qs-option-info .qs-option-description {
    color: #3c3c3c;
    font-size: 13px
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-price {
    display: block;
    font-weight: 700;
    margin-top: 0;
    font-size: 14px
}

.searchsuite-autocomplete ul li .qs-option-info .special-price {
    color: #fa9e3b
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-price * {
    font-size: 14px
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-addtocart {
    display: block;
    float: none;
    margin-top: 0
}

.searchsuite-autocomplete ul li .qs-option-info .qs-option-addtocart button.action {
    padding: 0;
    background: 0 0;
    color: #333;
    font-size: 13px;
    border-bottom: 1px solid #222
}

@media only screen and (max-width:767px) {
    .searchsuite-autocomplete {
        border-top: 0;
        left: 0;
        margin-top: 0;
        right: 0;
        width: auto;
        min-width: auto;
        top: 103%
    }
}

@media only screen and (max-width:479px) {
    .form.minisearch.dropdown-menu.search-content .field-by-cat-search {
        display: none
    }

    .searchsuite-autocomplete ul li .qs-option-info .qs-option-shortdescription,
    .searchsuite-autocomplete ul li .qs-option-info .qs-option-description {
        display: none
    }
}

.form.minisearch.dropdown-menu.search-content:after,
.form.minisearch.dropdown-menu.search-content:before {
    content: '';
    display: table;
    clear: both
}

.form.minisearch.dropdown-menu.search-content.cat-search .field-by-cat-search,
.form.minisearch.dropdown-menu.search-content.cat-search .field.search {
    float: left
}

.form.minisearch.dropdown-menu.search-content .field-by-cat-search select {
    border: 0
}

.form.minisearch.dropdown-menu.search-content .field-by-cat-search .chosen-container {
    min-width: 200px
}

.form.minisearch.dropdown-menu.search-content .field-by-cat-search .chosen-container .chosen-single {
    padding: 0 15px;
    line-height: 1;
    border: 0
}

.form.minisearch.dropdown-menu.search-content .field-by-cat-search .chosen-container .chosen-single span {
    display: inline-flex;
    align-items: center;
    height: 40px
}

#searchsuite-autocomplete {
    background-color: #fff;
    padding: 10px
}

#searchsuite-autocomplete .product #product li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px
}

#locator_filter .column_left .block-content {
    padding: 15px;
    margin-bottom: 20px;
    background: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between
}

#locator_filter .column_left .block-content #current-address {
    flex: 1
}

#locator_filter .column_left .block-content #current-address .input-box #locator-search {
    border-radius: 5px 0 0 5px;
    height: 50px
}

#locator_filter .column_left .block-content .bstlocator_input .button {
    height: 50px
}

#locator_filter .column_left .center {
    overflow: auto;
    height: 100vh;
    max-height: 600px
}

#locator_filter .column_left .center #store_list .list {
    display: flex;
    margin-bottom: 15px;
    overflow: auto;
    font-size: 14px;
    background: #f6f6f6;
    cursor: pointer;
    flex-wrap: wrap
}

#locator_filter .column_left .center #store_list .list .image {
    flex: 0 0 40%;
    max-width: 150px;
    margin: 15px
}

#locator_filter .column_left .center #store_list .list .location-information {
    flex: 1;
    margin: 15px;
    margin-left: 0
}

#locator_filter .column_left .center #store_list .list .location-information div a {
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 20px
}

#locator_filter .column_left .center #store_list .list .today_time {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    margin-top: 5px;
    padding: 5px 15px;
    background: #dfdfdf
}

#locator_filter .column_left .center #store_list .list .today_time:before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px
}

#locator_filter .column_left .center #store_list .list .today_time .locator_arrow {
    margin-left: auto
}

#locator_filter .column_left .center #store_list .list .today_time .locator_arrow:before {
    content: '\e622';
    display: inline-block;
    font-family: 'icons-blank-theme';
    font-size: 30px;
    line-height: 1;
    vertical-align: top;
    margin-left: 0
}

#locator_filter .column_left .center #store_list .list .all_today_time {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-top: 10px;
    padding: 15px;
    background: #dfdfdf;
    flex-direction: column
}

#locator_filter .column_left .center #store_list .list .all_today_time > div {
    padding: 3px 0;
    text-transform: capitalize
}

#locator_filter .column_left .center #store_list .list .all_today_time .active {
    font-weight: 500
}

#locator_filter .column_right #bst-map-load button,
#locator_filter .column_right #bst-map-load .cart.table-wrapper .actions-toolbar > .action,
#locator_filter .column_right #bst-map-load .action-gift {
    background: #fff !important;
    color: inherit !important;
    border-color: inherit !important
}

#locator_filter-store .column_right #bst-map-view button,
#locator_filter-store .column_right #bst-map-view .cart.table-wrapper .actions-toolbar > .action,
#locator_filter-store .column_right #bst-map-view .action-gift {
    background: #fff !important;
    color: inherit !important;
    border-color: inherit !important
}

#locator_filter-store .column_left #store_list_view .today_time {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    margin-top: 5px;
    padding: 5px 15px;
    background: #dfdfdf;
    cursor: pointer
}

#locator_filter-store .column_left #store_list_view .today_time:before {
    content: "\f017";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px
}

#locator_filter-store .column_left #store_list_view .today_time .locator_arrow {
    margin-left: auto
}

#locator_filter-store .column_left #store_list_view .today_time .locator_arrow:before {
    content: '\e622';
    display: inline-block;
    font-family: 'icons-blank-theme';
    font-size: 30px;
    line-height: 1;
    vertical-align: top;
    margin-left: 0
}

#locator_filter-store .column_left #store_list_view .all_today_time {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    margin-top: 10px;
    padding: 15px;
    background: #dfdfdf;
    flex-direction: column
}

#locator_filter-store .column_left #store_list_view .all_today_time > div {
    padding: 3px 0;
    text-transform: capitalize
}

#locator_filter-store .column_left #store_list_view .all_today_time .active {
    font-weight: 500
}

#locator_filter-store .column_left #store_list_view .location-information {
    flex: 1;
    margin: 15px;
    margin-left: 0
}

#locator_filter-store .column_left #store_list_view .location-information div a {
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 20px
}

@media (max-width:992px),
print {

    #locator_filter,
    #locator_filter-store {
        flex-direction: column
    }

    #locator_filter .column_left,
    #locator_filter-store .column_left,
    #locator_filter .column_right,
    #locator_filter-store .column_right {
        width: 100% !important
    }

    #locator_filter .column_right,
    #locator_filter-store .column_right {
        order: -1;
        padding: 0 0 30px !important
    }
}

.storelocator-index-index h1.page-title {
    display: none !important
}

.storelocator-index-index #locator_filter {
    margin-top: 30px;
    margin-bottom: 60px
}

.storelocator-index-index .column_left {
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

.storelocator-index-index #locator_filter .column_left .center #store_list .list .image {
    flex: 0 0 50%;
    max-width: 350px
}

.storelocator-index-index #locator_filter .column_left .block-content {
    background: 0 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 4px
}

.storelocator-index-index #locator_filter .column_left .center #store_list .list .today_time {
    background: #fa9e3b;
    color: #fff
}

.storelocator-index-index #locator_filter .column_left .center {
    height: 72vh;
    max-height: 680px
}

.storelocator-index-index .location-information h2 {
    font-size: 20px;
    color: #222
}

.storelocator-index-index .location-information div {
    margin-top: 10px;
    line-height: 14px
}

.storelocator-index-index .location-information .view-detail a {
    background: #fa9e3b none repeat scroll 0 0;
    color: #fff;
    box-shadow: none;
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    border-radius: 4px;
    text-transform: none;
    font-size: 14px;
    height: 40px;
    font-weight: 400;
    position: relative;
    border: 1px solid transparent;
    text-shadow: none;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px !important
}

.storelocator-index-index .location-information .view-detail a:hover {
    background: #fa9e3b;
    color: #fff;
    border: 1px solid #fa9e3b
}

.storelocator-index-index .location-information strong {
    font-weight: 500
}

.storelocator-store-view .page-title-wrapper,
.storelocator-index-index .page-title-wrapper,
.rokanthemes-brandlist .page-title-wrapper {
    display: none !important
}

.storelocator-store-view #locator_filter-store {
    margin-top: 30px;
    margin-bottom: 60px
}

.storelocator-store-view .map-directions {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #fa9e3b
}

.storelocator-store-view .map-directions a {
    color: #fff
}

.storelocator-store-view .map-directions i {
    margin-right: 10px;
    vertical-align: middle
}

.storelocator-store-view .location-information h2 {
    color: #222
}

.storelocator-store-view .location-information div {
    margin-top: 10px;
    line-height: 20px
}

.storelocator-store-view .location-information strong {
    font-weight: 500
}

.storelocator-store-view #locator_filter-store .column_left #store_list_view .today_time {
    background: #fa9e3b;
    color: #fff
}

.storelocator-store-view .all_today_time {
    background: #f5f5f5
}

@media (max-width:1399px) {
    .storelocator-index-index #locator_filter .column_left .center #store_list .list .image {
        flex: 0 0 100%;
        max-width: 350px
    }

    .storelocator-index-index #locator_filter .column_left .center #store_list .list .location-information {
        margin-left: 15px !important
    }
}

.store-item {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    padding-top: 50px
}

.store-item.first {
    padding-top: 0
}

.store-item.last {
    border-bottom: none
}

.store-content h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #222
}

.store-content .icons {
    border: 1px solid #fa9e3b;
    border-radius: 4px;
    color: #666;
    float: left;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    vertical-align: middle;
    width: 50px
}

.store-content .right-info-store {
    margin: 0;
    padding-left: 70px;
    vertical-align: middle;
    display: block
}

.store-content .store_info .store-email {
    display: block;
    font-size: 14px;
    color: #333
}

.store-content .store-contain a {
    color: #888;
    display: block;
    line-height: normal
}

.store-content .store_info li {
    padding-bottom: 30px;
    margin: 0
}

.store-content .store_info li:last-child {
    padding-bottom: 0
}

.catalog-category-view .header-container .header,
.storelocator-index-index .header-container .header,
.rokanthemes-brandlist .header-container .header,
.contact-index-index .header-container .header,
.cms-about-us .header-container .header {
    border-bottom: none
}

.toolbar-products .toolbar-sorter .sorter-label {
    display: none
}

.toolbar-products .sorter .sorter-options {
    margin-left: 0
}

.category-top {
    position: relative;
    margin-bottom: 60px;
    background: none
}

@media (max-width:767px) {
    .category-top {
        margin-bottom: 30px
    }
}

.category-top .breadcrumbs {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    background: none
}

@media (max-width:767px) {
    .category-top .breadcrumbs .container {
        margin: 0
    }
}

.category-top .category-image {
    margin-bottom: 0
}

.form.create.account .fieldset > .field.choice label {
    line-height: 28px
}

body.account .header-container .header .for-full-withmenu .actions-header .register-login a:first-child {
    font-size: 0
}

.header-container .header .logo img {
    width: auto !important
}

.cart.table-wrapper .product-image-container {
    width: 70px
}

.cart-summary #co-shipping-method-form .item-options .radio {
    float: left;
    margin: 1px 5px 0 0
}

.cart-summary .block .fieldset .methods .field > .label .price {
    margin-top: 2.5px;
    display: inline-block
}

.message.success {
    font-size: 14px
}

.rokanthemes-onepagecheckout .form-login #customer-email-fieldset .create-account > .field {
    display: flex;
    align-items: center
}

.rokanthemes-onepagecheckout #shipping .form-login .create-account input[type="checkbox"] {
    margin-top: 0;
    margin-right: 6px;
    top: -2px
}

.rokanthemes-onepagecheckout .opc-wrapper #payment #co-payment-form .step-title {
    border-bottom: none
}

.checkout-index-index .page-main textarea {
    min-height: 100px
}

.checkout-index-index .page-main input[type="file"]:focus,
.checkout-index-index .page-main input[type="radio"]:focus,
.checkout-index-index .page-main input[type="checkbox"]:focus {
    outline: 0;
    outline-offset: 0
}

.rokanthemes-onepagecheckout #opc-sidebar input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 5px
}

.authentication-wrapper {
    float: none;
    position: absolute;
    right: 15px;
    top: -40px
}

.rokanthemes-onepagecheckout .block-authentication .actions-toolbar > .secondary {
    padding-top: 0
}

.message.info,
.message.error,
.page.messages {
    font-size: 13px
}

body .opc-block-summary {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 15px 30px;
    padding-bottom: 0
}

.rokanthemes-onepagecheckout .minicart-items .product > .product-image-container {
    height: auto !important;
    width: auto !important;
    max-width: 75px
}

.checkout-container .block .title strong,
.opc-block-summary .product-item .price {
    font-size: 14px !important
}

.rokanthemes-onepagecheckout .column.main .opc-block-summary .product-item {
    max-width: 100%
}

.rokanthemes-onepagecheckout span.increase:before,
.rokanthemes-onepagecheckout span.decrease:before {
    border: 4px solid transparent
}

.rokanthemes-onepagecheckout span.increase:before {
    border-bottom: 4px solid #000
}

.rokanthemes-onepagecheckout span.increase,
.rokanthemes-onepagecheckout span.decrease {
    width: 5px;
    height: 12px
}

.rokanthemes-onepagecheckout span.decrease:before {
    border-top: 5px solid #000
}

.rokanthemes-onepagecheckout #opc-sidebar .items-in-cart {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    margin-bottom: 26px
}

.opc-block-summary .table-totals .grand.totals .mark strong {
    font-size: 16px;
    font-weight: 600
}

.rokanthemes-onepagecheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-title {
    display: flex;
    align-items: center;
    padding: 20px 0
}

.rokanthemes-onepagecheckout .opc-wrapper #payment input[type="radio"] {
    position: relative;
    top: -1px;
    margin: 0px 8px 0 0
}

.rokanthemes-onepagecheckout .opc-wrapper #payment .additional label {
    width: auto;
    position: static;
    height: auto
}

.checkout-index-index .col-menu,
.checkout-index-index .top-link-container {
    display: none
}

.checkout-index-index [data-icon]:before {
    display: none
}

.checkout-index-index .ui-datepicker {
    max-width: 360px;
    width: 100%
}

.ui-corner-left {
    margin-right: 5px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s
}

.ui-corner-right {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s
}

.ui-timepicker-div dl dt {
    margin-bottom: -33px
}

.checkout-index-index input[type="checkbox"] {
    margin: 0
}

.rokanthemes-onepagecheckout #opc-sidebar .discount-code #discount-form .actions-toolbar .action {
    height: 40px;
    padding: 10px 20px
}

.minicart-items .product-item-name a {
    font-size: 14px;
    color: #363636
}

.cart-totals .grand .amount strong span,
.opc-block-summary .table-totals .grand .amount strong span {
    font-weight: 700
}

.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary > .title,
.checkout-agreements-items .checkout-agreements-item-title {
    font-weight: 700
}

.checkout-index-index .nav-sections {
    display: block
}

.cart.table-wrapper .product-image-container {
    width: 70px !important
}

.checkout-index-index .loading-mask .loader > img {
    width: auto;
    height: auto
}

.abs-no-display-desktop,
.opc-estimated-wrapper,
.sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
    display: none
}

.checkout-index-index .ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
    text-align: left;
    width: 700px;
    max-width: 100%;
    display: flex;
    background: #fff;
    max-height: 90%
}

@media (max-width:767px) {
    .checkout-index-index .ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap {
        max-width: 80%
    }
}

.checkout-index-index .ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap #shipping-save-in-address-book {
    top: 17px
}

.checkout-index-index .modal-popup .modal-footer button {
    margin-bottom: 10px
}

.checkout-index-index .modal-popup .modal-title {
    font-weight: 500
}

.rokanthemes-onepagecheckout .custom-slide._show .modal-inner-wrap {
    background: #fff
}

.wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h3 {
    font-weight: 500;
    font-size: 20px;
    text-transform: none;
    margin-top: 0
}

@media (max-width:767px) {
    .wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h3 {
        font-size: 14px
    }
}

.wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h2 {
    font-weight: 600;
    font-size: 48px;
    text-transform: none
}

@media (max-width:767px) {
    .wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h2 {
        font-size: 22px
    }
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav .nivo-control {
    position: relative;
    margin-right: 15px;
    border-radius: 50%
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav .nivo-control:last-child {
    margin-right: 0
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control {
    width: auto;
    height: auto;
    border: none;
    border: 2px solid transparent;
    background: none;
    padding: 1px
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control.active {
    border: 2px solid #fa9e3b;
    background: #fff;
    border-radius: 50%
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav:not(.nivo-thumbs-enabled) .nivo-control.active:after {
    background: #fff
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav .nivo-control:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #fa9e3b;
    border-radius: 50%
}

.wrapper_slider .wrapper-the-blue-sky-slider .btn {
    background: #1a1a1a;
    border-radius: 4px;
    position: relative;
    font-weight: 500
}

.wrapper_slider .wrapper-the-blue-sky-slider .btn:after {
    content: "\e606";
    font-family: 'simple-line-icons';
    font-weight: 100;
    margin-left: 10px;
    font-size: 12px
}

.wrapper_slider .wrapper-the-blue-sky-slider .btn:hover {
    background: #fa9e3b
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-prevNav,
.wrapper_slider .wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-nextNav {
    border-radius: 50%
}

.wrapper_slider .wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-prevNav:hover,
.wrapper_slider .wrapper-the-blue-sky-slider .nivo-directionNav a.nivo-nextNav:hover {
    background: #fa9e3b;
    color: #fff
}

@media (max-width:991px) and (min-width:768px) {
    .wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text h2 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .wrapper_slider .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text {
        left: 0;
        right: auto
    }

    .wrapper_slider .wrapper-the-blue-sky-slider .nivo-controlNav {
        bottom: 5px
    }
}

.modal-popup .modal-footer button {
    margin: 0 10px;
    border: 1px solid;
    padding: 18px 50px;
    font-size: 14px
}

.modal-popup.confirm .modal-inner-wrap .modal-content {
    padding: 20px
}

@media (max-width:640px) {
    .modal-popup.confirm .modal-inner-wrap {
        width: 80%
    }

    .modal-popup.confirm .modal-inner-wrap .modal-footer {
        padding: 20px 20px 0
    }

    .modal-popup.confirm .modal-footer button {
        width: 100%;
        margin: 0
    }
}

.catalog-category-view .section-breadcrumbs {
    padding: 0;
    margin: 0;
    background: none
}

.custommenu.navigation .menu-thumb-icon {
    display: none
}

@media (min-width:768px) {
    .custommenu.navigation > ul {
        position: relative
    }

    .custommenu.navigation > ul:after {
        display: table;
        content: '';
        clear: both
    }

    .custommenu.navigation .open-children-toggle {
        display: none
    }

    .custommenu.navigation span.cat-label {
        position: absolute;
        top: -7px !important;
        right: -35px;
        font-size: 12px !important;
        text-transform: capitalize;
        line-height: 12px;
        padding: 2px 3px 3px;
        border-radius: 4px
    }

    .custommenu.navigation span.cat-label:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border: 3px solid transparent
    }

    .custommenu.navigation span.cat-label.cat-label-label1 {
        background-color: #fa9e3b
    }

    .custommenu.navigation span.cat-label.cat-label-label2 {
        background-color: #4CAF50
    }

    .custommenu.navigation span.cat-label.cat-label-label3 {
        background-color: #cc1414
    }

    .custommenu.navigation a:hover > span > span.cat-label {
        text-decoration: none;
        color: white !important
    }

    .custommenu.navigation li > a > span {
        position: relative;
        font-weight: 400
    }

    .custommenu.navigation li .subchildmenu li > a > span > span.cat-label {
        top: 3px;
        right: -35px
    }

    .custommenu.navigation li .subchildmenu li > a > span > span.cat-label:before {
        left: -6px;
        bottom: 3px
    }

    .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label1:before {
        border-right-color: #fa9e3b
    }

    .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label2:before {
        border-right-color: #df0e0e
    }

    .custommenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before {
        border-right-color: #cc1414
    }

    .custommenu.navigation .subchildmenu.mega-columns > li {
        float: left;
        padding: 0 5px
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns1 > li {
        float: none
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns2 > li {
        width: 50%
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns2 > li:nth-child(2n+1) {
        clear: both
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns3 > li {
        width: 33.33%
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns3 > li:nth-child(3n+1) {
        clear: both
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns4 > li {
        width: 25%
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1) {
        clear: both
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns5 > li {
        width: 20%
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns5 > li:nth-child(5n+1) {
        clear: both
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns6 > li {
        width: 16.66%
    }

    .custommenu.navigation .subchildmenu.mega-columns.columns6 > li:nth-child(6n+1) {
        clear: both
    }

    .custommenu.navigation li.level0 {
        padding: 5px 0
    }

    .custommenu.navigation li.level0.parent a.level-top {
        position: relative
    }

    .custommenu.navigation li.level0.parent a.level-top:before {
        font-family: "FontAwesome";
        font-size: 13px;
        font-weight: 400;
        position: absolute;
        right: 5px;
        content: "\f107"
    }

    .custommenu.navigation li.level0 > .level-top {
        position: relative
    }

    .custommenu.navigation li.level0 > .level-top:after {
        content: "";
        width: 0;
        height: 2px;
        color: #fa9e3b;
        position: absolute;
        bottom: 15px;
        left: 10px;
        border-bottom: 2px solid transparent;
        transition: all .3s ease
    }

    .custommenu.navigation li.level0:first-child > .level-top:after {
        left: 0;
        width: calc(100% - 10px) !important
    }

    .custommenu.navigation li.level0 > a > span.cat-label {
        top: 0;
        right: 14px
    }

    .custommenu.navigation li.level0 > a > span.cat-label:before {
        left: 3px;
        bottom: -6px
    }

    .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label1:before {
        border-top-color: #df0e0e
    }

    .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label2:before {
        border-top-color: #df0e0e
    }

    .custommenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before {
        border-top-color: #4CAF50
    }

    .custommenu.navigation li.level0.fl-left {
        float: left
    }

    .custommenu.navigation li.level0.fl-right {
        float: right
    }

    .custommenu.navigation li.level0.fl-right.staticwidth .submenu {
        left: auto;
        right: 0;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0 .row {
        margin-left: -5px;
        margin-right: -5px
    }

    .custommenu.navigation li.level0 .col-sm-1,
    .custommenu.navigation li.level0 .col-sm-2,
    .custommenu.navigation li.level0 .col-sm-3,
    .custommenu.navigation li.level0 .col-sm-4,
    .custommenu.navigation li.level0 .col-sm-5,
    .custommenu.navigation li.level0 .col-sm-6,
    .custommenu.navigation li.level0 .col-sm-7,
    .custommenu.navigation li.level0 .col-sm-8,
    .custommenu.navigation li.level0 .col-sm-9,
    .custommenu.navigation li.level0 .col-sm-10,
    .custommenu.navigation li.level0 .col-sm-11,
    .custommenu.navigation li.level0 .col-sm-12 {
        padding-left: 5px;
        padding-right: 5px
    }

    .custommenu.navigation li.level0 .submenu {
        display: block;
        overflow: hidden;
        max-height: 0px;
        max-width: 0;
        list-style: none;
        position: absolute;
        z-index: 3;
        left: 0;
        right: auto;
        width: 200px;
        top: 100%;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform .3s ease, max-height .3s step-end, max-width .3s step-end, padding .3s step-end;
        -o-transition: -o-transform .3s ease, max-height .3s step-end, max-width .3s step-end, padding .3s step-end;
        transition: transform .3s ease, max-height .3s step-end, max-width .3s step-end, padding .3s step-end;
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        border: 1px solid #e1e1e1;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        border-radius: 0 0 4px 4px !important;
        text-align: left
    }

    .custommenu.navigation li.level0 .submenu a {
        color: #666;
        line-height: 30px;
        display: block;
        font-size: 14px;
        padding: 0;
        text-decoration: none
    }

    .custommenu.navigation li.level0 .submenu a span {
        font-weight: 400;
        font-size: 14px
    }

    .custommenu.navigation li.level0 .submenu a:hover,
    .custommenu.navigation li.level0 .submenu a:focus {
        background-color: transparent;
        text-decoration: underline;
        background: none;
        color: #fa9e3b
    }

    .custommenu.navigation li.level0 .submenu a:hover:before,
    .custommenu.navigation li.level0 .submenu a:focus:before {
        width: 10px;
        margin-right: 5px
    }

    .custommenu.navigation li.level0 .submenu a:hover span,
    .custommenu.navigation li.level0 .submenu a:focus span {
        text-decoration: none !important
    }

    .custommenu.navigation li.level0 .submenu > ul {
        margin-top: 0
    }

    .custommenu.navigation li.level0 .submenu > ul:before,
    .custommenu.navigation li.level0 .submenu > ul:after {
        display: none
    }

    .custommenu.navigation li.level0.parent > .submenu.popup-left {
        left: auto;
        right: 0;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0.fullwidth,
    .custommenu.navigation li.level0.staticwidth {
        position: static
    }

    .custommenu.navigation li.level0.fullwidth > .submenu,
    .custommenu.navigation li.level0.staticwidth > .submenu {
        left: 0;
        width: 100%;
        max-width: 1280px;
        padding: 40px 30px 30px 20px;
        font-weight: normal;
        border: 1px solid #e1e1e1;
        z-index: 22222
    }

    .custommenu.navigation li.level0.fullwidth > .submenu .menu-right-block p img,
    .custommenu.navigation li.level0.staticwidth > .submenu .menu-right-block p img {
        padding: 0;
        float: right;
        max-width: 390px
    }

    .custommenu.navigation li.level0.fullwidth > .submenu .menu-right-block p:before,
    .custommenu.navigation li.level0.staticwidth > .submenu .menu-right-block p:before,
    .custommenu.navigation li.level0.fullwidth > .submenu .menu-right-block p:after,
    .custommenu.navigation li.level0.staticwidth > .submenu .menu-right-block p:after {
        content: "";
        display: table;
        clear: both
    }

    .custommenu.navigation li.level0.fullwidth > .submenu .menu-right-block .ads-img-menu,
    .custommenu.navigation li.level0.staticwidth > .submenu .menu-right-block .ads-img-menu {
        padding-right: 40px
    }

    .custommenu.navigation li.level0.fullwidth > .submenu .menu-bottom-block .menu-bottom-block,
    .custommenu.navigation li.level0.staticwidth > .submenu .menu-bottom-block .menu-bottom-block {
        padding: 0 40px
    }

    .custommenu.navigation li.level0.fullwidth .submenu,
    .custommenu.navigation li.level0.staticwidth .submenu {
        top: 100%;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.parent > a:after,
    .custommenu.navigation li.level0.staticwidth .submenu li.parent > a:after {
        display: none
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 7px;
        margin-bottom: 7px;
        padding-bottom: 5px
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a > span,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a > span {
        font-family: 'Red Hat Display', sans-serif;
        position: relative;
        margin-bottom: 10px;
        font-weight: 700;
        color: #1a1a1a;
        text-transform: none
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a:hover,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a:hover {
        color: #fa9e3b;
        text-decoration: underline
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 > a:hover > span,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a:hover > span {
        color: #fa9e3b
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 .subchildmenu .subchildmenu,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 .subchildmenu .subchildmenu {
        padding-left: 10px
    }

    .custommenu.navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img,
    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img {
        margin: 10px 0 -5px
    }

    .custommenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .custommenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 5px 0
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block {
        padding-left: 40px
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a {
        display: inline
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a:hover {
        color: #78b7c6;
        text-decoration: none
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default {
        background-color: #08c;
        color: #fff
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus,
    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #08c;
        color: #fff;
        text-decoration: none;
        opacity: 0.8
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block {
        margin-bottom: 10px;
        padding: 0
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block .menu-static-text,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block .menu-static-text {
        padding: 10px 20px 20px 20px
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block ul,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block ul {
        padding: 0;
        display: flex
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block ul li,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block ul li {
        padding: 20px
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block ul li a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block ul li a {
        display: block;
        padding: 0
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-top-block ul li a:before,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-top-block ul li a:before {
        width: auto !important;
        margin-right: 0 !important
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block {
        padding: 0
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block ul,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block ul {
        padding: 0;
        display: flex
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block ul li,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block ul li {
        padding: 20px
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block ul li a,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block ul li a {
        display: block;
        padding: 0
    }

    .custommenu.navigation li.level0.fullwidth .submenu .menu-bottom-block ul li a:before,
    .custommenu.navigation li.level0.staticwidth .submenu .menu-bottom-block ul li a:before {
        width: auto !important;
        margin-right: 0 !important
    }

    .custommenu.navigation li.level0.classic .submenu {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .custommenu.navigation li.level0.classic .submenu > .row {
        margin: 0
    }

    .custommenu.navigation li.level0.classic .submenu .level1 {
        padding: 0;
        padding-left: 0 !important;
        padding-right: 20px;
        border-right: 0 !important
    }

    .custommenu.navigation li.level0.classic .submenu .level1 a span {
        font-weight: 400
    }

    .custommenu.navigation li.level0.classic .submenu,
    .custommenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        left: 0
    }

    .custommenu.navigation li.level0.classic .subchildmenu {
        min-width: 230px;
        padding-left: 20px;
        padding-right: 0
    }

    .custommenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity;
        padding: 15px 30px;
        border-radius: 0 !important;
        box-shadow: none;
        position: absolute;
        left: 0;
        top: -6px;
        background: #fff;
        z-index: 1;
        border: 1px solid #e1e1e1
    }

    .custommenu.navigation li.level0.classic .subchildmenu > li:hover > .subchildmenu {
        visibility: visible;
        opacity: 1
    }

    .custommenu.navigation li.level0.classic li.parent:after {
        content: "\e90f";
        font-family: 'icomoon' !important;
        font-size: 16px;
        position: absolute;
        right: 20px;
        top: 3px;
        font-weight: 300
    }

    .custommenu.navigation li.level0.classic li.parent > .subchildmenu.popup-left {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0.classic .subchildmenu.popup-left .subchildmenu {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .custommenu.navigation li.level0:hover > .level-top:after {
        border-color: #fa9e3b;
        width: calc(100% - 20px)
    }

    .custommenu.navigation li.level0:hover .submenu {
        overflow: visible;
        display: block;
        max-height: 3000px;
        max-width: 100%;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: -webkit-transform .5s ease, max-height 0s step-start, max-width 0s step-start, padding 0s step-start;
        -o-transition: -o-transform .5s ease, max-height 0s step-start, max-width 0s step-start, padding 0s step-start;
        transition: transform .5s ease, max-height 0s step-start, max-width 0s step-start, padding 0s step-start
    }

    .custommenu.navigation.side-custommenu li {
        margin: 0;
        position: relative
    }

    .custommenu.navigation.side-custommenu li.level0 {
        display: block;
        position: relative;
        border-radius: 0;
        margin: 0
    }

    .custommenu.navigation.side-custommenu li.level0.parent > a:after {
        content: '\f801';
        display: inline-block;
        font-family: 'porto-icons';
        vertical-align: top;
        margin-left: 6px;
        line-height: 41px;
        float: right
    }

    .custommenu.navigation.side-custommenu li.level0.classic .submenu li.parent > a:after {
        content: '\f801';
        display: inline-block;
        font-family: 'porto-icons';
        vertical-align: top;
        margin-left: 6px;
        margin-right: 5px;
        line-height: 15px;
        float: right
    }

    .custommenu.navigation.side-custommenu li.level0.fullwidth > .submenu,
    .custommenu.navigation.side-custommenu li.level0.staticwidth > .submenu {
        left: 100% !important;
        top: 0;
        padding-bottom: 15px
    }

    .custommenu.navigation.side-custommenu li.level0.classic > .submenu {
        left: 100% !important;
        top: 0
    }

    .custommenu.navigation.side-custommenu li.level0.fullwidth > .submenu {
        width: 871px
    }

    .custommenu.navigation.side-custommenu li.level0 > a {
        display: block;
        padding: 0 5px;
        margin: 0 10px;
        border-top: 1px solid #ddd;
        line-height: 41px;
        font-weight: 400;
        font-size: 14px
    }

    .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label {
        position: relative;
        margin-left: 10px;
        padding: 0 2px;
        top: 0;
        right: 0
    }

    .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label:before {
        left: -6px;
        top: 3px;
        bottom: auto;
        border-top-color: transparent
    }

    .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label1:before {
        border-right-color: #fa9e3b
    }

    .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label2:before {
        border-right-color: #eb2771
    }

    .custommenu.navigation.side-custommenu li.level0 > a > span.cat-label.cat-label-label3:before {
        border-right-color: #cc1414
    }

    .custommenu.navigation.side-custommenu li.level0:first-child > a {
        border-top: 0
    }

    .custommenu.navigation.side-custommenu li.level0:hover {
        background-color: #08c
    }

    .custommenu.navigation.side-custommenu li.level0:hover > a {
        color: #fff;
        border-top-color: #08c
    }

    .custommenu.navigation.side-custommenu li.level0 > .submenu {
        border-left-width: 5px;
        padding: 5px 8px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
        border-radius: 0 6px 6px 6px
    }

    .custommenu.navigation .top-block-menu p {
        color: #999;
        font-weight: normal
    }

    .custommenu.navigation .bottom-block-menu {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #e1e1e1;
        font-size: 14px;
        color: #999
    }

    .custommenu.navigation .ads-img-menu br {
        display: none
    }

    .custommenu.navigation .ads-img-menu .col-md-6 {
        width: 100%
    }

    .custommenu.navigation .ads-img-menu-left {
        width: 50%;
        padding: 0 15px;
        display: inline-block;
        float: left
    }

    .custommenu.navigation .ads-img-menu-right {
        width: 50%;
        padding: 0 15px;
        display: inline-block
    }

    .home-side-menu {
        background-color: #fbfbfb;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 20px
    }

    h2.side-menu-title {
        margin: 0;
        background-color: #f5f5f5;
        color: #a39f9c;
        font-size: 13px;
        font-weight: 700;
        line-height: 1;
        padding: 14px 15px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #ddd
    }

    .navigation {
        text-align: center
    }
}

@media (min-width:768px) {
    .header-container .for-full-withmenu {
        position: relative
    }

    .header-container .col-logo,
    .header-container .navigation,
    .header-container .custommenu.navigation > ul {
        position: static
    }
}

.top-menu {
    min-height: 55px;
    z-index: 9999;
    position: relative
}

.top-menu .navigation {
    background: transparent
}

.nav-sections {
    background: transparent;
    margin-bottom: 0
}

.nav-sections .menu-thumb-img {
    display: none
}

.navigation {
    position: relative;
    background: transparent
}

.navigation .level-0.reverse > .submenu {
    right: 1px
}

.navigation > ul {
    position: relative;
    padding: 0
}

.navigation .level0 > .menu-home.level-top:first-child {
    padding-left: 0;
    margin-left: 0
}

.cms-index-index .navigation .level0.menu-home > .level-top {
    color: #fa9e3b
}

.navigation .level-0 > .submenu {
    display: none;
    position: absolute;
    top: 100%;
    padding: 19px 13px
}

.navigation .level0:first-child > .level-top {
    padding-left: 0
}

.navigation .level0 > .level-top {
    color: #1a1a1a;
    line-height: inherit;
    padding: 25px 10px 24px 10px;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    border: 0;
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease
}

.navigation .level0 > .level-top:fisrt-child {
    padding-left: 0
}

.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top,
.navigation .level0 > .level-top:hover {
    color: #1a1a1a;
    border: 0
}

.navigation .level-0 > .submenu a {
    display: block;
    color: #676056;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.385;
    padding: 3px 12px 3px;
    text-decoration: none
}

.navigation .level-0 > .submenu a:focus,
.navigation .level-0 > .submenu a:hover {
    color: #1a1a1a
}

.navigation .level-0 > .submenu a:hover {
    color: #1a1a1a;
    background: #fff;
    text-decoration: none
}

.navigation .level-0 > .submenu li {
    margin-bottom: 1px
}

.navigation .level-0 > .submenu a[href="#"] {
    cursor: default;
    display: block;
    color: #676056;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    margin: 7px 0 6px;
    padding: 0 12px
}

.navigation .level-0 > .submenu a[href="#"]:focus,
.navigation .level-0 > .submenu a[href="#"]:hover {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500;
    background: none;
    text-decoration: none
}

.navigation .level-0 {
    display: inline-block;
    float: left;
    text-align: left;
    transition: display .15s ease-out
}

.navigation .level-0 > a {
    background: none;
    display: block;
    padding: 12px 13px 0;
    color: #f2ebde;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .15s ease-out
}

.navigation .level-0 > a:after {
    content: "";
    display: block;
    margin-top: 10px;
    height: 3px;
    font-size: 0
}

.navigation .level-0.active > a {
    font-weight: 700
}

.navigation .level-0.active > a:after {
    background: #ef672f
}

.navigation .level-0.hover.recent > a {
    background: #fff;
    color: #676056;
    font-size: 13px;
    font-weight: 600
}

.navigation .level-0.hover.recent > a:after {
    background: none
}

.navigation .level-0.hover.recent.active > a {
    font-weight: 700
}

.navigation .level-0 > .submenu {
    opacity: 0;
    visibility: hidden
}

.navigation .level-0.recent.hover > .submenu {
    opacity: 1;
    visibility: visible
}

.no-js .navigation .level-0:hover > .submenu,
.no-js .navigation .level-0.hover > .submenu,
.no-js .navigation .level-0 > a:focus + .submenu {
    display: block
}

.navigation .level-0 > .submenu {
    background: #fff;
    box-shadow: 0 3px 3px rgba(50, 50, 50, 0.15)
}

.navigation .level-0 > .submenu li {
    max-width: 200px
}

.navigation .level-0 > .submenu > ul {
    white-space: nowrap
}

.navigation .level-0 > .submenu .column {
    display: inline-block;
    margin-left: 40px;
    vertical-align: top
}

.navigation .level-0 > .submenu .column:first-child {
    margin-left: 0
}

.navigation .level-0 .submenu .level-1 {
    white-space: normal
}

.navigation .level-0.parent .submenu .level-1.parent {
    margin: 17px 0 25px
}

.navigation .level-0.parent .level-1.parent:first-child {
    margin-top: 0
}

.navigation .level-2 .submenu {
    margin-left: 7px
}

.navigation .level-0 > .submenu .level-2 > a[href="#"] {
    font-size: 13px;
    margin-top: 10px;
    margin-left: 7px
}

.navigation .level-2 > .submenu a {
    font-size: 14px;
    line-height: 1.231
}

.navigation .level-0 > .submenu .level-3 > a[href="#"],
.navigation .level-3 .submenu {
    margin-left: 15px
}

.navigation .level-0.item-system,
.navigation .level-0.item-stores {
    float: none
}

.navigation .level-0.item-system > .submenu,
.navigation .level-0.item-stores > .submenu {
    left: auto;
    right: 1px
}

.custommenu.navigation li.level0:hover > a,
.custommenu.navigation li.level0:focus > a {
    color: #fa9e3b
}

.custommenu.navigation li.level0 .menu-thumb-icon {
    padding-right: 5px
}

.custommenu.navigation li.level0 .submenu .level1 {
    padding: 0 20px
}

.custommenu.navigation li.level0 .submenu .level1 > a {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding: 0;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer
}

.custommenu.navigation li.level0 .submenu .level1 > a span {
    font-size: 16px;
    font-weight: 500
}

.custommenu.navigation li.level0 .submenu .level1 .subchildmenu li:last-child a {
    padding-bottom: 0;
    line-height: 23px;
    padding-top: 7px
}

.custommenu.navigation li.level0 .submenu .level1 .subchildmenu li a {
    padding: 0;
    padding-bottom: 1px;
    line-height: 30px
}

.custommenu.navigation li.level0 .submenu .level1 .subchildmenu li a span {
    font-size: 14px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

.custommenu.navigation li.level0 .submenu .level1 .subchildmenu li a:hover span {
    color: #fa9e3b
}

.custommenu.navigation li.level0 .submenu .level1:last-child {
    border: none
}

.custommenu.navigation li.level0 .menu-top-block {
    padding: 0 40px;
    margin-top: -10px
}

.custommenu.navigation li.level0 .menu-top-block .menu-top-block {
    padding: 0
}

.custommenu.navigation li.level0 .menu-top-block .row {
    margin: 0 -15px
}

.custommenu.navigation li.level0 .menu-top-block .row > div {
    padding: 0 15px
}

.top-block-menu {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px
}

.top-block-menu .pull-left {
    margin-right: 15px
}

.top-block-menu .pull-left .fa {
    width: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #fa9e3b;
    padding-left: 5px;
    border-radius: 100%
}

.top-block-menu h6 {
    text-transform: none;
    color: #333333;
    font-size: 17px;
    margin-bottom: 5px
}

@media (max-width:991px) and (min-width:768px) {

    .custommenu.navigation li.level0.staticwidth .submenu li.level1 > a:before,
    .custommenu.navigation li.level0.fullwidth .submenu a:before,
    .custommenu.navigation li.level0.staticwidth .submenu a:before {
        display: none
    }

    .custommenu.navigation li.level0.fullwidth > .submenu {
        padding: 40px 0 40px 0px
    }

    .custommenu.navigation li.level0 .submenu .level1 {
        padding: 0 10px
    }
}

@media (max-width:1199px) {
    .custommenu.navigation li.level0.staticwidth .submenu {
        max-width: 768px !important
    }

    .mega-columns.subchildmenu {
        width: 100%
    }

    .menu-right-block {
        display: none
    }
}

@media (max-width:991px) {
    .custommenu.navigation li.level0.staticwidth .submenu {
        max-width: 690px !important
    }

    .navigation .level0 > .level-top {
        font-size: 14px
    }

    .top-block-menu h6 {
        font-size: 15px
    }

    .top-block-menu p,
    .bottom-block-menu p {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .navigation {
        text-align: left
    }

    #close-menu {
        padding-top: 10px;
        margin-bottom: 15px;
        text-align: right
    }

    #close-menu a {
        color: #1a1a1a;
        position: relative;
        right: 25px
    }

    #close-menu a i {
        font-size: 20px;
        font-weight: 400
    }

    span.cat-label {
        top: 50%;
        right: 36px;
        margin-top: -7px;
        position: absolute;
        text-transform: uppercase;
        font: inherit;
        font-size: 9px;
        padding: 2px;
        border-radius: 2px;
        line-height: 1;
        color: #fff
    }

    span.cat-label:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border: 3px solid transparent;
        left: -6px;
        bottom: 3px
    }

    span.cat-label.cat-label-label1 {
        background-color: #fa9e3b !important
    }

    span.cat-label.cat-label-label1:before {
        border-right-color: #fa9e3b !important
    }

    span.cat-label.cat-label-label2 {
        background-color: #4CAF50
    }

    span.cat-label.cat-label-label2:before {
        border-right-color: #4CAF50
    }

    span.cat-label.cat-label-label3 {
        background-color: #cc1414
    }

    span.cat-label.cat-label-label3:before {
        border-right-color: #cc1414
    }

    .nav-sections {
        width: 100%;
        left: calc(-100%);
        background-color: #fff
    }

    .nav-sections .nav-sections-item-title {
        display: none
    }

    .nav-sections .nav-sections-item-content {
        margin-top: 0;
        padding-top: 0
    }

    .nav-sections.nav-open {
        background: #fff
    }

    .nav-sections .nav-sections-item-content {
        padding: 0
    }

    .custommenu.navigation {
        float: none;
        max-width: 100%;
        padding: 0
    }

    .custommenu.navigation > ul {
        padding: 0 30px
    }

    .custommenu.navigation > ul .subchildmenu {
        margin: 27px 0 0;
        padding-left: 20px
    }

    .custommenu.navigation li.level0 {
        margin-right: 0 !important;
        border: 0
    }

    .custommenu.navigation li.level0 > .level-top {
        display: block;
        color: #1a1a1a;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 0 !important;
        border-bottom: 1px solid #e1e1e1;
        border-color: #f2f2f2;
        line-height: 24px
    }

    .custommenu.navigation li.level0 > .level-top:after {
        display: none
    }

    .custommenu.navigation li.level0 > .level-top.ui-state-active:after {
        content: "\e90f"
    }

    .custommenu.navigation li.level0 .submenu .level1 {
        padding-left: 0 !important
    }

    .custommenu.navigation li.level0 .submenu .level1 > a {
        padding: 5px 0 !important
    }

    .custommenu.navigation li.level0 .submenu .level1 > a:after {
        right: 0px;
        top: 4px;
        margin-right: 0
    }

    .custommenu.navigation li.level0 .submenu .level1 .ui-state-active:after {
        content: "\e90f"
    }

    .custommenu.navigation li.level0 .submenu .level1 .level-top:after {
        display: none
    }

    .custommenu.navigation li.level0.fullwidth,
    .custommenu.navigation li.level0.staticwidth {
        left: auto !important;
        padding: 0 !important;
        right: auto !important;
        max-width: 100% !important
    }

    .custommenu.navigation li.level0.fullwidth .submenu .subchildmenu,
    .custommenu.navigation li.level0.staticwidth .submenu .subchildmenu {
        margin: 15px 0 20px
    }

    .custommenu.navigation li.level0.classic .submenu .level1 {
        border-right: 0
    }

    .custommenu.navigation li.level0.classic .submenu .level1 > a span {
        line-height: 24px;
        font-weight: 400
    }

    .custommenu.navigation li.level0 .submenu {
        box-shadow: none;
        padding-top: 0;
        border-radius: 0 !important;
        border: 0 !important
    }

    .custommenu.navigation li.level0 .submenu a {
        font-size: 13px;
        text-transform: uppercase;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .custommenu.navigation li.level0 .submenu:not(:first-child) ul > li a {
        color: #1a1a1a;
        font-size: 14px;
        text-transform: capitalize;
        font-family: 'Red Hat Display', sans-serif
    }

    .custommenu.navigation li.parent > a:after,
    .custommenu.navigation li.level0.parent > a:after {
        display: block;
        position: absolute;
        top: 14px;
        font-family: 'icomoon' !important;
        content: "\e90d";
        color: #1a1a1a;
        font-size: 14px;
        right: 0
    }

    .custommenu.navigation li.parent > a.ui-state-active:after,
    .custommenu.navigation li.level0.parent > a.ui-state-active:after {
        content: "\e90f"
    }

    .custommenu.navigation .ui-menu-item.level0 > .open-children-toggle {
        right: -15px !important;
        top: 8px !important
    }

    .custommenu.navigation .parent .level-top:after {
        right: 25px
    }

    .mobile-action {
        text-align: left;
        padding: 0 30px
    }

    .mobile-action > div {
        padding: 15px 0;
        line-height: 24px;
        border-bottom: 1px solid #e1e1e1;
        border-color: #f2f2f2
    }

    .mobile-action > div a {
        font-size: 16px;
        color: #1a1a1a
    }

    .mobile-action > div a i {
        float: right
    }
}

@media (min-width:1380px) {
    .container {
        width: 100%;
        max-width: 1430px
    }
}

@media (max-width:1300px) {
    .container-catalog-products-common .products-grid .category_page_grid_4 .product-item {
        width: 33.3%
    }

    .section-newsletter .block.newsletter .control {
        width: 80%
    }
}

@media (max-width:1199px) {
    .cms-index-index .header-container .header {
        padding: 0;
        border-color: transparent
    }

    .block_newsletter .newsletter_home .block.newsletter .content .control input {
        margin-bottom: 15px;
        float: none;
        width: 100%
    }

    .block_newsletter .newsletter_home .block.newsletter .content .control .actions .subscribe {
        float: none
    }

    .category_page_grid_3.product-list-item .product-info .product-reviews-summary,
    .category_page_grid_3.product-items .product-info .product-reviews-summary {
        float: left;
        width: 100%;
        display: block
    }

    .onsale-countdown .product-item .item-inner {
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        box-shadow: unset
    }
}

@media (max-width:1100px) {
    .header-container .header .logo {
        padding: 0 10px
    }

    .header-container .header .for-full-withmenu .actions-header {
        max-width: 175px
    }

    .header-container .header .for-full-withmenu .actions-header .register-login a {
        font-size: 0
    }

    .header-container .header .for-full-withmenu .actions-header > div .icon-users {
        padding-right: 0
    }

    .header-container .minicart-wrapper .icon-cart-header .text,
    .header-container .block-search .icon-cart-header .text,
    .header-container .minicart-wrapper .block-content .dropdown .top-search .text,
    .header-container .block-search .block-content .dropdown .top-search .text {
        font-size: 0
    }

    .actions-header .sperator {
        display: none
    }

    .brand-list li {
        width: 20%
    }

    .navigation li.level0 > .level-top {
        padding-left: 0;
        padding-right: 0
    }

    .navigation li.level0.parent > .level-top {
        padding-right: 16px
    }
}

@media (max-width:991px) {
    .header-container .header .for-full-withmenu .actions-header {
        max-width: 125px
    }
}

@media (min-width:1200px) {
    .products-grid ol > li:nth-of-type(3n+1) {
        clear: left
    }
}

@media (max-width:1199px) and (min-width:640px) {
    .products-grid ol > li:nth-of-type(3n+1) {
        clear: left
    }
}

@media (max-width:991px) and (min-width:768px) {
    .container {
        width: 100%
    }

    .owl-theme .owl-buttons {
        display: none
    }

    .container-catalog-products-common .products-grid .category_page_grid_3 .product-item {
        width: 50%
    }

    .container-catalog-products-common .products-grid .category_page_grid_4 .product-item {
        width: 50%
    }
}

@media (max-width:639px) and (min-width:480px) {
    .product-grid .item-inner:nth-child(3n+1) {
        clear: none
    }

    .products-grid ol > li:nth-of-type(2n+1) {
        clear: left
    }

    .products-grid ol > li {
        width: 50%
    }
}

@media (max-width:479px) and (min-width:0px) {
    .products-grid ol > li:nth-of-type(1n+1) {
        clear: left
    }

    .products-grid ol > li {
        width: 100%
    }

    .minicart-wrapper .block-minicart {
        width: 310px
    }

    .blog-index-index .modal-popup .modal-inner-wrap,
    .checkout-index-index .modal-popup .modal-inner-wrap,
    .login-container {
        width: 90%
    }
}

@media (max-width:1250px) {
    .page-footer .footer_menu {
        padding: 0
    }

    .page-footer .footer-bottom div.copyright:after {
        display: none
    }
}

@media (max-width:1199px) {
    .navigation .level0.parent > a:after {
        display: none
    }

    .cms-about-us .page-title-wrapper {
        padding: 250px 0
    }

    .contact-index-index .page-title-wrapper {
        padding: 250px 0
    }

    .banner_static .banner-content .text h3 {
        display: none
    }

    .page-footer .footer-static-container .footer-static {
        display: block
    }

    .page-footer .footer-static-container .footer-static .col-left-ft {
        max-width: 100%;
        padding: 0;
        margin-bottom: 40px
    }

    .page-footer .footer-static-container .footer-static .col-right-ft {
        max-width: 100%
    }

    .cart-container .form-cart,
    .cart-summary {
        width: 100%
    }

    .checkout-cart-index .cart-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column-reverse
    }

    .checkout-cart-index .cart-container .cart-summary {
        top: 0 !important;
        margin-top: 60px
    }
}

@media (max-width:992px) {
    #newsletter_pop_up {
        width: 90% !important;
        max-width: 90%
    }

    #quick-window {
        width: 95% !important;
        margin: auto;
        left: 0 !important;
        right: 0;
        overflow: auto
    }

    #quick-window .product-slider-wrapper {
        overflow: hidden
    }

    #quick-window .box-tocart .fieldset .qty {
        padding: 0 10px;
        margin-right: 15px
    }

    .quick-view-content .product-info-main .box-tocart .field.qty .control input {
        width: 30px
    }

    #quickview-close {
        top: 5px !important;
        right: 5px !important;
        background-color: #fff !important
    }

    #quickview-close:before {
        color: #1a1a1a !important;
        content: "\f404" !important;
        font-family: "Ionicons" !important;
        font-size: 30px
    }

    .banner-top-home {
        margin-bottom: 60px
    }

    .box-banner-middle {
        margin-top: 40px
    }

    .box-banner-middle a {
        margin-top: 20px
    }

    .box-new .static-banner {
        margin-bottom: 60px
    }

    .box-blog .blog-image {
        max-width: 100%
    }

    .group-product .product-item:last-child {
        margin-bottom: 0
    }

    .product-info-main .box-tocart .actions,
    .product-options-bottom .box-tocart .actions {
        margin-bottom: 15px
    }

    .logo-footer {
        text-align: left
    }

    .slider_left-slider .owl-theme .owl-pagination {
        left: 40px;
        right: auto
    }

    .footer-link-contact {
        text-align: left !important
    }

    .cms-about-us .page-title-wrapper {
        padding: 200px 0
    }

    .contact-index-index .page-title-wrapper {
        padding: 200px 0
    }
}

@media (max-width:992px) and (min-width:768px) {
    .page-footer .footer-top .f-col-inner .fa {
        margin-right: 15px;
        font-size: 18px;
        width: 45px;
        height: 45px;
        line-height: 45px
    }

    .page-footer .footer-top .f-col-inner h3 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .page-footer .footer-top .f-col-inner p {
        font-size: 12px
    }
}

@media (max-width:767px) {
    .page-main {
        width: 100%
    }

    .header-container .header .for-full-withmenu .actions-header {
        max-width: unset
    }

    .header-container .header .block-search .block-content .dropdown .dropdown-menu {
        top: 220%
    }

    .checkout-index-index .nav-sections,
    .checkout-index-index .nav-toggle {
        display: block
    }

    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        min-height: 150px
    }

    .modal-popup.modal-slide .modal-inner-wrap {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    .modal-popup.modal-slide._show .modal-inner-wrap {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .modal-popup.modal-slide {
        left: 0
    }

    .owl-theme .owl-pagination {
        bottom: 10px
    }

    .banner-top-home {
        margin-top: 0
    }

    .wrapper_slider,
    .new_product {
        margin-bottom: 40px
    }

    .rokan-product-heading {
        margin-bottom: 25px
    }

    .rokan-product-heading h2 {
        margin-bottom: 0
    }

    .row-banner-middle-1 .col-left,
    .row-banner-middle-2 .col-left > .row > div {
        margin-bottom: 30px
    }

    .products-list .product-item {
        padding-right: 15px;
        margin-bottom: 50px
    }

    .products-list .product-item .product-item-details .addto-links-icons .actions-primary {
        margin-bottom: 15px;
        margin-right: 10px
    }

    .products-list .product-item-photo .product-image-container {
        margin-bottom: 30px
    }

    .product-image-container {
        width: 100% !important
    }

    .product.info.detailed .product.data.items .item.title {
        margin: 0
    }

    .product.info.detailed .product.data.items #product-review-container,
    .product.info.detailed .product.data.items .review-add {
        float: none;
        width: 100%;
        margin-right: 0
    }

    #back-top {
        bottom: 50px
    }

    .header-container .header .logo img {
        max-width: 200px
    }

    .filter-content .filter-options .filter-options-item .filter-options-title:after {
        right: 0 !important
    }

    .custommenu.navigation li.level0.fullwidth {
        margin-right: 0 !important
    }

    .owl-theme .owl-buttons .owl-prev {
        left: 0 !important
    }

    .owl-theme .owl-buttons .owl-prev:hover {
        left: 0 !important
    }

    .owl-theme .owl-buttons .owl-next {
        right: 0 !important
    }

    .owl-theme .owl-buttons .owl-next:hover {
        right: 0 !important
    }

    .one-step-checkout.three-columns-new-osc.virtualCheckout .opcheckout-shipping-payment-review,
    .three-columns-new-osc.virtualCheckout .wrap-col-last-3,
    .block-dashboard-info .box-newsletter,
    .block-dashboard-info .box-information,
    .block-dashboard-addresses .box-billing-address,
    .block-dashboard-addresses .box-shipping-address {
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: 15px
    }

    .product-list .product-info {
        padding-right: 0
    }

    .product-list .product-info .product-photo a {
        display: block;
        width: 100%
    }

    .product-list .product-info .product-photo .product-image-container {
        width: 100% !important
    }

    .product-list .product-info .product-photo .product-image-container img {
        width: 100%
    }

    .product-item .product-info .product-reviews-summary,
    .product-list-item .product-info .product-reviews-summary {
        float: none
    }

    .product-item .product-info .product-reviews-summary .rating-summary,
    .product-list-item .product-info .product-reviews-summary .rating-summary {
        margin-bottom: 5px;
        display: block
    }

    .toolbar-products .modes {
        display: block
    }

    .toolbar-products .modes .modes-label {
        display: none
    }

    .toolbar-products .modes .modes-mode span {
        display: none
    }

    .section_top_banner .col-slider {
        width: 100%
    }

    .section_top_banner .col-banner-right {
        display: none
    }

    .rokan-bestseller .owl-buttons,
    .rokan-onsaleproduct .owl-buttons {
        display: none
    }

    .compare,
    .product-addto-links .action.tocompare,
    .product-item-actions .actions-secondary > .action.tocompare,
    [class*="block-compare"] {
        display: inline-block
    }

    .products.wrapper.list .product-reviews-summary {
        margin: 0;
        margin-bottom: 10px
    }

    .products-list .product-item .product-item-details .product-name {
        margin-top: 20px
    }

    .product-info-main {
        margin-top: 20px
    }

    .quick-view-content .wrapper_quickview_item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column
    }

    .quick-view-content .wrapper_quickview_item .product-info-main {
        order: 2;
        width: 100%;
        float: none
    }

    .quick-view-content .wrapper_quickview_item .product.media {
        order: 1;
        width: 100%;
        margin-bottom: 20px
    }

    .quick-view-content .wrapper_quickview_item .product.info.detailed {
        display: none
    }

    .quick-view-content .page-title span.base {
        margin-bottom: 0
    }

    .quick-view-content .product-info-main,
    .quick-view-content .product-info-price {
        margin-top: 0 !important
    }

    .product-item-actions {
        display: block
    }

    .product-item .addto-links-icons .actions-primary {
        margin-bottom: 5px
    }

    .header-container .nav-toggle {
        font-size: 14px;
        top: 0;
        position: static;
        text-align: left
    }

    .header-container .nav-toggle:before {
        color: #1a1a1a;
        margin-left: -4px
    }

    .cms-index-index .header-container .header {
        position: relative;
        top: 0;
        background-color: #fff
    }

    .cms-about-us .page-title-wrapper {
        padding: 150px 0
    }

    .cms-about-us .box-text1 .box-left p {
        max-width: 100%
    }

    .cms-about-us .box-text1 .box-left {
        margin-bottom: 100px
    }

    .contact-index-index .page-title-wrapper {
        padding: 150px 0
    }

    .onsale-countdown {
        background: none !important
    }

    .onsale-countdown.section-element {
        margin-bottom: 0
    }

    .onsale-countdown .rokan-product-heading h2 {
        text-align: center
    }

    .onsale-countdown .product-photo {
        padding: 0 15px
    }

    .onsale-countdown .product-image-container,
    .onsale-countdown .product-image-container img {
        width: 100% !important
    }

    .onsale-countdown .product-item {
        margin-bottom: 0
    }

    .onsale-countdown .product-item .product-countdown .product-info {
        padding: 20px 0 0;
        text-align: center
    }

    .onsale-countdown .product-item .product-countdown .product-reviews-summary {
        margin: 0 auto 10px
    }

    .onsale-countdown .product-item .product-countdown .product-reviews-summary .rating-summary {
        text-align: center
    }

    .onsale-countdown .product-item .product-countdown .item-inner {
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        box-shadow: unset
    }

    .custommenu.navigation li.level0.staticwidth .submenu.opened {
        opacity: 1
    }

    .custommenu.navigation li.level0.staticwidth {
        position: relative
    }

    .custommenu.navigation li.level0.fullwidth .submenu .level2 a,
    .custommenu.navigation li.level0.staticwidth .submenu .level2 a {
        text-transform: none
    }

    .page-title-wrapper .page-title .base {
        display: inline-block
    }

    .section-newsletter .block.newsletter {
        padding: 30px 15px
    }

    .section-newsletter .block.newsletter .control {
        width: 100%
    }

    .section-newsletter .block.newsletter h3 {
        font-size: 24px
    }

    .navigation .level0 .submenu .level1.parent .level2.parent a:after,
    .navigation .level0 .submenu .level1.parent a:after {
        margin-right: 10px
    }

    .col-banner-top {
        text-align: center;
        margin-bottom: 15px
    }

    .catalog-product-view .column.main {
        width: 100%
    }

    .static-banner a {
        display: block
    }

    .product-view .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 10px
    }

    .product-view .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 10px
    }

    .section-newsletter .block.newsletter .control {
        margin: 30px auto 30px
    }

    .filter-options .count {
        float: right
    }

    .slider_left-slider {
        display: none
    }

    .toolbar-products .sorter {
        margin-left: 0
    }

    .contact-index-index .contact-info {
        margin-top: 20px
    }

    .page-footer .footer-static-container .footer-static .footer-links .title {
        position: relative
    }

    .page-footer .footer-static-container .footer-static .footer-links.contacts .title {
        display: block
    }

    .page-footer .footer-copyright ul li {
        padding-right: 10px
    }

    .login-container {
        width: 100%
    }

    .page-title-wrapper h1 span {
        font-size: 36px
    }

    .checkout-cart-index .cart-container .cart.table-wrapper .cart.items .col .product-item-photo {
        position: static;
        max-width: 90px;
        padding-left: 0
    }

    .checkout-cart-index .cart-container .cart.table-wrapper .product-item-details {
        padding-left: 0
    }

    .checkout-cart-index .cart-container .cart.table-wrapper .product-item-details {
        padding-left: 10px
    }

    .checkout-cart-index .cart-container .cart.item .item-info td:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-bottom: 1px solid #e6e6e6 !important
    }

    .checkout-cart-index table#shopping-cart-table th span {
        font-weight: 500
    }

    .checkout-cart-index table#shopping-cart-table th.actions {
        display: block;
        border-top: 0;
        border-left: 0
    }

    .checkout-cart-index table#shopping-cart-table td.price,
    .checkout-cart-index table#shopping-cart-table td.qty,
    .checkout-cart-index table#shopping-cart-table td.subtotal {
        border: 0 !important
    }

    .cart.table-wrapper .col.qty[data-th]:before,
    .cart.table-wrapper .col.price[data-th]:before,
    .cart.table-wrapper .col.subtotal[data-th]:before,
    .cart.table-wrapper .col.msrp[data-th]:before {
        font-weight: 400
    }

    .cart-container .form-cart .action.update,
    .cart-container .form-cart .action.clear {
        display: inline-block
    }

    .page-footer .footer-static-container.footer-static-container2 {
        padding-top: 90px
    }

    .filter-options-item.allow .filter-options-content,
    .filter-options-item.active .filter-options-content {
        display: none !important
    }

    .filter-options-item .filter-options-content,
    .filter-options-item.allow.active .filter-options-content {
        display: block !important
    }

    .custommenu.navigation .classic li.ui-menu-item > a {
        padding: 8px 30px
    }

    .custommenu.navigation .submenu.level0 .subchildmenu .subchildmenu {
        display: none
    }

    .custommenu.navigation .submenu.level0 .subchildmenu .subchildmenu.opened {
        display: block
    }

    .custommenu.navigation span.cat-label {
        font-size: 12px !important;
        text-transform: capitalize;
        right: auto;
        margin-left: 10px;
        top: 9px;
        border-radius: 4px;
        padding: 2px 2px
    }

    .custommenu.navigation span.cat-label.cat-label-label3 {
        background: #cc1414
    }

    .custommenu.navigation span.cat-label.cat-label-label3:before {
        border-right-color: #cc1414
    }

    .laber-static .block-category-content1 {
        justify-content: center
    }

    .laber-static .block-category-content1 .box-col .sale {
        padding: 0 15px;
        letter-spacing: 3px;
        left: -112px;
        top: 43%
    }

    .laber-static .block-category-content1 .box-col .sale.black {
        left: -112px
    }

    .laber-static .block-category-content2 {
        grid-template-columns: 100%;
        justify-content: center
    }

    .block_newsletter .newsletter_home .block.newsletter {
        flex-direction: column
    }

    .section-services .col-content {
        border-left: none;
        margin-bottom: 60px
    }

    .section-services .col-content:last-child {
        margin-bottom: 0
    }

    .blog-index-index .banner_top h2,
    .blog-post-view .banner_top h2,
    .blog-search-index .banner_top h2 {
        font-size: 36px
    }

    .fotorama__arr .fotorama__arr__arr {
        left: 50% !important
    }

    .Instagram_static {
        margin-bottom: 40px
    }

    .page-footer .footer-static-container .footer-static .footer-links ul {
        margin-bottom: 30px
    }

    .page-footer .footer-static-container .footer-static .col-left-ft {
        margin-bottom: 5px
    }

    .page-footer .footer-static-container .footer-static .footer-links.contacts .title {
        display: block
    }

    .page-footer .footer-static-container .footer-static .footer-links .title {
        position: relative;
        cursor: pointer
    }

    .page-footer .footer-static-container .footer-static .footer-links .title:after {
        content: "\f105";
        font-family: FontAwesome;
        font-size: 16px;
        float: right;
        line-height: 30px;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #333333;
        background: #eeeeee;
        cursor: pointer
    }

    .page-footer .footer-static-container .footer-static .footer-links .title.clicked:after {
        content: "\f107";
        background: #fa9e3b;
        color: #fff
    }

    .page-footer .footer_menu {
        float: none
    }

    .page-footer .footer-bottom {
        padding-top: 20px;
        text-align: center
    }

    .page-footer .footer-bottom .text-right {
        text-align: center;
        margin-top: 10px
    }

    .social-link ul {
        text-align: center;
        margin-top: 20px
    }

    .page-footer .footer-bottom div.copyright {
        float: none;
        padding: 0;
        line-height: 25px
    }
}

@media (max-width:639px) {
    .box-blog .post-thumb {
        width: 100%;
        margin-right: 0
    }

    .blog-content {
        width: 100%;
        float: left
    }

    .banner-middle .banner-content .text p {
        font-size: 12px;
        line-height: 20px
    }

    .banner-middle .banner-content .text > a {
        margin-top: 10px
    }

    .banner-middle .banner-content .text h4 {
        font-size: 14px;
        margin-bottom: 5px
    }

    .minicart-wrapper,
    .block-search {
        margin-top: 0
    }

    .products-list .product-item .product-item-photo {
        padding: 0;
        width: 100%
    }

    .products-list .product-item .product-item-details .addto-links-icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-flow: row wrap
    }

    .products-list .product-item .product-item-details .addto-links-icons .actions-secondary {
        padding-left: 0
    }

    .page-products .products-grid .product-item {
        width: 100% !important
    }

    .container-catalog-products-common .toolbar-html-container-top .toolbar-products .grid-mode-show-type-products {
        display: none
    }

    .laber-static .block-category-content1 {
        grid-template-columns: 100%
    }

    .laber-static .block-category-content1 .box-col .sale {
        left: -95px !important
    }

    .laber-static .block-category-content1 .box-col.box-col3 img {
        width: 100%
    }

    .laber-static .block-category-content2 .box-col2_1 .sale.black {
        left: -90px;
        padding: 0 15px;
        letter-spacing: 2px
    }

    .laber-static .block-category-content2 .box-col2_1 .sale.black2 {
        left: -80px;
        padding: 0 15px;
        letter-spacing: 2px
    }

    #layered-ajax-list-products .toolbar-html-container-top .toolbar-products {
        flex-direction: column-reverse
    }

    #layered-ajax-list-products .toolbar-html-container-top .toolbar-products > div {
        margin: 0
    }

    #layered-ajax-list-products .toolbar-html-container-top .toolbar-products > div.modes {
        margin-right: 25px
    }

    .container-catalog-products-common .toolbar-html-container-top.check-view-mode-toolbar-list .grid-mode-show-type-products {
        display: none
    }
}

@media (max-width:480px) {
    .box-sale .content-sale {
        padding: 45px 15px
    }

    .brand-list li {
        width: 50%
    }

    .top-content-home .banner-top-home.home2 {
        margin-top: 30px
    }

    .cms-no-route .container h1 {
        font-size: 150px
    }

    .col-top-center {
        padding: 0 10px
    }

    .block-top {
        margin-bottom: 50px
    }

    .block-top h2 {
        font-size: 26px
    }

    .header-container .top-link-container .top-link a {
        margin-left: 8px
    }

    .header-container .header .minicart-wrapper,
    .header-container .header .header-top-setting {
        padding-left: 0
    }

    .header-container .header .logo img {
        max-height: 60px
    }

    .header-container .header .for-full-withmenu .actions-header > div {
        padding: 0 10px
    }

    .banner-middle .banner-content .text {
        left: 15px;
        right: 15px;
        width: 100%
    }

    .banner_static .banner-content .text > a.btn-shop {
        margin-top: 10px
    }

    .row-banner-middle-2 .col-left > .row div {
        width: 100%
    }

    .section-newsletter .block.newsletter .control .actions .subscribe {
        padding: 0 15px
    }

    .cms-about-us .page-title-wrapper {
        padding: 100px 0
    }

    .contact-index-index .page-title-wrapper {
        padding: 100px 0
    }

    .wrapper_slider .owl-theme .owl-controls .owl-pagination {
        bottom: 10px
    }

    .sidebar .block-search,
    .sidebar .filter-options-item,
    .sidebar > div {
        margin-bottom: 30px
    }

    .toolbar-products .toolbar-amount {
        float: none;
        margin-right: 0;
        text-align: left
    }

    .quick-view-content .product-info-main .box-tocart .actions .action.primary {
        margin-left: 0
    }

    .rokan-product-heading h2 {
        padding: 0 20px
    }

    .product-item .product-info,
    .product-list-item .product-info {
        padding-right: 0;
        overflow: hidden
    }

    .product-item .product-info .product.name a,
    .product-list-item .product-info .product.name a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .page-products .products-grid .product-item {
        width: 100%
    }

    .categorytab-container .tabs-categories_tab li {
        margin-bottom: 10px
    }

    .owl-theme .owl-pagination {
        bottom: 10px
    }

    .product-view .product-info-main .product-reviews-summary .reviews-actions .action.view {
        padding: 0 10px 0 10px;
        margin-right: 8px
    }

    .three-columns-new-osc #one-step-checkout-form .checkout-review-load .data-table td h2 {
        margin-top: 10px
    }

    .header-container .header .block-search .block-content .dropdown .dropdown-menu {
        min-width: auto;
        width: 240px
    }

    .page-footer .footer-static-container .footer-static .footer-links .block.newsletter .actions .subscribe {
        padding: 0 10px
    }

    .page-footer .footer-static-container .footer-static .footer-links .block.newsletter .field.newsletter .control input {
        padding: 0 85px 0 10px
    }

    .cart-container .form-cart .action.clear,
    .cart-container .form-cart .action.update,
    .cart-container .form-cart .action.continue,
    .cart-container .checkout-methods-items .action.primary {
        width: 100%
    }

    .cart.table-wrapper {
        padding-bottom: 0
    }
}

#quickview-close {
    background-color: transparent !important;
    right: 0px !important;
    top: 0 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important
}

#quickview-close:before {
    color: #1a1a1a !important;
    content: "\e92c" !important;
    font-family: 'icomoon' !important;
    font-size: 24px;
    margin-left: 0 !important;
    width: 100%;
    text-align: center
}

#quickview-close:hover:before {
    color: #fa9e3b !important
}

#quick-window {
    box-shadow: none !important;
    border: 1px solid #e1e1e1
}

.quick-view-content {
    padding: 20px
}

.quick-view-content .wrapper_quickview_item:before,
.quick-view-content .wrapper_quickview_item:after {
    content: "";
    display: table;
    clear: both
}

.quick-view-content .title-quickview-product {
    font-size: 24px;
    margin-bottom: 10px
}

.quick-view-content .page-title {
    margin-bottom: 0
}

.quick-view-content .page-title span.base {
    padding-bottom: 0
}

.quick-view-content .swatch-attribute-selected-option {
    display: none
}

.quick-view-content .product-reviews-summary {
    margin-top: 5px;
    margin-bottom: 17px
}

.quick-view-content .price-box {
    margin-top: 10px;
    margin-bottom: 33px
}

.quick-view-content .product-slider-wrapper {
    width: 100%
}

.quick-view-content .product-info-price {
    margin-top: 10px;
    margin-bottom: 20px
}

.quick-view-content .product.media {
    width: 47%;
    overflow: inherit;
    margin: 0
}

.quick-view-content .product.media .main-img-quickview {
    margin-bottom: 10px
}

.quick-view-content .product-info-main {
    width: 50%;
    float: right
}

.quick-view-content .product-info-main .product-info-stock-sku {
    display: flex;
    flex-direction: column
}

.quick-view-content .product-info-main .product-info-stock-sku .stock {
    color: #1a1a1a;
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: normal;
    margin-top: 0
}

.quick-view-content .product-info-main .product-info-stock-sku .stock span {
    color: #fa9e3b;
    margin-left: 7px
}

.quick-view-content .product-info-main .product-info-stock-sku .type {
    color: #1a1a1a
}

.quick-view-content .product-info-main .product-info-stock-sku .type:after {
    content: ":"
}

.quick-view-content .product-info-main .product-reviews-summary .reviews-actions {
    font-size: 13px;
    padding-top: 4px
}

.quick-view-content .product-info-main .price-box .price-wrapper .price,
.quick-view-content .product-info-main .price-box .price-final_price .price {
    font-size: 24px;
    font-weight: 500;
    color: #fa9e3b
}

.quick-view-content .product-info-main .price-box .special-price {
    float: left;
    margin-right: 10px;
    margin-top: 0
}

.quick-view-content .product-info-main .price-box .special-price .price {
    display: inline-block;
    margin: 0;
    color: #fa9e3b;
    font-weight: 700
}

.quick-view-content .product-info-main .price-box .old-price {
    display: inline-block
}

.quick-view-content .product-info-main .price-box .old-price .price {
    font-weight: 400;
    color: #797979
}

.quick-view-content .product-info-main .box-tocart {
    margin-bottom: 0
}

.quick-view-content .product-info-main .box-tocart .field.qty {
    margin-right: 15px !important
}

.quick-view-content .product-info-main .box-tocart .label {
    display: inline-block;
    line-height: 40px;
    margin-right: 10px
}

.quick-view-content .product-info-main .box-tocart .control {
    display: inline-block
}

.quick-view-content .product-info-main .box-tocart .control input {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    padding: 0
}

.quick-view-content .product-info-main .box-tocart .actions {
    padding-top: 0;
    vertical-align: top
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    border: none;
    background-color: #1a1a1a;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    padding: 18px 50px;
    text-align: center;
    line-height: 1;
    text-shadow: none;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-size: 14px;
    border-radius: 4px;
    border: 2px solid #1a1a1a;
    background-image: none;
    margin-left: 0;
    text-transform: capitalize;
    border-radius: 2px
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary:hover {
    background-color: #fa9e3b;
    color: #fff;
    border-color: #fa9e3b
}

@media screen and (max-width:992px) {
    .quick-view-content .product-info-main .box-tocart .actions .action.primary {
        padding: 18.5px 30px
    }
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary i {
    margin-right: 7px
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary:hover {
    border: 2px solid #1a1a1a
}

.quick-view-content .product-info-main .box-tocart .field.qty .control input {
    height: 50px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    padding: 0
}

.quick-view-content .product-info-main .product.attibute.overview {
    color: #777;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 30px
}

.quick-view-content .product-info-main .product-add-form .product-options-wrapper select {
    border: 1px solid #eee;
    color: #7b7b7b
}

.quick-view-content .product-info-main .product-social-links .product-addto-links a {
    background-color: transparent
}

.quick-view-content .product-info-main .product-social-links .product-addto-links a:hover {
    background: transparent
}

.quick-view-content .product-info-main .product-social-links .product-addto-links a.towishlist {
    margin-right: 8px
}

.quick-view-content .product.attribute.overview {
    margin-bottom: 40px;
    color: #666
}

.quick-view-content .attribute h3 {
    font-weight: 500
}

.quick-view-content .product.info.detailed {
    display: none
}

.quick-view-content .product.info.detailed .product.attibute.description {
    color: #777;
    font-size: 13px;
    line-height: 1.5
}

.quick-view-content .bxslider li {
    cursor: pointer;
    text-align: center
}

.quick-view-content .gallery-placeholder .owl-theme .owl-controls .owl-buttons > div {
    top: 33%
}

.quick-view-content .product-options-wrapper .swatch-option {
    margin: 15px 10px 0 0
}

.quick-view-content .product-options-wrapper input.swatch-input {
    display: none
}

.quick-view-content .swatch-attribute.color {
    padding-bottom: 10px;
    display: flex;
    align-items: center
}

.quick-view-content .swatch-attribute.color a:before,
.quick-view-content .swatch-attribute.color a:after {
    content: "";
    display: table;
    clear: both
}

.quick-view-content .swatch-attribute.color a:first-child .swatch-option:before {
    top: -4px;
    left: -4px
}

.quick-view-content .swatch-attribute.color .swatch-attribute-options {
    margin-top: 0
}

.quick-view-content .swatch-attribute.color .swatch-option {
    width: 25px;
    min-width: auto;
    height: 25px;
    border: none;
    border-radius: 100%;
    position: relative;
    overflow: visible;
    margin-top: 0
}

.quick-view-content .swatch-attribute.color .swatch-option:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    border: 1px solid #e1e1e1;
    border-radius: 50% 50%;
    z-index: 1;
    display: block
}

.quick-view-content .swatch-attribute.color .swatch-option:hover {
    border: none;
    text-decoration: none;
    outline: 0
}

.quick-view-content .swatch-attribute.color .swatch-option.image:not(.disabled):hover,
.quick-view-content .swatch-attribute.color .swatch-option.color:not(.disabled):hover {
    outline: none;
    border: none
}

.quick-view-content .swatch-attribute.color .swatch-option.color.white {
    border: 1px solid #ddd
}

.quick-view-content .swatch-attribute.color .swatch-option.color.white:hover {
    border: 1px solid #ddd
}

.quick-view-content .swatch-attribute.size .text {
    display: block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 50%;
    padding: 0;
    border: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.quick-view-content .swatch-attribute.size .text:hover {
    color: #fff;
    background-color: #fa9e3b;
    outline: 0
}

.quick-view-content .swatch-attribute .swatch-option.text.selected {
    background-color: #fa9e3b !important;
    outline: 0;
    color: #fff !important
}

@media (min-width:768px) {

    .product-info-main .box-tocart .actions,
    .product-options-bottom .box-tocart .actions,
    .product-info-main .box-tocart .field.qty,
    .product-options-bottom .box-tocart .field.qty {
        display: inline-block
    }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}

@-webkit-keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(images/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-pagination {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10px;
    text-align: center
}

.owl-theme .owl-buttons {
    text-align: center;
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden
}

.owl-theme:hover .owl-buttons {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100)
}

.owl-theme .owl-controls .owl-buttons > div {
    font-size: 0;
    color: transparent;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    top: 40%;
    z-index: 1;
    box-shadow: 0px 2px 4px #e6e6e6
}

.owl-theme .owl-controls .owl-buttons > div.owl-prev {
    text-align: left
}

.owl-theme .owl-controls .owl-buttons > div.owl-next {
    text-align: right
}

.owl-theme .owl-controls .owl-buttons > div:hover {
    border: 1px solid #fa9e3b;
    background: #fa9e3b
}

.owl-theme .owl-controls .owl-buttons > div:hover:before {
    color: #fff
}

.owl-theme .owl-controls .owl-buttons > div:before {
    content: "\e605";
    font-family: 'simple-line-icons';
    font-size: 16px;
    display: block;
    line-height: 45px;
    color: #1a1a1a;
    margin-right: 3px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: "\e606";
    margin-left: 3px;
    font-family: 'simple-line-icons'
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline-block;
    border: 2px solid transparent;
    border-radius: 50% 50%;
    padding: 1px;
    margin-right: 10px
}

.owl-theme .owl-controls .owl-page:last-child {
    margin-right: 0
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    background: #fa9e3b;
    border-radius: 50% 50%
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fa9e3b
}

.owl-theme .owl-controls .owl-page.active {
    border: 2px solid #fa9e3b
}

.owl-theme .owl-controls .owl-page.active span {
    background: none
}

.owl-theme .owl-controls .owl-page.active:hover span {
    background: none
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.owl-item.loading {
    min-height: 150px;
    background: url(images/AjaxLoader.gif) no-repeat center center
}

.owl-theme .owl-pagination {
    bottom: 15px
}

@media (max-width:767px) {
    .owl-controls {
        display: none
    }
}

.owl-theme .owl-buttons {
    width: 100%;
    right: 0;
    top: 40%
}

.owl-theme .owl-buttons .owl-prev {
    left: -20px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.owl-theme .owl-buttons .owl-next {
    right: -20px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease
}

.owl-theme:hover .owl-buttons {
    width: 100%;
    right: 0;
    top: 40%
}

.owl-theme:hover .owl-buttons .owl-prev {
    left: -10px
}

.owl-theme:hover .owl-buttons .owl-next {
    right: -10px
}

.categories-nav .nav-sections {
    position: relative;
    margin-bottom: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:last-child > a {
    border-bottom: 0
}

.verticalmenu.navigation.side-verticalmenu {
    position: relative;
    z-index: 100
}

.verticalmenu.navigation.side-verticalmenu .title-category-dropdown {
    background: #fff;
    line-height: 55px;
    height: 55px;
    cursor: pointer;
    font-size: 14px;
    display: block;
    background: #000;
    text-transform: uppercase;
    position: relative;
    padding-left: 50px;
    margin-bottom: 0
}

.verticalmenu.navigation.side-verticalmenu .title-category-dropdown:before {
    content: "";
    position: absolute;
    left: 0;
    top: -6px;
    width: 100%;
    height: 6px;
    background: #fa9e3b;
    border-radius: 15px 15px 0 0;
    z-index: 11
}

.verticalmenu.navigation.side-verticalmenu .title-category-dropdown span {
    font-weight: 700;
    display: inline-block
}

.verticalmenu.navigation.side-verticalmenu .title-category-dropdown .fa-navicon {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    width: 50px;
    height: 100%;
    line-height: 53px;
    text-align: center
}

.verticalmenu.navigation.side-verticalmenu .title-category-dropdown .fa-chevron-up {
    float: right;
    line-height: 55px;
    font-size: 14px;
    margin: 0 20px 0 10px
}

.verticalmenu.navigation.side-verticalmenu .list-category-dropdown {
    position: absolute;
    background: #fff;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(40px);
    transition: transform .5s ease 0s, opacity .6s ease 0s, max-height .6s step-end 0s, max-width .6s step-end 0s, padding .6s step-end 0s;
    z-index: 99;
    top: 100%;
    left: 0
}

.verticalmenu.navigation.side-verticalmenu.open .title-category-dropdown .fa-chevron-up:before {
    content: "\f078"
}

.verticalmenu.navigation.side-verticalmenu.open .list-category-dropdown {
    visibility: 1;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    border-radius: 0 0 10px 10px
}

.verticalmenu.navigation.side-verticalmenu .our_categories {
    background-color: #4e4e4e;
    color: #fff;
    padding: 19px 30px;
    font-size: 18px;
    margin: 0;
    cursor: pointer
}

.verticalmenu.navigation.side-verticalmenu > ul {
    border: 1px solid #e1e1e1;
    border-top: 0;
    padding: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 {
    position: relative;
    list-style: none;
    padding: 0 20px
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:last-child > a {
    border-bottom: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu {
    padding: 15px 25px;
    left: 120% !important;
    border-left-width: 0;
    border-left: 2px solid #fa9e3b;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: none !important
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .level1.parent a {
    font-weight: 700
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .level1 a {
    font-weight: 100
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu {
    padding-top: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 > a {
    color: #444;
    font-size: 14px;
    font-family: 'Red Hat Display', sans-serif;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    padding-left: 0;
    border-bottom: 1px solid #e5e5e5
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 > a:hover {
    color: #fa9e3b
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 > a:hover span {
    text-decoration: none
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level2 a {
    color: #666;
    text-decoration: none;
    padding: 3px 0;
    line-height: 24px;
    font-weight: 100;
    font-size: 14px
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level2 a:hover {
    color: #fa9e3b
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level2 a:hover span {
    text-decoration: none
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 > a {
    display: inline-block;
    border: 0;
    font-family: 'Red Hat Display', sans-serif;
    line-height: 24px;
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    color: #666;
    padding: 10px 0;
    margin: 0;
    text-transform: capitalize
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0 > a em {
    padding-right: 15px;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.parent > a:after {
    content: "\f105";
    font-family: 'FontAwesome';
    float: right;
    line-height: 22px;
    position: absolute;
    right: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.parent > a span {
    display: inline-block;
    max-width: 78%
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:hover {
    background: #f3f3f3
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:hover .level0.submenu {
    left: 100% !important
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:hover > a {
    color: #fa9e3b
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0:last-child a {
    border: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.classic .level0.submenu .subchildmenu {
    padding: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.classic .level0.submenu .subchildmenu > li.level1 > a {
    color: #666;
    font-size: 14px;
    font-family: 'Red Hat Display', sans-serif;
    padding-left: 0;
    margin: 0
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.classic .level0.submenu .subchildmenu > li.level1 > a:hover {
    color: #fa9e3b;
    background: none
}

.verticalmenu.navigation.side-verticalmenu > ul li.level0.classic .level0.submenu .subchildmenu > li.level1 > a:hover span {
    text-decoration: none
}

.verticalmenu.navigation.side-verticalmenu .expand-category-link {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: normal;
    border-radius: 0 0 15px 15px
}

.verticalmenu.navigation.side-verticalmenu .expand-category-link.expanding i:before {
    content: '\f147'
}

.verticalmenu.navigation.side-verticalmenu .expand-category-link:hover {
    color: #fa9e3b
}

.verticalmenu.navigation.side-verticalmenu .expand-category-link i {
    font-size: 10px;
    padding-right: 15px;
    color: #b11e22;
    line-height: 40px
}

.verticalmenu.navigation.side-verticalmenu li.level0 > a > span.cat-label {
    padding: 2px 4px
}

.verticalmenu.navigation span.cat-label.cat-label-label1 {
    background: #448ccb
}

.verticalmenu.navigation.side-verticalmenu li.level0 > a > span.cat-label.cat-label-label1:before {
    border-right-color: #448ccb
}

.verticalmenu.navigation span.cat-label.cat-label-label2 {
    background: #e53939
}

.verticalmenu.navigation.side-verticalmenu li.level0 > a > span.cat-label.cat-label-label2:before {
    border-right-color: #e53939
}

@media (max-width:991px) {
    .verticalmenu.navigation.side-verticalmenu > ul li.level0.parent > a:after {
        display: none
    }

    .verticalmenu.navigation .open-children-toggle {
        position: absolute;
        right: 0;
        text-align: center;
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        z-index: 10
    }

    .verticalmenu.navigation .open-children-toggle:after {
        content: "\f105";
        font-family: FontAwesome
    }

    .verticalmenu.navigation .subchildmenu .open-children-toggle {
        width: 41px;
        height: 41px;
        line-height: 41px
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu {
        position: static !important;
        width: 100% !important;
        display: none
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 > a {
        border-bottom: 1px solid #e5e5e5
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu {
        padding-bottom: 0
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu .level1 .subchildmenu {
        display: none
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 > a {
        padding-left: 50px;
        padding-top: 13px;
        padding-bottom: 13px;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 100;
        text-transform: uppercase
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 .subchildmenu > li.level2 {
        border-bottom: 1px solid #e5e5e5
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu > li.level1 .subchildmenu > li.level2 > a {
        padding: 9px 0 8px 70px
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0.opened > .open-children-toggle:after,
    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu .level1.opened > .open-children-toggle:after {
        content: "\f107"
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0.opened > .level0.submenu {
        display: block;
        opacity: 1;
        visibility: visible;
        border: none;
        box-shadow: none;
        padding: 0
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0:hover {
        background: #fff
    }

    .verticalmenu.navigation .subchildmenu.mega-columns.columns2 > li {
        width: 100%
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0 .level0.submenu .subchildmenu .level1.opened .subchildmenu {
        display: block
    }

    .verticalmenu.navigation .subchildmenu.mega-columns > li {
        padding: 0
    }

    .verticalmenu.navigation.side-verticalmenu > ul li.level0.classic .level0.submenu .subchildmenu > li.level1 > a {
        padding-left: 50px
    }
}

@media (max-width:767px) {
    .categories-nav .nav-sections {
        width: 100%;
        left: 0;
        background: #fff;
        overflow: initial
    }

    .verticalmenu.navigation.side-verticalmenu {
        display: block
    }

    .verticalmenu.navigation .submenu.level0 {
        height: auto
    }

    .navigation .level0 {
        font-size: 14px
    }

    .verticalmenu.navigation.side-verticalmenu li.level0 > a > span.cat-label {
        position: relative;
        margin-left: 10px;
        right: 0
    }
}