/* -------------------------------------------
[Table of contents]
[Color codes]
    Background: #ffffff
    Body Color : #8e8e8e
    Accent color: #D3AA68
[Typography]
    Body:   16/28 'font-family: 'Inter', sans-serif;
    Input:  14px/40px
    Textarea:   14px/24px
[Component module]
1.0 RESET BROWSER
	1.1 FORM THEME
	1.2 TABLE THEME
	1.3 WORDPRESS THEME
2.0 DEFAULT SETTING
    2.1 CUSTOM CLASS
    2.2 CRABA SLICK ARROW
3.0 HEADER THEME
	3.1 HEADER TOPBAR
    3.2 HEADER LOGO
    3.3 HEADER MINICART
    3.4 HEADER SEARCHFORM
    3.5 HEADER MENU
    3.6 MAIN NAVIGATION
    3.7 HORIZON MENU
    3.8 HEADER MEGAMENU
	3.9 MOBILE MENU
    3.10 HEADER STYLE
4.0 BANNER THEME
 	4.1 SLIDE THEME
	4.2 HERO SECTION
	4.3 BREADCRUMBS THEME
5.0 BLOG THEME
    5.1 BLOG ITEM
	5.2 BLOG COMMENT
6.0 SHOP THEME
	6.1 SHOP FILTER
	6.2 SHOP TOP CONTROL
    6.3 PRODUCT ITEM
    6.4 PRODUCT DETAIL
7.0 WIDGET + PAGINATION
    7.1 WIDGET THEME
    7.2 PAGINATION THEME
8.0 SHORTCODE THEME
    8.1 CRABA ICONBOX
    8.2 SECTION-TITLE
    8.3 CRABA BANNER
    8.4 PRODUCT SLIDE
    8.5 ADV
    8.6 CRABA FAQs
    8.7 TAB BOOTSTRAP THEME
    8.8 PRODUCT REVIEW
    8.9 CRABA BRAND
    8.10 CRABA DEAL PRODUCT
    8.11 CRABA MAP
    8.12 CRABA CATEGORY
    8.13 CRABA BLOCK TITLE
    8.14 CRABA SELLER
    8.15 CRABA BLOG
    8.16 PRODUCT PICKED
    8.17 CRABA CUSTOMMENU
    8.18 ABOUT PAGE
9.0 FOOTER THEME
    9.1 BACK TO TOP
    9.2 FOOTER TOP
    9.3 FOOTER BOTTOM
10.0 RESPONSIVE

------------------------------------------- */

/* ==========================================================================
  1.0 RESET BROWSER
========================================================================== */
@font-face {
    font-family: "AmidVerrion";
    src: url("../fonts/Amid-Verrion.otf") format("opentype");
    font-style: normal;
    font-weight: normal;
}
/* Flaticon icon font: Flaticon */
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Flaticon.woff") format("woff"),
    url("../fonts/Flaticon.ttf") format("truetype"),
    url("../fonts/Flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}
[class^="flaticon-"], [class*=" flaticon-"] {
    font-size: 14px;
    font-style: normal;
    line-height: 1;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before {
    font-family: "Flaticon", sans-serif;
}
.flaticon-interface:before {
    content: "\f100";
}
.flaticon-tool-2:before {
    content: "\f101";
}
.flaticon-right-arrow-angle:before {
    content: "\f102";
}
.flaticon-note-2:before {
    content: "\f103";
}
.flaticon-arrows-4:before {
    content: "\f104";
}
.flaticon-tool-1:before {
    content: "\f105";
}
.flaticon-shopping-cart:before {
    content: "\f106";
}
.flaticon-tool:before {
    content: "\f107";
}
.flaticon-heart:before {
    content: "\f108";
}
.flaticon-avatar:before {
    content: "\f109";
}
.flaticon-phone-call:before {
    content: "\f10a";
}
.flaticon-multimedia:before {
    content: "\f10b";
}
.flaticon-bag:before {
    content: "\f10c";
}
.flaticon-double-quotes:before {
    content: "\f10d";
}
.flaticon-social:before {
    content: "\f10e";
}
.flaticon-arrows-3:before {
    content: "\f10f";
}
.flaticon-arrows-2:before {
    content: "\f110";
}
.flaticon-delivery-truck:before {
    content: "\f111";
}
.flaticon-search:before {
    content: "\f112";
}
.flaticon-support:before {
    content: "\f113";
}
.flaticon-note-1:before {
    content: "\f114";
}
.flaticon-money:before {
    content: "\f115";
}
.flaticon-business:before {
    content: "\f116";
}
.flaticon-down-arrow:before {
    content: "\f117";
}
.flaticon-arrows-1:before {
    content: "\f118";
}
.flaticon-medal-1:before {
    content: "\f119";
}
.flaticon-note:before {
    content: "\f11a";
}
.flaticon-arrows:before {
    content: "\f11b";
}
.flaticon-medal:before {
    content: "\f11c";
}
.flaticon-value:before {
    content: "\f11d";
}
.flaticon-placeholder:before {
    content: "\f11e";
}
.flaticon-right-arrow:before {
    content: "\f11f";
}
.flaticon-menu:before {
    content: "\f120";
}
.flaticon-menu-button:before {
    content: "\f121";
}
html, body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #010101;
}
.body {
    max-width: 100%;
    overflow-x: hidden;
}
label {
    color: #000000;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
    color: #D3AA68;
}
img {
    max-width: 100%;
    height: auto;
}
ul, ol {
    margin: 0;
    padding-left: 19px;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    color: #000000;
    margin-top: 0;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    margin-bottom: 20px;
}
blockquote, q {
    font-size: 16px;
    color: #545454;
    border: none;
    padding: 8px 0 8px 30px;
    margin-bottom: 12px;
}
blockquote::before, q::before {
    content: "\f10d";
    font-family: 'Flaticon', sans-serif;
    font-size: 29px;
    font-style: normal;
    color: #999;
    display: block;
}
/* ==========================================================================
  1.1 FORM THEME
============================================================================ */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
textarea,
select {
    color: #666;
    border: 1px solid #eee;
    border-radius: 0;
    padding: 0 20px;
    max-width: 100%;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
textarea {
    display: block;
    padding: 15px 20px;
    height: auto;
    width: 100%;
    line-height: 24px;
}
select {
    padding-right: 0;
    border: 1px solid #dbdbdb;
}
button,
input[type="submit"] {
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    padding: 0 15px;
    background: #2a2a2a;
    border: none;
    border-radius: 0;
    vertical-align: top;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    outline: none;
}
button:hover,
input[type="submit"]:hover,
button:focus,
input[type="submit"]:focus {
    color: #ffffff;
    background: #D3AA68;
}
:focus {
    outline: none;
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
:-moz-placeholder {
    /* Firefox 18- */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}
.return-message {
    line-height: 20px;
    padding: 10px;
    margin-top: 15px;
}
/* ==========================================================================
  1.2 TABLE THEME
============================================================================ */
table {
    border: 1px solid #eaeaea;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    margin-bottom: 20px;
}
table thead {
    background-color: #f8f8f8;
}
th, td {
    font-weight: normal;
    border: 1px solid #eaeaea;
    padding: 10px;
}
/*----------------------------Auto Clear--------------------------------*/
@media (min-width: 1500px) {
    .auto-clear .col-bg-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-bg-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-bg-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-bg-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-bg-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-bg-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .auto-clear .col-lg-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-lg-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-lg-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-lg-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-lg-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-lg-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .auto-clear .col-md-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-md-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-md-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-md-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-md-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-md-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .auto-clear .col-sm-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-sm-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-sm-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-sm-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-sm-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-sm-6:nth-child(odd) {
        clear: left;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .auto-clear .col-xs-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-xs-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-xs-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-xs-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-xs-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-xs-6:nth-child(odd) {
        clear: left;
    }
}
@media (max-width: 479px) {
    .auto-clear .col-ts-1:nth-child(12n+1) {
        clear: left;
    }
    .auto-clear .col-ts-2:nth-child(6n+1) {
        clear: left;
    }
    .auto-clear .col-ts-15:nth-child(5n+1) {
        clear: left;
    }
    .auto-clear .col-ts-3:nth-child(4n+1) {
        clear: left;
    }
    .auto-clear .col-ts-4:nth-child(3n+1) {
        clear: left;
    }
    .auto-clear .col-ts-6:nth-child(odd) {
        clear: left;
    }
}
/*-------------------Custom Bostrap Colum > 1500px---------------------*/
@media (min-width: 1500px) {
    .col-bg-1,
    .col-bg-10,
    .col-bg-11,
    .col-bg-12,
    .col-bg-2,
    .col-bg-3,
    .col-bg-4,
    .col-bg-5,
    .col-bg-6,
    .col-bg-7,
    .col-bg-8,
    .col-bg-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }
    .col-bg-1,
    .col-bg-2,
    .col-bg-3,
    .col-bg-4,
    .col-bg-5,
    .col-bg-6,
    .col-bg-7,
    .col-bg-8,
    .col-bg-9,
    .col-bg-10,
    .col-bg-11 {
        float: left;
    }
    .col-bg-12 {
        width: 100%;
    }
    .col-bg-11 {
        width: 91.66666667%;
    }
    .col-bg-10 {
        width: 83.33333333%;
    }
    .col-bg-9 {
        width: 75%;
    }
    .col-bg-8 {
        width: 66.66666667%;
    }
    .col-bg-7 {
        width: 58.33333333%;
    }
    .col-bg-6 {
        width: 50%;
    }
    .col-bg-5 {
        width: 41.66666667%;
    }
    .col-bg-4 {
        width: 33.33333333%;
    }
    .col-bg-3 {
        width: 25%;
    }
    .col-bg-2 {
        width: 16.66666667%;
    }
    .col-bg-1 {
        width: 8.33333333%;
    }
}
/*-------------------Custom Bostrap Colum < 480px----------------------*/
@media (max-width: 480px) {
    .col-ts-1,
    .col-ts-10,
    .col-ts-11,
    .col-ts-12,
    .col-ts-2,
    .col-ts-3,
    .col-ts-4,
    .col-ts-5,
    .col-ts-6,
    .col-ts-7,
    .col-ts-8,
    .col-ts-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-ts-1,
    .col-ts-2,
    .col-ts-3,
    .col-ts-4,
    .col-ts-5,
    .col-ts-6,
    .col-ts-7,
    .col-ts-8,
    .col-ts-9,
    .col-ts-10,
    .col-ts-11 {
        float: left;
    }
    .col-ts-12 {
        width: 100%;
    }
    .col-ts-11 {
        width: 91.66666667%;
    }
    .col-ts-10 {
        width: 83.33333333%;
    }
    .col-ts-9 {
        width: 75%;
    }
    .col-ts-8 {
        width: 66.66666667%;
    }
    .col-ts-7 {
        width: 58.33333333%;
    }
    .col-ts-6 {
        width: 50%;
    }
    .col-ts-5 {
        width: 41.66666667%;
    }
    .col-ts-4 {
        width: 33.33333333%;
    }
    .col-ts-3 {
        width: 25%;
    }
    .col-ts-2 {
        width: 16.66666667%;
    }
    .col-ts-1 {
        width: 8.33333333%;
    }
    .col-ts-pull-12 {
        right: 100%;
    }
    .col-ts-pull-11 {
        right: 91.66666667%;
    }
    .col-ts-pull-10 {
        right: 83.33333333%;
    }
    .col-ts-pull-9 {
        right: 75%;
    }
    .col-ts-pull-8 {
        right: 66.66666667%;
    }
    .col-ts-pull-7 {
        right: 58.33333333%;
    }
    .col-ts-pull-6 {
        right: 50%;
    }
    .col-ts-pull-5 {
        right: 41.66666667%;
    }
    .col-ts-pull-4 {
        right: 33.33333333%;
    }
    .col-ts-pull-3 {
        right: 25%;
    }
    .col-ts-pull-2 {
        right: 16.66666667%;
    }
    .col-ts-pull-1 {
        right: 8.33333333%;
    }
    .col-ts-pull-0 {
        right: auto;
    }
    .col-ts-push-12 {
        left: 100%;
    }
    .col-ts-push-11 {
        left: 91.66666667%;
    }
    .col-ts-push-10 {
        left: 83.33333333%;
    }
    .col-ts-push-9 {
        left: 75%;
    }
    .col-ts-push-8 {
        left: 66.66666667%;
    }
    .col-ts-push-7 {
        left: 58.33333333%;
    }
    .col-ts-push-6 {
        left: 50%;
    }
    .col-ts-push-5 {
        left: 41.66666667%;
    }
    .col-ts-push-4 {
        left: 33.33333333%;
    }
    .col-ts-push-3 {
        left: 25%;
    }
    .col-ts-push-2 {
        left: 16.66666667%;
    }
    .col-ts-push-1 {
        left: 8.33333333%;
    }
    .col-ts-push-0 {
        left: auto;
    }
    .col-ts-offset-12 {
        margin-left: 100%;
    }
    .col-ts-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-ts-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-ts-offset-9 {
        margin-left: 75%;
    }
    .col-ts-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-ts-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-ts-offset-6 {
        margin-left: 50%;
    }
    .col-ts-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-ts-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-ts-offset-3 {
        margin-left: 25%;
    }
    .col-ts-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-ts-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-ts-offset-0 {
        margin-left: 0;
    }
    .hidden-ts {
        display: none;
    }
}
/*---------------------Custom Bostrap 5 columns------------------------*/
.col-bg-15,
.col-bg-45,
.col-lg-15,
.col-lg-45,
.col-md-15,
.col-md-45,
.col-sm-15,
.col-sm-45,
.col-xs-15,
.col-xs-45,
.col-ts-15,
.col-ts-45 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-ts-15,
.col-ts-45 {
    float: left;
}
.col-ts-15 {
    width: 20%;
}
.col-ts-45 {
    width: 80%;
}
@media (min-width: 480px) {
    .col-xs-15,
    .col-xs-45 {
        float: left;
    }
    .col-xs-15 {
        width: 20%;
    }
    .col-xs-45 {
        width: 80%;
    }
}
@media (min-width: 768px) {
    .col-sm-15,
    .col-sm-45 {
        float: left;
    }
    .col-sm-15 {
        width: 20%;
    }
    .col-sm-45 {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .col-md-15,
    .col-md-45 {
        float: left;
    }
    .col-md-15 {
        width: 20%;
    }
    .col-md-45 {
        width: 80%;
    }
}
@media (min-width: 1200px) {
    .col-lg-15,
    .col-lg-45 {
        float: left;
    }
    .col-lg-15 {
        width: 20%;
    }
    .col-lg-45 {
        width: 80%;
    }
}
@media (min-width: 1500px) {
    .col-bg-15,
    .col-bg-45 {
        float: left;
    }
    .col-bg-15 {
        width: 20%;
    }
    .col-bg-45 {
        width: 80%;
    }
}
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11,
.vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3,
.vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6,
.vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: left;
}
/*rows-space*/
.rows-space-0 {
    margin-bottom: 0;
}
.rows-space-10 {
    margin-bottom: 10px;
}
.rows-space-20 {
    margin-bottom: 20px;
}
.rows-space-30 {
    margin-bottom: 30px;
}
.rows-space-40 {
    margin-bottom: 40px;
}
.rows-space-50 {
    margin-bottom: 50px;
}
.rows-space-60 {
    margin-bottom: 60px;
}
.rows-space-70 {
    margin-bottom: 70px;
}
.rows-space-80 {
    margin-bottom: 80px;
}
.rows-space-90 {
    margin-bottom: 90px;
}
.rows-space-100 {
    margin-bottom: 100px;
}
/* ==========================================================================
  1.3 WORDPRESS THEME
============================================================================ */
.alignnone {
    margin: 5px 20px 20px 0;
}
img.alignnone {
    margin: 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #ffffff;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 0;
    text-align: center;
    margin: 0;
}
.wp-caption.alignnone {
    margin: 0 20px 20px 0;
    clear: both;
}
.wp-caption.alignleft {
    margin: 0 20px 20px 0;
}
.wp-caption.alignright {
    margin: 0 0 20px 20px;
}
.wp-caption.aligncenter {
    margin: 0 auto;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    padding: 10px 4px 5px;
    margin: 0 !important;
}
.gallery-caption {
    color: #707070;
    display: block;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
}
iframe {
    max-width: 100% !important;
}
.alignright {
    float: right;
    margin: 5px 0 20px 30px;
}
.alignleft {
    float: left;
    margin: 5px 30px 20px 0;
}
.gallery {
    margin: 0 -1.1666667% 1.75em;
}
.gallery:after {
    display: table;
    content: "";
    clear: both;
}
.gallery-item {
    margin: 0;
    float: left;
    padding: 0.5em;
    font-size: 0.8125rem;

    text-align: center;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}
.gallery-columns-2 .gallery-item {
    width: 50%
}
.gallery-columns-3 .gallery-item {
    width: 33.3333%
}
.gallery-columns-4 .gallery-item {
    width: 25%
}
.gallery-columns-5 .gallery-item {
    width: 20%
}
.gallery-columns-6 .gallery-item {
    width: 16.6667%
}
.gallery-columns-7 .gallery-item {
    width: 14.2857%
}
.gallery-columns-8 .gallery-item {
    width: 12.5%
}
.gallery-columns-9 .gallery-item {
    width: 11.1111%
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
.page-links {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.page-links > a,
.page-links > span:not(.page-links-title) {
    font-size: 14px;
    color: #b0b0b0;
    display: inline-block;
    min-width: 54px;
    height: 54px;
    line-height: 52px;
    border: 1px solid #d8d8d8;
    padding: 0 3px;
    margin: 4px;
    text-align: center;
}
.page-links > span:not(.page-links-title),
.page-links > a:hover {
    border-color: #000000;
    color: #000000;
}
.bypostauthor {
    color: inherit;
}
.sticky {
    color: inherit;
}
.post-title,
.widget {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.widget select {
    width: 100%;
}
.widget_rss .rss-date {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #ababab;
}
.widget_calendar .calendar_wrap tr,
.widget_calendar .calendar_wrap td {
    padding: 0;
    text-align: center;
}
/* ==========================================================================
    2.0 DEFAULT SETTING
========================================================================== */
/* ==========================================================================
    2.1 CUSTOM CLASS
========================================================================== */
.craba-container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.container-outer {
    width: 1700px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.row-20 {
    margin-left: -20px;
    margin-right: -20px;
}
.container-outer::before,
.container-outer::after,
.row-20::before,
.row-20::after,
.row-22::before,
.row-22::after,
.row-30::before,
.row-30::after {
    display: table;
    content: " ";
}
.container-outer::after,
.row-20::after,
.row-22::after,
.row-30::after {
    clear: both;
}
.row-22 {
    margin-left: -20px;
    margin-right: -20px;
}
.row-30 {
    margin-left: -20px;
    margin-right: -20px;
}
.no-padding {
    padding-left: 0;
    padding-right: 0;
}
.padding-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-22 {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-30 {
    padding-left: 20px;
    padding-right: 20px;
}
/* =========================================================================
    2.2 CAROUSEL THEME
===========================================================================*/
.owl-carousel .owl-item img {
    width: auto;
}
/*owl disabled*/
.owl-carousel .disabled {
    display: none;
}
/*owl-nav*/
.owl-carousel .owl-nav {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    color: #a3a3a3;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover {
    color: #000;
}
.owl-carousel .owl-prev {
    left: -57px;
}
.owl-carousel .owl-next {
    right: -57px;
}
.owl-carousel.nav-square .owl-next,
.owl-carousel.nav-square .owl-prev {
    border: 1px solid #cecece;
    color: #000000;
    top: -80px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    font-size: 17px;
}
.owl-carousel.nav-square .owl-next:hover,
.owl-carousel.nav-square .owl-prev:hover {
    color: #D3AA68;
    border-color: #D3AA68;
}
.owl-carousel.nav-square .owl-prev {
    left: auto;
    right: 40px;
}
.owl-carousel.nav-square .owl-next {
    right: 0;
}
.owl-carousel.nav-circle .owl-next,
.owl-carousel.nav-circle .owl-prev {
    width: 78px;
    height: 78px;
    line-height: 74px;
    font-size: 28px;
    border-radius: 50%;
    border: 2px solid;
}
.owl-carousel.nav-circle .owl-prev {
    left: 120px;
}
.owl-carousel.nav-circle .owl-next {
    right: 120px;
}
.owl-carousel.nav-circle .owl-next:hover,
.owl-carousel.nav-circle .owl-prev:hover {
    color: #D3AA68;
}
/*.owl-dots*/
.owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.owl-carousel.dot-circle .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 7px;
    vertical-align: middle;
    border: 1px solid #ffffff
}
.owl-carousel.dot-circle .owl-dots .owl-dot.active {
    background-color: #ffffff;
}
.owl-carousel.dot-square .owl-dots .owl-dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 4px;
    vertical-align: middle;
    background-color: #aaaaaa;
}
.owl-carousel.dot-square .owl-dots .owl-dot.active {
    background-color: #000000;
}
.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cecece;
    color: #000000;
    z-index: 1;
}
.slick-slider .slick-arrow.fa-angle-left {
    left: -13px;
}
.slick-slider .slick-arrow.fa-angle-right {
    right: -13px;
}
.slick-slider .slick-arrow:hover {
    color: #D3AA68;
    border-color: #D3AA68;
}
/* ==========================================================================
   3.0 HEADER THEME
========================================================================== */
/* ==========================================================================
   3.1 HEADER TOPBAR
========================================================================== */
.header-topbar {
    background-color: #000000;
    padding-top: 4px;
    padding-bottom: 4px;
}
.header-topbar-left,
.header-topbar-right {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    width: 50%;
}
.topbar-memu {
    padding-left: 0;
    list-style: none;
}
.topbar-memu li {
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    color: #ffffff;
    position: relative;
    padding: 10px 28px;
}
.topbar-memu li:first-child {
    padding-left: 0;
}
.topbar-memu li:last-child {
    padding-right: 0;
}
.topbar-memu li:not(:last-child)::before {
    content: '';
    display: block;
    background-color: #454545;
    width: 1px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.topbar-memu li a {
    color: inherit;
}
.topbar-memu li a:hover {
    color: #D3AA68;
}
.topbar-memu li a span {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 11px;
}
.header-topbar-right {
    text-align: right;
}
.topbar-right-item {
    display: inline-block;
    text-align: left;
    padding: 10px 28px;
    position: relative;
}
.topbar-right-item:first-child {
    padding-left: 0;
}
.topbar-right-item:last-child {
    padding-right: 0;
}
.topbar-right-item:not(:last-child)::before {
    content: '';
    display: block;
    background-color: #454545;
    width: 1px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*topbar - star-rating*/
.star-rating-icon {
    display: inline-block;
    padding: 5px 10px 4px 10px;
    min-width: 112px;
    height: 29px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 14px;
}
.star-rating-icon i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: #D3AA68;
    vertical-align: top;
    font-size: 11px;
    margin-right: 1px;
}
.star-rating-icon .star-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
    text-transform: uppercase;
    vertical-align: top;
}
.star-rating-info {
    display: inline-block;
    vertical-align: middle;
}
.star-rating-info .star-rating {
    display: block;
}
.star-rating-info .count-user-rating {
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
}
.myaccount-link,
.login-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 34px;
    color: #fff;
}
.myaccount-link:hover,
.login-link:hover {
    color: #D3AA68;
}
.myaccount-link span,
.login-link span {
    font-size: 20px;
    padding-right: 9px;
    vertical-align: middle;
}
/* ==========================================================================
   3.2 HEADER LOGO
========================================================================== */
.header-logo {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    line-height: 150px;
}
.header-logo img {
    max-width: 250px;
}
/* ==========================================================================
   3.3 HEADER MINICART
========================================================================== */
.header-minicart {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    text-align: right;
    /*position: relative;*/
}
.header-minicart-wrap {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.minicart-content {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 20px;
    padding-left: 17px;
}
.minicart-content .minicart-name {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}
.minicart-content .minicart-total {
    font-size: 14px;
}
/**/
.minicart-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}
.minicart-icon > span {
    font-size: 80px;
    line-height: 1.2;
    color: #000;
}
.minicart-dropdown {
    position: absolute;
    top: 100%;
    right: -3px;
    width: 443px;
    text-align: left;
    z-index: 2;
    background-color: #fff;
    margin-top: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
}
.header-minicart-wrap:hover .minicart-dropdown {
    opacity: 1;
    visibility: visible;
    margin-top: 13px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.minicart-dropdown::before {
    content: '';
    border-style: solid;
    border-width: 11px 9px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -21px;
    right: 31px;
}
.minicart-dropdown::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 20px;
}
.minicart-dropdown .minicart-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border-bottom: 1px solid #e3e3e3;
    margin: 29px 30px 23px 33px;
    padding-bottom: 16px;
}
.minicart-dropdown > .minicart-items-wrapper {
    max-height: 251px;
}
.minicart-dropdown .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    left: -15px;
}
.minicart-items {
    padding: 0 30px 0 33px;
    list-style: none;
}
.minicart-items .minicart-item {
    position: relative;
    overflow: hidden;
}
.minicart-items .minicart-item:not(:last-child) {
    border-bottom: 1px solid #ededed;
    padding-bottom: 23px;
    margin-bottom: 23px;
}
.minicart-items .product-thumb {
    border: 1px solid #e4e4e4;
    float: left;
    max-width: 84px;
}
.minicart-items .product-info {
    overflow: hidden;
    padding-top: 29px;
    padding-left: 20px;
}
.minicart-items .product-name {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1px;
}
.minicart-items .price {
    font-size: 16px;
    font-weight: 600;
}
.minicart-items .product-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 0;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.minicart-items .product-remove::before,
.minicart-items .product-remove::after {
    content: '';
    display: block;
    background-color: #000000;
    position: absolute;
}
.minicart-items .product-remove::before {
    width: 12px;
    height: 2px;
    top: 15px;
    left: 10px;
}
.minicart-items .product-remove::after {
    width: 2px;
    height: 12px;
    top: 10px;
    left: 15px;
}
.minicart-items .product-remove:hover::before,
.minicart-items .product-remove:hover::after {
    background-color: #D3AA68;
}
.minicart-dropdown .actions {
    margin-top: 40px;
}
.minicart-dropdown .button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    min-width: 50%;
    display: inline-block;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    height: 73px;
    line-height: 73px;
    color: #fff;
    background-color: #000000;
}
.minicart-dropdown .button.button-viewcart {
    background-color: #D3AA68;
}
.minicart-dropdown .button:hover {
    opacity: 0.8;
}
/* ==========================================================================
   3.4 HEADER SEARCHFORM
========================================================================== */
.header-searchform {
    padding: 44px 20px 47px 20px;
    float: left;
    text-align: center;
}
.searchform {
    display: inline-block;
    max-width: 100%;
    width: 663px;
    height: 59px;
    border-radius: 59px;
    border: 1px solid #e4e4e4;
    position: relative;
}
.searchform .search-field {
    width: 100%;
    border: none;
    height: 57px;
    line-height: 57px;
    font-size: 14px;
    color: #a5a0a0;
    padding: 0 80px 0 37px;
}
.searchform .btn-search {
    background: none;
    color: #000;
    height: 57px;
    line-height: 57px;
    min-width: 78px;
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 21px;
}
.searchform .btn-search span {
    font-size: 21px;
}
.searchform .btn-search:hover {
    color: #D3AA68;
}
/* ==========================================================================
    3.5 HEADER MENU
========================================================================== */
.header-position::before,
.header-position::after {
    content: '';
    display: table;
}
.header-position::after {
    clear: both;
}
.header-position.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    right: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    animation: move_down 0.7s ease 0s normal none 1 running;
    -o-animation: move_down 0.7s ease 0s normal none 1 running;
    -webkit-animation: move_down 0.7s ease 0s normal none 1 running;
}
.admin-bar .header-position.fixed {
    top: 32px;
    animation: move_down_admin 0.7s ease 0s normal none 1 running;
    -o-animation: move_down_admin 0.7s ease 0s normal none 1 running;
    -webkit-animation: move_down_admin 0.7s ease 0s normal none 1 running;
}
@keyframes move_down_admin {
    0% {
        top: -75px;
    }
    100% {
        top: 32px;
    }
}
@-webkit-keyframes move_down_admin {
    0% {
        top: -75px;
    }
    100% {
        top: 32px;
    }
}
@keyframes move_down {
    0% {
        top: -75px;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes move_down {
    0% {
        top: -75px;
    }
    100% {
        top: 0;
    }
}
/* ==========================================================================
    3.6 MAIN NAVIGATION
========================================================================== */
.main-navigation .main-menu {
    padding: 0;
    list-style: none;
}
.main-navigation .main-menu .menu-item {
    list-style: none;
    position: relative;
}
.main-navigation .main-menu > .menu-item > a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
    line-height: 48px;
    vertical-align: middle;
}
/*sub menu*/
.main-navigation .main-menu .menu-item .submenu {
    padding-left: 0;
    text-align: left;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 10;
}
.main-navigation .main-menu > .menu-item .submenu:not(.megamenu) {
    padding-top: 17px;
    padding-bottom: 27px;
}
.main-navigation .main-menu > .menu-item .submenu:not(.megamenu) .menu-item {
    padding: 0 30px;
}
.main-navigation .main-menu > .menu-item .submenu .menu-item::before {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    height: 100%;
    z-index: -1;
}
.main-navigation .main-menu > .menu-item .submenu .menu-item:hover::before {
    display: block;
}
.main-navigation .main-menu > .menu-item .submenu a {
    font-size: 16px;
    line-height: 45px;
    display: block;
}
.main-navigation .main-menu .menu-item .submenu .menu-item a {
    color: #000;
}
.main-navigation .main-menu .menu-item .submenu .menu-item a > span {
    position: relative;
    bottom: 4px;
}
.main-navigation .main-menu .menu-item .submenu .menu-item:hover > a {
    color: #D3AA68;
}
.main-navigation .main-menu .toggle-submenu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #000;
}
.main-navigation .main-menu .menu-item:hover > .toggle-submenu {
    color: #D3AA68;
}
/* ==========================================================================
    3.7 HORIZON MENU
========================================================================== */
.horizon-menu {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    position: relative;
}
/*sup menu*/
.horizon-menu .main-navigation .main-menu > .menu-item {
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
}
.horizon-menu .main-navigation .main-menu > .menu-item:first-child {
    padding-left: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item:last-child {
    padding-right: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item::before {
    display: none;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item:hover::before {
    display: block;
}
.horizon-menu .main-navigation .main-menu > .menu-item > a {
    position: relative;
    display: block;
}
/*sub menu*/
.horizon-menu .main-navigation .main-menu .menu-item .submenu {
    position: absolute;
    min-width: 250px;
    background-color: #ffffff;
    border-top: 3px solid #D3AA68;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}
.horizon-menu .main-navigation .main-menu .menu-item:hover > .submenu {
    opacity: 1;
    visibility: visible;
}
.horizon-menu .main-navigation .main-menu > .menu-item > .submenu {
    top: 100%;
    left: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item:hover > .submenu {
    margin-top: 9px;
}
.horizon-menu .main-navigation .main-menu > .menu-item > .submenu .submenu {
    top: -20px;
    left: 100%;
}
.horizon-menu .main-navigation .main-menu .submenu .menu-item:hover > .submenu {
    margin-top: 0;
}
/*.toggle-submenu*/
.horizon-menu .main-navigation .main-menu .toggle-submenu::before {
    display: block;
    content: '\f107';
    font-family: 'FontAwesome', sans-serif;
    height: 48px;
    line-height: 48px;
    width: 25px;
    text-align: center;
    font-size: 14px;
    z-index: 999;
}
.horizon-menu .main-navigation .main-menu .submenu .toggle-submenu {
    display: block;
}
.horizon-menu .main-navigation .main-menu .submenu .toggle-submenu::before {
    height: 45px;
    line-height: 45px;
    width: 30px;
    font-size: 14px;
    content: '\f105';
}
/* ==========================================================================
    3.8 HEADER MEGAMENU
========================================================================== */
.megamenu-wrap {
    padding: 47px 33px 30px 39px !important;
    width: 1198px;
}
.demo-home .demo-thumb {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 8px 1px #e5e5e5;
}
.demo-home .demo-thumb::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.demo-home .demo-thumb:hover::before {
    opacity: 1;
}
.demo-home .demo-thumb img {
    width: 100%;
}
.demo-home .demo-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    border-radius: 5px;
    z-index: 1001;
    min-width: 134px;
    text-align: center;
    background: #D3AA68;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    opacity: 0;
}
.demo-home .demo-thumb:hover .demo-link {
    opacity: 1;
}
.demo-home .demo-title {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.megamenu-wrap1 {
    padding: 47px 33px 71px 39px !important;
    width: 1198px;
}
.col-megamenu11 {
    float: left;
    padding-left: 22px;
    padding-right: 22px;
    width: 26.6666665%;
}
.pb-26 {
    padding-bottom: 26px;
}
.col-megamenu12 {
    float: left;
    padding-left: 22px;
    padding-right: 22px;
    width: 46.6666667%;
}
.pb-27 {
    padding-bottom: 27px;
}
.megamenu-wrap2 {
    padding: 49px 80px 60px 74px !important;
    width: 1198px;
}
.col-megamenu21 {
    float: left;
    padding-left: 22px;
    padding-right: 22px;
    width: 44.8529412%;
}
.pt-12 {
    padding-top: 12px;
}
.pb-78 {
    padding-bottom: 78px;
}
.col-megamenu22 {
    float: left;
    padding-left: 22px;
    padding-right: 22px;
    width: 55.1470588%;
}
.pb-48 {
    padding-bottom: 48px;
}
.megamenu-wrap3 {
    padding: 47px 33px 30px 39px !important;
    width: 1198px;
}
/* ==========================================================================
   3.9 MENU MOBILE
========================================================================== */
.box-mobile-menu .vc_column-inner {
    padding: 0 15px !important;
}
.box-mobile-menu .vc_row {
    padding: 0 !important;
}
.box-mobile-menu-open .body-overlay {
    visibility: visible;
    opacity: 1;
}
.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 11;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}
.box-mobile-menu [class^="vc_col-"],
.box-mobile-menu [class*=" vc_col-"] {
    width: 100% !important;
    float: none;
}
.box-mobile-menu-open .box-mobile-menu {
    left: 0;
}
.box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .submenu {
    left: 0 !important;
    z-index: 101;
}
.box-mobile-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -320px;
    width: 90%;
    max-width: 320px;
    line-height: 30px;
    background-color: #fff;
    color: #666;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 11;
}
.box-mobile-menu .close-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 46px;
    height: 46px;
}
.box-mobile-menu .close-menu::before,
.box-mobile-menu .close-menu::after {
    border-bottom: 2px solid;
    content: "";
    left: 14px;
    position: absolute;
    top: 22px;
    width: 17px;
}
.box-mobile-menu .close-menu::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.box-mobile-menu .close-menu::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.box-mobile-menu .box-inner {
    height: calc(100% - 40px);
    box-shadow: 0 -1px 0 #eee;
    position: relative;
}
.box-mobile-menu .box-title {
    display: block;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding: 8px 0;
    margin: 0 46px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.box-mobile-menu .back-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 24px;
}
.box-mobile-menu .close-menu {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 46px;
    height: 46px;
    text-align: center;
}
.box-mobile-menu .toggle-submenu {
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
    cursor: pointer;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}
.box-mobile-menu .toggle-submenu::before {
    content: "\f105";
}
.box-mobile-menu .submenu .submenu .toggle-submenu {
    display: none;
}
.box-mobile-menu .main-menu {
    position: absolute;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.box-mobile-menu .main-menu .submenu {
    background-color: #fff;
    color: #666;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0 !important;
    left: -100% !important;
    bottom: 0;
    width: 100% !important;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 0;
}
.box-mobile-menu .main-menu > .menu-item,
.box-mobile-menu .main-menu .submenu > .menu-item {
    display: inline-block;
    position: static;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.box-mobile-menu .main-menu .menu-item > a {
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 30px;
}
.box-mobile-menu .main-menu .submenu.megamenu .menu-item > a {
    padding: 0;
}
.box-mobile-menu .main-menu .menu-item-has-children > a {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 50px);
}
.box-mobile-menu .main-menu .submenu .submenu .menu-item-has-children > a {
    display: block;
    width: auto;
}
.box-mobile-menu .main-menu .menu-item-has-children > .toggle-submenu {
    float: right;
    z-index: 30;
}
/*mobile-navigation*/
.mobile-navigation {
    display: none;
    padding: 16px 0 16px 0;
    cursor: pointer;
    font-size: 18px;
}
.menu-btn-icon {
    text-align: center;
    display: inline-block;
    height: 35px;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
    line-height: 7px;
    position: relative;
    width: 50px;
    cursor: pointer;
}
.menu-btn-icon span {
    background-color: #000;
    vertical-align: middle;
    display: inline-block;
    height: 2px;
    width: 24px;
}
.mobile-navigation:hover .menu-btn-icon span {
    background-color: #D3AA68;
}
/* ==========================================================================
    3.10 HEADER STYLE
========================================================================== */
/*.header.style1*/
header.style1 .header-wrap {
    position: relative;
}
header.style1 .header-wrap::before {
    content: '';
    height: 216px;
    width: 150px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #D3AA68;
}
.header.style1 .header-logo {
    width: 297px;
}
.header.style1 .header-searchform {
    width: calc(100% - 594px);
}
.header.style1 .header-minicart-wrap {
    padding-top: 52px;
}
.header.style1 .header-minicart {
    width: 297px;
    background-color: #D3AA68;
}
.header.style1 .header-minicart-icon {
    padding-top: 52px;
}
.header.style1 .header-minicart {
    position: relative;
}
.header.style1 .header-minicart::before {
    position: absolute;
    top: 0;
    right: 100%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 216px 187px;
    border-color: transparent transparent #D3AA68 transparent;
}
.header.style1 .header-minicart::after {
    height: 216px;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #D3AA68;
    content: '';
    position: absolute;
}
.header.style1 .header-wrap-stick,
.header.style1 .header-position {
    background-color: #eeeeee;
}
.header.style1 .horizon-menu {
    width: 100%;
}
.header.style1 .horizon-menu .main-navigation {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 460px;
}
/*.header.style2*/
.header.style2 .header-minicart {
    width: 35%;
    padding-top: 24px;
    padding-bottom: 25px;
}
.header.style2 .header-logo {
    line-height: 146px;
    width: 30%;
    text-align: center;
}
.header.style2 .header-searchform {
    padding-top: 41px;
    padding-bottom: 46px;
    text-align: left;
    width: 35%;
}
.header.style2 .searchform {
    width: 295px;
}
.header.style2 .searchform .search-field {
    padding: 0 15px 0 60px;
}
.header.style2 .searchform .btn-search {
    left: 0;
    right: auto;
    min-width: 60px;
}
.header.style2 .header-wrap-stick {
    text-align: center;
    background-color: #ededed;
}
.header.style2 .header-position {
    background-color: #ededed;
}
.header.style2 .horizon-menu {
    float: none;
}
.header.style2 .horizon-menu .main-navigation {
    padding-top: 4px;
    padding-bottom: 4px;
}
/*.header.style3*/
.header.style3 .header-wrap,
.header.style3 .header-position {
    background-color: #f5f5f5;
}
.header.style3 .header-position.fixed {
    text-align: center;
}
.header.style3 .header-logo {
    width: 260px;
    line-height: 146px;
}
.header.style3 .header-minicart {
    float: right;
    width: 300px;
    padding-top: 24px;
    padding-bottom: 25px;
}
.header.style3 .header-wrap-stick {
    padding-top: 40px;
    padding-bottom: 40px;
    width: calc(100% - 560px);
    float: right;
    background-color: #f5f5f5;
}
.header.style3 .horizon-menu {
    float: none;
}
.header.style3 .horizon-menu .main-navigation {
    padding-top: 9px;
    padding-bottom: 9px;
}
.search-click {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 25px;
}
.search-click span {
    font-size: 20px;
}
.searchform-popup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1002;
}
body.search-open .searchform-popup {
    opacity: 1;
    visibility: visible;
}
.searchform-popup-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 20px;
}
.btn-close-searchform {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    line-height: 48px;
    color: #fff;
}
.searchform-popup-inner .searchform .btn-search {
    color: #a5a0a0;
}
/* ==========================================================================
    4.0 BANNER THEME
========================================================================== */
/* ==========================================================================
    4.1 SLIDE THEME
========================================================================== */
.banner-slider .slide-button {
    display: inline-block;
    min-width: 256px;
    height: 61px;
    line-height: 61px;
    padding: 0 15px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.active .slide-logo {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideInDown;
    -webkit-animation-name: slideInDown;
}
.active .slide-title {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
}
.active .slide-subtitle {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInLeft;
    -webkit-animation-name: bounceInLeft;
}
.active .slide-button {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
}
/*.banner-slider.style1*/
.banner-slider.style1 .slide-item.style1 {
    background: url(../images/home1-slide1.jpg) center center no-repeat;
    padding-top: 174px;
    padding-bottom: 210px;
}
.banner-slider.style1 .slide-item.style1 .slide-logo {
    margin-bottom: 27px;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}
.banner-slider.style1 .slide-item.style1 .slide-title {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 700;
    color: #e72159;
    margin-bottom: 14px;
}
.banner-slider.style1 .slide-item.style1 .slide-subtitle {
    font-family: 'AmidVerrion', sans-serif;
    font-size: 50px;
    letter-spacing: 0.3em;
    color: #ffffff;
    position: relative;
}
.banner-slider.style1 .slide-item.style1 .slide-subtitle::before {
    content: '';
    display: inline-block;
    width: 350px;
    height: 6px;
    background-color: #4cfc14;
    margin-right: 44px;
    margin-bottom: 8px;
    vertical-align: middle;
}
.banner-slider.style1 .slide-item.style1 .slide-button {
    background-color: #e72159;
}
.banner-slider.style1 .slide-item.style2 {
    background: url(../images/home1-slide2.jpg) center center no-repeat;
    padding-top: 174px;
    padding-bottom: 210px;
}
.banner-slider.style1 .slide-item.style2 .slide-logo {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}
.banner-slider.style1 .slide-item.style2 .slide-title {
    margin-bottom: 23px;
    color: #85cd2f;
    font-size: 70px;
}
.banner-slider.style1 .slide-item.style2 .slide-subtitle {
    font-family: 'AmidVerrion', sans-serif;
    font-size: 50px;
    letter-spacing: 0.3em;
    color: #ffffff;
    position: relative;
    margin-bottom: 20px;
}
.banner-slider.style1 .slide-item.style2 .slide-button {
    background-color: #85cd2f;
}
.banner-slider.style1 .slide-item.style3 {
    background: url(../images/home1-slide3.jpg) center center no-repeat;
    padding-top: 174px;
    padding-bottom: 210px;
}
.banner-slider.style1 .slide-item.style3 .slide-logo {
    font-size: 80px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #762fcd;
}
.banner-slider.style1 .slide-item.style3 .slide-title {
    color: #fff;
    font-size: 60px;
    margin-bottom: 10px;
}
.banner-slider.style1 .slide-item.style3 .slide-subtitle {
    font-family: 'AmidVerrion', sans-serif;
    font-size: 50px;
    letter-spacing: 0.3em;
    color: #ffffff;
    position: relative;
    margin-bottom: 7px;
}
.banner-slider.style1 .slide-item.style3 .slide-button {
    background-color: #762fcd;
}
/*.banner-slider.style2*/
.banner-slider.style2 {
    text-align: center;
}
.banner-slider.style2 .slide-button {
    background-color: #D3AA68;
}
.banner-slider.style2 .slide-item.style1 {
    background: url(../images/home2-slide1.jpg) center center no-repeat;
    padding-top: 250px;
    padding-bottom: 323px;
}
.banner-slider.style2 .slide-item.style1 .slide-title {
    font-size: 100px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
.banner-slider.style2 .slide-item.style2 {
    background: url(../images/home2-slide2.jpg) center center no-repeat;
    padding-top: 250px;
    padding-bottom: 323px;
}
.banner-slider.style2 .slide-item.style2 .slide-title {
    font-size: 100px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}
/* ==========================================================================
    4.2 HERO SECTION
========================================================================== */
.hero-section {
    padding-top: 251px;
    padding-bottom: 323px;
}
.hero-section.banner-contact {
    background: url(../images/banner-contact.jpg) no-repeat center center;
}
.hero-section.banner-about {
    background: url(../images/banner-about.jpg) no-repeat center center;
}
.hero-section .hero-border {
    border: 3px solid #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding: 42px 10px 40px 10px;
}
.hero-section h5 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #fff;
    margin-bottom: 6px;
}
.hero-section h1 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}
/* ==========================================================================
    4.3 BREADCRUMBS THEME
========================================================================== */
.craba-breadcrumb .page-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 18px;
}
.craba-breadcrumb .page-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 73px;
    border-bottom: 3px solid #D3AA68;
}
.craba-breadcrumb .trail-items {
    padding-left: 0;
    list-style: none;
}
.craba-breadcrumb .trail-items .trail-item {
    display: inline-block;
    font-size: 14px;
    color: #8d8d8d;
    position: relative;
}
.craba-breadcrumb .trail-items .trail-item:not(:last-child) {
    padding-right: 13px;
    margin-right: 13px;
}
.craba-breadcrumb .trail-items .trail-item:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -3px;
    display: block;
    width: 2px;
    height: 17px;
    background-color: #e0e0e0;
}
.craba-breadcrumb .trail-items .trail-item a {
    color: inherit;
}
.craba-breadcrumb .trail-items .trail-item a:hover {
    color: #D3AA68;
}
.craba-breadcrumb.style1 {
    background-color: #f6f6f6;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 20px;
}
.craba-breadcrumb.style1 .page-title::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.craba-breadcrumb.style2 {
    padding-top: 77px;
    padding-bottom: 82px;
}
.craba-breadcrumb.style2 .page-title {
    float: left;
}
.craba-breadcrumb.style2 .page-title::before {
    left: 0;
}
.craba-breadcrumb.style2 .trail-items {
    float: right;
}
.craba-breadcrumb.style1.about-page {
    background: url(../images/breadcrumb-bg.jpg) no-repeat center center;
    padding-top: 124px;
    padding-bottom: 663px;
}
.craba-breadcrumb.style1.about-page .page-title {
    color: #fff;
}
.craba-breadcrumb.style3 {
    padding-top: 29px;
    padding-bottom: 43px;
}
/* ==========================================================================
   5.0 BLOG THEME
========================================================================== */
/* ==========================================================================
   5.1 BLOG ITEM
========================================================================== */
.post-item:not(:last-child) {
    margin-bottom: 45px;
}
/*.post-header*/
.post-header {
    overflow: hidden;
}
.post-header .post-title {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.post-header .post-title a:not(:hover) {
    color: inherit;
}
.post-meta {
    list-style: none;
    padding: 8px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.post-meta li {
    display: inline-block;
    padding: 3px 20px 3px 0;
    font-size: 14px;
    line-height: 24px;
    color: #989898;
}
.post-meta li span {
    padding-right: 5px;
}
.post-meta li a:not(:hover) {
    color: inherit;
}
/*.post-inner*/
.post-inner {
    overflow: hidden;
}
.post-standard .post-inner .post-thumb {
    width: 45%;
    float: left;
}
.post-standard .post-inner .post-info {
    overflow: hidden;
    padding-left: 30px;
}
.post-info .post-content {
    padding-bottom: 20px;
}
.post-info .post-content p:last-child {
    margin-bottom: 0;
}
/*post-footer*/
.post-footer .post-cat,
.post-footer .post-tag {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 5px;
}
.post-footer .post-cat a,
.post-footer .post-tag a {
    font-size: 14px;
    color: #888888;
    border-radius: 14px;
    text-transform: capitalize;
    font-weight: normal;
}
.post-footer .post-cat a:hover,
.post-footer .post-tag a:hover {
    color: #D3AA68;
}
.post-info .read-more {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    height: 50px;
    line-height: 50px;
    min-width: 150px;
    padding: 0 10px;
    color: #fff;
    background-color: #000000;
}
.post-info .read-more:hover {
    background-color: #D3AA68;
}
.post-single .post-thumb {
    margin-bottom: 15px;
}
/* ==========================================================================
   5.2 BLOG COMMENT
========================================================================== */
/*.comments-area*/
.comments-area {
    border-top: 1px solid #e9e9e9;
    padding-top: 50px;
    margin-top: 50px;
}
.post-single ~ .comments-area {
    padding-bottom: 79px;
}
.product-detail-tab .comments-area {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.comments-area .title-comment {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
}
.comments-area .commentlist,
.comments-area .commentlist .children {
    list-style: none;
}
/*.commentlist*/
.commentlist {
    padding-left: 0;
}
.comment:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.commentlist .children {
    padding-left: 50px;
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #eeeeee;
}
.comment-container {
    display: table;
    width: 100%;
}
.comment-container .avatar {
    display: table-cell;
    width: 110px;
}
.comment-text {
    display: table-cell;
    vertical-align: top;
    padding-left: 18px;
}
.comment-text .comment-author {
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-top: -2px;
    margin-bottom: 1px;
}
.comment-text .comment-date {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    color: #c2c2c2;
    margin-bottom: 16px;
}
/*.comment-control*/
.comment-control {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding-left: 10px;
}
.comment-control a {
    display: inline-block;
    min-width: 69px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    color: #000000;
    border: 1px solid;
}
.comment-control .comment-edit-link {
    margin-bottom: 10px;
}
.comment-control a:hover {
    color: #D3AA68;
}
.comment-text p:last-child {
    margin-bottom: 0;
}
/*.comment-respond*/
.comment-respond {
    border-top: 1px solid #e9e9e9;
    padding-top: 50px;
    margin-top: 50px;
}
.comment-respond .comment-reply-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
}
.comment-form label {
    display: block;
    font-weight: 600;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
    margin-bottom: 20px;
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input {
    width: 100%;
}
.comment-form .comment-form-comment {
    margin-bottom: 20px;
}
.comment-form .form-submit .submit {
    min-width: 150px;
}
/* ==========================================================================
   6.0 SHOP THEME
========================================================================== */
/* ==========================================================================
   6.1 SHOP FILTER
========================================================================== */
.shop-banner img {
    min-height: 200px;
    object-fit: cover;
}
.shop-filter {
    background-color: #f6f6f6;
    padding-top: 37px;
    padding-bottom: 64px;
    margin-bottom: 65px;
}
.shop-filter-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    text-align: left;
    margin-bottom: 17px;
}
.shop-filter .shop-filter-wrap {
    width: 33.3333333%;
    float: left;
    padding: 0 15px 43px 15px;
}
.shop-filter .shop-filter-wrap:nth-child(3n+1) .shop-filter-inner {
    padding-right: 68px;
}
.shop-filter .shop-filter-wrap:nth-child(3n+2) .shop-filter-inner {
    padding-left: 34px;
    padding-right: 34px;
}
.shop-filter .shop-filter-wrap:nth-child(3n) .shop-filter-inner {
    padding-left: 68px;
}
.shop-filter .shop-filter-inner {
    display: inline-block;
    width: 100%;
}
.shop-filter .chosen-container {
    margin-bottom: 0;
    text-align: left;
    width: 100% !important;
}
.shop-filter .chosen-container-single .chosen-single {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    padding: 0 40px 0 25px;
    max-width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    height: 56px;
    line-height: 54px;
}
.shop-filter .chosen-container-single .chosen-single span {
    margin: 0;
    font-size: 14px;
    color: #b0b0b0;
}
.shop-filter .chosen-container-single .chosen-single div {
    width: 27px;
}
.shop-filter .chosen-container-single .chosen-single div b {
    background: none !important;
    position: relative;
}
.shop-filter .chosen-container-single .chosen-single div b:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    left: 0;
}
.shop-filter .chosen-container li {
    font-size: 14px;
    line-height: 24px;
    color: #b0b0b0;
}
.shop-filter .chosen-container .chosen-results li.highlighted {
    background: #f0f2f5;
    color: #000000;
}
.shop-filter .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.shop-filter .chosen-container .chosen-drop {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    border-radius: 0;
}
/* ==========================================================================
   6.2 SHOP TOP CONTROL
========================================================================== */
.shop-top-control {
    padding-bottom: 52px;
}
.top-control-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    padding-right: 20px;
}
.shop-top-control .filter-choice,
.shop-top-control .select-item,
.shop-top-control .products-sort-view {
    display: inline-block;
    margin-right: 26px;
    vertical-align: middle;
    margin-bottom: 25px;
}
.shop-top-control .filter-choice .chosen-container {
    width: 219px !important;
}
.shop-top-control .select-item .chosen-container {
    width: 115px !important;
}
.shop-top-control .chosen-container {
    margin-bottom: 0;
    text-align: left;
}
.shop-top-control .chosen-container-single .chosen-single {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    padding: 0 40px 0 25px;
    max-width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    height: 56px;
    line-height: 54px;
}
.shop-top-control .chosen-container-single .chosen-single span {
    margin: 0;
    font-size: 14px;
    color: #b0b0b0;
}
.shop-top-control .chosen-container-single .chosen-single div b {
    background: none !important;
    position: relative;
}
.shop-top-control .chosen-container-single .chosen-single div {
    width: 27px;
}
.shop-top-control .chosen-container-single .chosen-single div b:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    left: 0;
}
.shop-top-control .chosen-container li {
    font-size: 14px;
    line-height: 24px;
    color: #b0b0b0;
}
.shop-top-control .chosen-container .chosen-results li.highlighted {
    background: #f0f2f5;
    color: #000000;
}
.shop-top-control .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.shop-top-control .chosen-container .chosen-drop {
    border: 1px solid #d8d8d8;
    background: #ffffff;
    border-radius: 0;
}
.shop-top-control .products-sort-view .products-change-view {
    display: inline-block;
    min-width: 56px;
    height: 56px;
    line-height: 54px;
    text-align: center;
    padding: 0 5px;
    color: #a7a7a7;
    border: 1px solid #d8d8d8;
    margin-right: 22px;
}
.shop-top-control .products-sort-view .products-change-view span {
    font-size: 20px;
}
.shop-top-control .products-sort-view .products-change-view:hover,
.shop-top-control .products-sort-view .products-change-view.active {
    color: #000000;
    border-color: #000000;
}
/* ==========================================================================
   6.3 PRODUCT ITEM
========================================================================== */
ul.products-wrap {
    padding-left: 0;
    list-style: none;
}
.product-inner .product-info {
    padding-top: 18px;
    padding-bottom: 6px;
}
.product-inner .product-info .product-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.flashs {
    position: absolute;
    top: 10px;
    left: 10px;
}
.onsale, .onnew {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    padding: 0 13px;
    z-index: 1;
    background-color: #D3AA68;
}
.onsale {
    margin-bottom: 5px;
}
.product-thumb {
    position: relative;
}
.thumb-inner {
    border: 1px solid #e4e4e4;
}
.product-item.style2 .product-inner .product-info .product-name {
    color: #fff;
}
.product-categories a,
.product-name a {
    color: inherit;
}
.product-categories a:hover,
.product-name a:hover {
    color: #D3AA68;
}
.price {
    font-size: 18px;
    font-weight: 600;
    color: #D3AA68;
    margin-bottom: 1px;
}
.price del {
    font-size: 14px;
    color: #b4b4b4;
}
.rating-review .review-count {
    display: inline-block;
    font-size: 15px;
    color: #8d8d8d;
    vertical-align: top;
    padding-left: 12px;
}
.rating-review a.review-count:hover {
    color: #D3AA68;
}
.rating-review .review-link {
    display: inline-block;
    font-size: 15px;
    color: #8d8d8d;
    vertical-align: top;
    padding-left: 16px;
}
.rating-review .review-link:hover {
    color: #D3AA68;
}
/*.star-rating*/
.star-rating {
    white-space: nowrap;
    line-height: 100%;
    display: inline-block;
    font-size: 0;
    position: relative;
    overflow: hidden;
    width: 100px;
    letter-spacing: 9px;
}
.star-rating::before,
.star-rating span::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f005\f005\f005\f005\f005";
    font-size: 13px;
    color: #8d8d8d;
    line-height: 100%;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    line-height: 100%;
}
.star-rating span:before {
    color: #D3AA68;
}
.star-rating-width {
    width: 80%;
}
.product-inner .quick-view {
    position: absolute;
    display: inline-block;
    bottom: -1px;
    right: -1px;
    width: 60px;
    height: 60px;
    background: #fff;
    border-top-left-radius: 60px;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    font-size: 0;
    padding-left: 10px;
}
.product-inner .quick-view::before {
    font-family: 'Flaticon', sans-serif;
    content: "\f11f";
    display: inline-block;
    font-size: 20px;
}
.product-inner .product-thumb .group-button {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: rgba(0, 0, 0, 0.79);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.product-inner:hover .product-thumb .group-button {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.product-inner .product-thumb .group-button .group-button-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.variations-form .data-val {
    margin-bottom: 10px;
}
.variations-form .data-val .change-value {
    height: 22px;
    display: block;
    width: 169px;
    max-width: calc(100% - 20px);
    border-radius: 22px;
    margin: 4px auto 0 auto;
    line-height: 20px;
    font-size: 11px;
    vertical-align: middle;
    border: 1px solid transparent;
    color: #ffffff;
}
.variations-form .data-val .change-value.value-green {
    background-color: #47d162;
}
.variations-form .data-val .change-value.value-blue {
    background-color: #307ad1;
}
.variations-form .data-val .change-value.value-pink {
    background-color: #9c0b97;
}
.variations-form .data-val .change-value.value-violet {
    background-color: #92125a;
}
.group-button .add-to-cart {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    min-width: 180px;
    height: 52px;
    line-height: 48px;
    border: 2px solid;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 6px;
}
.group-button .add-to-cart::before {
    font-family: 'Flaticon', sans-serif;
    display: inline-block;
    vertical-align: top;
    content: "\f106";
    margin-right: 12px;
    font-size: 20px;
}
.group-button .add-to-wishlist,
.group-button .compare {
    text-align: center;
    display: inline-block;
    min-width: 52px;
    height: 52px;
    line-height: 48px;
    border: 2px solid;
    padding: 0 10px;
    vertical-align: top;
    color: #fff;
    font-size: 0;
}
.group-button .add-to-wishlist::before {
    content: "\f108";
    font-family: 'Flaticon', sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}
.group-button .add-to-wishlist:hover::before {
    content: "\f004";
    text-align: center;
    font-size: 18px;
    font-family: 'FontAwesome', sans-serif;
    color: #fff;
}
.group-button .compare::before {
    font-weight: normal;
    content: "\f074";
    text-align: center;
    font-size: 18px;
    font-family: 'FontAwesome', sans-serif;
}
.group-button .add-to-cart:hover,
.group-button .add-to-wishlist:hover,
.group-button .compare:hover {
    border-color: #D3AA68;
    background-color: #D3AA68;
    color: #fff;
}
.product-inner .group-button .add-to-wishlist,
.product-inner .group-button .compare {
    width: 86px;
    margin: 3px 2px;
}
.products-list .product-item .product-inner {
    overflow: hidden;
    padding-bottom: 45px;
    margin-bottom: 47px;
    border-bottom: 1px solid #ededed;
}
.products-list .product-item:last-child .product-inner {
    margin-bottom: 0;
}
.products-list .product-inner .product-thumb {
    float: left;
    width: 300px;
}
.products-list .product-inner .product-info {
    overflow: hidden;
    padding-left: 37px;
    padding-top: 0;
}
.products-list .product-inner .product-info .product-name {
    font-size: 30px;
    margin-top: -7px;
    margin-bottom: 9px;
    font-weight: normal;
}
.products-list .product-inner .rating-review {
    padding-bottom: 20px;
}
.products-list .product-inner .product-des {
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    padding-bottom: 32px;
}
.products-list .group-button .add-to-cart {
    color: #000;
    margin-top: 3px;
}
.products-list .group-button .add-to-cart::before {
    display: none;
}
.products-list .group-icon {
    display: inline-block;
    vertical-align: top;
}
.products-list .group-button .add-to-wishlist,
.products-list .group-button .compare {
    color: #000;
}
.products-list .group-button .add-to-cart:hover,
.products-list .group-button .add-to-wishlist:hover,
.products-list .group-button .compare:hover {
    color: #fff;
}
/* ==========================================================================
   6.4 PRODUCT DETAIL
========================================================================== */
/*.product-gallery*/
.product-gallery {
    padding-right: 68px;
    padding-bottom: 35px;
}
.product-gallery .slider-for {
    margin-bottom: 11px;
}
.product-gallery .slider-for-item {
    border: 1px solid #e4e4e4;
}
.product-gallery .slider-nav-item {
    border: 1px solid #e4e4e4;
}
.product-gallery .slider-nav-item img {
    width: 100%;
}
.product-gallery .slider-nav .slick-list {
    margin-left: -6px;
    margin-right: -6px;
}
.product-gallery .slider-nav .slick-slide {
    padding-left: 6px;
    padding-right: 6px;
}
.product-gallery .slider-for.slick-initialized .slick-slide:not(.slick-current) {
    visibility: hidden;
    opacity: 0;
    cursor: not-allowed;
}
/*summary*/
.summary .product-title {
    font-size: 30px;
    color: #000000;
    margin-top: -17px;
    margin-bottom: 14px;
}
.summary .product-rating {
    margin-bottom: 14px;
}
.summary .review-info {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    padding-left: 5px;
}
.summary .review-info .review-count {
    color: #8d8d8d;
    position: relative;
    padding-right: 19px;
    margin-right: 13px;
}
.summary .review-info .review-count::before {
    content: '';
    background-color: #d0d0d0;
    width: 1px;
    height: 17px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}
.summary .review-info .review-link {
    color: #8d8d8d;
}
.summary .review-info .review-link:hover {
    color: #D3AA68;
}
.summary .product-reference {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 32px;
}
.summary .product-logo {
    margin-bottom: 40px;
}
/*variations*/
.summary .variations {
    list-style: none;
    margin-bottom: 22px;
}
.summary .variations,
.summary .variations tbody,
.summary .variations tr,
.summary .variations td {
    border: none;
    display: inline-block;
    padding: 0;
    width: 100%;
}
.summary .variations tr {
    padding: 0 0 14px 0;
    width: 100%;
}
.summary .variations .label {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 10px;
    color: #8d8d8d;
    text-align: left;
}
.summary .variations .label label {
    font-weight: 600;
    color: #8d8d8d;
    margin-bottom: 17px;
}
.summary .variations .value select {
    width: 280px;
    height: 52px;
    line-height: 52px;
}
.summary .price {
    font-size: 30px;
    margin-bottom: 38px;
}
.summary .stock {
    font-size: 14px;
    color: #8d8d8d;
    padding-top: 17px;
    padding-bottom: 27px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 33px;
}
.summary .stock.availability span {
    color: #54d16b;
}
.summary .produt-brand {
    font-size: 14px;
    color: #D3AA68;
    margin-bottom: 7px;
}
.summary .produt-brand span {
    font-weight: 700;
    color: #000000;
}
.summary .product-des {
    padding-bottom: 33px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 40px;
}
.summary .product-des p {
    font-size: 14px;
    color: #8d8d8d;
    margin-bottom: 8px;
}
.summary .product-des p:last-child {
    margin-bottom: 0;
}
.summary .product-share span {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    letter-spacing: 0.2em;
    color: #8d8d8d;
    text-transform: uppercase;
    padding-right: 27px;
    position: relative;
    top: -3px;
}
.summary .product-share a {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    background-color: #1e1e1e;
    margin-right: 8px;
    margin-bottom: 13px;
}
.summary .product-share a:hover {
    background-color: #D3AA68;
}
/*quantity*/
.quantity {
    display: inline-block;
    position: relative;
    border: 1px solid #000000;
    width: 88px;
    height: 52px;
    margin-right: 10px;
    margin-bottom: 12px;
    text-align: left;
}
.quantity .input-qty {
    border: none;
    color: #000000;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 5px;
    text-align: center;
}
.quantity .quantity-button {
    width: 21px;
    height: 26px;
    line-height: 24px;
    font-size: 16px;
    color: #000000;
    display: block;
    text-align: center;
    position: absolute;
    right: 16px;
}
.quantity .quantity-button:hover {
    color: #D3AA68;
}
.quantity .quantity-button.quantity-plus {
    border-bottom: 1px solid #d9d9d9;
    top: 0;
}
.quantity .quantity-button.quantity-minus {
    bottom: 0;
}
.quantity .quantity-button.quantity-minus::before,
.quantity .quantity-button.quantity-plus::before {
    font-family: 'FontAwesome', sans-serif;
}
.quantity .quantity-button.quantity-minus::before {
    content: '\f0d7';
}
.quantity .quantity-button.quantity-plus::before {
    content: '\f0d8';
}
.summary .single_add_to_cart_button {
    display: inline-block;
    min-width: 180px;
    height: 52px;
    line-height: 52px;
    background-color: #D3AA68;
    text-align: center;
    padding: 0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 10px;
    vertical-align: top;
}
.product-related {
    border-top: 1px solid #ebebeb;
    padding-top: 75px;
    margin-top: 30px;
}
.related-slide {
    padding-top: 53px;
}
.product-detail-adv {
    padding-top: 120px;
    padding-bottom: 79px;
}
/* ==========================================================================
    7.0 WIDGET + PAGINATION + LOADMORE
========================================================================== */
/* ==========================================================================
   7.1 WIDGET THEME
========================================================================== */
.left-sidebar .main-content,
.left-sidebar .main-single-content {
    float: right;
}
.single-container.no-sidebar .craba-breadcrumb .container-outer {
    width: 1180px;
}
.single-container.no-sidebar .content-wrap {
    width: 1140px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sidebar {
    padding-bottom: 50px;
}
.sidebar .shop-sidebar {
    padding-top: 23px;
}
.sidebar .widget:not(:last-child) {
    margin-bottom: 52px;
}
.sidebar .widgettitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 1px solid #D3AA68;
    padding-bottom: 17px;
    margin-top: -1px;
    margin-bottom: 18px;
}
.sidebar .widget ul,
.sidebar .widget ol {
    padding: 0 0 9px 0;
    list-style: none;
}
.sidebar .widget ul ul,
.sidebar .widget ul ol,
.sidebar .widget ol ol,
.sidebar .widget ol ul {
    padding: 0 0 0 17px;
    margin-top: 5px;
    border-top: 1px solid #f0f0f0;
}
.sidebar .widget ul li {
    list-style: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 0;
    font-size: 14px;
    line-height: 30px;
    width: 100%;
}
.sidebar .widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.sidebar .widget p:last-child {
    margin-bottom: 0;
}
/*.widget-picked*/
.sidebar .widget-picked ul li {
    border: none;
}
.widget-picked ul li .item-input {
    display: none;
}
.widget-picked ul li .item-label {
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
    color: #b0b0b0;
}
.widget-picked ul li .item-label::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    margin-right: 15px;
}
.widget-picked ul li .item-input:checked ~ .item-label {
    color: #D3AA68;
}
.widget-picked ul li .item-input:checked ~ .item-label::before {
    border-color: #D3AA68;
    background-color: #D3AA68;
}
/*search-form*/
.search-form {
    position: relative;
}
.search-form .search-field {
    border: 1px solid #e4e4e4;
    padding: 0 20px;
    font-size: 14px;
    height: 52px;
    line-height: 52px;
    width: 100%;
}
.search-form .search-submit {
    height: 52px;
    width: 52px;
    font-size: 16px;
    line-height: 52px;
    padding: 0;
    background-color: #D3AA68;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
}
/*latest-posts-widget*/
.sidebar .latest-posts-widget .latest-post li {
    display: table;
    padding: 10px 0;
    border-bottom: none;
}
.latest-posts-widget .latest-post li .item-photo {
    display: table-cell;
    vertical-align: middle;
    width: 92px;
}
.latest-posts-widget .latest-post li .item-detail {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.latest-posts-widget .latest-post li .item-detail .item-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}
.latest-posts-widget .latest-post li .item-detail .item-date {
    font-size: 14px;
    line-height: 24px;
    color: #989898;
}
/*instagram-widget*/
.instagram-widget {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}
.instagram-widget .item {
    padding: 5px;
    float: left;
    width: 33.3333333%;
}
.instagram-widget .item a {
    display: block;
    overflow: hidden;
}
.instagram-widget .item img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.instagram-widget .item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*tagcloud*/
.tagcloud a {
    font-size: 14px !important;
    color: #888888;
    display: inline-block;
    line-height: 24px;
    border: 2px solid #f1f1f1;
    border-radius: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 10px;
    float: left;
    text-transform: capitalize;
}
.tagcloud a:hover {
    color: #D3AA68;
}
/*latest-products-widget*/
.sidebar .latest-products-widget .product_list_widget li {
    border-bottom: none;
    display: table;
    padding: 10px 0;
}
.product_list_widget li .product-img {
    display: table-cell;
    vertical-align: middle;
    width: 92px;
}
.product_list_widget li .product-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.product_list_widget li .product-info .product-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 5px;
}
.product_list_widget li .product-info .price {
    font-size: 14px;
    line-height: 24px;
    color: #989898;
}
/* ==========================================================================
    7.2 PAGINATION THEME
========================================================================== */
.pagination-footer {
    overflow: hidden;
    padding-top: 66px;
    padding-bottom: 113px;
}
.pagination {
    float: right;
    margin: 0;
}
.pagination .page-numbers {
    padding-left: 0;
    list-style: none;
}
.pagination .page-numbers li {
    display: inline-block;
    margin: 0 3px 14px 9px;
    vertical-align: middle;
}
.pagination .page-numbers li .page-number {
    display: inline-block;
    min-width: 56px;
    height: 56px;
    line-height: 54px;
    text-align: center;
    padding: 0 5px;
    color: #b0b0b0;
    border: 1px solid #d8d8d8;
    font-size: 14px;
}
.pagination .page-numbers li .page-number:hover,
.pagination .page-numbers li .page-number.current {
    color: #000;
    border-color: #000;
}
.pagination .page-numbers li .page-number.prev,
.pagination .page-numbers li .page-number.next {
    font-size: 0;
}
.pagination .page-numbers li .page-number.prev::before,
.pagination .page-numbers li .page-number.next::before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 22px;
}
.pagination .page-numbers li .page-number.prev::before {
    content: "\f104";
}
.pagination .page-numbers li .page-number.next::before {
    content: "\f105";
}
/* ==========================================================================
   8.0 SHORTCODE THEME
========================================================================== */
/* ==========================================================================
   8.1 CRABA ICONBOX
========================================================================== */
.craba-iconbox .iconbox-inner {
    display: table;
    padding: 7px 10px 6px 10px;
    margin: auto;
}
.craba-iconbox .icon {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.craba-iconbox:hover .icon {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.craba-iconbox .icon span::before {
    font-size: 61px;
}
.craba-iconbox .content {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
}
.craba-iconbox .content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding-top: 7px;
    margin-bottom: 3px;
}
.craba-iconbox .content .subtitle {
    font-size: 14px;
    color: #a5a0a0;
    display: block;
    line-height: 1.2;
}
.section-iconbox {
    background-color: #f3f3f3;
    padding-top: 17px;
    padding-bottom: 10px;
}
.section-iconbox .no-padding {
    margin-top: 7px;
    margin-bottom: 7px;
}
.section-iconbox .no-padding:not(:last-child) {
    border-right: 1px solid #d0d0d0;
}
/* ==========================================================================
   8.2 SECTION-TITLE
========================================================================== */
.craba-section-title .craba-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    padding-bottom: 22px;
}
.craba-section-title.light .craba-title {
    color: #fff;
}
/*.craba-section-title.style1*/
.craba-section-title.style1 {
    text-align: center;
}
.craba-section-title.style1 .craba-title::before {
    content: '';
    display: inline-block;
    width: 72px;
    height: 2px;
    background-color: #D3AA68;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/*.craba-section-title.style2*/
.craba-section-title.style2 .craba-title {
    padding-left: 100px;
    padding-bottom: 41px;
}
.craba-section-title.style2 .craba-title::before {
    content: '';
    display: inline-block;
    width: 72px;
    height: 2px;
    background-color: #D3AA68;
    position: absolute;
    top: 8px;
    left: 0;
}
/* ==========================================================================
   8.3 CRABA BANNER
========================================================================== */
.craba-banner {
    position: relative;
}
.craba-banner .banner-thumb {
    position: relative;
    overflow: hidden;
}
.craba-banner .banner-thumb > img {
    width: 100%;
}
.craba-banner .banner-thumb::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    pointer-events: none;
    z-index: 1;
}
.craba-banner:hover .banner-thumb::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.craba-banner .banner-info .banner-title a {
    color: inherit;
}
.craba-banner .banner-info .banner-title a:hover {
    color: #D3AA68;
}
/*.craba-banner.style1*/
.craba-banner.style1 .banner-info {
    position: absolute;
    left: 52px;
    bottom: 32px;
}
.craba-banner.style1 .banner-info .banner-title {
    color: #fff;
    font-weight: 300;
    font-size: 40px;
    position: relative;
    padding-bottom: 22px;
}
.craba-banner.style1 .banner-info .banner-title::before {
    content: '';
    width: 130px;
    height: 4px;
    background-color: #D3AA68;
    position: absolute;
    left: 5px;
    bottom: 0;
}
/*.craba-banner.style2*/
.craba-banner.style2 .banner-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    text-align: center;
}
.craba-banner.style2 .banner-info .banner-title {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
}
/**/
.craba-banner.style3 .banner-info {
    text-align: center;
    padding: 48px 10px 49px 10px;
}
.craba-banner.style3 .banner-info.bg-red {
    background-color: #af001a;
}
.craba-banner.style3 .banner-info.bg-yellow {
    background-color: #c69a59;
}
.craba-banner.style3 .banner-info.bg-blue {
    background-color: #2969cd;
}
.craba-banner.style3 .banner-info .banner-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1em;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.section-cat-banner1 {
    padding-top: 63px;
}
.col-cat-banner1 {
    float: left;
    width: 64.5833333%;
}
.col-cat-banner2 {
    float: left;
    width: 35.4166667%;
}
.section-cat-banner4 {
    padding-top: 80px;
    padding-bottom: 62px;
}
.section-cat-banner5 {
    background: url(../images/cat-banner-bg.jpg);
    background-attachment: fixed;
    padding-top: 161px;
    padding-bottom: 132px;
}
/* ==========================================================================
   8.4 PRODUCT SLIDE
========================================================================== */
.section-product-slide1 {
    padding-top: 60px;
    padding-bottom: 67px;
}
.pb-67 {
    padding-bottom: 67px;
}
/* ==========================================================================
   8.5 ADV
========================================================================== */
.section-adv-banner3 {
    margin-bottom: -192px;
}
.section-adv-banner4 {
    margin-bottom: -183px;
}
/* ==========================================================================
   8.6 CRABA FAQs
========================================================================== */
.section-faqs1 {
    background: url('../images/faqs-bg1.jpg') no-repeat center center;
    background-attachment: fixed;
    padding-top: 298px;
    padding-bottom: 206px;
    margin-top: -123px;
}
.section-faqs2 {
    background: url('../images/faqs-bg2.jpg') no-repeat center center;
    background-attachment: fixed;
    padding-top: 103px;
    padding-bottom: 100px;
}
.section-faqs-border {
    width: 1326px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 65px;
    padding-bottom: 77px;
    border: 3px solid #fff;
}
.craba-faqs {
    text-align: center;
}
.craba-faqs img {
    margin-bottom: 30px;
}
.craba-faqs .faqs-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 32px;
}
.craba-faqs .faqs-subtitle {
    font-size: 30px;
    line-height: 1.6;
    font-weight: 300;
    color: #fff;
    margin-bottom: 36px;
}
.craba-faqs .faqs-des {
    font-size: 16px;
    line-height: 28px;
    color: #8d8d8d;
    position: relative;
    padding-bottom: 48px;
    margin-bottom: 41px;
}
.craba-faqs .faqs-des::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 166px;
    height: 3px;
    background-color: #D3AA68;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.craba-faqs .faqs-note {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    margin-bottom: 69px;
}
.craba-faqs .faqs-note span {
    color: #ff0000;
    text-decoration: underline;
}
.craba-faqs .faqs-button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: inline-block;
    min-width: 225px;
    height: 54px;
    line-height: 52px;
    border: 2px solid;
}
.craba-faqs .faqs-button:hover {
    color: #D3AA68;
}
/* ==========================================================================
   8.7 TAB BOOTSTRAP THEME
========================================================================== */
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li {
    position: relative;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav-tabs {
    border-bottom: none;
    text-align: center;
}
.nav-tabs > li {
    display: inline-block;
    float: none;
}
.nav-tabs > li > a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-right: 0;
    line-height: inherit;
    border: none;
    border-radius: 0;
    position: relative;
    padding-bottom: 2px;
}
.nav-tabs > li > a:hover {
    border-color: transparent;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
    cursor: default;
    background-color: transparent;
    border: none;
}
.tab-content {
    position: relative;
}
.tab-pane {
    display: block !important;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    right: 0;
}
.tab-pane.active {
    opacity: 1;
    position: relative;
    visibility: visible;
}
/*.products-grid-tab*/
.products-grid-tab .nav-tabs {
    margin-bottom: 44px;
}
.products-grid-tab .nav-tabs > li {
    margin: 0 12px;
}
.products-grid-tab .nav-tabs > li.active a,
.products-grid-tab .nav-tabs > li.active a:hover,
.products-grid-tab .nav-tabs > li.active a:focus {
    color: #D3AA68;
}
.products-grid-tab .nav-tabs > li a::before {
    border-bottom: 1px solid #D3AA68;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    width: 100%;
}
.products-grid-tab .nav-tabs > li a:hover::before,
.products-grid-tab .nav-tabs > li.active a::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.section-tab1 {
    padding-top: 113px;
    padding-bottom: 70px;
}
.section-tab2 {
    background-color: #efefef;
    padding-top: 88px;
    padding-bottom: 70px;
}
.pb-25 {
    padding-bottom: 25px;
}
/*.product-detail-tab*/
.product-detail-tab .nav-tabs {
    position: relative;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 34px;
    padding-top: 32px;
    margin-top: 63px;
    margin-bottom: 44px;
}
.product-detail-tab .nav-tabs > li {
    margin: 0 29px;
}
.product-detail-tab .nav-tabs > li a {
    color: #9b9b9b;
}
.product-detail-tab .nav-tabs > li a:hover,
.product-detail-tab .nav-tabs > li.active a,
.product-detail-tab .nav-tabs > li.active a:hover,
.product-detail-tab .nav-tabs > li.active a:focus {
    color: #000000;
}
.product-detail-tab .nav-tabs > li a::before {
    content: '';
    border-bottom: 3px solid #D3AA68;
    bottom: -35px;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    width: 100%;
}
.product-detail-tab .nav-tabs > li a:hover::before,
.product-detail-tab .nav-tabs > li.active a::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.product-detail-tab .tab-pane {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    line-height: 30px;
    color: #8d8d8d;
}
.product-detail-tab .tab-pane p:last-child {
    margin-bottom: 0;
}
/*comment star*/
p.stars {
    line-height: 18px;
    display: inline-block;
    font-size: 16px;
}
p.stars,
p.stars a {
    display: inline-block
}
p.stars a {
    font-weight: 400;
    height: 1em
}
p.stars a::before,
p.stars a:hover ~ a::before {
    color: #8d8d8d;
    content: "\f005"
}
p.stars a {
    position: relative;
    width: 1em;
    text-indent: -999em;
    margin-right: 1px
}
p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: 'FontAwesome', sans-serif;
    text-indent: 0;
}
p.stars:hover a:before,
p.stars.selected:not(:hover) a:before {
    color: #D3AA68;
}
p.stars a:hover ~ a::before,
p.stars.selected:not(:hover) a.active ~ a::before {
    color: #8d8d8d;
}
#rating {
    display: none;
}
/* ==========================================================================
   8.8 PRODUCT REVIEW
========================================================================== */
.product-review-wrap {
    margin-top: 82px;
}
.product-review {
    padding: 32px 25px 36px 42px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
.product-review > span {
    font-size: 39px;
}
.product-review .review-des {
    font-size: 16px;
    line-height: 28px;
    color: #010101;
    margin-top: 18px;
    margin-bottom: 22px;
}
.product-review .rating-review {
    margin-bottom: 6px;
}
.product-review .star-rating::before,
.product-review .star-rating span::before {
    font-size: 17px;
}
.product-review .star-rating {
    width: 140px;
    letter-spacing: 15px;
}
.product-review .review-customer {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #000000;
    margin-bottom: 15px;
}
.product-review .review-date {
    font-size: 14px;
    color: #c1c0c0;
    text-align: right;
}
.section-review1 {
    background: url('../images/review-bg.jpg') no-repeat center center;
    background-attachment: fixed;
    padding-top: 135px;
    padding-bottom: 414px;
}
.section-review1 .owl-carousel .owl-dots {
    bottom: -68px;
}
.pb-82 {
    padding-bottom: 82px;
}
.section-review2 {
    margin-top: -255px;
    padding-bottom: 63px;
}
.col-review-1 {
    float: left;
    width: 32.7810661%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
}
.col-review-2 {
    float: left;
    width: 67.2189339%;
    padding-left: 82px;
    padding-right: 15px;
}
.pb-67 {
    padding-bottom: 67px;
}
/* ==========================================================================
   8.9 CRABA BRAND
========================================================================== */
.craba-brand img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.craba-brand img:hover {
    opacity: 0.5;
}
.craba-brand.style1 {
    border: 1px solid #d0d0d0;
}
.craba-brand.style1 .brand-item {
    border-right: 1px solid #d0d0d0;
}
.craba-brand.style1 .owl-stage:not(.owl-grab) .item-last .brand-item {
    border-right: none;
}
.craba-brand.style1 .brand-item .topbrand:first-child {
    border-bottom: 1px solid #d0d0d0;
}
.section-topbrand1 {
    background-color: #f3f3f3;
    padding-top: 100px;
    padding-bottom: 156px;
}
.pb-55 {
    padding-bottom: 55px;
}
.section-topbrand2 {
    background-color: #f3f3f3;
    padding-top: 309px;
    padding-bottom: 153px;
}
.pb-40 {
    padding-bottom: 40px;
}
.section-topbrand3 {
    padding-top: 133px;
}
.pb-47 {
    padding-bottom: 47px;
}
.brand-banner {
    text-align: center;
    margin-top: 93px;
}
/* ==========================================================================
   8.10 CRABA DEAL PRODUCT
========================================================================== */
.craba-single-product {
    background: url(../images/deal-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-left: 120px;
    margin-top: 175px;
}
.deal-label {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: 34px 15px 34px 60px;
    background: linear-gradient(to right, #6a3093, #3f5efb);
}
.product-deal {
    padding-bottom: 75px;
}
.product-deal .product-thumb {
    float: left;
    width: 46.557377%;
    margin-top: -175px;
    padding-bottom: 30px;
}
.product-deal .product-thumb img {
    width: 100%;
}
.product-deal .product-info {
    float: left;
    position: relative;
    width: 53.442623%;
    padding: 52px 15px 0 60px;
}
.product-deal .product-categories {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8e8e8e;
    padding-bottom: 19px;
    margin-bottom: 30px;
    position: relative;
}
.product-deal .product-categories::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: -15px;
    border-bottom: 1px solid #323232;
}
.product-deal .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    text-transform: capitalize;
    max-width: 250px;
    margin-bottom: 17px;
}
.product-deal .price {
    margin-bottom: 11px;
}
.product-deal .rating-review {
    padding-bottom: 35px;
}
.product-deal .group-button .add-to-cart {
    font-size: 10px;
    margin-right: 7px;
    margin-bottom: 11px;
}
.product-deal .group-button .add-to-wishlist {
    margin-right: 7px;
    margin-bottom: 11px;
}
.deal-coutdown {
    padding-bottom: 112px;
}
.deal-coutdown .time {
    background-color: #4ed98c;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 16px 15px 28px 15px;
    min-width: 148px;
    text-align: center;
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 30px;
}
.deal-coutdown .time:last-child {
    margin-right: 0;
}
.deal-coutdown .time .number-time {
    font-weight: 600;
    display: block;
    font-size: 40px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 18px;
}
.deal-coutdown .time .number-time:last-child {
    margin-right: 0;
}
.deal-coutdown .time .number-time::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.deal-coutdown .time .text-time {
    font-weight: 500;
    display: block;
    font-size: 20px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.section-deal {
    padding-top: 80px;
}
.col-deal-1 {
    float: left;
    width: 54.4210526%;
}
.col-deal-2 {
    float: left;
    width: 45.5789474%;
    padding: 159px 120px 118px 110px;
    background-color: #f3f3f3;
}
/* ==========================================================================
   8.11 CRABA MAP
========================================================================== */
.section-map {
    position: relative;
}
.craba-newsletter {
    position: absolute;
    top: -187px;
    right: 120px;
    width: 815px;
    max-width: 100%;
    z-index: 1;
}
.craba-newsletter .newsletter-header {
    padding: 46px 62px 47px 69px;
    background: linear-gradient(to right, #ff2d55, #c127d3);
}
.craba-newsletter .newsletter-header span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 50px;
    color: #fff;
    font-size: 92px;
}
.craba-newsletter .newsletter-header .newsletter-title {
    display: inline-block;
    vertical-align: middle;
    max-width: 300px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
}
.craba-newsletter .newsletter-content {
    padding: 44px 62px 65px 69px;
    background-color: #202020;
}
.craba-newsletter .newsletter-content .newsletter-des {
    font-size: 20px;
    line-height: 30px;
    max-width: 570px;
    color: #8e8e8e;
    font-weight: 300;
    margin-bottom: 45px;
}
.craba-newsletter .newsletter-content .newsletter-form-wrap {
    color: #fff;
}
.craba-newsletter .newsletter-content .newsletter-form-wrap .submit-email {
    width: 100%;
    height: 72px;
    line-height: 70px;
    border: 1px solid #383838;
    padding: 0 35px;
    color: #6c6c6c;
}
.craba-newsletter .newsletter-content .newsletter-form-wrap .submit-newsletter {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding: 0 15px;
    color: #fff;
    border: 2px solid;
    background: none;
    font-size: 14px;
    min-width: 235px;
    height: 72px;
    line-height: 68px;
    display: table;
    margin-left: auto;
    margin-top: 30px;
}
.craba-newsletter .newsletter-content .newsletter-form-wrap .submit-newsletter:hover {
    color: #D3AA68;
}
.craba-contact {
    position: absolute;
    top: -187px;
    right: 120px;
    width: 815px;
    max-width: 100%;
    z-index: 1;
}
.craba-contact .contact-header {
    padding: 31px 10px 22px 10px;
    background: linear-gradient(to right, #ff2d55, #c127d3);
    text-align: center;
}
.craba-contact .contact-header > span {
    display: inline-block;
    font-size: 81px;
    color: #fff;
    padding-bottom: 21px;
}
.craba-contact .contact-header .contact-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
}
.craba-contact .contact-info {
    padding: 55px 62px 44px 69px;
    background-color: #202020;
}
.craba-contact .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding-bottom: 21px;
    margin-bottom: 32px;
}
.craba-contact .title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 59px;
    border-bottom: 1px solid #D3AA68;
}
.craba-contact .content-wrap {
    padding-bottom: 28px;
}
.craba-contact .content-wrap p {
    font-size: 16px;
    line-height: 26px;
    color: #8e8e8e;
    margin-bottom: 22px;
}
.contact-form-wrap .col-sm-6 {
    margin-bottom: 30px;
}
.contact-form-wrap .contact-input {
    width: 100%;
    height: 65px;
    line-height: 63px;
    border: 1px solid #383838;
    padding: 0 30px;
    font-size: 14px;
    color: #6c6c6c;
}
.contact-form-wrap textarea {
    border: 1px solid #383838;
    padding: 18px 30px;
    font-size: 14px;
    color: #6c6c6c;
    height: 187px;
}
.contact-form-wrap .submit-contact {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    padding: 0 15px;
    color: #fff;
    border: 2px solid;
    background: none;
    font-size: 14px;
    min-width: 235px;
    height: 72px;
    line-height: 68px;
    display: table;
    margin-top: 30px;
}
.contact-form-wrap .submit-contact:hover {
    color: #D3AA68;
}
.response-output {
    display: none;
    margin: 2em 0 0;
    padding: 0.2em 1em;
    border: 2px solid #46b450;
    background: #fff;
}
label.error {
    color: red;
    font-weight: normal;
    font-size: 14px;
    margin: 10px 0 0;
}
.craba-google-maps iframe {
    width: 100%;
    border: none;
    vertical-align: top;
}
@media (max-width: 767px) {
    .craba-contact .contact-info {
        padding: 55px 15px 44px 15px;
    }
}
/* ==========================================================================
   8.12 CRABA CATEGORY
========================================================================== */
.craba-category {
    text-align: center;
}
.craba-category img {
    margin: 0 auto;
}
.section-category1 {
    position: absolute;
    top: -147px;
    left: 0;
    right: 0;
}
.craba-category.style1 {
    border-right: 1px solid #dedede;
}
.owl-stage:not(.owl-grab) .item-last .craba-category.style1 {
    border-right: none;
}
.craba-category.style1 {
    background-color: #f3f3f3;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.craba-category.style1 .category-info {
    padding: 50px 50px 72px 50px;
}
.craba-category.style1 .category-title {
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 26px;
    margin-bottom: 0;
    border-bottom: 1px solid #D3AA68;
}
.craba-category.style1 .category-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    padding: 23px 15px 22px 15px;
    background-color: #D3AA68;
    position: absolute;
    bottom: -73px;
    left: 0;
    width: 100%;
    -webkit-transition: bottom 0.4s ease 0s;
    -moz-transition: bottom 0.4s ease 0s;
    -o-transition: bottom 0.4s ease 0s;
    transition: bottom 0.4s ease 0s;
}
.craba-category.style1 .category-link span {
    display: inline-block;
    padding-right: 25px;
    position: relative;
}
.craba-category.style1 .category-link span::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 0;
    width: 12px;
    border-bottom: 2px solid;
}
.craba-category.style1 .category-link span::after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 11px;
}
.craba-category.style1:hover .category-link {
    bottom: 0;
}
.section-category2 {
    background-color: #f3f3f3;
    padding-top: 152px;
    padding-bottom: 181px;
}
.craba-category.style2 {
    background-color: #f3f3f3;
}
.craba-category.style2 .category-title {
    font-size: 35px;
    font-weight: 300;
    line-height: 40px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 26px;
    margin-bottom: 0;
}
@media(max-width: 1199px) {
    .craba-category.style1 .category-info {
        padding: 50px 30px 72px 30px;
    }
}
/* ==========================================================================
   8.13 CRABA BLOCK TITLE
========================================================================== */
.craba-block-title.gradient-blue {
    background: linear-gradient(to top, #007aff, #00b9ff);
}
.craba-block-title.gradient-orange {
    background: linear-gradient(to top, #ff9500, #ff6b00);
}
.craba-block-title {
    color: #fff;
    padding: 133px 50px 164px 110px;
}
.craba-block-title .block-icon {
    padding-bottom: 30px;
}
.craba-block-title .block-icon span {
    font-size: 77px;
}
.craba-block-title .craba-small-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
}
.craba-block-title .craba-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1;
    color: #fff;
    position: relative;
    margin-bottom: 36px;
    padding-right: 100px;
}
.craba-block-title .craba-title::before {
    position: absolute;
    content: '';
    bottom: 6px;
    right: 0;
    width: 92px;
    border-bottom: 4px solid;
}
.seller-more {
    float: right;
    margin-top: 66px;
    display: inline-block;
    min-width: 225px;
    height: 54px;
    line-height: 50px;
    border: 2px solid;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3em;
    padding: 0 15px;
    text-align: center;
}
.seller-more span {
    padding-right: 39px;
    position: relative;
}
.seller-more span::before {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 18px;
    border-bottom: 2px solid;
}
.seller-more span::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 5px;
}
/* ==========================================================================
   8.14 CRABA SELLER
========================================================================== */
.section-seller {
    position: relative;
    background: url(../images/cloud-bg.jpg) no-repeat top center;
    padding-top: 559px;
    padding-bottom: 49px;
}
.col-seller-1 {
    float: left;
    width: 32.7810661%;
    padding: 151px 15px 30px 15px;
}
.col-seller-2 {
    float: left;
    width: 67.2189339%;
    padding-left: 140px;
    padding-right: 15px;
}
/* ==========================================================================
   8.15 CRABA BLOG
========================================================================== */
.craba-blog .post-thumb {
    margin-bottom: 28px;
}
.craba-blog .post-thumb a {
    display: block;
    position: relative;
}
.craba-blog .post-thumb a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    opacity: 0;
    visibility: visible;
    z-index: 1;
}
.craba-blog:hover .post-thumb a::before {
    opacity: 1;
    visibility: visible;
}
.craba-blog .post-info .post-title {
    font-size: 24px;
    margin-bottom: 1px;
}
.craba-blog .post-info .post-title a {
    color: inherit;
}
.craba-blog .post-info .post-title a:hover {
    color: #D3AA68;
}
.craba-blog .post-info .post-date {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #989898;
}
.section-blog {
    background-color: #f3f3f3;
    padding-top: 108px;
    padding-bottom: 163px;
}
.section-blog .owl-carousel .owl-dots {
    bottom: -74px;
}
.pb-117 {
    padding-bottom: 117px;
}
/* ==========================================================================
   8.16 PRODUCT PICKED
========================================================================== */
.section-product-picked {
    background: url('../images/choose-bg.jpg') no-repeat center center;
    background-attachment: fixed;
    padding-top: 266px;
    padding-bottom: 425px;
}
.pb-100 {
    padding-bottom: 100px;
}
/* ==========================================================================
   8.17 CRABA CUSTOMMENU
========================================================================== */
.craba-custommenu .menu {
    padding-left: 0;
    list-style: none;
}
/*.craba-custommenu.style1*/
.craba-custommenu.style1 .widgettitle,
.menu-title.style1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color: #D3AA68;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 2px;
    padding-bottom: 19px;
    margin-bottom: 9px;
}
.craba-custommenu.style1 .menu .menu-item a {
    font-size: 16px;
    line-height: 40px;
    color: #000;
}
.craba-custommenu.style1 .menu .menu-item a:hover {
    color: #D3AA68;
}
/*.craba-custommenu.style2*/
.craba-custommenu.style2 .widgettitle,
.menu-title.style2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0.2em;
    padding-bottom: 17px;
    margin-bottom: 33px;
    position: relative;
}
.craba-custommenu.style2 .widgettitle,
.menu-title.style2::before {
    content: '';
    display: block;
    width: 67px;
    height: 1px;
    background-color: #D3AA68;
    position: absolute;
    bottom: 0;
    left: 0;
}
.craba-custommenu.style2 .menu .menu-item a {
    font-size: 16px;
    line-height: 35px;
    color: #545454;
}
.craba-custommenu.style2 .menu .menu-item a:hover {
    color: #D3AA68;
}
/* ==========================================================================
    8.18 ABOUT PAGE
========================================================================== */
/*section-about-block*/
.section-about-block {
    margin-top: -553px;
}
.craba-about-block {
    background-color: #049cd4;
    width: 816px;
    max-width: 100%;
    padding: 71px 65px 121px 65px;
}
.about-block-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.1em;
    color: #fff;
    position: relative;
    border-left: 3px solid;
    padding: 28px 0 34px 40px;
    margin-bottom: 39px;
}
.about-block-content {
    color: #fff;
    padding-left: 83px;
}
.about-block-content p {
    margin-bottom: 28px;
}
.about-block-content p:last-child {
    margin-bottom: 0;
}
/*craba-product-about*/
.craba-product-about {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 99px;
}
.craba-product-about .product-about-thumb {
    margin-bottom: 51px;
}
.craba-product-about .product-about-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    position: relative;
    padding-bottom: 49px;
    margin-bottom: 44px;
}
.craba-product-about .product-about-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 73px;
    border-bottom: 3px solid;
}
.craba-product-about .product-about-content {
    color: #8d8d8d;
    padding-bottom: 75px;
}
.craba-product-about .product-about-link {
    display: inline-block;
    min-width: 225px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    padding: 0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #fff;
    background-color: #000;
}
.craba-product-about .product-about-link:hover {
    background-color: #D3AA68;
}
/* ==========================================================================
    9.0 FOOTER THEME
========================================================================== */
/* ==========================================================================
    9.1 BACK TO TOP
========================================================================== */
body #backtotop {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 44px;
    font-size: 20px;
    background: #000;
    border: 2px solid;
    color: #D3AA68;;
    position: fixed;
    bottom: 50px;
    right: 25px;
    text-align: center;
    z-index: 999;
}
body #backtotop:hover {
    background-color: #fff;
}
/* ==========================================================================
    9.2 FOOTER TOP
========================================================================== */
.footer-top {
    background-color: #141414;
    padding-top: 100px;
    padding-bottom: 37px;
}
.col-footer-1 {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 32.5882353%;
}
.col-footer-2 {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    width: 22.9411765%;
}
.col-footer-3 {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    width: 23.2941176%;
}
.col-footer-4 {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    width: 21.1764706%;
}
/*.footer-logo-wrap*/
.footer-logo-wrap img {
    margin-bottom: 38px;
}
.footer-logo-wrap .footer-des {
    font-size: 16px;
    line-height: 28px;
    color: #545454;
    margin-bottom: 46px;
    max-width: 360px;
}
/*.craba-socials*/
.craba-socials {
    overflow: hidden;
}
.craba-socials .socials-title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 49px;
}
.craba-socials .socials-title::before {
    content: '';
    display: block;
    width: 67px;
    height: 1px;
    background-color: #D3AA68;
    position: absolute;
    bottom: 0;
    left: 0;
}
.craba-socials .social-item {
    display: inline-block;
    float: left;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    background-color: #1e1e1e;
    margin-right: 16px;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden;
}
.craba-socials .social-item:last-child {
    margin-right: 0;
}
.craba-socials .social-item i {
    position: relative;
    z-index: 2;
}
.craba-socials .social-item::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D3AA68;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.craba-socials .social-item:hover::before {
    top: 0;
}
/*address-wrap*/
.address-wrap .address-title::before {
    content: '';
    display: block;
    width: 67px;
    height: 1px;
    background-color: #D3AA68;
    position: absolute;
    bottom: 0;
    left: 0;
}
.address-wrap .address-inner {
    font-size: 16px;
    line-height: 35px;
    color: #545454;
}
.address-wrap {
    padding-bottom: 19px;
}
.address-wrap .address-inner {
    margin-bottom: 35px;
}
/* ==========================================================================
    9.3 FOOTER BOTTOM
========================================================================== */
.footer-bottom {
    background-color: #0b0b0b;
    padding-top: 34px;
    padding-bottom: 38px;
}
.copyright {
    font-size: 14px;
    color: #545454;
    padding-top: 19px;
    padding-bottom: 19px;
}
.list-payment {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style: none;
    text-align: right;
}
.list-payment li {
    display: inline-block;
    padding-left: 22px;
}
.list-payment li img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.list-payment li img:hover {
    opacity: 0.5;
}
/* ==========================================================================
   10.0 RESPONSIVE
========================================================================== */
@media ( max-width: 1366px) {
    .container-outer,
    .padding-20,
    .padding-22,
    .padding-30,
    .header-topbar-left,
    .header-topbar-right,
    .horizon-menu,
    .header-logo,
    .header-searchform,
    .header-minicart {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row-20,
    .row-22,
    .row-30 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .topbar-memu li,
    .topbar-right-item,
    .topbar-memu li:first-child,
    .topbar-right-item:first-child,
    .topbar-memu li:last-child,
    .topbar-right-item:last-child {
        padding: 10px 12px;
    }
    .header.style1 .header-wrap::before,
    .header.style1 .header-minicart::before,
    .header.style1 .header-minicart::after {
        display: none;
    }
    .header.style1 .header-minicart {
        background-color: transparent;
    }
    .header.style1 .header-minicart-wrap {
        padding-top: 22px;
    }
    .header.style1 .horizon-menu .main-navigation {
        padding-right: 0;
    }
    .header.style3 .header-wrap {
        background-color: #fff;
    }
    .header.style3 .header-logo,
    .header.style3 .header-minicart {
        width: 50%;
    }
    .header.style3 .header-wrap-stick {
        padding: 0;
        width: 100%;
    }
    .col-footer-1,
    .col-footer-2,
    .col-footer-3,
    .col-footer-4 {
        width: 25%;
    }
    /*shortcode*/
    .craba-contact {
        position: static;
        width: 100%;
    }
    .craba-banner.style1 .banner-info .banner-title {
        font-size: 24px;
        padding-bottom: 12px;
    }
    .craba-banner .banner-info {
        left: 10px;
        bottom: 10px;
    }
    .section-faqs-border {
        border: none;
        padding: 0;
    }
    .craba-single-product {
        padding-left: 15px;
    }
    .deal-coutdown {
        padding-bottom: 30px;
    }
    .deal-coutdown .time {
        min-width: 120px;
        padding: 10px;
        margin-right: 15px;
    }
    .col-deal-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .col-seller-2,
    .col-review-2 {
        padding-left: 15px;
    }
    .craba-block-title {
        padding: 50px 30px;
    }
    .craba-block-title .craba-title {
        font-size: 36px;
        letter-spacing: 0;
    }
}
@media (max-width: 1199px) {
    .admin-bar .header-position.fixed,
    .header-position.fixed {
        position: static;
        animation: none;
        -o-animation: none;
        -webkit-animation: none;
    }
    .craba-banner.style1 .banner-info {
        left: 15px;
        bottom: 10px;
    }
    .header-topbar-left,
    .header-topbar-right {
        width: 100%;
        text-align: center;
    }
    /*footer*/
    .col-footer-1,
    .col-footer-2,
    .col-footer-3,
    .col-footer-4 {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
    }
    /*blog*/
    .comment:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .commentlist .children {
        padding-left: 30px;
        padding-top: 30px;
        margin-top: 30px;
    }
    /*shop*/
    .shop-filter .shop-filter-wrap:nth-child(3n+1) .shop-filter-inner,
    .shop-filter .shop-filter-wrap:nth-child(3n+2) .shop-filter-inner,
    .shop-filter .shop-filter-wrap:nth-child(3n) .shop-filter-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .product-gallery {
        padding-right: 0;
    }
    /*shortcode*/
    .section-iconbox .no-padding:nth-child(2) {
        border-right: none;
    }
    .col-deal-1,
    .col-deal-2 {
        width: 100%;
    }
    .col-deal-2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-deal {
        padding-bottom: 20px;
    }
    .product-deal .product-thumb img {
        width: 100%;
    }
    .section-faqs1 {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .craba-newsletter {
        position: static;
        width: 100%;
    }
    .craba-newsletter .newsletter-header,
    .craba-newsletter .newsletter-content {
        padding: 25px 15px;
    }
    .section-review1 {
        padding-top: 90px;
        padding-bottom: 120px;
    }
    .col-seller-1,
    .col-seller-2,
    .col-review-1,
    .col-review-2 {
        padding-top: 0;
        width: 100%;
    }
    .craba-block-title .craba-title {
        padding-right: 0;
    }
    .craba-block-title .craba-title::before {
        left: 0;
        right: auto;
        bottom: -20px;
    }
}
@media (max-width: 1024px) {
    .main-navigation .main-menu .toggle-submenu {
        display: block;
    }
    /*shortcode*/
    .craba-category .category-link {
        bottom: 0;
    }

}
@media (max-width: 991px) {
    /*header*/
    /*menu mobile*/
    .mobile-navigation {
        display: inline-block;
    }
    .megamenu-wrap,
    .megamenu-wrap1,
    .megamenu-wrap2,
    .megamenu-wrap3 {
        padding: 15px !important;
    }
    .col-megamenu11,
    .col-megamenu12,
    .col-megamenu21,
    .col-megamenu22 {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header.style2 .header-wrap,
    .header.style1 .header-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .header.style1 .header-logo {
        width: 100%;
        text-align: center;
        line-height: 116px;
    }
    .header.style2 .header-searchform,
    .header.style2 .header-minicart,
    .header.style1 .header-searchform,
    .header.style1 .header-minicart {
        width: 50%;
    }
    .header.style2 .header-searchform,
    .header.style1 .header-searchform {
        text-align: left;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .header.style2 .header-minicart {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header.style1 .header-minicart-wrap {
        padding-top: 0;
    }
    .header.style2 .header-wrap-stick {
        text-align: left;
    }
    .header.style2 .horizon-menu {
        display: none;
    }
    .header.style3 .header-wrap-stick {
        display: none;
    }
    .header.style1 .header-position,
    .header.style3 .horizon-menu {
        display: none;
    }
    .header.style2 .header-logo {
        text-align: center;
        width: 100%;
        line-height: 116px;
    }
    .header.style3 .header-logo {
        line-height: 116px;
    }
    .minicart-content {
        padding-left: 5px;
    }
    .minicart-icon > span {
        font-size: 54px;
    }
    .banner-slider.style2 .slide-item.style1,
    .banner-slider.style2 .slide-item.style2 {
        padding-top: 120px;
        padding-bottom: 243px;
    }
    .banner-slider.style2 .slide-item.style1 .slide-title,
    .banner-slider.style2 .slide-item.style2 .slide-title {
        font-size: 35px;
    }
    .single-image img,
    .owl-carousel .owl-item .product-thumb img,
    .craba-banner img,
    .product-thumb img,
    .craba-blog .post-thumb img {
        width: 100%;
    }
    /*footer*/
    .copyright {
        text-align: center;
    }
    .list-payment {
        text-align: center;
    }
    .list-payment li {
        display: inline-block;
        padding: 0 5px;
    }
    /*blog*/
    .post-standard .post-inner .post-thumb {
        width: 100%;
    }
    .post-standard .post-inner .post-info {
        width: 100%;
        padding-top: 30px;
        padding-left: 0;
    }
    /*shop*/
    .left-sidebar .single-left,
    .right-sidebar .single-left,
    .left-sidebar .detail-content,
    .right-sidebar .detail-content {
        width: 100%;
    }
    .pagination {
        float: none;
        width: 100%;
    }
    .pagination .page-numbers li {
        margin: 0 10px 14px 0
    }
    .left-sidebar .products-list .product-inner .product-thumb,
    .right-sidebar .products-list .product-inner .product-thumb {
        float: none;
        width: 100%;
    }
    .left-sidebar .products-list .product-inner .product-info,
    .right-sidebar .products-list .product-inner .product-info {
        padding-top: 25px;
        padding-left: 0;
    }
    /*shortcode*/
    .col-cat-banner1,
    .col-cat-banner2 {
        width: 100%;
    }
    .faqs-des br,
    .faqs-note br {
        display: none;
    }
}
@media (max-width: 767px) {
    /*.owl-carousel*/
    .owl-carousel .owl-nav {
        display: none !important;
    }
    /*header*/
    .admin-bar .box-mobile-menu {
        padding-top: 46px;
    }
    .admin-bar .box-mobile-menu .back-menu,
    .admin-bar .box-mobile-menu .close-menu {
        top: 46px;
    }
    .admin-bar .box-mobile-menu .main-menu .submenu {
        top: 91px;
    }
    .topbar-memu li,
    .topbar-right-item,
    .topbar-memu li:first-child,
    .topbar-right-item:first-child,
    .topbar-memu li:last-child,
    .topbar-right-item:last-child {
        padding: 4px 7px;
    }
    .topbar-memu li:not(:last-child)::before,
    .topbar-right-item:not(:last-child)::before {
        display: none;
    }
    .header.style2 .header-searchform,
    .header.style2 .header-minicart,
    .header.style1 .header-searchform,
    .header.style1 .header-minicart,
    .header.style3 .header-logo,
    .header.style3 .header-minicart {
        width: 100%;
        text-align: center;
    }
    .minicart-dropdown {
        display: none;
    }
    .banner-slider .slide-button {
        min-width: 180px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 0;
    }
    .banner-slider.style1 .slide-item.style1 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .banner-slider.style1 .slide-item.style1 .slide-title {
        font-size: 35px;
    }
    .banner-slider.style1 .slide-item.style1 .slide-subtitle::before {
        display: none;
    }
    .banner-slider.style1 .slide-item.style2 {
        padding-top: 95px;
        padding-bottom: 95px;
    }
    .banner-slider.style1 .slide-item.style2 .slide-title {
        font-size: 30px;
    }
    .banner-slider.style1 .slide-item.style2 .slide-subtitle {
        font-size: 20px;
    }
    .banner-slider.style1 .slide-item.style3 {
        padding-top: 101px;
        padding-bottom: 101px;
    }
    .banner-slider.style1 .slide-item.style3 .slide-logo {
        font-size: 35px;
    }
    .banner-slider.style1 .slide-item.style3 .slide-title {
        font-size: 40px;
    }
    .banner-slider.style1 .slide-item.style3 .slide-subtitle {
        font-size: 35px;
    }
    /*footer*/
    .col-footer-1,
    .col-footer-2,
    .col-footer-3,
    .col-footer-4 {
        width: 100%;
    }
    /*single blog*/
    .comment-container,
    .comment-container .avatar,
    .comment-control {
        display: block;
    }
    .comment-text {
        display: block;
        padding: 20px 0 20px 0;
    }
    /*shop*/
    .shop-filter .shop-filter-wrap {
        width: 50%;
    }
    .products-list .product-inner .product-thumb {
        float: none;
        width: 100%;
    }
    .products-list .product-inner .product-info {
        padding-top: 25px;
        padding-left: 0;
    }
    /*shortcode*/
    .craba-single-product {
        padding-left: 0;
    }
    .section-iconbox .no-padding:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #d0d0d0;
    }
    .product-deal {
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-deal .product-thumb,
    .product-deal .product-info {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .deal-label {
        position: static;
        padding: 15px;
        margin-bottom: 15px;
    }
    .product-deal .product-categories {
        margin-bottom: 10px;
    }
    .deal-coutdown {
        padding-left: 15px;
        padding-right: 15px;
    }
    .deal-coutdown .time {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .deal-coutdown .time .number-time {
        font-size: 26px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .deal-coutdown .time .text-time {
        font-size: 14px;
    }
    .section-faqs2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .craba-faqs .faqs-subtitle {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .craba-faqs .faqs-des {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .craba-faqs .faqs-note {
        margin-bottom: 20px;
        line-height: 20px;
    }
    .hero-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .hero-section h1 {
        font-size: 30px;
    }
    .craba-about-block {
        padding: 30px 20px;
    }
    .about-block-title {
        padding: 15px 0 15px 15px;
    }
    .about-block-content {
        padding-left: 18px;
    }
}
@media (max-width: 480px) {
    /*shop*/
    .shop-filter .shop-filter-wrap {
        width: 100%;
    }
}
/**/
#customer_login {
    overflow: hidden;
    padding-bottom: 70px;
}
.col-1,
.col-2 {
    max-width: 100%;
}
#customer_login .col-1,
#customer_login .col-2 {
    width: calc(50% - 20px);
    float: left;
    border: 1px solid #ebebeb;
    padding: 30px 25px 7px 25px;
    min-height: 529px;
    margin-bottom: 40px;
}
#customer_login .col-2 {
    float: right;
}
#customer_login .form-row {
    margin-bottom: 25px;
}
#customer_login .form-row .input-text {
    width: 100%;
    height: 54px;
    line-height: 54px;
}
#customer_login .form-row label {
    display: block;
}
#customer_login > div > h2 {
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 25px;
}
#customer_login > div > h2::before {
    content: "\f090";
    font-family: 'FontAwesome', sans-serif;
    display: inline-block;
    min-width: 84px;
    height: 84px;
    line-height: 80px;
    border-radius: 50%;
    background-color: #D3AA68;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    margin-right: 20px;
    font-size: 31px;
    font-weight: normal;
    letter-spacing: 0;
}
#customer_login > div.col-2 > h2::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f25d"
}
#customer_login > div > form .form-row:not(.form-row-wide) {
    text-align: center;
}
form.craba-form-login .form-row:not(.form-row-wide),
form.register .form-row:not(.form-row-wide) {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 9px;
}
form.craba-form-login .button,
form.register .button {
    float: left;
    height: 54px;
    line-height: 50px;
    background-color: #fff;
    display: inline-block;
    min-width: 160px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #202020;
    border: 2px solid #202020;
}
form.craba-form-login .button:hover,
form.register .button:hover {
    color: #fff;
    background-color: #202020;
}
form.craba-form-login .craba-form__label {
    float: right;
    margin-bottom: 0;
    line-height: 52px;
}
form.craba-form-login .lost_password {
    text-align: center;
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
}
form.craba-form-login .lost_password a {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
}
form.craba-form-login .lost_password a:not(:hover) {
    color: inherit;
}
form.craba-form-login .lost_password a::before {
    content: '';
    border-bottom: 1px solid;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (max-width: 991px) {
    #customer_login .col-1,
    #customer_login .col-2 {
        width: 100%;
    }
}
/**/
#shipping_method {
    padding-left: 0;
    list-style: none;
}
#shipping_method input[type="radio"] {
    display: none;
}
#shipping_method label {
    position: relative;
    padding-left: 26px;
    color: #666666;
    cursor: pointer;
}
#shipping_method label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#shipping_method input[type="radio"]:checked + label {
    color: #000;
}
#shipping_method input[type="radio"]:checked + label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
body.craba-cart .cart-empty {
    font-size: 38px;
    line-height: 1.2;

    background-color: #fff;
    padding: 90px 15px 25px;
    text-align: center;
    margin-bottom: 0;
}
body.craba-cart .return-to-shop {
    text-align: center;
    padding: 0 15px 90px;

    background-color: #fff;
}
body.craba-cart .return-to-shop a {
    min-width: 170px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: #1b1b1b;
    height: 52px;
    line-height: 52px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
}
body.craba-cart .return-to-shop a:hover {
    background-color: #D3AA68;
}
.cart-collaterals {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 30px;
    background-color: #f3f3f3;
}
.cart-collaterals .cross-sells {
    padding-bottom: 40px;
}
.cross-sells > h2 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-top: 0;
    margin-bottom: 35px;
}
.shop_table .variation {
    display: none;
}
.shop_table thead tr th {
    border-bottom: 0;
    border-top: 0;
}
.shop_table tr td,
.shop_table tr th {
    padding-top: 30px;
    padding-bottom: 30px;
}
body.craba-cart .shop_table tr td.product-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
body.craba-cart .shop_table tr td.product-name,
body.craba-cart .shop_table tr th.product-name {
    border-left: 0;
}
body.craba-cart .shop_table tr td.product-subtotal,
body.craba-cart .shop_table tr th.product-subtotal {
    border-right: 0;
}
.shop_table tr:first-child td,
.shop_table tr:first-child th {
    border-top: 0;
}
.shop_table .product-remove {
    text-align: center;
}
.shop_table .product-remove .remove {
    font-size: 26px;
}
.shop_table .product-remove .remove:not(:hover) {
    color: #bdbdbd;
}
.shop_table .product-thumbnail img {
    max-width: 80px;
    min-width: 60px;
}
.shop_table .product-name a:not(.button) {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.shop_table .product-name a:not(.button):hover {
    color: #D3AA68;
}
.craba-cart-form .shop_table {
    margin-bottom: 0;
    border-left: none;
    border-right: none;
}
.craba-cart-form .shop_table tr td,
.craba-cart-form .shop_table tr th {
    border-left: none;
    border-right: none;
}
.craba-cart-form .shop_table thead {
    display: none;
}
.craba-cart-form .shop_table thead th {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border-color: #d7d7d7;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.craba-cart-form .shop_table thead th.product-name {
    text-align: left;
}
.craba-cart-form .shop_table td.product-price,
.craba-cart-form .shop_table td.product-subtotal {
    font-size: 15px;
    color: #000;
    text-align: center;
}
.craba-cart-form .shop_table td.product-quantity {
    text-align: center;
}
.craba-cart-form .shop_table .actions {
    padding: 40px 0 30px 0;
    overflow: hidden;
    border: 0;
}
.craba-cart-form .shop_table .actions label {
    display: none;
}
.craba-cart-form .shop_table .actions .coupon {
    position: relative;
    max-width: 100%;
    width: 512px;
    float: left;
    margin-bottom: 7px;
}
.craba-cart-form .shop_table .actions #coupon_code {
    width: 100%;
    height: 52px;
    line-height: 50px;
}
.craba-cart-form .shop_table .actions button.button {
    display: inline-block;
    min-width: 160px;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.craba-cart-form .shop_table .actions .coupon button.button {
    position: absolute;
    top: 0;
    right: 0;
}
.craba-cart-form .shop_table .actions button.button:hover {
    background-color: #D3AA68;
}
.craba-cart-form .shop_table .actions > button.button {
    float: right;
}
.cart_totals {
    position: relative;
}
.cart_totals > h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #000000;
    margin: 0;
    padding: 28px 44px 26px;
    letter-spacing: 1px;
}
.cart_totals .shop_table {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-bottom: 0;
}
.cart_totals .shop_table tr:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}
.cart_totals .shop_table tr th,
.cart_totals .shop_table tr td {
    border: 0;
    padding: 15px 20px;
}
.cart_totals .shop_table tr th {
    width: 35%;
    vertical-align: top;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    border-right: 0;
}
.cart_totals .shop_table tr td {
    vertical-align: top;
    font-size: 14px;
    color: #000;
    border-left: 0;
    text-align: right;
}
.cart_totals .shop_table tr.order-total th {
    font-size: 14px;
    font-weight: 500;
}
.cart_totals .shop_table tr.order-total strong {
    font-size: 18px;
    color: #D3AA68;
    font-weight: normal;
}
.craba-shipping-calculator > p {
    margin-bottom: 0;
}
.craba-shipping-calculator > .shipping-calculator-form {
    margin-top: 26px;
}
.shipping-calculator-button,
.shipping-calculator-button:hover,
.shipping-calculator-button:focus,
.shipping-calculator-button:active {
    text-decoration: underline;
}
.shipping-calculator-form {
    text-align: left;
}
.shipping-calculator-form input {
    background-color: #fff;
}
.shipping-calculator-form .button {
    display: inline-block;
    min-width: 160px;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    text-align: center;
}
.craba-proceed-to-checkout {
    text-align: center;
}
.craba-proceed-to-checkout .checkout-button {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #D3AA68;
    letter-spacing: 1px;
    height: 54px;
    line-height: 57px;
    padding: 0 38px;
    margin-top: 30px;
    font-family: 'Roboto', sans-serif;
}
body.craba-cart .no-sidebar .craba-cart-form {
    float: left;
    display: inline-block;
    width: calc(100% - 480px)
}
body.craba-cart .no-sidebar .cart-collaterals {
    display: inline-block;
    width: 440px;
    margin-left: 40px;
    margin-top: 0;
}
.dreaming_crosssell-product {
    display: inline-block;
    width: 100%;
}
@media (max-width: 1199px) {
    .cart_totals > h2,
    body.craba-cart .cart-title {
        font-size: 14px;
        letter-spacing: 0.1em;
        padding: 20px;
    }
    .craba-cart-form .shop_table td.product-price,
    .craba-cart-form .shop_table td.product-subtotal {
        font-size: 15px;
    }
    body.craba-cart .no-sidebar .craba-cart-form {
        width: 100%;
        float: none;
    }
    body.craba-cart .no-sidebar .cart-collaterals {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-top: 40px;
    }
    .shop_table td,
    .shop_table th {
        border-color: #ebebeb;
        padding: 15px;
    }
    .craba-cart-form {
        width: 100%;
    }
    .cart-collaterals {
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }
}
@media (max-width: 991px) {
    .has-sidebar .shop_table {
        display: block;
    }
    .has-sidebar .shop_table thead,
    .has-sidebar .shop_table tfoot,
    .has-sidebar .shop_table tbody,
    .has-sidebar .shop_table tr,
    .has-sidebar .shop_table tr td,
    .has-sidebar .shop_table tr th {
        display: inline-block;
        text-align: center !important;
        width: 100% !important;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
    .has-sidebar .craba-cart-form .shop_table thead {
        display: none;
    }
    .has-sidebar .craba-cart-form .shop_table .actions .coupon,
    .has-sidebar .craba-cart-form .shop_table .actions button.button {
        float: none;
        width: 100%;
    }
    .has-sidebar .craba-cart-form .shop_table tr td,
    .has-sidebar .cart_totals .shop_table tr th {
        border-top: 0;
    }
    .has-sidebar .craba-cart-form .shop_table .actions .coupon button.button {
        position: static;
        margin-top: 10px;
        border-radius: 0;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .shop_table {
        display: block;
    }
    .shop_table thead,
    .shop_table tfoot,
    .shop_table tbody,
    .shop_table tr,
    .shop_table tr td,
    .shop_table tr th {
        display: inline-block;
        text-align: center !important;
        width: 100% !important;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
    body.craba-cart .cart-title {
        border-bottom: 1px solid #ebebeb;
        padding: 20px 15px;
        letter-spacing: 0.1em;
    }
    .cart_totals > h2 {
        padding: 20px 15px;
        letter-spacing: 0.1em;
    }
    .craba-cart-form .shop_table thead {
        display: none;
    }
    .shop_table tr td, .shop_table tr th {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .craba-cart-form .shop_table .actions .coupon,
    .craba-cart-form .shop_table .actions button.button {
        float: none;
        width: 100%;
    }
    .craba-cart-form .shop_table tr td,
    .cart_totals .shop_table tr th {
        border-top: 0;
    }
    .craba-cart-form .shop_table .actions .coupon button.button {
        position: static;
        border-radius: 0;
        margin-top: 10px;
        width: 100%;
    }
    body.craba-cart .cart-empty {
        font-size: 26px;
    }
}
/* ==========================================================================
8.2 CHECKOUT PAGE
========================================================================== */
.craba-form__label-for-checkbox > span {
    position: relative;
    font-size: 18px;
    color: #000;
    padding-left: 26px;
    font-weight: 500;
}
.craba-form__label-for-checkbox > span::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #e8e8e8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 2px;
}
.craba-form__label-for-checkbox .craba-form__input-checkbox {
    display: none;
}
.craba-form__label-for-checkbox .craba-form__input-checkbox:checked + span {
    color: #000;
}
.craba-form__label-for-checkbox .craba-form__input-checkbox:checked + span::before {
    background-color: #D3AA68;
}
.craba-form__label-for-checkbox .craba-form__input-checkbox:checked + span::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: 6px;
    top: 8px;
}
#payment {
    border: 1px solid #ebebeb;
    background-color: #f3f3f3;
}
#payment ul {
    padding: 30px 30px 20px 30px;
    list-style: none;
}
#payment .input-radio {
    display: none;
}
#payment .input-radio ~ label {
    position: relative;
    padding-left: 26px;
    color: #000;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 500;
}
#payment .input-radio ~ label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#payment .input-radio:hover + label::after,
#payment .input-radio:checked + label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*SELECT2 RESET*/
body .select2-container {
    width: 100% !important;
}
body .select2-dropdown {
    border: 1px solid transparent;
}
body .select2-container--default .select2-selection--single {
    height: 54px;
    line-height: 52px;
    border: 1px solid transparent;
    background-color: #fff;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666666;
    line-height: 52px;
    padding-left: 15px;
    padding-right: 40px;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    width: 50px;
}
body .select2-container .select2-choice .select2-arrow b:after {
    border: none;
    font-family: 'FontAwesome', sans-serif;
    content: "\f107";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    margin-left: -15px;
}
body .select2-dropdown {
    border-radius: 0;
}
body .select2-dropdown .select2-search .select2-search__field {
    background-color: #ffffff;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e6e6;
}
body .select2-results__option {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}
body .select2-dropdown .select2-result {
    color: #888888;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f0f2f5;
    color: #000;
}
body .select2-container--default .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results__option[data-selected="true"] {
    color: #000;
}
.craba-checkout-login .craba-info,
.craba-checkout-coupon .craba-info {
    padding: 40px 20px 50px 122px;
    border: 1px solid #eee;
    background-color: transparent;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    font-family: 'Roboto', sans-serif;
    position: relative;
    margin-bottom: 40px;
}
.craba-checkout-login .craba-info::before,
.craba-checkout-coupon .craba-info::before {
    width: 84px;
    height: 84px;
    line-height: 84px;
    border-radius: 50%;
    background-color: #D3AA68;
    color: #fff;
    content: "\f079";
    font-family: 'FontAwesome', sans-serif;
    text-align: center;
    font-size: 44px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 20px;
    letter-spacing: 0;
}
.craba-checkout-coupon .craba-info::before {
    content: "\f0d6";
}
.craba-checkout-login .craba-info a,
.craba-checkout-coupon .craba-info a {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: initial;
    padding-top: 6px;
}
.craba-checkout-login .craba-info a:not(:hover),
.craba-checkout-coupon .craba-info a:not(:hover) {
    color: #868686;
}
.checkout_coupon {
    overflow: hidden;
    padding: 35px 25px 10px 25px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.checkout_coupon .button {
    background-color: #1b1b1b;
    height: 52px;
    line-height: 50px;
    display: inline-block;
    min-width: 160px;
    padding: 0 15px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
}
.checkout_coupon .button:hover {
    background-color: #D3AA68;
}
.craba-checkout-login .craba-form-login {
    padding: 35px 25px 10px 25px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.checkout-before-top {
    overflow: hidden;
}
.checkout-before-top .craba-checkout-login,
.checkout-before-top .craba-checkout-coupon {
    width: calc(50% - 20px);
    float: left;
}
.checkout-before-top .craba-checkout-coupon {
    float: right;
}
form.craba-checkout {
    position: relative;
}
form.craba-checkout::before,
form.craba-checkout::after {
    content: '';
    display: table;
}
form.craba-checkout::after {
    clear: both;
}
.validate-required label .required {
    display: none;
}
.validate-required label::after {
    content: '*';
    color: #ff0000;
}
/*.craba-billing-fields*/
.craba-billing-fields > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px;
}
/*craba-account-fields*/
.craba-account-fields {
    padding: 25px 0 0;
}
.craba-account-fields > p {
    margin-bottom: 10px;
}
.craba-account-fields #account_password_field {
    margin-bottom: 0;
}
.form-row {
    margin-bottom: 30px;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.form-row:last-child {
    margin-bottom: 0;
}
.form-row > label {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
}
.craba-input-wrapper > select,
.craba-input-wrapper > input,
.form-row > input {
    width: 100%;
    height: 52px;
    line-height: 50px;
}
.form-row-first {
    float: left;
    width: calc(50% - 15px);
}
.form-row-last {
    float: right;
    width: calc(50% - 15px);
}
/*.craba-shipping-fields*/
#customer_details .col-1 {
    position: relative;
    max-width: 100%;
    padding: 0;
}
#customer_details .col-2 {
    margin-top: 50px;
    max-width: 100%;
}
.craba-shipping-fields #ship-to-different-address {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}
.craba-shipping-fields #ship-to-different-address label {
    color: inherit;
    margin: 0;
}
.craba-shipping-fields .shipping_address {
    padding-top: 20px;
}
#order_comments {
    border-radius: 0;
    height: 195px;
}
/*#order_review*/
#order_review_heading {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 20px;
}
#order_review .shop_table {
    background-color: #f3f3f3;
    border-top: none;
    margin-bottom: 30px;
}
#order_review .shop_table thead {
    background-color: #000000;
}
#order_review .shop_table tr th,
#order_review .shop_table tr td {
    border-left: 0;
    border-right: 0;
    padding: 17px 25px;
    color: #000;
}
#order_review .shop_table tr th {
    vertical-align: top;
    font-size: 14px;
    font-weight: 500;
    padding: 22px 25px;
    width: 30%;
}
#order_review .shop_table tr td strong {
    font-weight: 500;
}
#order_review .shop_table tfoot tr th,
#order_review .shop_table tfoot tr td {
    border-bottom: 0;
}
#order_review .shop_table tr.shipping td,
#order_review .shop_table tr.cart-subtotal td,
#order_review .shop_table tr.order-total td,
#order_review .shop_table tr .product-total {
    text-align: right;
}
#order_review .shop_table tfoot tr.cart-subtotal th,
#order_review .shop_table tfoot tr.shipping th {
    font-weight: 500;
}
#order_review .shop_table tfoot tr.shipping p:last-child {
    margin-bottom: 0;
}
#order_review .shop_table tfoot tr.order-total th,
#order_review .shop_table tfoot tr.order-total td {
    padding: 22px 25px;
}
#order_review .shop_table tfoot tr.order-total th {
    font-size: 20px;
}
#order_review .shop_table tfoot tr.order-total td strong {
    font-size: 20px;
    color: #D3AA68;
}
#order_review .shop_table tbody tr:first-child td,
#order_review .shop_table tbody tr:first-child th,
#order_review .shop_table tfoot tr:first-child td,
#order_review .shop_table tfoot tr:first-child th {
    border-top: 0;
}
#order_review .shop_table thead tr th {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
#order_review .shop_table tfoot {
    font-size: 14px;
    color: #000;
}
.place-order {
    text-align: center;
}
.place-order .craba-terms-and-conditions-wrapper {
    padding: 0 30px;
}
#place_order {
    background-color: #D3AA68;
    color: #fff;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    border-radius: 0;
    width: calc(100% - 60px);
    margin-bottom: 30px;
    font-weight: 600;
}
#place_order:hover {
    background-color: #000;
}
.wc_payment_method:not(:last-child) {
    padding-bottom: 20px;
}
.payment_box {
    border: 1px solid #ebebeb;
    position: relative;
    padding: 15px;
    margin-top: 18px;
    background-color: #fff;
}
.payment_box p:last-child {
    margin-bottom: 0;
}
.payment_box::before {
    content: '';
    border-width: 0 9px 10px 9px;
    border-style: solid;
    border-color: transparent transparent #e9e9e9 transparent;
    position: absolute;
    top: -10px;
    left: 25px;
}
.payment_box::after {
    content: '';
    border-width: 0 8px 10px 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -9px;
    left: 26px;
}
.no-sidebar form.craba-checkout {
    overflow: hidden;
}
.no-sidebar #customer_details {
    float: left;
    width: calc(100% - 480px);
}
.no-sidebar #order_review {
    float: right;
    width: 480px;
    padding-left: 40px;
}
.no-sidebar #order_review_heading {
    float: right;
    width: 440px;
}
.craba-order .craba-notice {
    font-size: 14px;
    font-weight: 500;
    background: #000;
    padding: 30px 25px;
    margin-bottom: 30px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 0;
    text-align: center;
}
.craba-order .craba-order-overview {
    background: #f6f6f6;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 30px 25px;
    list-style: none;
}
.craba-order .craba-order-overview li::before {
    font-family: 'FontAwesome', sans-serif;
    content: '\f105';
    margin-right: 12px;
    font-size: 18px;
    color: #bdbdbd;
}
.craba-order .craba-order-details .shop_table {
    border: none;
}
.craba-order .craba-order-details .shop_table thead {
    background-color: #e9e9e9;
}
.craba-order .craba-order-details .shop_table tbody tr:first-child td,
.craba-order .craba-order-details .shop_table tbody tr:first-child th,
.craba-order .craba-order-details .shop_table tfoot tr:first-child td,
.craba-order .craba-order-details .shop_table tfoot tr:first-child th {
    border-top: 0;
}
.craba-order .craba-order-details .shop_table tfoot tr:last-child td,
.craba-order .craba-order-details .shop_table tfoot tr:last-child th {
    border-bottom: 0;
}
.craba-order .craba-order-details .shop_table tr th,
.craba-order .craba-order-details .shop_table tr td {
    border-left: 0;
    border-right: 0;
    padding: 17px 25px;
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.craba-order .craba-order-details {
    background: #f6f6f6;
    border-radius: 0;
    margin-bottom: 30px;
}
.craba-order .craba-order-details .craba-order-details__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 25px;
    margin: 0;
    color: #fff;
    background-color: #D3AA68;
}
.craba-order .craba-customer-details {
    background: #f6f6f6;
    border-radius: 0;
}
.craba-order .craba-customer-details .craba-column__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 25px;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
}
.craba-order .craba-customer-details address {
    padding: 20px 25px;
}
.craba-order .craba-customer-details address p {
    margin-bottom: 10px;
}
#customer_details .col-2 .craba-additional-fields > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin: 0 0 20px;
}
@media (max-width: 1199px) {
    .checkout-before-top .craba-checkout-login,
    .checkout-before-top .craba-checkout-coupon {
        width: 100%;
        float: none;
    }
    .no-sidebar #customer_details {
        float: none;
        width: 100%;
    }
    .no-sidebar #order_review_heading {
        float: none;
        width: 100%;
    }
    .no-sidebar #order_review {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .craba-checkout-login .craba-form-login,
    #payment ul {
        padding: 20px 15px;
    }
    .place-order .craba-terms-and-conditions-wrapper {
        padding: 0 15px;
    }
    .checkout_coupon {
        padding: 20px 15px 0 15px;
    }
    #customer_details {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    #order_review {
        width: 100%;
    }
    #order_review .shop_table tr th,
    #order_review .shop_table tr td {
        padding: 15px !important;
    }
    #place_order {
        font-size: 14px;
    }
    .craba-order .craba-customer-details address,
    .craba-order .craba-customer-details .craba-column__title,
    .craba-order .craba-order-details .craba-order-details__title,
    .craba-order .craba-order-overview,
    .craba-order .craba-notice {
        padding: 20px 15px;
    }
    .craba-order .craba-order-details .shop_table tr th,
    .craba-order .craba-order-details .shop_table tr td {
        padding: 15px;
    }
    .craba-order .craba-notice,
    .craba-order .craba-order-details .craba-order-details__title,
    .craba-order .craba-customer-details .craba-column__title {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .form-row-first,
    .form-row-last {
        width: 100%;
        float: none;
    }
    .craba-checkout-login .craba-info,
    .craba-checkout-coupon .craba-info {
        padding: 25px 15px 25px 90px;
    }
    .craba-checkout-login .craba-info::before,
    .craba-checkout-coupon .craba-info::before {
        width: 60px;
        height: 60px;
        line-height: 60px;
        left: 15px;
        font-size: 28px;
    }
    .craba-order .craba-order-details .shop_table thead {
        display: none;
    }
    .craba-order .craba-order-details .shop_table tfoot tr:last-child th {
        border-bottom: 1px solid #ebebeb;
    }
    .craba-order .craba-notice,
    .craba-order .craba-order-details .craba-order-details__title,
    .craba-order .craba-customer-details .craba-column__title {
        font-size: 14px;
    }
}
body.craba-cart .main-container {
    padding-bottom: 70px;
}