@import url("simple-line-icons.css");
@import url("fonts.css");
@import url("ionicons.min.css");
@import url("zoa-font.css");
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}


audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


svg:not(:root) {
    overflow: hidden;
}


hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
    background: #DDD;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    .navbar {
        display: none;
    }
    .btn>.caret, .dropup>.btn>.caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td, .table th {
        background-color: #fff !important;
    }
    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}

.justify-flex-start {
    justify-content: flex-start !important;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}


*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: FFMarkWebProRegular;
    font-size: 14px;
    line-height: 1.428571429;
    color: #222222;
    background-color: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

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

a:hover, a:focus {
    color: #000000;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}



.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
    font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
    font-size: 75%;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}


.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

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

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase, .initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #000000;
}

a.text-primary:hover, a.text-primary:focus {
    color: #b71d1d;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover, a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #b71d1d !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #000000;
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #b71d1d;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0;
}


.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt, dd {
    line-height: 1.428571429;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777777;
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 1025px) {
    .container {
        width: 970px;
    }
}

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

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-1 {
        width: 8.3333333333%;
    }
    .col-sm-2 {
        width: 16.6666666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.3333333333%;
    }
    .col-sm-5 {
        width: 41.6666666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.3333333333%;
    }
    .col-sm-8 {
        width: 66.6666666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.3333333333%;
    }
    .col-sm-11 {
        width: 91.6666666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-pull-1 {
        right: 8.3333333333%;
    }
    .col-sm-pull-2 {
        right: 16.6666666667%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-4 {
        right: 33.3333333333%;
    }
    .col-sm-pull-5 {
        right: 41.6666666667%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-7 {
        right: 58.3333333333%;
    }
    .col-sm-pull-8 {
        right: 66.6666666667%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-10 {
        right: 83.3333333333%;
    }
    .col-sm-pull-11 {
        right: 91.6666666667%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.3333333333%;
    }
    .col-sm-push-2 {
        left: 16.6666666667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.3333333333%;
    }
    .col-sm-push-5 {
        left: 41.6666666667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.3333333333%;
    }
    .col-sm-push-8 {
        left: 66.6666666667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.3333333333%;
    }
    .col-sm-push-11 {
        left: 91.6666666667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1025px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.3333333333%;
    }
    .col-md-2 {
        width: 16.6666666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.3333333333%;
    }
    .col-md-5 {
        width: 41.6666666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.3333333333%;
    }
    .col-md-8 {
        width: 66.6666666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.3333333333%;
    }
    .col-md-11 {
        width: 91.6666666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-pull-1 {
        right: 8.3333333333%;
    }
    .col-md-pull-2 {
        right: 16.6666666667%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-4 {
        right: 33.3333333333%;
    }
    .col-md-pull-5 {
        right: 41.6666666667%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-7 {
        right: 58.3333333333%;
    }
    .col-md-pull-8 {
        right: 66.6666666667%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-10 {
        right: 83.3333333333%;
    }
    .col-md-pull-11 {
        right: 91.6666666667%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.3333333333%;
    }
    .col-md-push-2 {
        left: 16.6666666667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.3333333333%;
    }
    .col-md-push-5 {
        left: 41.6666666667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.3333333333%;
    }
    .col-md-push-8 {
        left: 66.6666666667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.3333333333%;
    }
    .col-md-push-11 {
        left: 91.6666666667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-1 {
        width: 8.3333333333%;
    }
    .col-lg-2 {
        width: 16.6666666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333333333%;
    }
    .col-lg-5 {
        width: 41.6666666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333333333%;
    }
    .col-lg-8 {
        width: 66.6666666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.3333333333%;
    }
    .col-lg-11 {
        width: 91.6666666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.3333333333%;
    }
    .col-lg-pull-2 {
        right: 16.6666666667%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.3333333333%;
    }
    .col-lg-pull-5 {
        right: 41.6666666667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.3333333333%;
    }
    .col-lg-pull-8 {
        right: 66.6666666667%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.3333333333%;
    }
    .col-lg-pull-11 {
        right: 91.6666666667%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.3333333333%;
    }
    .col-lg-push-2 {
        left: 16.6666666667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.3333333333%;
    }
    .col-lg-push-5 {
        left: 41.6666666667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.3333333333%;
    }
    .col-lg-push-8 {
        left: 66.6666666667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.3333333333%;
    }
    .col-lg-push-11 {
        left: 91.6666666667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
    width: 75%;
    text-transform: uppercase;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media (min-width: 480px) {
    .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
        padding: 30px 8px 30px 0;
    }
}

.table>thead>tr>th {
    vertical-align: bottom;
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

@media (min-width: 480px) {
    .table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
        padding: 15px 0;
    }
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*border: 1px solid #ddd;*/
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn, .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn, .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio+.radio, .checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

.form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
}

.input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #626262;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group>.form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: none;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #353535;
    text-decoration: none;
    outline: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #353535;
    background-color: #fff;
    border-color: #77797b;
}

.btn-default:focus, .btn-default.focus {
    color: #353535;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #353535;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    color: #353535;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
    color: #353535;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #77797b;
}

.btn-default .badge {
    color: #fff;
    background-color: #353535;
}

.btn-primary {
    color: #fff;
    background-color: #000000;
    border-color: #cd2121;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #b71d1d;
    border-color: #5f0f0f;
}

.btn-primary:hover {
    color: #fff;
    background-color: #b71d1d;
    border-color: #981818;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #b71d1d;
    border-color: #981818;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #981818;
    border-color: #5f0f0f;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #000000;
    border-color: #cd2121;
}

.btn-primary .badge {
    color: #000000;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #000000;
    font-weight: normal;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
    outline: none;
}

.btn-link:hover, .btn-link:focus {
    color: #000000;
    text-decoration: underline;
    background-color: transparent;
    outline: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs, .btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
}

.fade.in {
    opacity: 1;
}

.skew {
    transform: scale(0);
    transition: all 0.5s ease-in-out;
}

.modal.in .skew {
    transform: scale(1);
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn, .btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after {
    content: " ";
    display: table;
}

.btn-group-vertical>.btn-group:after {
    clear: both;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 0;
}

.input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:before, .nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav>li {
    position: relative;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.nav>li.disabled>a {
    color: #777777;
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: transparent;
    border-color: #000000;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #000000;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li, .nav-tabs.nav-justified>li {
    float: none;
}

.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li, .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a, .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar:before, .navbar:after {
    content: " ";
    display: table;
}

.navbar:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table;
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block;
        height: auto;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

.navbar-nav>li>a {
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .form-control-static {
        display: inline-block;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group>.form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
    color: #77797b;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #77797b;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #77797b;
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #090909;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.breadcrumb {
    list-style: none;
    border-radius: 4px;
}

.breadcrumb>li {
    display: block;
    font-size: 13px;
    float: left;
    line-height: 30px;
}

.breadcrumb>li:before {
    content: "\e069";
    font-family: 'simple-line-icons';
    margin-right: 5px;
    color: #888;
    font-size: 14px;
    float: left;
}

.breadcrumb>li+li:before {
    /*content: "\f10b";*/
    font-family: "Ionicons";
    padding: 0 10px;
    color: #888;
    content: "\f3d6";
    font-size: 22px;
    float: left;
    line-height: 32px;
}

@media (max-width: 480px) {
    .breadcrumb>li+li:before {
        padding: 0 5px;
    }
}

.breadcrumb>li a {
    color: #888;
    font-size: 13px;
    overflow: hidden;
}

.breadcrumb>.active {
    /*font-weight: 600;*/
}

.breadcrumb>.active a {
    color: #222;
    font-weight: 600;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline-block;
    padding: 0 7px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 16px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #222;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:first-child {
    padding-left: 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #222;
    border-color: #222;
}

.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #222222;
    border-color: #222222;
    cursor: default;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

.pager:before, .pager:after {
    content: " ";
    display: table;
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #222;
}

.pager .next>a, .pager .next>span {
    float: right;
}

.pager .previous>a, .pager .previous>span {
    float: left;
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-default {
    background-color: #777777;
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #000000;
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #b71d1d;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-group-xs>.btn .badge, .btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px;
}

.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #000000;
    background-color: #fff;
}

.list-group-item>.badge {
    float: right;
}

.list-group-item>.badge+.badge {
    margin-right: 5px;
}

.nav-pills>li>a>.badge {
    margin-left: 3px;
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eeeeee;
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit;
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}

.jumbotron>hr {
    border-top-color: #d5d5d5;
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px;
    }
    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px;
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.thumbnail>img, .thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.thumbnail .caption {
    padding: 9px;
    color: #222222;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #000000;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

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

.alert>p, .alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 12px;
    margin-bottom: 20px;
    background-color: #cccccc;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    background-color: #222;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
    background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media, .media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right, .media>.pull-right {
    padding-left: 10px;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}

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

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

a.list-group-item, button.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333;
}

a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #f9dada;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    border-bottom: 1px solid #eee;
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}

.panel-heading {
    padding: 22px 30px;
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a {
    color: inherit;
}

.panel-footer {
    padding: 22px 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.list-group, .panel>.panel-collapse>.list-group {
    margin-bottom: 0;
}

.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group+.panel-footer {
    border-top-width: 0;
}

.panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table {
    margin-bottom: 0;
}

.panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption {
    padding-left: 30px;
    padding-right: 30px;
}

.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd;
}

.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
    border: 0;
}

.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}

.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}

.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}

.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-default {
    border-color: #ddd;
}

.panel-default>.panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}

.panel-primary {
    border-color: #000000;
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #000000;
}

.panel-primary>.panel-heading .badge {
    color: #000000;
    background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #000000;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc;
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc;
}

.panel-danger {
    border-color: #ebccd1;
}

.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1;
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close, .emiclose, .couponclose {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover, .close:focus, .emiclose:hover, .couponclose:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button, .close, button.emiclose, button .couponclose {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
    padding: 0 !important;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    top: 30%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-open .modal.in {
    /* display: flex !important; */
    align-items: center;
    justify-content: center;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table;
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-body {
    position: relative;
    padding: 15px;
}

#DeleteCartModel .modal-body, #WishlistCartModel .modal-body {
    padding: 15px 15px 15px 25px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 1025px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: FFMarkWebProRegular;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: FFMarkWebProRegular;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 15px;
}

.popover>.arrow, .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover>.arrow {
    border-width: 11px;
}

.popover>.arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner>.item.next, .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0;
    }
    .carousel-inner>.item.prev, .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0;
    }
    .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}

.carousel-inner>.active {
    left: 0;
}

.carousel-inner>.next, .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner>.next {
    left: 100%;
}

.carousel-inner>.prev {
    left: -100%;
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
    left: 0;
}

.carousel-inner>.active.left {
    left: -100%;
}

.carousel-inner>.active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
}

.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

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

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
    .visible-sm-block {
        display: block !important;
    }
    .visible-sm-inline {
        display: inline !important;
    }
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm, .hidden-sm-middel {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .hidden-sm-center {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

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

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/**
 * Import component variables
 */

body {
    padding: 0px;
    font-weight: 400;
    margin: 0px;
}

input, textarea, .form-control, button, .btn {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a {
    color: #2b2b2b;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

a:hover, a:focus {
    color: #000000;
    text-decoration: none;
    outline: none;
}

button {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

@keyframes myAnimation {
    from {
        right: 50px;
    }
    to {
        right: 0px;
    }
}



.slick-slide:focus, .slick-slide a {
    outline: none;
}

.red {
    color: #000000;
}

.f-40 {
    font-size: 40px;
}

.f-20 {
    font-size: 20px;
}

.f-17 {
    font-size: 17px;
}

.f-15 {
    font-size: 15px;
}

@media (min-width: 1400px) {
    .container-content {
        width: 1200px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1780px) {
    .container-content {
        width: 1200px;
    }
}

@media (max-width: 1024px) {
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

.container-full {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

.f-col4 {
    width: 25%;
    flex: 1 1 25%;
    position: relative;
}

@media (max-width: 480px) {
    .f-col4 {
        width: 100%;
        flex: 1 1 100%;
    }
}

.f-col6 {
    width: 50%;
    flex: 1 1 50%;
    position: relative;
}

@media (max-width: 480px) {
    .f-col6 {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media (max-width: 812px) {
    .sm-f-col6 {
        width: 50%;
        flex: 1 1 50%;
        position: relative;
    }
}

@media (max-width: 480px) {
    .xs-f-col6 {
        width: 100%;
        flex: 1 1 100%;
        position: relative;
    }
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1025px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 768px) {
    /* Column clear fix */
    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-15:nth-child(5n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {
        clear: none;
    }
    .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
        clear: left;
    }
}

/*  Medium Desktop  */

@media (min-width: 1025px) {
    /* Column clear fix */
    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-15:nth-child(5n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) {
        clear: left;
    }
}

/*  Large Desktop  */

@media (min-width: 1200px) {
    /* Column clear fix */
    .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) {
        clear: none;
    }
    .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) {
        clear: left;
    }
}

.pushmenu {
    /*this is the nav*/
    background: #FFF;
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
}

.pushmenu.pushmenu-left {
    background: transparent;
}

@media (min-width: 480px) {
    .pushmenu.pushmenu-left {
        width: 470px;
    }
}

.pushmenu-left {
    right: -470px;
}

.pushmenu-left.pushmenu-open {
    right: 0;
    background: #fff;
    z-index: 9999;
}

.pushmenu-push-toright {
    right: 362px;
}

.pushmenu-push-toright-cart {
    right: 362px;
}

@media (min-width: 480px) {
    .pushmenu-push-toright-cart {
        right: 470px;
    }
}

/*Transition*/

.pushmenu, body {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1000000;
}

/*.pushmenu.search-opened, body.search-opened */

.pushmenu.search-opened {
    overflow: hidden;
}

.pushmenu-push-toright .wrappage {
    position: relative;
}

.pushmenu-push-toright-cart .wrappage:after {
    position: absolute;
    background: rgba(29, 29, 31, 0.6) none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;
    cursor: pointer;
}

@media (max-width: 320px) {
    .pushmenu {
        width: 320px;
    }
    .pushmenu-left {
        right: -280px;
    }
    .pushmenu-push-toright-cart {
        right: 280px;
    }
    .pushmenu.pushmenu-left {
        width: 280px;
    }
}

.mg-top-30 {
    margin-top: 30px;
}

.mg-bottom-30 {
    margin-bottom: 30px;
}

.mg-30 {
    margin: 30px 0;
}

.mg-top-15 {
    margin-top: 15px;
}

.mg-bottom-15 {
    margin-bottom: 15px;
}

.mg-right-30 {
    margin-right: 30px;
}

.mg-left-30 {
    margin-left: 30px;
}

@media (min-width: 768px) {
    .sm-mg-bottom-60 {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .xs-mg-bottom-30 {
        margin-bottom: 30px;
    }
}

.no-mg {
    margin: 0;
}

.pd-right-30 {
    padding-right: 30px !important;
}

@media (min-width: 1025px) {
    .hover-images {
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
    }
    .hover-images img {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }
    .hover-images:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.effect-img3 {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.plus-zoom:hover:before {
    right: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.plus-zoom:hover:after {
    top: 50%;
    bottom: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.plus-zoom::before, .plus-zoom::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1;
}

/* Firefox */

@-moz-keyframes myAnimation {
    from {
        right: 50px;
    }
    to {
        right: 0px;
    }
}

/* Chrome */

@-webkit-keyframes myAnimation {
    from {
        right: 50px;
    }
    to {
        right: 0px;
    }
}

/* Opera */

@-o-keyframes myAnimation {
    from {
        right: 50px;
    }
    to {
        right: 0px;
    }
}

.rotate-180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.overlay-img {
    background-color: rgba(239, 246, 246, 0.6);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.contact-overlay-img {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.banner-overlay-img {
    background-color: rgba(34, 34, 34, 0.25);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-overlay-img {
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.bd-bottom {
    border-bottom: 1px solid #eee;
}

.bd-top {
    border-top: 1px solid #eee;
}

.zoa-btn {
    display: block;
    background: #222222;
    border-color: #222;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.zoa-btn:hover {
    background: #000000;
    color: #fff;
    border-color: #000000;
}

.btn-login {
    width: 100%;
    padding: 16px 0;
    text-align: center;
    font-size: 15px;
}

.zoa-wl-addcart {
    width: 240px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    float: right;
}

.btn-shopnow {
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 32px;
    text-align: center;
}

.text-note {
    color: #888888;
    margin-top: 5px;
}

.text-note a {
    color: #222222;
    position: relative;
    padding-bottom: 1px;
}

.text-note a:hover {
    color: #000000;
}

.text-note a:hover:after {
    background: #000000;
}

.text-note a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #222;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}

.text-note.no-mg {
    margin: 0;
}

.mb-title {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    padding: 0 30px;
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .title {
        font-size: 46px;
        letter-spacing: 0.02em;
    }
}

@media (min-width: 480px) {
    .title a {
        font-size: 46px;
    }
}

.title.home-title {
    font-size: 30px;
    letter-spacing: 0.02em;
}

.shop-heading {
    background: #f6f6f6;
    padding: 44px 0;
}

.shop-heading h1 {
    font-size: 36px;
}

.shop-heading .breadcrumb {
    margin-top: 5px;
}

.shop-title {
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1025px) {
    .shop-title {
        margin-top: 0;
    }
}

.related-title {
    font-size: 24px;
}

@media (min-width: 1025px) {
    .related-title {
        font-size: 36px;
    }
}

.desc {
    font-size: 16px;
    color: #999;
}

/*
     4.4. Icon-progress
 */

span.star {
    color: #ffb933;
    margin: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

span.star:first-child {
    margin-left: 0;
}

span.star:last-child {
    color: #999;
}

span.star:before {
    content: '\f005';
    font-family: FontAwesome;
}

.form-customer .form-group label {
    font-weight: 400;
    margin-bottom: 10px;
}

.form-customer .form-group input {
    height: 55px;
    border: 1px solid #eee;
    color: #888;
    padding-left: 15px;
}

.form-customer .form-group input::-webkit-input-placeholder {
    color: #888888;
    font-size: 14px;
}

.form-customer .form-group input:-moz-placeholder {
    color: #888888;
    font-size: 14px;
}

.form-customer .form-group input::-moz-placeholder {
    color: #888888;
    font-size: 14px;
}

.form-customer .form-group input:-ms-input-placeholder {
    color: #888888;
    font-size: 14px;
}

.form-customer .checkbox {
    margin: 0;
}

.form-customer .checkbox input {
    margin-left: 0;
    -ms-transform: scale(1.5);
    /* IE */
    -moz-transform: scale(1.5);
    /* FF */
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -o-transform: scale(1.5);
}

.form_newsletter input {
    width: 300px;
    height: 50px;
    border: 1px solid #ddd;
    color: #888;
    padding-left: 28px;
}

.form_newsletter input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
}

.form_newsletter input:-moz-placeholder {
    color: #666;
    font-size: 14px;
}

.form_newsletter input::-moz-placeholder {
    color: #666;
    font-size: 14px;
}

.form_newsletter input:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
}

.form_newsletter .button_mini {
    width: 180px;
    height: 50px;
}

@media (max-width: 480px) {
    .form_newsletter .button_mini {
        margin-top: 15px;
    }
}

@media (min-width: 480px) {
    .form_newsletter {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

.breadcrumb {
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.breadcrumb.v2 {
    margin: 34px 0;
}

.box-center {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    align-items: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}

.box-center.align-items-end {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
}

.slide-btn {
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding-bottom: 8px;
}

.slide-btn:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.slide .pagingInfo {
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 16px;
}

@media (min-width: 480px) {
    .slide .pagingInfo {
        font-size: 36px;
    }
}

.slide .pagingInfo span {
    font-size: 10px;
    font-weight: 600;
    color: #999;
}

@media (min-width: 480px) {
    .slide .pagingInfo span {
        font-size: 16px;
    }
}

.slide .pagingInfo span:before {
    content: "/";
    padding: 0 6px;
    color: #222;
}

.slide .slide-img, .slide .collection-img {
    position: relative;
}

.slide.v4 .slick-dots {
    bottom: 5px;
}

@media (min-width: 480px) {
    .slide.v4 .slick-dots {
        bottom: 30px;
    }
}

.slide.v4 .content1 h3 {
    color: #FFF;
}

@media (min-width: 1025px) {
    .slide.v4 .content1 h3 {
        font-size: 90px;
        margin-bottom: 25px;
    }
}

.slide.v4 .content1 a {
    color: #FFF;
}

.slide.v4 .content1 a:hover {
    color: #000000;
}

.slide.v2 {
    position: relative;
}

.slide.v2 .content1 {
    text-align: center;
}

@media (min-width: 480px) {
    .slide.v2 .content1 {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        width: 40%;
        padding-left: 16.6667%;
    }
}

@media (min-width: 1025px) {
    .slide.v2 .content1 h3 {
        font-size: 72px;
    }
}

.slide.v2 .content1 a {
    margin-right: auto;
    margin-left: auto;
}

.slide.v2 .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slide.v2 .slick-dots {
    width: 10%;
    right: 50px;
    left: 15px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 1025px) {
    .slide.v2 .slick-dots {
        left: 105px;
    }
}

.slide.v2 .slick-dots li {
    height: 2px;
    width: 15px;
    display: block;
    padding: 2px 0;
    margin: 15px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

@media (min-width: 480px) {
    .slide.v2 .slick-dots li {
        margin: 30px 0;
    }
}

.slide.v2 .slick-dots li button {
    width: 40px;
    height: 30px;
}

.slide.v2 .slick-dots li button:before {
    height: 2px;
    width: 15px;
    opacity: 0.4;
    background-color: black;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.slide.v2 .slick-dots li.slick-active {
    height: 2px;
    width: 40px;
}

.slide.v2 .slick-dots li.slick-active button:before {
    height: 2px;
    width: 40px;
    opacity: 1;
}

.slide.v2 .slick-dots li:hover {
    height: 2px;
    width: 40px;
}

.slide.v2 .slick-dots li:hover button:before {
    height: 2px;
    width: 40px;
    opacity: 1;
}

.slide.v2 .custom {
    position: absolute;
    left: 15px;
    bottom: 15px;
}

@media (min-width: 1025px) {
    .slide.v2 .custom {
        left: 105px;
        bottom: 35px;
    }
}

.slide.v3, .slide.v6, .slide.v5 {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

@media (min-width: 480px) {
    .slide.v3 .content1, .slide.v6 .content1, .slide.v5 .content1 {
        padding-top: 17%;
    }
}

.slide.v3 .content1 h3, .slide.v6 .content1 h3, .slide.v5 .content1 h3 {
    letter-spacing: 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 480px) {
    .slide.v3 .content1 h3, .slide.v6 .content1 h3, .slide.v5 .content1 h3 {
        font-size: 19px;
    }
}

@media (min-width: 1025px) {
    .slide.v3 .content1 h3, .slide.v6 .content1 h3, .slide.v5 .content1 h3 {
        margin-bottom: 68px;
    }
}

.slide.v3 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow {
    border: 2px solid #222;
    font-weight: 600;
    background: transparent;
}

@media (min-width: 480px) {
    .slide.v3 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow {
        padding: 14px 46px;
    }
}

@media (max-width: 480px) {
    .slide.v3 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow {
        font-size: 8px;
        padding: 10px 32px;
    }
}

.slide.v3 .content1 .btn-shopnow:hover, .slide.v6 .content1 .btn-shopnow:hover, .slide.v5 .content1 .btn-shopnow:hover {
    background: #000000;
    border-color: #000000;
    color: #FFF;
}

@media (min-width: 480px) {
    .slide.v3 .content2, .slide.v6 .content2, .slide.v5 .content2 {
        padding-right: 30%;
    }
}

.slide.v3 .content2 h3, .slide.v6 .content2 h3, .slide.v5 .content2 h3 {
    letter-spacing: 0.02em;
}

@media (min-width: 480px) {
    .slide.v3 .content2 h3, .slide.v6 .content2 h3, .slide.v5 .content2 h3 {
        font-size: 72px;
        margin-bottom: 30px;
    }
}

.slide.v3 .content3, .slide.v6 .content3, .slide.v5 .content3 {
    padding-top: 23%;
}

@media (min-width: 480px) {
    .slide.v3 .content3 .slide-btn, .slide.v6 .content3 .slide-btn, .slide.v5 .content3 .slide-btn {
        font-size: 18px;
    }
}

.slide.v3 .content5, .slide.v6 .content5, .slide.v5 .content5 {
    padding-left: 25%;
    padding-top: 10%;
    text-align: center;
}

.slide.v3 .content5 .tag-title, .slide.v6 .content5 .tag-title, .slide.v5 .content5 .tag-title {
    letter-spacing: 0.2em;
    font-weight: 600;
}

@media (min-width: 480px) {
    .slide.v3 .content5 .tag-title, .slide.v6 .content5 .tag-title, .slide.v5 .content5 .tag-title {
        font-size: 30px;
    }
}

.slide.v3 .content5 h3, .slide.v6 .content5 h3, .slide.v5 .content5 h3 {
    font-weight: bold;
}

@media (min-width: 480px) {
    .slide.v3 .content5 h3, .slide.v6 .content5 h3, .slide.v5 .content5 h3 {
        font-size: 50px;
    }
}

@media (min-width: 1025px) {
    .slide.v3 .content5 h3, .slide.v6 .content5 h3, .slide.v5 .content5 h3 {
        font-size: 140px;
        margin-top: 30px;
        margin-bottom: 35px;
    }
}

.slide.v3 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow {
    border: 2px solid #222;
    font-weight: 600;
    background: transparent;
}

@media (min-width: 480px) {
    .slide.v3 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow {
        padding: 10px 32px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .slide.v3 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow {
        font-size: 8px;
        padding: 8px 12px;
    }
}

.slide.v3 .content5 .btn-shopnow:hover, .slide.v6 .content5 .btn-shopnow:hover, .slide.v5 .content5 .btn-shopnow:hover {
    background: #000000;
    border-color: #000000;
    color: #FFF;
}

.slide.v3 .slick-dotted.slick-slider, .slide.v6 .slick-dotted.slick-slider, .slide.v5 .slick-dotted.slick-slider {
    margin-bottom: 0;
}

/*.slide.v3 .slick-dots, .slide.v6 .slick-dots, .slide.v5 .slick-dots {*/

/*width: 10%;*/

/*right: 50px;*/

/*left: 15px;*/

/*bottom: auto;*/

/*top: 50%;*/

/*-webkit-transform: translateY(-50%);*/

/*transform: translateY(-50%);*/

/*}*/

/*@media (min-width: 1025px) {*/

/*.slide.v3 .slick-dots, .slide.v6 .slick-dots, .slide.v5 .slick-dots {*/

/*left: 90px;*/

/*}*/

/*}*/

/*.slide.v3 .slick-dots:after, .slide.v6 .slick-dots:after, .slide.v5 .slick-dots:after {*/

/*content: url("/client-assets/eCommerce-Branding/images/retange.png");*/

/*position: absolute;*/

/*left: 12px;*/

/*bottom: -38px;*/

/*}*/

/*@media (min-width: 480px) {*/

/*.slide.v3 .slick-dots:after, .slide.v6 .slick-dots:after, .slide.v5 .slick-dots:after {*/

/*left: 15px;*/

/*}*/

/*}*/

.main-slider .slick-prev, .main-slider .slick-next {
    display: block;
    /*padding: 2px 0;*/
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    float: left;
    bottom: 10px;
    top: auto;
}

.main-slider .slick-prev:hover, .main-slider .slick-next:hover {
    color: #252a2b;
    background-color: #FFF;
}

.main-slider .slick-prev {
    right: 50%;
    left: auto;
}

.main-slider .slick-next {
    left: 50%;
    right: auto;
}

@media (min-width: 480px) {
    /*.slide.v3 .slick-dots li, .slide.v6 .slick-dots li, .slide.v5 .slick-dots li {*/
    /*margin: 25px 0;*/
    /*}*/
}

/*.slide.v3 .slick-dots li button, .slide.v6 .slick-dots li button, .slide.v5 .slick-dots li button {*/

/*width: 11px;*/

/*height: 11px;*/

/*background: url("/client-assets/eCommerce-Branding/images/dot.png") no-repeat center;*/

/*text-indent: -9999px;*/

/*overflow: hidden;*/

/*}*/

/*@media (min-width: 480px) {*/

/*.slide.v3 .slick-dots li button, .slide.v6 .slick-dots li button, .slide.v5 .slick-dots li button {*/

/*padding: 0px;*/

/*}*/

/*}*/

.slide.v3 .slick-dots li button:before, .slide.v6 .slick-dots li button:before, .slide.v5 .slick-dots li button:before {
    background-color: transparent;
}

.main-slider .slick-prev:before, .main-slider .slick-next:before {
    font-family: 'Ionicons';
    display: block;
    color: #FFF;
    opacity: 1;
    font-size: 14px;
    width: 100%;
    height: 100%;
    line-height: 28px;
}

.main-slider .slick-prev:before {
    content: "\f124";
}

.main-slider .slick-next:before {
    content: "\f125";
}

.main-slider .slick-prev:hover:before, .main-slider .slick-next:hover:before {
    color: #252a2b;
}

@media (min-width: 480px) {
    /*.slide.v3 .slick-dots li.slick-active, .slide.v6 .slick-dots li.slick-active, .slide.v5 .slick-dots li.slick-active {*/
    /*margin-bottom: 103px;*/
    /*}*/
}

/*.slide.v3 .slick-dots li.slick-active button, .slide.v6 .slick-dots li.slick-active button, .slide.v5 .slick-dots li.slick-active button {*/

/*background: url("/client-assets/eCommerce-Branding/images/active_dot.png") no-repeat center;*/

/*}*/

/*@media (min-width: 480px) {*/

/*.slide.v3 .slick-dots li.slick-active button:before, .slide.v6 .slick-dots li.slick-active button:before, .slide.v5 .slick-dots li.slick-active button:before {*/

/*content: "";*/

/*height: 60px;*/

/*width: 2px;*/

/*background: #222;*/

/*margin: 58px 20px;*/

/*}*/

/*}*/

.slide.v3 .custom, .slide.v6 .custom, .slide.v5 .custom {
    position: absolute;
    left: 15px;
    bottom: 0;
}

@media (min-width: 1025px) {
    .slide.v3 .custom, .slide.v6 .custom, .slide.v5 .custom {
        left: 105px;
    }
}

.slide.v3 .pagingInfo span, .slide.v6 .pagingInfo span, .slide.v5 .pagingInfo span {
    color: #222;
    font-size: 12px;
    font-weight: bold;
}

.slide.v6 .slick-dots {
    width: 40px;
    left: -20px;
}

@media (min-width: 480px) {
    .slide.v6 .slick-dots {
        background: #fff;
    }
}

@media (max-width: 480px) {
    .slide.v6 .slick-dots {
        left: 0;
    }
}

.slide.v6 .custom {
    left: 30px;
    bottom: 15px;
}

@media (min-width: 1400px) {
    .slide.v6 .custom {
        left: 75px;
        bottom: 35px;
    }
}

@media (max-width: 480px) {
    .slide.v6 .custom {
        bottom: 0;
    }
}

.slide.v6 .tags-label-right {
    position: absolute;
    top: 45%;
    -webkit-transform: rotate(90deg) translateX(50%);
    transform: rotate(90deg) translateX(50%);
    transform-origin: center right;
    padding: 10px 90px;
    right: 10px;
    background: #FFF;
}

@media (max-width: 480px) {
    .slide.v6 .tags-label-right {
        display: none;
    }
}

.slide.v6 .tags-label-right a {
    letter-spacing: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.slide.v5 .content4 {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start;
    padding-left: 45%;
}

@media (min-width: 480px) {
    .slide.v5 .content4 {
        padding-left: 63%;
    }
}

.slide.v5 .content4 .tag-title {
    font-weight: 600;
    font-size: 8px;
    text-transform: uppercase;
    color: #FFF;
    background: #222;
    letter-spacing: 0.5em;
    padding: 5px 15px;
}

@media (min-width: 480px) {
    .slide.v5 .content4 .tag-title {
        font-size: 15px;
    }
}

.slide.v5 .content4 h3 {
    font-weight: 600;
}

@media (min-width: 768px) {
    .slide.v5 .content4 h3 {
        font-size: 60px;
    }
}

@media (min-width: 1400px) {
    .slide.v5 .content4 h3 {
        font-size: 80px;
        line-height: 84px;
        margin-top: 45px;
        margin-bottom: 50px;
    }
}

@media (min-width: 480px) {
    .slide.v5 .content4 .slide-btn {
        font-size: 18px;
    }
}

.slide.v5 .slick-dots {
    /*width: 7%;*/
    right: 15px;
    left: auto;
    bottom: 10px;
    display: flex !important;
    justify-content: center;
}

@media (min-width: 480px) {
    .slide.v5 .slick-dots {
        right: 0;
    }
}

.slide.v5 .custom {
    right: 30px;
    left: unset;
}

@media (min-width: 1400px) {
    .slide.v5 .custom {
        right: 105px;
    }
}

.slide.v10 .content1 {
    padding-left: 24%;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.slide.v10 .content1 a {
    font-size: 18px;
}

.scroll_top {
    display: none;
    bottom: 75px;
    position: fixed;
    right: 15px;
    width: 44px;
    height: 44px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    z-index: 1003;
}

.scroll_top i {
    line-height: 44px;
}

.scroll_top i:before {
    line-height: 44px;
}

.scroll_top:focus i {
    color: #FFF;
}

/*
    6.1. Header
            6.1.1. Header version 1
            6.1.2. Header version 2
            6.1.3. Header version 3
            6.1.4. Header version 4
            6.1.5. Header version 5
 */

.row.flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.v-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex.lr {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.flex.lr2 {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.justify-content-between {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.justify-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.element {
    display: inline-block;
    padding: 0 10px;
    position: relative;
}

.element-notifaction a {
    display: flex !important;
}

.element-notifaction a svg {
    fill: #FFF;
}

@media (max-width: 320px) {
    .element {
        padding: 0;
    }
}

.element a, .element span {
    font-size: 12px;
}

.element a:hover, .element span:hover {
    color: #000000;
}

.element a:hover, .element span.count.cart-count:hover {
    color: #fff;
}

.element img {
    vertical-align: middle;
    margin-top: -2px;
}

.element:first-child {
    padding-left: 0;
}

.element:last-child {
    padding-right: 0;
}

@media (max-width: 1025px) {
    /*.element:last-child {*/
    /*padding-right: 15px;*/
    /*}*/
}

@media (min-width: 1025px) {
    .element.element-cart {
        padding-right: 15px;
    }
}

@media (max-width: 1025px) {
    .element.element-account {
        padding-left: 0;
    }
    .element.element-account:before {
        border: 0;
    }
    .element.element-leaguage:before {
        border: 0;
    }
}

.topbar-left .element:first-child:before {
    border: 0;
}

.topbar-right .element:first-child:before {
    border: 0;
}

.topbar-right .element .dropdown-menu {
    left: unset;
    right: 0;
}

.topbar-right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.header-search {
    padding-left: 95px;
    padding-top: 10px;
}

@media (min-width: 1650px) {
    .header-search form {
        width: 760px;
    }
}

.header-search form {
    display: table;
    position: relative;
}

.header-search input {
    height: 62px;
    -moz-border-radius: 31px 0 0 31px;
    -webkit-border-radius: 31px 0 0 31px;
    border-radius: 31px 0 0 31px;
    border: 2px solid #eaeaea;
    padding-left: 34px;
    width: 300px;
    display: table-cell;
    border-right: 0;
    box-shadow: none;
}

.header-search input::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.header-search input:-moz-placeholder {
    color: #999999;
    font-size: 14px;
}

.header-search input::-moz-placeholder {
    color: #999999;
    font-size: 14px;
}

.header-search input:-ms-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.header-search input:focus {
    box-shadow: none;
}

@media (min-width: 1200px) {
    .header-search input {
        width: 400px;
    }
}

@media (min-width: 1400px) {
    .header-search input {
        width: 495px;
    }
}

@media (min-width: 1460px) {
    .header-search input {
        width: 380px;
    }
}

@media (min-width: 1600) {
    .header-search input {
        width: 470px;
    }
}

@media (min-width: 1650px) {
    .header-search input {
        width: 540px;
    }
}

.header-search .select-option {
    width: 220px;
    height: 62px;
    border: 2px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -moz-border-radius: 0 31px 31px 0;
    -webkit-border-radius: 0 31px 31px 0;
    border-radius: 0 31px 31px 0;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #fff;
    padding-left: 29px;
}

.header-search .search-panel {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
    border: 2px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -moz-border-radius: 0 999px 999px 0;
    -webkit-border-radius: 0 999px 999px 0;
    border-radius: 0 999px 999px 0;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: #fff;
    position: relative;
}

@media (min-width: 1025px) {
    .header-search .search-panel {
        padding-left: 13px;
    }
}

@media (min-width: 1681px) {
    .header-search .search-panel {
        padding-left: 29px;
    }
}

.header-search .search-panel>a {
    display: block;
    color: #999;
}

.header-search .search-panel>a span {
    margin-left: 14px;
    color: #000;
}

.header-search .search-panel .dropdown-category {
    -webkit-box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 256px;
    right: 0;
    left: unset;
    border: 1px solid #ebebeb;
    padding: 12px 0;
    margin-top: 17px;
}

.header-search .search-panel .dropdown-category li a {
    color: #666666;
    line-height: 30px;
    padding-left: 34px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-search .search-panel .dropdown-category li a:before {
    content: "\f363";
    font-family: "ionicons";
    position: absolute;
    top: 5px;
    left: 20px;
    color: #bfbfbf;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-search .search-panel .dropdown-category li a:hover {
    color: #333333;
    background-color: transparent;
}

.header-search .search-panel .dropdown-category li a:hover:before {
    color: #333;
}

.header-search .search-panel .dropdown-category:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    right: 75px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.header-search .input-group-btn {
    padding: 0;
    width: 50px;
    top: 6px;
    right: 5px;
}

.header-search .input-group-btn .button_search {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #333333;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.header-search .input-group-btn .button_search:hover {
    box-shadow: 0px 2px 20px 2px rgba(194, 106, 245, 0.68);
}

.header-sub {
    margin-left: 0;
}

.right-panel {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header-sub-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.header-sub-element.row {
    margin-left: auto;
}

.header-sub-element.row>a {
    padding-right: 26px;
}

@media (max-width: 1025px) {
    .header-sub-element.row>a:last-child {
        padding-right: 15px;
    }
}

@media (max-width: 1025px) {
    .header-sub-element.row img {
        width: 20px;
    }
}

.sub-right span {
    color: #999999;
}

.sub-right .phone {
    font-size: 24px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 22px;
}

.sub-left {
    margin-right: 15px;
}

.header-center {
    padding-top: 10px;
    padding-bottom: 10px;
    /*background: rgba(255, 255, 255, 0.80);*/
    position: relative;
}

.header-center .col {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 1 1 33.3333%;
}

.header-center .col.justify-content-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.header-center .col.justify-content-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

@media (max-width: 1024px) {
    .header-center .col2 {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex: 1 1 33.3333%;
    }
    .header-center .col2.justify-content-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

.header-center .col2.justify-content-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.topbar {
    background: #000000;
    padding: 8px 0;
    position: relative;
    z-index: 10000;
}

.topbar span {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.01em;
}

.topbar-left-call span {
    display: flex;
    align-items: center;
}

.topbar-left-call i {
    color: #fff;
    font-size: 16px;
    display: block;
    float: left;
    margin-right: 5px;
}

.offer-icon {
    fill: #FFF;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.header-top-slider-block {
    padding: 0 5px;
}

.topbar p {
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.01em;
    margin-bottom: 0;
    width: auto;
    margin-right: 10px;
    line-height: 24px;
}

.topbar p .offer-text {
    color: #f44336;
    font-weight: bold;
}

.topbar .timer p {
    /* background-color: rgba(61, 61, 61, 0.36); */
    /* padding: 2px; */
    /* border: 1px solid rgba(98, 98, 98, 0.3); */
    /* width: 23px; */
    margin-right: 0;
    /* height: 18px; */
    /* line-height: 17px; */
    text-align: center;
    display: block;
    float: left;
    font-size: 11px;
    border-radius: 2px;
}

.topbar .timer p pan {
    background-color: rgba(61, 61, 61, 0.36);
    border: 1px solid rgba(98, 98, 98, 0.3);
    margin-right: 2px;
    width: 14px;
    height: 17px;
    line-height: 15px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
}

.topbar p a {
    /*text-decoration: underline;*/
    color: #fff;
}

.topbar a {
    font-size: 13px;
    letter-spacing: 0.01em;
}

.topbar a:hover i {
    color: #ffffff;
}

.topbar i {
    color: #fff;
    font-size: 14px;
}

.topbar .close {
    font-size: 32px;
    margin-right: 5px;
    opacity: 1;
    position: absolute;
    top: 2px;
    right: 0;
    border-color: white;
    background-color: transparent;
}

@media (min-width: 1025px) {
    .topbar .close {
        width: 50px;
        height: 50px;
        line-height: 38px;
        top: 0;
    }
}

.topbar.br-promotion--close {
    display: none;
}

.topbar .topbar-social {
    margin-left: 25px;
}

.topbar .topbar-social a {
    padding: 0 5px;
}

.topbar .topbar-left {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.topbar .col {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* flex: 1 1 33.3333%; */
}

.topbar .col.justify-content-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.topbar .col.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

@media (min-width: 1025px) {
    .header-logo {
        margin-top: -30px;
    }
}

.tags {
    padding-top: 25px;
    font-size: 12px;
    text-align: center;
    margin-left: 55px;
}

.tags span {
    color: #333333;
}

.tags a {
    color: #999999;
    padding: 0 10px;
    border-right: 1px solid #e6e6e6;
}

.tags a:last-child {
    border-right: 0;
}

.tags a:first-child {
    padding-left: 0;
}

.tags a:hover {
    color: #000000;
}

.header-bottom-right {
    color: #999999;
}

.header-bottom-right span {
    margin-left: 12px;
}

@media (min-width: 1200px) {
    .header-top-absolute {
        position: absolute;
        width: 100%;
        z-index: 9;
    }
}

.home-lookbook .sticky-header {
    border-bottom: 1px solid #d9d9d9;
}

.sticky-header {
    border-bottom: 1px solid #efefef;
    line-height: 20px;
    padding: 12px;
}

.sticky-header .u-line {
    color: #000000;
    text-decoration: underline;
}

.sticky-header .text {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    color: #aaaaaa;
    letter-spacing: 0.2em;
}

.sticky-header .text.text-w {
    color: #fff;
}

.bd-v1 {
    border-bottom: 1px solid #dcdddf;
}

.bd-v2 {
    border-bottom: 1px solid #dbdbdb;
}

.topbar-option {
    font-weight: 500;
}

.topbar-option>* {
    display: inline-block;
    position: relative;
}

@media (max-width: 480px) {
    .topbar-option>* {
        min-width: 40px;
        text-align: center;
    }
}

@media (max-width: 320px) {
    .topbar-option>* {
        min-width: unset;
        padding: 0 5px;
    }
}

@media (min-width: 480px) {
    .topbar-option>* {
        padding: 0 20px;
    }
}

.topbar-option>*:before {
    border-left: 1px solid #e3e3e3;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 480px) {
    .topbar-option>*:before {
        border: none;
    }
}

.topbar-option>*:last-child {
    padding-right: 0;
}

.topbar-option>*:first-child {
    padding-left: 0;
}

.topbar-option>*:first-child:before {
    border: none;
}

@media (max-width: 320px) {
    .topbar-option .dropdown-menu {
        left: -35px;
    }
}

.count {
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    background: #000000;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    top: -8px;
    overflow: hidden;
    right: -11px;
    margin: 0;
}

.emi-plan-ypur-bg-color {
    background: #e4e4e4;
}

@media (min-width: 1199px) {
    .header-top {
        background: #e4e4e4;
    }
}

@media (max-width: 1024px) {
    .header-top {
        margin: 30px 0 0 0;
    }
}

.header-top .logo-mobile {
    float: left;
    display: inline-block;
}

.header-top .navbar {
    min-height: 0px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 30px;
}

@media (min-width: 1199px) {
    .header-top .navbar {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .header-top .navbar {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .header-top .navbar {
        margin-top: 20px;
    }
}

.header-top .navbar .navbar-collapse {
    border: 1px solid #ddd;
}

@media (min-width: 1199px) {
    .header-top .navbar .navbar-collapse {
        border: 0;
    }
}

@media (max-width: 480px) {
    .icon-mobile {
        width: 40px;
    }
}

@media (min-width: 1025px) {
    .header-v1 .navbar-collapse, .header-v4 .navbar-collapse {
        padding-left: 0;
    }
}

.pushmenu-push-toleft {
    transform: translate(320px, 0);
    transform: translate3d(320px, 0, 0) !important;
    -webkit-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    transition: transform .4s ease;
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
}

@media (max-width: 320px) {
    .pushmenu-push-toleft {
        -webkit-transform: translate(0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.pushmenu-push-toleft .wrappage:after {
    background: rgba(29, 29, 31, 0.6);
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 4;
}

@media (max-width: 480px) {
    .wrappage.lbl_active:after {
        background: rgba(29, 29, 31, 0.6);
        content: "";
        cursor: pointer;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 4;
    }
}

.menu-home5 {
    padding-top: 10px;
    -webkit-transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: transform .4s ease;
    -webkit-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.menu-home5.pushmenu-open {
    -webkit-transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
}

@media (max-width: 319px) {
    .menu-home5.pushmenu-open {
        -webkit-transform: translate(0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.close-left {
    float: right;
    color: #000;
    cursor: pointer;
    padding-right: 15px;
}

.menu-social {
    border-top: 1px solid #2f2f31;
    position: fixed;
    bottom: 0;
    width: 362px;
}

.menu-social>li {
    float: left;
    width: 33.3333%;
    float: left;
    height: 69px;
    line-height: 69px;
    text-align: center;
    background: #1d1d1f;
}

.menu-social>li a i {
    color: #a4a4a4;
}

.menu-social>li a i:hover {
    color: #fff;
}

.menu-social>li:hover {
    background: #101011;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.nav-home5>li, .sub-menu-mobile, .mobile-sub-allmenu {
    position: relative;
    display: block;
}

.nav-home5>li>a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    position: relative;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    line-height: 26px;
    padding: 12px 30px;
    padding-right: 0;
    display: block;
    border-bottom: 1px solid rgba(92, 92, 92, 0.23);
}

.nav-home5>li>a:hover {
    color: #000;
    background: none;
}

.nav-home5>li>a.active {
    color: #fff;
}

.nav-home5 .menu-level1 {
    margin-top: 15px;
}

.nav-home5 .menu-level1 .level2 {
    padding-left: 48px;
}

.nav-home5 .menu-level1 .level2>a {
    line-height: 33px;
    text-transform: capitalize;
    color: #a4a4a4;
    position: relative;
}

.nav-home5 .menu-level1 .level2>a:focus {
    color: #fff;
}

.nav-home5 .menu-level1 .level2>a:focus:before {
    background: #fff;
}

.nav-home5 .menu-level1 .level2>a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    left: -18px;
    top: 10px;
    background: #a4a4a4;
}

.nav-home5 .menu-level1 .level1>.level2>a {
    color: #555;
}

.nav-home5 .menu-level1 .level1>.level2>a:before {
    content: none;
}

.nav-home5 .menu-level-2 {
    margin: 5px 0;
}

.nav-home5 .menu-level-2 .level3, .menu-level-3 .level4 {
    padding-left: 15px;
}

.nav-home5 .menu-level-2 .level3>a {
    line-height: 33px;
    text-transform: capitalize;
    color: #868686;
    position: relative;
}

.menu-level-3 .level4 a {
    line-height: 33px;
    text-transform: capitalize;
    color: #a4a4a4;
    position: relative;
}

.nav-home5 .menu-level-2 .level3>a:focus {
    color: #fff;
}

.nav-home5 .menu-level-2 .level3>a:focus:before {
    background: #fff;
}

.nav-home5 .menu-level-2 .level3>a:before, .menu-level-3 .level4 a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    left: -18px;
    top: 10px;
    background: #a4a4a4;
}

.mobile-account {
    margin: 30px 0;
}

.mobile-account li {
    text-transform: uppercase;
}

.mobile-account li a {
    display: block;
    line-height: 26px;
    font-size: 13px;
    color: #000;
    padding: 12px 30px;
}

.mobile-account i {
    min-width: 25px;
    margin-right: 10px;
}

.mobile-social {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.mobile-social a {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    flex: 0 0 50px;
    text-align: center;
}

.mobile-social a i {
    font-size: 22px;
    color: #868686;
}

.pushmenu.menu-home5 {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.header-v6 .topbar-left {
    float: left;
    text-align: left;
}

.header-v6 .logo {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.header-v6 .topbar-right {
    float: right;
    text-align: right;
}

.header-v6 .topbar-search {
    border-left: 0;
}

.header-v6 .topbar [class*="col-xs-"] {
    padding: 0;
}

.menu-level1 {
    display: none;
}

.menu-level-2 {
    display: none;
}

.menu-level-3 {
    display: none;
}

.menu-level1.open {
    display: block;
}

.navbar-nav>li {
    text-align: left;
    padding: 0 16px;
}

.navbar-nav>li>a {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 500;
    position: relative;
    padding: 0 0 5px 0;
    font-family: FFMarkWebProMedium;
}

.navbar-nav>li>a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #000000;
    position: absolute;
    display: block;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.navbar-nav>li>a.nohover:after {
    content: none;
}

.navbar-nav>li:first-child {
    padding-left: 0;
}

.navbar-nav>li:first-child>a {
    padding-left: 0;
}

.navbar-nav>li:first-child>a:before {
    border: 0;
}

.navbar-nav>li:hover a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.navbar-nav>li.nohover a:after {
    content: none;
}

.menu-level-1 {
    border: 0;
    position: absolute;
    top: 100%;
    left: -15px;
    background-color: #fff;
    z-index: 0;
    min-width: 200px;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 30px 0 40px 5px;
    min-width: 220px;
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}

.menu-level-1.style5 {
    min-width: 700px;
    left: -50px;
    width: 700px;
    padding-left: 80px;
}

.menu-level-1.style2 {
    min-width: 700px;
}

.menu-level-1.style3 {
    min-width: 700px;
}

.menu-level-1.style4 {
    min-width: 700px;
}

@media (max-width: 1024px) {
    .menu-level-1 {
        width: 100%;
        left: 0;
        top: 54px;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        display: none;
        padding: 10px 35px;
    }
}

.menu-level-1 .sm_title {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 42px;
    display: block;
}

.menu-level-1>li {
    line-height: 30px;
    background: none;
}

.menu-level-1>li>a {
    text-transform: capitalize;
    padding: 10px 42px;
    color: #666;
    font-weight: 400;
    position: relative;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    letter-spacing: 0.02em;
}

.menu-level-1>li>a:hover {
    color: #000000;
    background: none;
}

.menu-level-1>li>a:focus {
    background: none;
}

@media (max-width: 480px) {
    .menu-level-1>li>a {
        font-size: 12px;
    }
}

@media (min-width: 1025px) {
    .level1:hover .menu-level-1 {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0, 40px) rotate(0) scale(1);
        transform: translate(0, 40px) rotate(0) scale(1);
        z-index: 999;
    }
    .level1:hover .menu-level-1.v3, .level1:hover .menu-level-1.slide.v6, .level1:hover .menu-level-1.slide.v5 {
        left: calc(100% + 11px);
        top: 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    .level1:not(:hover)>.menu-level-1.v3, .level1:not(:hover)>.menu-level-1.slide.v6, .level1:not(:hover)>.menu-level-1.slide.v5 {
        left: calc(100% + 11px);
        opacity: 0;
    }
}

@media (min-width: 1025px) {
    .level1.hassub {
        position: static;
    }
    .level1.hassub .menu-level-1 {
        left: unset;
        right: 0;
    }
    .level1.hassub .menu-level-1.style2 {
        width: 1020px;
        padding: 50px 14px 48px 80px;
    }
    .level1.hassub .menu-level-1.style3 {
        width: 900px;
        padding-left: 56px;
        padding-right: 56px;
        padding-top: 56px;
        padding-bottom: 55px;
    }
    .level1.hassub .menu-level-1.style4 {
        width: 950px;
        padding: 50px 14px 48px 60px;
    }
}

.menu-level-1>.level1>.level2>a {
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

@media (max-width: 480px) {
    .menu-level-1>.level1>.level2>a {
        font-size: 14px;
    }
}

@media (max-width: 1025px) {
    .menu-level-1>.level1>.level2 .menu-level-2 {
        padding-left: 20px;
        padding-top: 15px;
    }
}

.menu-level-1>.level1>.level2 .menu-level-2>.level3 {
    line-height: 0;
}

.menu-level-1>.level1>.level2 .menu-level-2>.level3>a {
    line-height: 40px;
    color: #666;
    font-size: 14px;
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    position: relative;
}

.menu-level-1>.level1>.level2 .menu-level-2>.level3>a:hover {
    color: #000000;
}

@media (max-width: 480px) {
    .menu-level-1>.level1>.level2 .menu-level-2>.level3>a {
        font-size: 12px;
    }
}

.menu-level-1 .col-full {
    width: 100%;
}

.menu-level-1 .col-2, .menu-level-1 .levels .col-2 {
    width: 230px;
    float: left;
}

.menu-level-1 .col-3 {
    width: 33.3333%;
    float: left;
}

@media (max-width: 1024px) and (min-width: 481px) {
    .menu-level-1 .col-3 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .menu-level-1 .col-3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .menu-level-1 .col-3 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

.menu-level-1 .col-4 {
    width: 28.294%;
    float: left;
    margin-right: 70px;
    border-right: 1px solid #eee;
}

.menu-level-1 .col-4:last-child {
    margin-right: 0;
    border-right: 0;
}

.menu-level-1 .col-4a {
    width: 27.17%;
    float: left;
    margin-right: 80px;
}

.menu-level-1 .col-4a:first-child {
    border-right: 1px solid #eee;
}

.menu-level-1 .col-4a:last-child {
    margin-right: 0;
}

.menu-level-1 .col-5 {
    width: 580px;
    float: left;
}

.menu-level-1 .col-6 {
    width: 43%;
    float: left;
    margin-right: 80px;
    border-right: 1px solid #eee;
}

@media (max-width: 1024px) and (min-width: 481px) {
    .menu-level-1 .col-6 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .menu-level-1 .col-6 {
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .menu-level-1 .col-6 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

.menu-level-1 .col-6:last-child {
    margin-right: 0;
    border-right: 0;
}

.menu-level-1 .col-7 {
    width: 870px;
    float: left;
}

.menu-level-1 .col-8 {
    width: 980px;
    float: left;
}

.menu-level-1 .col-9 {
    width: 1170px;
    float: left;
}

.menu-level-2 .col-full, .mega-product .col-full {
    width: 100%;
}

.menu-level-2 .col-2, .menu-level-2 .levels .col-2, .mega-product .col-2, .mega-product .levels .col-2 {
    width: 230px;
    float: left;
}

.menu-level-2.col-3, .mega-product.col-3 {
    width: 33.3333%;
    float: left;
}

@media (max-width: 1024px) {
    .menu-level-2.col-3, .mega-product.col-3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .menu-level-2.col-3, .mega-product.col-3 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

.menu-level-2 .col-4, .mega-product .col-4 {
    width: 370px;
    float: left;
}

.menu-level-2 .col-5, .mega-product .col-5 {
    width: 580px;
    float: left;
}

.menu-level-2.col-6, .mega-product.col-6 {
    width: 50%;
    float: left;
}

@media (max-width: 1024px) {
    .menu-level-2.col-6, .mega-product.col-6 {
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
    .menu-level-2.col-6, .mega-product.col-6 {
        width: 100%;
        display: block;
        overflow: hidden;
    }
}

.menu-level-2 .col-7, .mega-product .col-7 {
    width: 870px;
    float: left;
}

.menu-level-2 .col-8, .mega-product .col-8 {
    width: 980px;
    float: left;
}

.menu-level-2 .col-9, .mega-product .col-9 {
    width: 1170px;
    float: left;
}

.cart-box-container {
    padding: 15px 40px;
}

@media (max-width: 767px) {
    .cart-box-container {
        padding: 30px;
    }
}

@media (max-width: 480px) {
    .cart-box-container {
        padding: 20px;
    }
}

.cart-list-heading {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.cart-inside {
    position: relative;
    height: calc(100% - 60px);
    overflow: hidden;
}

.cart-list {
    position: relative;
    height: 100%;
}

.cart-list .cart-title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

@media (min-width: 1025px) {
    .cart-list .cart-title {
        font-size: 36px;
        margin-bottom: 25px;
    }
}

.cart-list .list {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 200px);
    width: calc(100% + 17px);
}

.cart-list .list .item-cart {
    flex: 1 1 100%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 0;
}

.cart-list .list .item-cart .product-img-wrap {
    width: 100px;
    flex: 0 0 100px;
    margin-right: 30px;
}

.cart-list .list .item-cart .product-details .inner-left {
    max-width: 180px;
}

.cart-list .list .item-cart .product-details .inner-left .product-name {
    color: #666;
    font-weight: 400;
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .cart-list .list .item-cart .product-details .inner-left .product-name {
        font-size: 16px;
    }
}

.cart-list .list .item-cart .product-details .inner-left .product-price {
    font-weight: bold;
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .cart-list .list .item-cart .product-details .inner-left .product-price {
        font-size: 16px;
    }
}

.cart-list .cart-qtt {
    font-size: 15px;
    font-weight: 600;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.cart-list .cart-qtt .product_quantity_number {
    width: 52px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f8f5f5;
}

.cart-list .cart-qtt .quantity-left-minus {
    width: 40px;
    height: 35px;
    text-align: center;
    margin-right: -1px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: #f8f5f5;
    padding: 0;
}

.cart-list .cart-qtt .quantity-left-minus:focus {
    outline: none;
}

.cart-list .cart-qtt .quantity-left-minus:active {
    box-shadow: none;
}

.cart-list .cart-qtt .quantity-right-plus {
    width: 40px;
    height: 35px;
    text-align: center;
    margin-left: -1px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: #f8f5f5;
    padding: 0;
}

.cart-list .cart-qtt .quantity-right-plus:focus {
    outline: none;
}

.cart-list .cart-qtt .quantity-right-plus:active {
    box-shadow: none;
}

.cart-list .close-left {
    float: unset;
    color: unset;
    width: 40px;
    cursor: pointer;
    padding: 0;
}

.cart-list .close-left i {
    font-size: 40px;
}

@media (min-width: 1025px) {
    .cart-list .close-left i {
        font-size: 50px;
    }
}

.nocart-list .empty-cart {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 353px;
}

@media (max-width: 480px) {
    .nocart-list .empty-cart {
        width: 300px;
    }
}

.nocart-list .nocart-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 35px;
}

.nocart-list .btn-shop {
    width: 187px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    border: 1px solid #000;
    display: inline-block;
}

.cart-bottom {
    border-top: 1px solid #eee;
    background: #fff;
    padding: 30px 0 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.cart-bottom label {
    font-weight: 400;
}

.cart-bottom .cart-note-form textarea {
    background-color: #f7f7f7;
    border: 0;
    resize: none;
}

.cart-bottom .total {
    text-align: right;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .cart-bottom .total {
        margin-bottom: 15px;
    }
}

.cart-bottom .total span {
    float: left;
}

.cart-bottom a {
    font-size: 14px;
    font-weight: 500;
}

.cart-bottom .checkout {
    display: block;
    text-align: center;
    padding: 15px;
}

.cart-bottom .text {
    color: #9f9e9e;
    text-decoration: underline;
    text-align: center;
    display: block;
}

.cart-bottom .text:hover {
    color: #000000;
}

.cart-bottom .cart-button {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .cart-bottom .cart-button {
        margin-bottom: 15px;
    }
}

.cart-bottom .cart-button:before:before, .cart-bottom .cart-button:before:after {
    content: " ";
    display: table;
}

.cart-bottom .cart-button:before:after {
    clear: both;
}

.demo-text {
    font-size: 14px;
    margin-top: 20px;
    letter-spacing: 0.02em;
}

.icon-sub-menu, .icon-sub-menu1, .icon-sub-menu2 {
    position: absolute;
    top: 0;
    right: 0;
    height: 49px;
    width: 49px;
    border-left: 1px solid rgba(92, 92, 92, 0.23);
    cursor: pointer;
    padding-right: 18px;
    background-color: transparent;
}

.sub-menu-mobile .icon-sub-menu, .sub-menu-mobile .icon-sub-menu1, .mobile-sub-allmenu .icon-sub-menu2 {
    height: 33px;
}

.icon-sub-menu.up-icon:before, .icon-sub-menu1.up-icon:before, .icon-sub-menu2.up-icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
}

.icon-sub-menu.up-icon:after, .icon-sub-menu1.up-icon:after, .icon-sub-menu2.up-icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
}

.icon-sub-menu:before, .icon-sub-menu1:before, .icon-sub-menu2:before {
    transform: translateX(3px) rotate(-50deg);
    -webkit-transform: translateX(3px) rotate(-50deg);
    -moz-transform: translateX(3px) rotate(-50deg);
    -o-transform: translateX(3px) rotate(-50deg);
    -ms-transform: translateX(3px) rotate(-50deg);
    -sand-transform: translateX(3px) rotate(-50deg);
}

.icon-sub-menu1:before, .icon-sub-menu2:before {
    transform: translateX(1px) rotate(-50deg);
    -webkit-transform: translateX(1px) rotate(-50deg);
    -moz-transform: translateX(1px) rotate(-50deg);
    -o-transform: translateX(1px) rotate(-50deg);
    -ms-transform: translateX(1px) rotate(-50deg);
    -sand-transform: translateX(1px) rotate(-50deg);
}

.icon-sub-menu:after, .icon-sub-menu1:after, .icon-sub-menu2:after {
    transform: translateX(-4px) rotate(50deg);
    -webkit-transform: translateX(-4px) rotate(50deg);
    -moz-transform: translateX(-4px) rotate(50deg);
    -o-transform: translateX(-4px) rotate(50deg);
    -ms-transform: translateX(-4px) rotate(50deg);
    -sand-transform: translateX(-4px) rotate(50deg);
}

.icon-sub-menu:before, .icon-sub-menu:after, .icon-sub-menu1:before, .icon-sub-menu1:after, .icon-sub-menu2:before, .icon-sub-menu2:after {
    content: " ";
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -1px;
    width: 12px;
    height: 2px;
    display: inline-block;
    background-color: #424242;
    -webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
    transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out;
}

.icon-sub-menu1:before, .icon-sub-menu1:after, .icon-sub-menu2:before, .icon-sub-menu2:after {
    width: 8px;
}

.menu-home5 .searchform {
    position: relative;
    padding: 0 28px 30px 28px;
    border-bottom: 2px solid rgba(92, 92, 92, 0.43);
}

.menu-home5 .searchform input[type=text] {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.09);
    padding: 14px 50px 10px 18px;
    font-size: 14px;
    color: #000;
    width: 100%;
}

.menu-home5 .searchform button {
    position: absolute;
    top: 18px;
    right: 28px;
    border: none;
    background-color: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.cart {
    padding-right: 25px;
    position: relative;
}

@media (min-width: 1025px) {
    .cart {
        padding-bottom: 20px;
        padding-right: 40px;
    }
}

.widget-left {
    margin-top: -5px;
}

@media (min-width: 1650px) {
    .widget-left {
        padding-left: 0;
    }
}

.widget-verticalmenu .navbar-toggles {
    position: relative;
    height: 57px;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    background: #54f0ff;
    background-image: -webkit-linear-gradient(122deg, #c26af5, #54f0ff);
    background-image: -moz-linear-gradient(122deg, #c26af5, #54f0ff);
    background-image: -ms-linear-gradient(122deg, #c26af5, #54f0ff);
    background-image: -o-linear-gradient(122deg, #c26af5, #54f0ff);
    background-image: linear-gradient(122deg, #c26af5, #54f0ff);
    padding-right: 26px;
    text-align: left;
    padding-left: 48px;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px;
    color: #ffffff;
}

.widget-verticalmenu .navbar-toggles span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    text-transform: capitalize;
}

.widget-verticalmenu .navbar-toggles:after {
    content: "";
    position: absolute;
    top: 22px;
    left: 25px;
    width: 11px;
    height: 11px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
}

.widget-verticalmenu .navbar-toggles.navbar-drop:before {
    content: "\f3d0";
    font-family: "Ionicons";
    position: absolute;
    right: 26px;
    top: 16px;
    font-size: 19px;
}

.widget-verticalmenu .vertical-group {
    border: 2px solid #eaeaea;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.widget-verticalmenu .vertical-group .vertical-item {
    padding: 0px 24px;
    border-bottom: 1px solid #eaeaea;
}

.widget-verticalmenu .vertical-group .vertical-item:last-child {
    border-bottom: 0;
}

.widget-verticalmenu .vertical-group .vertical-item>a {
    color: #333333;
    display: block;
    padding: 16px 0 15px 0;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    position: relative;
    line-height: 100%;
}

.widget-verticalmenu .vertical-group .vertical-item.vertical-drop>a {
    color: #666;
}

.widget-verticalmenu .vertical-group .vertical-item.vertical-drop>a:before {
    content: '\f3d3';
    font-family: ionicons;
    text-align: center;
    font-size: 17px;
    top: 50%;
    position: absolute;
    right: 0px;
    line-height: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #bcbcbc;
}

.widget-verticalmenu .vertical-group .vertical-item.mega-parent>a {
    color: #333333;
    font-weight: bold;
}

.widget-verticalmenu .vertical-group .vertical-item:hover>a {
    color: #000000;
}

.widget-verticalmenu .vertical-group .vertical-item:hover>a:before {
    color: #000000;
}

.widget-verticalmenu .vertical-group .vertical-item:hover::before {
    content: '';
    width: 15px;
    height: 100%;
    right: -13px;
    top: 0;
    display: block;
    position: absolute;
}

.navbar-vertical {
    margin-right: 7px;
}

.vertical-wrapper {
    margin-top: 13px;
    position: absolute;
    z-index: 4;
    width: 100%;
    padding-right: 37px;
}

@media (min-width: 1025px) {
    .vertical-item:not(:hover)>.menu-level-1 {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
    }
    .level1:not(:hover)>.menu-level-1.v3, .level1:not(:hover)>.menu-level-1.slide.v6, .level1:not(:hover)>.menu-level-1.slide.v5 {
        visibility: hidden;
        opacity: 0;
    }
}

.vertical-menu {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    display: unset;
    left: calc(100% + 11px);
    opacity: 0;
    position: absolute;
    text-align: left;
    top: -3px;
    visibility: hidden;
    width: 257px;
    border: 1px solid #ebebeb;
    z-index: 9;
    height: 469px;
    min-width: 257px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #333;
    padding: 30px;
}

.vertical-menu.v2 {
    min-width: 723px;
}

.vertical-menu.pd {
    padding: 50px 50px;
}

.vertical-menu.pd2 {
    padding: 36px 10px 30px 15px;
}

.vertical-menu.pd3 {
    padding: 36px 10px 30px 270px;
}

.vertical-menu.homebg {
    background: url("/client-assets/img/megamenu/home-bg.jpg") no-repeat center;
}

.vertical-menu.style1.menu-level-1>.level1>.level2>a {
    margin-bottom: 16px;
    padding-bottom: 9px;
}

.vertical-menu.style1.menu-level-1>.level1>.level2 .menu-level-2>.level3>a {
    line-height: 24px;
}

.vertical-menu.tvbg {
    background: url("/client-assets/img/megamenu/tv-bg.jpg") no-repeat center;
}

.vertical-menu.phonebg {
    background: url("/client-assets/img/megamenu/phone-bg.jpg") no-repeat center;
}

.vertical-menu.headphonebg {
    background: url("/client-assets/img/megamenu/headphone-bg.jpg") no-repeat center;
}

.vertical-menu h3 {
    font-size: 16px;
    margin-top: 10px;
}

.vertical-menu .vertical-menu1 li>a {
    color: #666;
    line-height: 35px;
}

.vertical-menu .vertical-menu1 li>a:hover {
    color: #000000;
}

.vertical-menu .cate-item {
    margin-bottom: 40px;
}

.e-border {
    border: 1px solid #ededed;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    border-radius: 9999px;
    height: 78px;
    padding-left: 98px;
    padding-right: 44px;
    position: relative;
    margin-left: -84px;
}

.header-v1 .header-center {
    border-bottom: 1px solid #eee;
}

@media (min-width: 1025px) {
    .header-v2 .header-center {
        padding-top: 20px;
        padding-bottom: 20px;
        border: 0;
    }
}

.header-v2 .header-center .topbar-left {
    margin-left: 98px;
}

@media (min-width: 1025px) {
    .header-v4 .header-center .topbar-right {
        margin-left: 35px;
    }
}

.header-v4 .header-bottom {
    padding: 7px 0;
}

@media (min-width: 1025px) {
    .header-v4 .navbar-nav {
        position: relative;
    }
}

.header-v5 .nav {
    width: 100%;
}

@media (min-width: 1200px) and (max-width: 1367px) {
    .header-v5 .navbar-nav>li {
        padding: 0 10px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .header-v5 .navbar-nav>li {
        padding: 0 4px;
    }
}

@media (min-width: 1025px) {
    .page-left-sidebar {
        width: 245px;
        height: 100%;
        float: left;
        clear: both;
        background: #fff;
        padding: 30px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
    }
    .page-left-sidebar .navbar-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
}

@media (min-width: 1400px) {
    .page-left-sidebar {
        width: 345px;
        padding: 40px 60px;
    }
}

@media (min-width: 1025px) {
    .page-right-content {
        margin-left: 245px;
        width: calc(100% - 245px);
        width: -moz-calc(100% - 245px);
        clear: none;
        width: -o-calc(100% - 245px);
        position: relative;
        overflow: hidden;
        width: -webkit-calc(100% - 245px);
    }
    .page-right-content .container {
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .page-right-content {
        margin-left: 345px;
        width: calc(100% - 345px);
        width: -moz-calc(100% - 345px);
        clear: none;
        width: -o-calc(100% - 345px);
        position: relative;
        overflow: hidden;
        width: -webkit-calc(100% - 345px);
    }
    .page-right-content .container {
        max-width: 1515px;
        width: 1515px;
    }
}

.page-right-content .zoa-product .product-item, .page-right-content .zoa-product .contact-form .contact-item, .contact-form .page-right-content .zoa-product .contact-item {
    margin-bottom: 30px;
}

.sidebar-menu-top {
    margin-bottom: 20px;
}

.sidebar-menu-middle {
    flex-grow: 1;
}

.sidebar-menu-middle .nav {
    float: none;
}

.sidebar-menu-middle .nav>li {
    display: block;
    float: none;
    padding: 0;
    margin: 5px 0;
}

.sidebar-menu-middle .nav>li>a {
    width: 100%;
    line-height: 40px;
    display: block;
}

.sidebar-menu-middle .nav>li>a:after {
    width: 45px;
}

.sidebar-menu-middle .nav>li.dropdown {
    position: relative;
}

.sidebar-menu-middle .nav>li.dropdown:after {
    content: '\e902';
    font-family: zoa;
    position: absolute;
    right: 0;
    font-size: 5px;
    line-height: 1;
    top: 15px;
}

.sidebar-menu-middle .nav>li.dropdown:hover:after {
    font-family: FontAwesome;
    content: '\f0da';
    font-size: 14px;
}

.sidebar-menu-bottom {
    margin-top: 20px;
}

.sidebar-menu-bottom .sidebar-menu-link {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 30px;
}

.sidebar-menu-bottom .sidebar-menu-link li {
    line-height: 32px;
}

.sidebar-menu-bottom .sidebar-menu-link li:not(:last-child) {
    margin-bottom: 5px;
}

.sidebar-menu-bottom .sidebar-menu-link li a {
    color: #888;
}

.sidebar-menu-bottom .sidebar-menu-link li a:hover {
    color: #000000;
}

.sidebar-menu-bottom .sidebar-menu-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #dddddd;
}

.sidebar-menu-bottom .social {
    margin-bottom: 30px;
}

.sidebar-menu-bottom .social a {
    padding: 0 5px;
    color: #888;
}

.sidebar-menu-bottom .social a i {
    font-size: 17px;
}

.sidebar-menu-bottom .social a:hover {
    color: #000000;
}

.sidebar-menu-bottom .sidebar-copyright p {
    color: #888;
}

.sidebar-menu-bottom .sidebar-copyright p a {
    font-weight: 600;
    color: #000000;
}

@media (min-width: 1025px) {
    .header-v3 .zoa-logo {
        margin-right: 50px;
    }
}

@media (min-width: 1025px) {
    .header-v3 .level1.hassub .menu-level-1 {
        left: 0;
        right: auto;
    }
}

.header-bottom {
    padding-top: 14px;
}

.header-v5 .header-bottom {
    padding: 0;
}

.header-v5 .widget-left {
    margin-top: -12px;
}

.header-v5 .widget-verticalmenu {
    position: relative;
    z-index: 3;
}

.header-v5 .vertical-wrapper {
    display: none;
}

.header-cate ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: center;
}

.header-cate ul li {
    flex: 1 1 auto;
    flex-basis: calc(50% - 20px);
    padding: 29px 0;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.header-cate ul li:last-child {
    border-right: 0;
}

.header-cate ul li a {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    font-weight: 500;
    color: #fff;
    @incluce transiton2;
}

.header-cate ul li a:hover {
    @incluce transiton2;
}

.header-cate ul li a img {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding-bottom: 10px;
}

.btn-csoon {
    width: 132px;
    height: 42px;
    line-height: 42px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    opacity: 0;
}

.dropdown-menu .cate-item .demo-img {
    position: relative;
}

.dropdown-menu .cate-item:hover .overlay-img {
    opacity: 1;
}

.dropdown-menu .cate-item:hover .btn-csoon {
    opacity: 1;
}

.header-v3.bg-w {
    background: #fff;
}

.box-header-nav {
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1681px) {
    .box-header-nav {
        padding-left: 240px;
        width: 63.3%;
    }
}

.box-header-nav .navbar-nav>li>a:before {
    height: 100%;
    border-right: 1px solid #e9e9e9;
}

.box-header-nav .navbar-nav>li:first-child>a:before {
    border: 0;
}

.box-header-menu {
    padding-right: 30px;
    padding-left: 75px;
    background: linear-gradient(90deg, #c467f5, #53f3ff);
    position: relative;
}

@media (min-width: 1681px) {
    .box-header-menu {
        width: 36.7%;
        background: linear-gradient(90deg, #c467f5, #53f3ff);
    }
}

.box-header-menu:before {
    content: '';
    border-width: 0 0 63px 75px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    bottom: 0;
    left: 0;
}

.box-header-menu .navbar-nav>li>a {
    color: #fff;
}

.box-header-menu .navbar-nav>li>a:before {
    opacity: 0.3;
}

.list-product-search {
    z-index: 8889;
    list-style-type: none;
    width: 242px;
    margin: 0;
    padding: 0;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.08);
    border-radius: 7px;
    min-width: 342px;
    border: 1px solid #ebebeb;
    padding-bottom: 4px;
    padding-top: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    margin-top: 32px;
    position: absolute;
}

.list-product-search.active {
    left: 0px;
    top: 100%;
    margin-top: 18px;
    opacity: 1;
    visibility: visible;
}

.list-product-search:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: 30px;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.list-product-search li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px 18px;
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
}

.list-product-search li:first-child {
    border-top: none;
}

.list-product-search .product-img {
    width: 18%;
}

.list-product-search .product-img img {
    width: 52px;
    height: 52px;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
}

.list-product-search .product-title {
    width: 82%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-align: left;
    padding-left: 18px;
}

.list-product-search .product-title:hover {
    color: #ff5050;
}

.footer.v1 {
    padding: 35px 0;
}

@media (min-width: 1780px) {
    .footer.v1 {
        max-width: 1710px;
        margin: 0 auto;
    }
}

@media (max-width: 1025px) {
    .footer.v2 {
        padding: 35px 0;
        border-top: 1px solid #eee;
    }
    .footer.v2 .bd-top {
        border: 0;
    }
}

.footer.v2.bg-black {
    background: #181818;
}

.footer.v3, .footer.slide.v6, .footer.slide.v5 {
    padding: 36px 0px;
}

@media (min-width: 1024px) {
    .footer .f-content {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
}

.footer .f-content .f-col {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    flex: 1 1 100%;
}

@media (min-width: 1024px) {
    .footer .f-content .f-col {
        width: 33.33333%;
        flex: 1 1 33.3333%;
    }
    .footer .f-content .f-col:last-child {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
}

@media (max-width: 812px) {
    .footer .f-content .f-col {
        margin-bottom: 15px;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .footer .f-content .f-col:nth-child(2) {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.footer .f-content .f-col:last-child {
    margin-bottom: 0;
}

.footer .social a {
    padding: 0 5px;
    color: #888;
}

.footer .social a:first-child {
    padding-left: 0;
}

.footer .social a:hover {
    color: #000000;
}

.footer p {
    color: #888;
}

@media (min-width: 1024px) {
    .footer p {
        margin-bottom: 0;
        margin-right: 10px;
    }
}

.footer p a {
    font-weight: 600;
}

.footer ul {
    margin-bottom: 0;
    margin-left: 8px;
}

.footer ul li {
    display: inline-block;
    padding: 0 8px;
    position: relative;
}

.footer ul li:before {
    content: ".";
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -2px;
}

.footer ul li a {
    color: #888;
}

.footer ul li a:hover {
    color: #000000;
}

.home4 .page-content .products {
    margin-top: 40px;
}

#content_left {
    background: #FFF;
    position: fixed;
    height: 100%;
    z-index: 999;
}

#page_content.page-content {
    overflow: hidden;
}

@media (min-width: 1000px) {
    #page_content.page-content {
        margin-left: 308px;
    }
}

.search-form-wrapper, .account-form-wrapper {
    pointer-events: none;
    position: absolute;
    top: -14px;
    /*left: 100%;*/
    right: 0;
    /*overflow: hidden;*/
    width: 0;
    /*height: 100vh;*/
    /*background-color: #222;*/
    z-index: 999999;
    opacity: 0;
    /*padding: 15px;*/
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.search-form-wrapper.search--open, .search--open.account-form-wrapper {
    pointer-events: auto;
    /*transform: translate3d(-100%, 0, 0);*/
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 320px;
    opacity: 1;
}

.search-form-wrapper.search--open {
    width: 380px;
}

.search-form-wrapper #search-btn, .account-form-wrapper #search-btn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    padding: 0;
    width: 50px;
    height: 50px;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    border: 0;
}

.search-form-wrapper #search-btn i, .account-form-wrapper #search-btn i {
    font-size: 32px;
}

.search-form-wrapper #search-btn svg, .account-form-wrapper #search-btn svg {
    fill: #fff;
}

.search-form-wrapper input.search-input, .account-form-wrapper input.search-input {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    width: 100%;
    border: none;
    border-bottom: 1px solid #888;
    background: #FFF none no-repeat right center;
    background-size: 30px;
    padding: 14px 10px;
    color: #888;
    letter-spacing: 0.02em;
}

.search-form-wrapper input.search-input::-webkit-input-placeholder, .account-form-wrapper input.search-input::-webkit-input-placeholder {
    color: #888888;
    font-size: 14px;
}

.search-form-wrapper input.search-input:-moz-placeholder, .account-form-wrapper input.search-input:-moz-placeholder {
    color: #888888;
    font-size: 30px;
}

.search-form-wrapper input.search-input::-moz-placeholder, .account-form-wrapper input.search-input::-moz-placeholder {
    color: #888888;
    font-size: 30px;
}

.search-form-wrapper input.search-input:-ms-input-placeholder, .account-form-wrapper input.search-input:-ms-input-placeholder {
    color: #888888;
    font-size: 30px;
}

.search-form-wrapper .search-form, .account-form-wrapper .search-form {
    display: table;
    width: 100%;
    position: relative;
}

.search-form-wrapper .zoa-category, .account-form-wrapper .zoa-category {
    margin-bottom: 100px;
}

.search-form-wrapper .zoa-category li, .account-form-wrapper .zoa-category li {
    padding: 0 15px;
    display: inline-block;
}

.search-form-wrapper .zoa-category li a, .account-form-wrapper .zoa-category li a {
    font-size: 18px;
    color: #666;
    position: relative;
    padding-bottom: 6px;
}

.search-form-wrapper .zoa-category li a:after, .account-form-wrapper .zoa-category li a:after {
    content: '';
    width: 0;
    height: 1px;
    background: #FFF;
    position: absolute;
    display: block;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.search-form-wrapper .zoa-category li:hover a, .account-form-wrapper .zoa-category li:hover a {
    color: #FFF;
}

.search-form-wrapper .zoa-category li:hover a:after, .account-form-wrapper .zoa-category li:hover a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.search-form-wrapper .search-results-wrapper, .account-form-wrapper .search-results-wrapper {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    /* background: #fff; */
}

.search-form-wrapper .btn-search-close, .account-form-wrapper .btn-search-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.search-form-wrapper .btn-search-close i, .account-form-wrapper .btn-search-close i {
    color: #000;
    font-size: 50px;
}

.search-form-wrapper .btn-search-close i.black, .account-form-wrapper .btn-search-close i.black {
    color: #222;
}

.account-form-wrapper {
    background-color: #FFF;
}

.account-form-wrapper.account--open {
    overflow: scroll;
    pointer-events: auto;
    transform: translate3d(-100%, 0, 0);
}

.account-form-wrapper .search-results-wrapper {
    margin-bottom: 80px;
}

.search--open-icon>svg {
    opacity: 0;
}

.account-tab, .zoa-product-tabs .tabs {
    margin-bottom: 58px;
}

.account-tab li, .zoa-product-tabs .tabs li {
    display: inline-block;
    padding: 0 22px;
}

.account-tab li a, .zoa-product-tabs .tabs li a {
    font-size: 30px;
    color: #888888;
    position: relative;
    padding-bottom: 5px;
}

.account-tab li a:after, .zoa-product-tabs .tabs li a:after {
    content: '';
    width: 0;
    height: 2px;
    background: #222;
    position: absolute;
    display: block;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.account-tab li.active a, .zoa-product-tabs .tabs li.active a {
    color: #222;
    font-weight: 600;
}

.account-tab li.active a:after, .zoa-product-tabs .tabs li.active a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.account-tab li:hover a, .zoa-product-tabs .tabs li:hover a {
    color: #222;
}

.account-tab li:hover a:after, .zoa-product-tabs .tabs li:hover a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.account-tab li:first-child, .zoa-product-tabs .tabs li:first-child {
    padding-left: 0;
}

.zoa-cart {
    padding: 30px 0;
}

@media (min-width: 1025px) {
    .zoa-cart {
        padding: 100px 0;
    }
}

@media (max-width: 480px) {
    .zoa-cart .account-tab li, .zoa-cart .zoa-product-tabs .tabs li, .zoa-product-tabs .zoa-cart .tabs li {
        text-align: center;
        display: block;
        margin: 15px 0;
    }
}

.shopping-cart .cart-table thead>tr>th {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.shopping-cart .cart-table .product-remove {
    text-align: center;
}

.shopping-cart .cart-table .item_cart .product-img {
    width: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
}

@media (min-width: 767px) {
    .shopping-cart .cart-table .item_cart .product-name {
        width: 126px;
    }
    .shopping-cart .cart-table .item_cart .product-same {
        width: 130px;
    }
}

@media (min-width: 813px) {
    .shopping-cart .cart-table .item_cart .product-desc {
        width: 336px;
    }
}

.shopping-cart .cart-table .item_cart .product-info a {
    font-weight: 600;
    letter-spacing: 0.01em;
    display: block;
}

@media (min-width: 813px) {
    .shopping-cart .cart-table .item_cart .product-info a {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

.shopping-cart .cart-table .item_cart .product-info span {
    letter-spacing: 0.01em;
    color: #999;
    display: block;
}

.shopping-cart .cart-table .item_cart .product-info p {
    letter-spacing: 0.01em;
    font-size: 15px;
    font-weight: 600;
}

.shopping-cart .cart-table .item_cart .cart-qtt button {
    display: none;
}

.shopping-cart .cart-table .item_cart .cart-qtt input {
    text-align: center;
    width: 61px;
    height: 39px;
    line-height: 39px;
    border: 1px solid #f3f3f3;
}

@media (min-width: 1025px) {
    .shopping-cart .cart-table .item_cart .total-price.wl {
        width: 270px;
    }
}

.shopping-cart .cart-table .item_cart .total-price .price {
    color: #222;
    font-weight: 600;
    font-size: 15px;
}

.shopping-cart .cart-table .item_cart .zoa-select {
    position: relative;
    padding-bottom: 5px;
}

.shopping-cart .cart-table .item_cart .zoa-select:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.shopping-cart .cart-table .item_cart .product-remove a {
    font-size: 20px;
    color: #222;
}

.shopping-cart .cart-table .item_cart .product-remove a:hover {
    color: #000000;
}

.shopping-cart .table-cart-bottom {
    padding-top: 30px;
}

.shopping-cart .table-cart-bottom.v2 {
    padding-top: 20px;
}

@media (min-width: 1025px) {
    .shopping-cart .table-cart-bottom .coupon-group {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.shopping-cart .table-cart-bottom .form_coupon {
    position: relative;
}

@media (min-width: 480px) {
    .shopping-cart .table-cart-bottom .form_coupon {
        width: 400px;
    }
}

.shopping-cart .table-cart-bottom .form_coupon input {
    height: 55px;
    line-height: 55px;
    padding-left: 70px;
    border-style: dotted;
    background: #f9f9f9;
}

.shopping-cart .table-cart-bottom .form_coupon input::-webkit-input-placeholder {
    color: #aaa;
    font-size: 14px;
}

.shopping-cart .table-cart-bottom .form_coupon input:-moz-placeholder {
    color: #aaa;
    font-size: 14px;
}

.shopping-cart .table-cart-bottom .form_coupon input::-moz-placeholder {
    color: #aaa;
    font-size: 14px;
}

.shopping-cart .table-cart-bottom .form_coupon input:-ms-input-placeholder {
    color: #aaa;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .shopping-cart .table-cart-bottom .form_coupon input {
        margin-bottom: 30px;
    }
}

.shopping-cart .table-cart-bottom .form_coupon .input-icon {
    position: absolute;
    top: 15px;
    left: 18px;
}

.shopping-cart .table-cart-bottom .btn-update {
    display: block;
    text-transform: uppercase;
    border: 1px solid #222;
    padding: 17px 52px;
    text-align: center;
}

@media (min-width: 1025px) {
    .shopping-cart .table-cart-bottom .btn-update {
        margin-left: 10px;
    }
}

.shopping-cart .table-cart-bottom .btn-update:hover {
    color: #FFF;
    background: #222;
    border-color: #222;
}

@media (min-width: 767px) {
    .shopping-cart .table-cart-bottom .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .shopping-cart .table-cart-bottom .row [class*="col-xs-"] {
        flex: 1 1 50%;
    }
    .shopping-cart .table-cart-bottom .row [class*="col-xs-"]:last-child {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        max-width: 330px;
        text-align: right;
    }
    .shopping-cart .table-cart-bottom .row [class*="col-xs-"]:first-child {
        margin-top: auto;
    }
}

@media (max-width: 767px) {
    .shopping-cart .table-cart-bottom .row [class*="col-xs-"] {
        margin-bottom: 15px;
    }
}

.shopping-cart .table-cart-bottom .cart-text .cart-element {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.shopping-cart .table-cart-bottom .cart-text .cart-element p {
    letter-spacing: 0.01em;
}

.shopping-cart .table-cart-bottom .cart-text .cart-element.text-bold {
    padding-top: 15px;
    margin-bottom: 35px;
}

.shopping-cart .table-cart-bottom .cart-text .cart-element.text-bold p {
    font-weight: 600;
    font-size: 18px;
}

.shopping-cart .table-cart-bottom .zoa-checkout {
    padding: 18px 88px;
    text-align: center;
    display: inline-block;
}

.shopping-cart .cart-btn-group {
    margin-bottom: 35px;
}

@media (max-width: 480px) {
    .shopping-cart .cart-btn-group {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.shopping-cart .cart-btn-group a {
    text-transform: uppercase;
}

.shopping-cart .cart-btn-group a:hover {
    color: #000000;
}

.shopping-cart .cart-btn-group a.btn-continue {
    padding-bottom: 5px;
    position: relative;
    font-weight: 600;
}

@media (min-width: 480px) {
    .shopping-cart .cart-btn-group a.btn-continue {
        margin-right: 30px;
    }
    .shopping-cart .cart-btn-group a.btn-continue:after {
        content: "";
        position: absolute;
        bottom: 0;
        border-bottom: 1px solid #222;
        width: 100%;
        right: 0;
    }
}

.shopping-cart .cart-btn-group a.btn-clear {
    color: #999;
}

@media (min-width: 480px) {
    .shopping-cart .cart-btn-group a.btn-clear {
        padding-left: 30px;
        border-left: 1px solid #eee;
    }
}

.shopping-cart .cart-btn-group.v2 a {
    text-transform: none;
}

.shopping-cart .cart-btn-group.v2 a.btn-clear {
    color: #222;
}

.shopping-cart .cart-btn-group.v2 a.btn-clear img {
    margin-left: 5px;
}

#breadcrumb {
    margin-bottom: 30px;
}

#breadcrumb.breadcrumb-v2 {
    margin-bottom: 85px;
    margin-top: 17px;
}

#breadcrumb.breadcrumb-v2 .breadcrumb-content {
    color: #9c9c9c;
    margin: 0;
    min-height: auto;
    text-align: left;
}

#breadcrumb.breadcrumb-v2 .breadcrumb-content ul li {
    font-size: 14px;
}

#breadcrumb.breadcrumb-v2 .breadcrumb-content ul li:last-child {
    color: #232323;
}

#breadcrumb.breadcrumb-v2 .breadcrumb-content ul li:after {
    top: 0px;
}

@media (min-width: 1200px) {
    #breadcrumb.breadcrumb-v2 .inner {
        margin: 0 50px;
    }
}

#breadcrumb .breadcrumb-content {
    color: #FFF;
    position: reletive;
    text-align: center;
}

@media (min-width: 1025px) {
    #breadcrumb .breadcrumb-content {
        min-height: 399px;
        margin: 0 15px;
    }
}

@media (max-width: 1025px) {
    #breadcrumb .breadcrumb-content {
        min-height: 150px;
    }
}

#breadcrumb .breadcrumb-content.bg-breadcrumb-01 {
    background: url("/client-assets/eCommerce-Branding/images/banner/img-banner-head01.jpg") no-repeat;
}

#breadcrumb .breadcrumb-content.bg-breadcrumb-02 {
    background: url("/client-assets/eCommerce-Branding/images/banner/img-banner-head02.jpg") no-repeat;
}

#breadcrumb .breadcrumb-content.bg-breadcrumb-03 {
    background: url("/client-assets/eCommerce-Branding/images/banner/img-banner-head03.jpg") no-repeat;
}

#breadcrumb .breadcrumb-content.bg-breadcrumb-04 {
    background: url("/client-assets/eCommerce-Branding/images/banner/img-banner-head04.jpg") no-repeat;
}

#breadcrumb .breadcrumb-content .title {
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    #breadcrumb .breadcrumb-content .title {
        font-size: 48px;
    }
}

@media (max-width: 1025px) {
    #breadcrumb .breadcrumb-content .title {
        font-size: 25px;
    }
}

#breadcrumb .breadcrumb-content .caption {
    text-align: center;
}

@media (min-width: 1025px) {
    #breadcrumb .breadcrumb-content .caption {
        padding-top: 150px;
    }
}

@media (max-width: 1025px) {
    #breadcrumb .breadcrumb-content .caption {
        padding-top: 40px;
    }
}

#breadcrumb .breadcrumb-content ul {
    display: block;
}

#breadcrumb .breadcrumb-content ul li {
    display: inline-block;
    font-size: 18px;
    font-family: "bukan", sans-serif;
    position: relative;
}

@media (min-width: 600px) {
    #breadcrumb .breadcrumb-content ul li {
        padding-right: 27px;
        margin-right: 16px;
    }
}

@media (max-width: 600px) {
    #breadcrumb .breadcrumb-content ul li {
        padding-right: 14px;
        margin-right: 5px;
    }
}

#breadcrumb .breadcrumb-content ul li:last-child {
    color: #7fb441;
    margin: 0;
    padding: 0;
}

#breadcrumb .breadcrumb-content ul li:last-child:after {
    display: none;
}

#breadcrumb .breadcrumb-content ul li:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 3px;
    right: 0;
}

.scrollToTop {
    width: 42px;
    height: 42px;
    position: fixed;
    bottom: 5%;
    right: 2%;
    display: none;
    font-size: 30px;
    background: #000000;
    color: #ebebeb;
    border-radius: 50px;
    text-align: center;
    line-height: 35px;
    z-index: 999;
}

.scrollToTop:hover {
    color: #FFF;
}

.scrollToTop:focus {
    color: #FFF;
}

.price {
    color: #000000;
    font-family: "bukan", sans-serif;
}

.modal-backdrop {
    display: none;
}

.modal.in:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    left: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.modal.in .modal-dialog {
    z-index: 100;
}

#menumodal.modal.in .modal-dialog {
    margin: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#menumodal.modal.fade .modal-dialog {
    top: 0;
    width: 100%;
    height: 100%;
}

#menumodal.modal .modal-content {
    background: #232323;
    height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#menumodal .modal-top {
    margin: 33px 45px;
}

#menumodal .modal-top .inner {
    grid-template-columns: 1fr 200px 1fr;
    display: -webkit-grid;
    display: -webkit-grid;
    display: -moz-grid;
    display: -ms-grid;
    display: grid;
}

#menumodal button.close {
    background: #FFF;
    opacity: 1;
    width: 50px;
    height: 50px;
}

#menumodal button.close span {
    font-size: 50px;
}

#menumodal button.close:hover span {
    color: #000000;
}

#menumodal .modal-top-right {
    justify-content: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

#menumodal .modal-top-right .search-popup {
    align-items: center;
    margin-right: 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

#menumodal .modal-top-right .search-popup i {
    color: #FFF;
    font-size: 35px;
}

#menumodal .modal-top-right .search-popup i:hover {
    color: #000000;
}

.sidebar {
    margin-top: 31px;
    padding-right: 30px;
}

.sidebar .widget {
    border-bottom: 1px solid #ededed;
    margin-bottom: 50px;
    padding-bottom: 36px;
}

.sidebar .widget:last-child {
    border: none;
}

.sidebar .widget .title-heading {
    font-size: 24px;
    font-weight: bold;
    text-transform: upercase;
    letter-spacing: 1px;
    padding-bottom: 9px;
    position: relative;
}

.sidebar .widget .title-heading:after {
    background: #000000;
    content: '';
    left: 0;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 2px;
}

.sidebar .widget .widget-content {
    margin-top: 15px;
}

.sidebar .widget .widget-content li a {
    font-size: 18px;
    font-weight: 300;
    line-height: 42px;
}

.sidebar .widget.widget-category ul {
    padding-left: 15px;
}

.sidebar .widget.widget-category ul li {
    list-style-type: disc;
    padding-left: 6px;
}

.sidebar .widget.widget-filter-brand ul li {
    border-bottom: 1px solid #f5f5f5;
    clear: both;
    list-style: none;
    padding: 10px 0;
    position: relative;
    text-indent: 0;
    display: block;
    text-align: right;
    overflow: hidden;
}

.sidebar .widget.widget-filter-brand ul li a {
    float: left;
    line-height: 20px;
}

.sidebar .widget.widget-filter-brand ul li:last-child {
    border: none;
}

.sidebar .widget .product-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.sidebar .widget .product-sidebar img {
    width: 140px;
}

.sidebar .widget .content-product {
    padding-top: 36px;
}

.sidebar .widget .content-product .product-name {
    margin-bottom: 5px;
}

.sidebar .widget .content-product .product-name a {
    font-size: 18px;
}

.sidebar .widget .content-product .price {
    font-size: 17px;
}

.sidebar.sidebar-left {
    border-right: 1px solid #ededed;
}

.social-group-button .button {
    height: 55px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 15px;
    color: #FFF;
}

.social-group-button .button.facebook {
    background: #55acee;
}

.social-group-button .button.twitter {
    background: #305c99;
}

.social-group-button .slide {
    width: 100%;
}

.social-group-button .slide p {
    color: #fff;
    margin: 0;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    padding: 13px;
}

.social-group-button .icon {
    width: 55px;
    flex: 0 0 55px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: auto;
}

.social-group-button .icon i {
    font-size: 21px;
}

.newsletter {
    padding: 50px 0;
}

@media (min-width: 1025px) {
    .newsletter {
        padding: 100px 0;
    }
    .newsletter.v3, .newsletter.slide.v6, .newsletter.slide.v5 {
        padding: 120px 0;
    }
    .newsletter .flex-end {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
}

@media (min-width: 767px) {
    .newsletter .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.newsletter.v2 {
    padding: 28px 0;
    background: #222;
}

@media (min-width: 1780px) {
    .newsletter.v2 {
        max-width: 1710px;
        margin: 0 auto;
    }
    .newsletter.v2.fullwidth {
        max-width: unset;
    }
}

.newsletter.v2 h3 {
    font-size: 32px;
    color: #FFF;
    letter-spacing: 0.02em;
}

.newsletter.v2 .form_newsletter input {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-color: #dddddd;
    background: transparent;
    padding-left: 0;
    height: 45px;
}

.newsletter.v2 .form_newsletter .button_mini {
    height: 45px;
    border: 1px solid #FFF;
}

@media (min-width: 480px) {
    .newsletter.v2 .form_newsletter .button_mini {
        margin-left: 40px;
    }
}

.newsletter.v2 .form_newsletter .button_mini:hover {
    border-color: #000000;
}

@media (max-width: 767px) {
    .newsletter.v3 [class*="col-xs"], .newsletter.slide.v6 [class*="col-xs"], .newsletter.slide.v5 [class*="col-xs"] {
        margin-bottom: 30px;
    }
}

.newsletter.v3 .newsletter-heading, .newsletter.slide.v6 .newsletter-heading, .newsletter.slide.v5 .newsletter-heading {
    margin-bottom: 15px;
}

@media (min-width: 1024px) {
    .newsletter.v3 .newsletter-heading, .newsletter.slide.v6 .newsletter-heading, .newsletter.slide.v5 .newsletter-heading {
        margin-bottom: 50px;
    }
}

.newsletter.v3 .newsletter-flex, .newsletter.slide.v6 .newsletter-flex, .newsletter.slide.v5 .newsletter-flex {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
}

@media (min-width: 1024px) {
    .newsletter.v3 .newsletter-flex, .newsletter.slide.v6 .newsletter-flex, .newsletter.slide.v5 .newsletter-flex {
        padding: 0 80px;
    }
}

.newsletter.v3 .newsletter-flex:before, .newsletter.slide.v6 .newsletter-flex:before, .newsletter.slide.v5 .newsletter-flex:before {
    content: "";
    height: 100%;
    border-left: 1px solid #eee;
    left: -15px;
    position: absolute;
}

.newsletter.v3 .newsletter-element, .newsletter.slide.v6 .newsletter-element, .newsletter.slide.v5 .newsletter-element {
    flex: 1 1 100%;
}

.newsletter.v3 .newsletter-element h3, .newsletter.slide.v6 .newsletter-element h3, .newsletter.slide.v5 .newsletter-element h3 {
    font-size: 16px;
    letter-spacing: 0.01em;
    font-weight: 600;
    margin-bottom: 35px;
    margin-top: 0;
}

.newsletter.v3 .newsletter-element ul li, .newsletter.slide.v6 .newsletter-element ul li, .newsletter.slide.v5 .newsletter-element ul li {
    padding-bottom: 10px;
}

.newsletter.v3 .newsletter-element ul li:last-child, .newsletter.slide.v6 .newsletter-element ul li:last-child, .newsletter.slide.v5 .newsletter-element ul li:last-child {
    padding-bottom: 0;
}

.newsletter.v3 .newsletter-element ul li a, .newsletter.slide.v6 .newsletter-element ul li a, .newsletter.slide.v5 .newsletter-element ul li a {
    letter-spacing: 0.01em;
    line-height: 16px;
    color: #666;
}

.newsletter.v3 .newsletter-element ul li a:hover, .newsletter.slide.v6 .newsletter-element ul li a:hover, .newsletter.slide.v5 .newsletter-element ul li a:hover {
    color: #000000;
}

.newsletter.v3.bg-black, .newsletter.bg-black.slide.v6, .newsletter.bg-black.slide.v5 {
    background: #222;
}

.newsletter.v3.bg-black h3, .newsletter.bg-black.slide.v6 h3, .newsletter.bg-black.slide.v5 h3 {
    color: #FFF;
}

.newsletter.v3.bg-black .zoa-btn, .newsletter.bg-black.slide.v6 .zoa-btn, .newsletter.bg-black.slide.v5 .zoa-btn {
    background: #3b3b3b;
    border-color: #3b3b3b;
}

.newsletter.v3.bg-black .zoa-btn:hover, .newsletter.bg-black.slide.v6 .zoa-btn:hover, .newsletter.bg-black.slide.v5 .zoa-btn:hover {
    background: #000000;
    border-color: #000000;
}

.newsletter.v3.bg-black .newsletter-element h3, .newsletter.bg-black.slide.v6 .newsletter-element h3, .newsletter.bg-black.slide.v5 .newsletter-element h3 {
    color: #FFF;
}

.newsletter.v3.bg-black .form_newsletter input, .newsletter.bg-black.slide.v6 .form_newsletter input, .newsletter.bg-black.slide.v5 .form_newsletter input {
    background: transparent;
    border: 1px solid #2c2c2c;
}

.newsletter.v3.bg-black .newsletter-flex:before, .newsletter.bg-black.slide.v6 .newsletter-flex:before, .newsletter.bg-black.slide.v5 .newsletter-flex:before {
    border-left: 1px solid #2c2c2c;
}

@media (min-width: 480px) {
    .newsletter-heading {
        padding-left: 40px;
    }
}

.newsletter-heading h3 {
    letter-spacing: 0.02em;
    position: relative;
}

@media (min-width: 480px) {
    .newsletter-heading h3 {
        font-size: 42px;
        margin-top: 0;
    }
}

@media (min-width: 480px) {
    .newsletter-heading h3:before {
        content: "\f30f";
        font-family: "ionicons";
        position: absolute;
        font-size: 30px;
        left: -40px;
        bottom: 0;
    }
}

.newsletter-heading p {
    letter-spacing: 0.01em;
    color: #999;
}

@media (min-width: 480px) {
    .newsletter-heading p {
        font-size: 16px;
    }
}

.trend-product.pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 1400px) {
    .trend-product.pad {
        padding-top: 160px;
        padding-bottom: 150px;
    }
}

@media (min-width: 768px) {
    .trend-product .first {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

@media (min-width: 1025px) {
    .trend-product .first>[class*="col-xs-"]:last-child {
        width: 60.8188%;
    }
    .trend-product .first>[class*="col-xs-"]:first-child {
        width: 39.1812%;
    }
}

@media (max-width: 767px) {
    .trend-product .first>[class*="col-xs-"] {
        margin-bottom: 30px;
    }
}

.trend-product .first .trend-img {
    position: relative;
    display: inline-block;
}

.trend-product .first .zoa-category-box-title {
    padding: 20px;
    color: #222;
    background-color: #FFF;
    font-size: 60px;
    font-weight: 400;
    margin: 0;
}

@media (min-width: 480px) {
    .trend-product .first .zoa-category-box-title {
        padding: 67px 58px;
    }
}

.single-banner .content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    text-align: center;
    position: relative;
}

@media (min-width: 480px) {
    .single-banner .content {
        padding: 45px 135px;
    }
}

.single-banner .content:after {
    position: absolute;
    top: -25px;
    left: -25px;
    right: -25px;
    bottom: -25px;
    border: 10px solid #fff;
    content: "";
}

.single-banner .content .text {
    font-weight: 600;
    letter-spacing: 0.4em;
    z-index: 5;
    position: relative;
}

@media (min-width: 480px) {
    .single-banner .content .text {
        font-size: 20px;
        padding-bottom: 6px;
    }
}

.single-banner .content .text:before {
    content: "";
    border-bottom: 2px solid #000000;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.single-banner .content .zoa-btn {
    position: relative;
    z-index: 5;
}

.single-banner .content h2 {
    font-family: "bukan", sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
    letter-spacing: 0.02em;
}

@media (min-width: 480px) {
    .single-banner .content h2 {
        margin-top: 32px;
        margin-bottom: 25px;
        font-size: 100px;
    }
}

.banner-img {
    position: relative;
}

.policy.pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 480px) {
    .policy.pad {
        padding-top: 88px;
        padding-bottom: 70px;
    }
}

.policy-item {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (max-width: 1025px) {
    .policy-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .policy-item {
        width: 100%;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        text-align: center;
    }
}

.policy-item .policy-icon {
    width: 40px;
    flex: 0 0 40px;
    margin-right: 10px;
}

.policy-item .policy-content h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.policy-item .policy-content p {
    color: #888;
}

.banner.pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .banner.pad {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.banner.pad2 {
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .banner.pad2 {
        padding-bottom: 140px;
    }
}

.banner .content {
    padding-bottom: 54px;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.banner .content h3 {
    letter-spacing: 0.02em;
    font-size: 60px;
}

.banner .content a {
    letter-spacing: 0.02em;
    font-size: 16px;
    position: relative;
    padding-bottom: 6px;
}

.banner .content a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.banner .content2 {
    padding-left: 15px;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media (min-width: 480px) {
    .banner .content2 {
        padding-left: 60px;
    }
}

.banner .content2 h1 {
    font-weight: 600;
}

@media (min-width: 480px) {
    .banner .content2 h1 {
        letter-spacing: 0.1em;
        font-size: 48px;
        margin-bottom: 6px;
    }
}

@media (min-width: 480px) {
    .banner .content2 p {
        font-size: 30px;
        margin-bottom: 24px;
    }
}

.banner .content2 a {
    font-size: 16px;
    position: relative;
    padding-bottom: 6px;
    font-weight: 600;
}

.banner .content2 a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.banner .content3 a {
    color: #FFF;
    position: relative;
}

@media (min-width: 480px) {
    .banner .content3 a {
        font-size: 32px;
    }
}

.banner .content3 a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #FFF;
    bottom: 0;
    width: 100%;
}

@media (min-width: 767px) {
    .banner.style4 .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .banner.style4 .row [class*="col-xs-"]:last-child {
        margin-top: auto;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
}

@media (min-width: 1025px) {
    .banner.style4 .row [class*="col-xs-"]:first-child {
        width: 64.9425%;
    }
    .banner.style4 .row [class*="col-xs-"]:last-child {
        width: 35.0575%;
    }
}

@media (max-width: 480px) {
    .banner [class*="col-xs-"] {
        margin-bottom: 30px;
    }
}

.zoa-product.pad {
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-product.pad {
        padding-bottom: 60px;
    }
}

.zoa-product.pad .title {
    margin-bottom: 60px;
}

.zoa-product.pad2 {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-product.pad2 {
        padding-top: 160px;
        padding-bottom: 100px;
    }
}

@media (min-width: 480px) {
    .zoa-product.pad2 .title {
        margin-bottom: 70px;
    }
}

.zoa-product.pad3 {
    padding-top: 20px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-product.pad3 {
        padding-top: 20px;
        padding-bottom: 140px;
    }
}

.zoa-product.pad3 .title {
    margin-bottom: 50px;
}

.zoa-product.pad4 {
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-product.pad4 {
        padding-top: 90px;
        padding-bottom: 160px;
    }
}

.zoa-product.pad4 .title {
    margin-bottom: 60px;
}

.zoa-product.pad5 {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .zoa-product.pad5 {
        padding-top: 130px;
        padding-bottom: 40px;
    }
}

.zoa-product.pad5 .title {
    margin-bottom: 60px;
}

.zoa-product.pad6 {
    padding-top: 60px;
    padding-bottom: 30px;
}

@media (min-width: 1400px) {
    .zoa-product.pad6 {
        padding-top: 120px;
        padding-bottom: 140px;
    }
}

.zoa-product.pad6 .title {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .zoa-product.pad6 .title {
        margin-bottom: 70px;
    }
}

.zoa-blog.pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-blog.pad {
        padding-top: 80px;
        padding-bottom: 110px;
    }
}

@media (max-width: 480px) {
    .zoa-blog [class*="col-xs-"] {
        margin-bottom: 30px;
    }
}

.zoa-blog .blog-img {
    margin-bottom: 25px;
}

.zoa-blog .blog-content .blog-meta>* {
    font-size: 12px;
    letter-spacing: 0.2em;
}

.zoa-blog .blog-content .blog-meta .blog-meta-tag {
    position: relative;
    padding-bottom: 3px;
}

.zoa-blog .blog-content .blog-meta .blog-meta-tag:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.zoa-blog .blog-content .blog-meta .blog-meta-tag.v2:before {
    content: none;
}

.zoa-blog .blog-content .blog-meta .blog-meta-date {
    color: #999;
}

.zoa-blog .blog-content .blog-meta .blog-meta-date:before {
    content: "/";
    padding: 0 12px 0 6px;
    color: #222;
}

.zoa-blog .blog-content h3 {
    font-size: 18px;
    letter-spacing: 0.03em;
}

.zoa-blog.v3.pad, .zoa-blog.pad.slide.v6, .zoa-blog.pad.slide.v5 {
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .zoa-blog.v3.pad, .zoa-blog.pad.slide.v6, .zoa-blog.pad.slide.v5 {
        padding-top: 110px;
        margin-bottom: 30px;
    }
    .zoa-blog.v3.pad .title, .zoa-blog.pad.slide.v6 .title, .zoa-blog.pad.slide.v5 .title {
        margin-bottom: 60px;
    }
}

@media (min-width: 1025px) {
    .zoa-blog.v3 .blog-img, .zoa-blog.slide.v6 .blog-img, .zoa-blog.slide.v5 .blog-img {
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    .zoa-blog.v3 .blog-content, .zoa-blog.slide.v6 .blog-content, .zoa-blog.slide.v5 .blog-content {
        margin: -85px 50px 0 50px;
        position: relative;
        padding-left: 40px;
        padding-top: 30px;
        background: #FFF;
    }
}

.zoa-blog.v3 h3, .zoa-blog.slide.v6 h3, .zoa-blog.slide.v5 h3 {
    margin-bottom: 25px;
}

.zoa-blog.v3 h3 a, .zoa-blog.slide.v6 h3 a, .zoa-blog.slide.v5 h3 a {
    font-weight: 600;
}

.zoa-blog.v3 .btn-read-more, .zoa-blog.slide.v6 .btn-read-more, .zoa-blog.slide.v5 .btn-read-more {
    font-size: 13px;
    color: #000000;
}

.zoa-blog.v3 .btn-read-more:hover, .zoa-blog.slide.v6 .btn-read-more:hover, .zoa-blog.slide.v5 .btn-read-more:hover {
    color: #222;
}

.zoa-blog.v3 .btn-read-more i, .zoa-blog.slide.v6 .btn-read-more i, .zoa-blog.slide.v5 .btn-read-more i {
    font-size: 8px;
    color: #222;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .about-homepage {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.about-homepage.pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .about-homepage.pad {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

@media (min-width: 1025px) {
    .about-homepage {
        padding-left: 130px;
        padding-right: 130px;
    }
}

@media (min-width: 768px) {
    .about-homepage .about-img {
        width: 300px;
        flex: 0 0 300px;
        margin-right: 70px;
    }
}

@media (max-width: 767px) {
    .about-homepage .about-img {
        margin-bottom: 30px;
    }
    .about-homepage .about-img img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about-homepage .img-sign img {
        margin: 0 auto;
    }
}

.about-homepage .about-homepage-content .content-first {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.about-homepage .about-homepage-content .content-first p {
    margin-bottom: 0;
}

.about-homepage .about-homepage-content .text-bigbold {
    font-size: 46px;
    font-weight: bold;
    margin-right: 10px;
}

.about-homepage .about-homepage-content p {
    line-height: 26px;
}

.about-brand.pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .about-brand.pad {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 480px) {
    .zoa-instagram [class*="col-xs"] {
        width: 100%;
        margin-bottom: 15px;
    }
    .zoa-instagram [class*="col-xs"] img {
        width: 100%;
    }
}

.zoa-instagram .insta-title {
    padding: 20px 0;
    background: #222;
}

@media (min-width: 480px) {
    .zoa-instagram .insta-title {
        padding: 49px 0;
    }
}

.zoa-instagram .insta-title a {
    font-size: 16px;
    color: #FFF;
}

.zoa-instagram .insta-title a:hover {
    color: #000000;
}

.zoa-instagram .insta-title2 {
    padding-bottom: 45px;
}

.zoa-instagram .insta-title2 h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.5em;
}

.zoa-instagram .insta-title2 a {
    font-size: 16px;
    letter-spacing: 0.02em;
}

.zoa-instagram .insta-content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

@media (min-width: 480px) {
    .zoa-instagram .insta-content {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.zoa-instagram.pad {
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .zoa-instagram.pad {
        padding-top: 100px;
    }
}

.zoa-product-tabs.pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-product-tabs.pad {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 1400px) {
    .zoa-product-tabs.pad {
        padding-top: 130px;
        padding-bottom: 110px;
    }
}

@media (max-width: 480px) {
    .zoa-product-tabs .tabs {
        margin-bottom: 30px;
    }
}

@media (min-width: 1400px) {
    .zoa-product-tabs .tabs {
        margin-bottom: 74px;
    }
}

@media (min-width: 480px) {
    .zoa-product-tabs .tabs {
        text-align: center;
    }
}

.zoa-product-tabs .tabs li {
    padding: 0 32px;
}

@media (max-width: 480px) {
    .zoa-product-tabs .tabs li {
        display: block;
        padding: 0;
        text-align: center;
        margin-bottom: 5px;
    }
}

.zoa-product-tabs .tabs li a {
    color: #222;
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 600;
}

.zoa-product-tabs .tabs li a:after {
    background: #000000;
}

@media (min-width: 1025px) {
    .collection-slide .first {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

@media (min-width: 1025px) {
    .collection-slide .first>[class*="col-xs-"]:first-child {
        width: 74.425%;
    }
    .collection-slide .first>[class*="col-xs-"]:last-child {
        width: 25.575%;
    }
}

@media (max-width: 1025px) {
    .collection-slide .first>[class*="col-xs-"] {
        margin-bottom: 30px;
    }
}

.collection-slide .banner-img {
    width: 100%;
}

@media (min-width: 1025px) {
    .collection-slide .banner-img:first-child {
        margin-bottom: 30px;
    }
}

.collection-slide .banner-img img {
    width: 100%;
}

@media (min-width: 480px) {
    .collection-slide .banner .content3 a {
        font-size: 36px;
    }
}

.collection-slide .slide-content {
    padding-left: 30px;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media (min-width: 480px) {
    .collection-slide .slide-content {
        padding-left: 160px;
        text-align: center;
    }
}

@media (min-width: 480px) {
    .collection-slide .slide-content h3 {
        font-size: 60px;
        margin-bottom: 40px;
    }
}

.collection-slide .slide-content a {
    font-weight: 600;
    position: relative;
    padding-bottom: 6px;
}

@media (min-width: 480px) {
    .collection-slide .slide-content a {
        font-size: 18px;
    }
}

@media (min-width: 480px) {
    .collection-slide .slide-content a {
        margin-left: 135px;
    }
}

.collection-slide .slide-content a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.slide-img, .collection-img {
    position: relative;
}

.zoa-collection.pad {
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .zoa-collection.pad {
        padding-bottom: 140px;
    }
}

@media (max-width: 767px) {
    .zoa-collection [class*="col-xs-"] {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .zoa-collection .collection-img>a {
        width: 100%;
    }
    .zoa-collection .collection-img>a img {
        width: 100%;
    }
}

.zoa-collection .collection-img .content4 {
    padding-left: 30px;
    padding-top: 30px;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    .zoa-collection .collection-img .content4 {
        padding-left: 60px;
        padding-top: 50px;
    }
}

.zoa-collection .collection-img .content4 a {
    position: relative;
    padding-bottom: 5px;
}

@media (min-width: 1024px) {
    .zoa-collection .collection-img .content4 a {
        font-size: 36px;
    }
}

.zoa-collection .collection-img .content4 a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #222;
    bottom: 0;
    width: 100%;
}

.zoa-collection .collection-img .content5 a {
    background: #FFF;
    padding: 13px 53px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.about-homepage11 {
    padding: 50px 0;
}

@media (min-width: 1025px) {
    .about-homepage11 {
        padding: 90px 0;
    }
}

@media (max-width: 767px) {
    .about-homepage11 {
        text-align: center;
    }
}

@media (min-width: 1024px) {
    .about-homepage11 .heading {
        padding-left: 100px;
        padding-right: 70px;
    }
}

.about-homepage11 .heading h3 {
    font-size: 13px;
    letter-spacing: 0.4em;
    color: #666;
    margin-top: 0;
}

@media (min-width: 480px) {
    .about-homepage11 .heading h3 {
        margin-bottom: 50px;
    }
}

.about-homepage11 .heading h1 {
    font-size: 40px;
}

@media (min-width: 1024px) {
    .about-homepage11 .content {
        padding-right: 100px;
        padding-left: 40px;
    }
}

.about-homepage11 .content p {
    font-size: 15px;
    line-height: 26px;
    color: #666;
}

@media (min-width: 480px) {
    .about-homepage11 .content p {
        margin-bottom: 25px;
    }
}

.about-homepage11 .content a {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding-bottom: 8px;
    display: inline-block;
}

@media (min-width: 480px) {
    .about-homepage11 .content a {
        margin-top: 30px;
    }
}

.about-homepage11 .content a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.zoa-collection-2.pad {
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .zoa-collection-2.pad {
        padding-top: 140px;
    }
}

.zoa-collection-2 .collection-img {
    display: inline-block;
}

@media (min-width: 1025px) {
    .zoa-collection-2 .first {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .zoa-collection-2 .first>[class*="col-xs-"]:first-child {
        width: 61.4942%;
    }
    .zoa-collection-2 .first>[class*="col-xs-"]:last-child {
        width: 38.5058%;
    }
}

@media (max-width: 1025px) {
    .zoa-collection-2 .first>[class*="col-xs-"]:first-child {
        margin-bottom: 30px;
    }
}

.zoa-collection-2 .second>[class*="col-xs-"]:first-child {
    margin-bottom: 30px;
}

@media (min-width: 1400px) {
    .zoa-collection-2 .second>[class*="col-xs-"]:first-child {
        margin-bottom: 130px;
    }
}

.zoa-collection-2 .content h3 {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.zoa-collection-2 .content a {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 6px;
    position: relative;
}

.zoa-collection-2 .content a:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.zoa-collection-2 .collection-tags.tags-label-right {
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-90deg) translateX(50%);
    transform: rotate(-90deg) translateX(50%);
}

.zoa-collection-2 .collection-tags.tags-label-right.v1 {
    right: -40px;
}

@media (min-width: 1400px) {
    .zoa-collection-2 .collection-tags.tags-label-right.v1 {
        right: -88px;
    }
}

.zoa-collection-2 .collection-tags.tags-label-right.v2 {
    right: -20px;
}

@media (min-width: 1400px) {
    .zoa-collection-2 .collection-tags.tags-label-right.v2 {
        right: -77px;
    }
}

.zoa-collection-2 .collection-tags a {
    font-size: 18px;
    letter-spacing: 0.4em;
    font-weight: 600;
    color: #222;
}

.zoa-collection-2 .collection-tags a:hover {
    color: #000000;
}

@media (min-width: 1025px) {
    .testimonial.v2 .owl-nav>div.owl-next {
        right: 80px;
        left: auto;
    }
    .testimonial.v2 .owl-nav>div.owl-prev {
        right: auto;
        left: 80px;
    }
}

.testimonial .owl-nav>div {
    display: block;
    text-align: center;
    color: #666;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.testimonial .owl-nav>div.owl-next {
    right: 0;
    left: auto;
}

@media (min-width: 1400px) {
    .testimonial .owl-nav>div.owl-next {
        right: 80px;
        left: auto;
    }
}

.testimonial .owl-nav>div.owl-prev {
    right: auto;
    left: 0;
}

@media (min-width: 1400px) {
    .testimonial .owl-nav>div.owl-prev {
        right: auto;
        left: 80px;
    }
}

.testimonial .owl-theme .owl-nav [class*=owl-] {
    font-size: 8px;
    background: transparent;
    color: #666;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.testimonial.pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 1400px) {
    .testimonial.pad {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

.testimonial .testimonial-item {
    background: url("/client-assets/img/home6/testimonial-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 113px 0px 100px 0px;
}

@media (max-width: 480px) {
    .testimonial .testimonial-item {
        padding: 30px 15px;
    }
}

.testimonial .testimonial-item .content p {
    letter-spacing: 0.2em;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 35px;
}

@media (min-width: 480px) {
    .testimonial .testimonial-item .content p {
        font-size: 17px;
        line-height: 27px;
    }
}

.testimonial .testimonial-item .content p.v2 {
    font-weight: 600;
}

.testimonial .testimonial-item .content p:before {
    border-bottom: 1px solid #000000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 50px;
}

.testimonial .testimonial-item .content a {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.collection-3 {
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .collection-3 {
        padding-top: 50px;
    }
}

@media (min-width: 1400px) {
    .collection-3 {
        padding-top: 170px;
    }
}

@media (max-width: 480px) {
    .collection-3 [class*="col-xs-"]:first-child {
        margin-bottom: 30px;
    }
}

.collection-3 .content {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media (min-width: 1025px) {
    .collection-3 .content {
        padding-left: 50px;
        padding-right: 50px;
    }
}

.collection-3 .content.v2 {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    text-align: right;
}

.collection-3 .content h2 {
    font-size: 26px;
    margin-top: 0;
    font-weight: 600;
}

@media (min-width: 480px) {
    .collection-3 .content h2 {
        font-size: 40px;
    }
}

.collection-3 .content h3 {
    font-weight: lighter;
    font-size: 26px;
    margin-top: 0;
}

@media (min-width: 480px) {
    .collection-3 .content h3 {
        font-size: 40px;
    }
}

@media (min-width: 480px) {
    .collection-3 .content h3 {
        margin-bottom: 40px;
    }
}

.collection-3 .content .shop-now {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-bottom: 6px;
}

.collection-3 .content .shop-now:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.collection-3 .heading.pad-text {
    padding: 30px 0;
}

@media (min-width: 1025px) {
    .collection-3 .heading.pad-text {
        padding: 94px 0;
    }
}

.collection-3 .heading h3 {
    letter-spacing: 0.5em;
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding-top: 25px;
}

.collection-3 .heading h3:before {
    border-bottom: 1px solid #222;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 51px;
    border-bottom: 2px solid;
}

.collection-3 .heading-bottom.pad-text {
    padding: 30px 0;
}

@media (min-width: 1025px) {
    .collection-3 .heading-bottom.pad-text {
        padding: 129px 0;
    }
}

.collection-3 .heading-bottom a {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
    font-weight: 600;
}

.collection-3 .heading-bottom i {
    margin-top: 8px;
    font-size: 8px;
}

.collection-4 .collection-grid {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    flex: 1 1 100%;
}

@media (max-width: 480px) {
    .collection-4 .collection-grid {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.collection-4 .collection-grid .collection-element {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.collection-4 .element-content {
    position: relative;
    width: 100%;
}

.collection-4 .content.style1 {
    text-align: center;
}

.collection-4 .content.style2 {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding-left: 15px;
    padding-bottom: 15px;
}

@media (min-width: 1025px) {
    .collection-4 .content.style2 {
        padding-left: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1400px) {
    .collection-4 .content.style2 {
        padding-left: 50px;
        padding-bottom: 50px;
    }
}

.collection-4 .content h3 {
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 1400px) {
    .collection-4 .content h3 {
        font-size: 46px;
        line-height: 58px;
    }
}

.collection-4 .content .shop-now {
    margin-top: 10px;
    font-weight: 600;
    padding-bottom: 5px;
    position: relative;
}

@media (min-width: 1400px) {
    .collection-4 .content .shop-now {
        font-size: 16px;
        margin-top: 25px;
    }
}

.collection-4 .content .shop-now:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

.full-banner .content {
    text-align: center;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

@media (min-width: 480px) {
    .full-banner .content {
        padding-left: 14.84%;
        width: 60%;
    }
}

.full-banner .content .tag-title {
    letter-spacing: 0.5em;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    padding-bottom: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 480px) {
    .full-banner .content .tag-title {
        font-size: 18px;
    }
}

.full-banner .content .tag-title:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #000000;
    bottom: 0;
    width: 100%;
}

@media (min-width: 1024px) {
    .full-banner .content h3 {
        font-size: 80px;
        line-height: 90px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 480px) {
    .full-banner .content h3 {
        text-align: center;
        width: 100%;
    }
}

.full-banner .content .btn-dis {
    margin-left: auto;
    margin-right: auto;
    padding: 15px 44px;
}

.banner-img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.banner-img:hover .overlay-img {
    opacity: 1;
}

.flash-deal.pad {
    padding-bottom: 50px;
}

@media (min-width: 1400px) {
    .flash-deal.pad {
        padding-bottom: 160px;
    }
}

.flash-deal .container {
    width: 100%;
    padding: 0;
}

.flash-deal .row {
    margin: 0;
}

@media (min-width: 1400px) {
    .flash-deal .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.flash-deal [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1025px) {
    .flash-deal [class*="col-"] img {
        width: 100%;
    }
}

.flash-deal .content .product-img {
    margin: 0 auto;
    width: 270px;
    height: 270px;
}

.flash-deal .content h3 {
    font-size: 46px;
}

.flash-deal .content>p {
    font-size: 17px;
    letter-spacing: 0.02em;
}

.flash-deal .content .product-content h3 {
    font-size: 24px;
}

.flash-deal .content .product-content .product-price .old {
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.flash-deal .content .product-content .product-price span {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.flash-deal .content .product-content .btn-add-cart {
    padding: 15px 54px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1400px) {
    .flash-deal .content .product-content .btn-add-cart {
        margin-top: 30px;
    }
}

.flash-deal .content .countdown-time b {
    font-weight: normal;
}

.zoa-about h3 {
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: 20px;
}

@media (min-width: 480px) {
    .zoa-about h3 {
        margin-bottom: 52px;
    }
}

.about-banner {
    position: relative;
}

@media (min-width: 480px) {
    .zoa-info {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .zoa-info .container {
        padding: 0;
    }
}

.zoa-info .zoa-inside {
    background: #222;
    padding: 15px 0;
}

@media (min-width: 480px) {
    .zoa-info .zoa-inside {
        padding: 34px 0;
    }
}

.zoa-info p {
    font-size: 15px;
    color: #777777;
    margin-bottom: 0;
}

.zoa-info p:first-child {
    margin-right: 10px;
}

@media (min-width: 480px) {
    .zoa-info p:first-child {
        margin-right: 77px;
    }
}

.zoa-info p span {
    color: #FFF;
}

.about-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 1400px) {
    .about-content {
        padding-top: 140px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1025px) {
    .about-content .about-sm {
        margin-top: 100px;
        margin-bottom: 82px;
    }
}

@media (max-width: 480px) {
    .about-content .about-sm img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1025px) {
    .about-content .about-info {
        padding-left: 0px;
        padding-right: 90px;
    }
}

.about-content .about-info h2 {
    font-size: 46px;
    line-height: 58px;
    letter-spacing: 0.3em;
}

@media (min-width: 1025px) {
    .about-content .about-info h2 {
        margin-bottom: 26px;
    }
}

.about-content .about-info h2 span {
    font-weight: 600;
}

.about-content .about-info .about-desc p {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0.01em;
}

.about-content .about-info .about-desc p:first-child {
    margin-bottom: 30px;
}

.about-content .about-info .sign {
    margin-top: 52px;
}

/*@media (max-width: 767px) {*/

/*.about-content [class*="col-xs-"] {*/

/*margin-bottom: 30px;*/

/*}*/

/*}*/

.about-bottom, .contact-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .about-bottom, .contact-bottom {
        padding-top: 80px;
        padding-bottom: 90px;
    }
}

.about-bottom .about-element h3, .contact-bottom .about-element h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

@media (min-width: 813px) {
    .about-bottom .about-element h3, .contact-bottom .about-element h3 {
        font-size: 36px;
        letter-spacing: 0.3em;
        margin-bottom: 35px;
    }
}

.about-bottom .about-element p, .contact-bottom .about-element p {
    font-size: 15px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.about-brand {
    padding-top: 30px;
}

@media (min-width: 1400px) {
    .about-brand {
        padding-top: 60px;
    }
}

.about-brand .owl-carousel .owl-item img {
    width: auto;
}

@media (max-width: 480px) {
    .about-brand .owl-carousel .owl-item img {
        margin: 0 auto;
    }
}

.contact-form {
    background: url("/client-assets/img/contact_bg.png") no-repeat center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
    border-bottom: 1px solid #eee;
}

.contact-form .contact-img {
    position: relative;
    display: inline-block;
}

.contact-form .contact-img .contact-overlay-img a {
    color: #FFF;
    font-size: 24px;
}

.contact-form .contact-img .contact-overlay-img a.email {
    letter-spacing: 0.01em;
    position: relative;
    padding: 35px 0;
}

.contact-form .contact-img .contact-overlay-img a.email:before {
    content: "";
    border-bottom: 1px solid #FFF;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 60px;
}

.contact-form .contact-img .contact-overlay-img a:hover {
    color: #000000;
}

.contact-form .contact-img .contact-overlay-img .social a {
    padding: 0 12px;
}

@media (min-width: 767px) {
    .contact-form .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
    .contact-form .row [class*="col-xs-"] {
        flex: 1 1 50%;
    }
    .contact-form .row [class*="col-xs-"]:last-child {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        max-width: 400px;
    }
}

.contact-form .contact-title {
    font-size: 30px;
}

@media (min-width: 480px) {
    .contact-form .contact-title {
        margin-bottom: 22px;
    }
}

.contact-form .form-group {
    margin-bottom: 40px;
}

.contact-form .form-customer.form-login input, .contact-form .form-customer.form-login textarea {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-color: #222;
    padding-left: 0;
    letter-spacing: 0.01em;
}

.contact-form .form-customer.form-login textarea {
    resize: none;
}

.contact-form .btn-login {
    font-size: 14px;
    padding: 17px 0;
}

.contact-bottom {
    padding-top: 0;
    padding-bottom: 0;
}

.contact-bottom .about-element h3 {
    /*font-size: 30px;*/
    /*margin-bottom: 25px;*/
}

.contact-bottom .about-element p {
    color: #666;
    font-size: 14px;
}

.zoa-404 {
    padding: 20px 0;
}

@media (min-width: 767px) {
    .zoa-404 {
        padding: 100px 0;
    }
}

@media (min-width: 767px) {
    .zoa-404 .row {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .zoa-404 .row [class*="col-xs-"] {
        margin-bottom: 15px;
    }
    .spi-graph-hiden {
        /*height: 48px !important;*/
        /*background-color: #FFF !important;*/
    }
}

.zoa-404 h1 {
    letter-spacing: 0.02em;
    font-weight: 600;
}

@media (min-width: 480px) {
    .zoa-404 h1 {
        font-size: 80px;
        margin-top: 35px;
    }
}

.zoa-404 h3 {
    letter-spacing: 0.01em;
    font-size: 30px;
}

.zoa-404 p {
    letter-spacing: 0.01em;
    font-size: 15px;
    line-height: 28px;
    color: #666;
}

.zoa-404 .zoa-back {
    font-size: 18px;
    display: inline-block;
    position: relative;
    margin-top: 15px;
}

@media (min-width: 767px) {
    .zoa-404 .zoa-back {
        margin-top: 80px;
    }
}

.zoa-404 .zoa-back:after {
    content: '';
    width: 0;
    height: 2px;
    background: #000000;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

/*page comingson*/

.wrapper-comingson {
    background-image: url("/client-assets/img/background.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wrapper-comingson .logo img {
    display: block;
    margin: auto;
}

.wrapper-comingson .content {
    text-align: center;
    padding-top: 250px;
    padding-bottom: 120px;
}

.wrapper-comingson .content .title-header h1 {
    font-family: FFMarkWebProRegular;
    font-size: 60px;
    color: #222222;
    padding-bottom: 20px;
}

@media (max-width: 480px) {
    .wrapper-comingson .content .title-header h1 {
        font-size: 35px;
    }
}

.wrapper-comingson .content .title-header h1 span {
    font-size: 120px;
    font-family: FFMarkWebProRegular;
    color: #222222;
    font-weight: bold;
    position: relative;
}

@media (max-width: 480px) {
    .wrapper-comingson .content .title-header h1 span {
        font-size: 80px;
    }
}

.wrapper-comingson .content .title-header h1 span::before {
    content: "";
    border: 3px solid #f33;
    bottom: 11px;
    position: absolute;
    width: 184px;
    left: 6%;
}

@media (max-width: 480px) {
    .wrapper-comingson .content .title-header h1 span::before {
        width: 120px;
    }
}

.wrapper-comingson .content p {
    font-family: FFMarkWebProRegular;
    font-size: 18px;
    color: #222;
    font-weight: bold;
    letter-spacing: 2px;
}

.bottom {
    border-top: 1px solid #eee;
    padding: 35px 0;
    text-align: center;
}

.bottom .social a i {
    color: #888888;
    padding: 0 8px;
    font-size: 17px;
}

/*page faqs*/

.wrapper-faqs .menu-left {
    margin-top: 20px;
}

@media (max-width: 480px) {
    .wrapper-faqs .menu-left {
        margin-top: 0px;
    }
}

.wrapper-faqs .menu-left ul li {
    border-bottom: 1px solid #bdbdbd;
    padding: 20px 0;
}

.wrapper-faqs .menu-left ul li:nth-child(1) {
    border-bottom: 1px solid #222222;
}

@media (max-width: 480px) {
    .wrapper-faqs .menu-left ul li:nth-child(1) {
        padding-top: 0px;
    }
}

.wrapper-faqs .menu-left ul li:nth-child(1) i {
    color: #000000;
}

.wrapper-faqs .menu-left ul li a {
    font-family: FFMarkWebProRegular;
    font-size: 14px;
    color: #888;
    text-transform: capitalize;
}

.wrapper-faqs .menu-left ul li a i {
    font-size: 6px;
    color: #888;
    padding-right: 30px;
}

.wrapper-faqs .faqs .zoa-faq h1 {
    font-family: FFMarkWebProRegular;
    font-size: 36px !important;
    margin-bottom: 56px !important;
    margin-top: 30px !important;
}

.panel-heading {
    padding: 22px 30px;
    background: #222;
    color: #fff;
    margin-top: 50px;
}

.panel-heading .panel-title {
    padding-left: 15px;
    /*float: left;*/
    line-height: 30px;
}

.panel-heading .panel-title a {
    font-family: FFMarkWebProRegular;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
}

.panel {
    border: 0;
}

.panel-body {
    padding: 20px 64px 0px 64px;
}

@media (max-width: 480px) {
    .panel-body {
        padding: 0px 0px 0px 34px;
    }
}

.panel-body .faq-block h1 {
    font-family: FFMarkWebProRegular;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.tab-item h3 {
    padding: 16px 45px;
    background: #222;
    margin-top: 61px;
}

@media (max-width: 480px) {
    .tab-item h3 {
        margin-top: 30px;
    }
}

.tab-item h3 a {
    font-family: FFMarkWebProRegular;
    font-size: 16px;
    color: #fff;
}

.tab-item h3 a span {
    font-size: 20px;
    padding-right: 15px;
}

.faq-block ul {
    padding-left: 15px;
}

.faq-block ul li {
    list-style-type: decimal;
    font-family: FFMarkWebProRegular;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 15px;
}

.faq-block p {
    font-family: FFMarkWebProRegular;
    font-size: 16px;
    font-weight: 600;
    color: #222 !important;
    padding-top: 20px;
}

@media (max-width: 480px) {
    .faq-block p {
        padding-top: 30px;
    }
}

/*page my account*/

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 0;
    color: #222;
}

.nav-tabs>li>a {
    border: 0;
}

.nav>li>a {
    padding: 0;
}

.my-account {
    border-bottom: 1px solid #eee;
}

.titlelt {
    margin-bottom: 50px;
}

.titlelt h2 {
    font-size: 26px;
    font-family: FFMarkWebProRegular;
    color: #222222;
    padding-bottom: 25px;
}

.address {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.address ul li a {
    font-size: 16px;
    color: #888888;
    padding: 7px 0;
}

.address ul li a img {
    padding-right: 15px;
}

.address ul li:nth-child(1) {
    color: #333;
}

.address ul li:nth-child(1)::before {
    content: "";
    border: 1px solid #222;
    bottom: 3px;
    position: absolute;
    width: 111px;
    left: 9%;
}

.login {
    padding-top: 20px;
}

.login ul li a img {
    padding-right: 15px;
}

.login ul li a {
    font-family: FFMarkWebProRegular;
    font-size: 15px;
    color: #888888;
    padding: 7px 0;
    text-transform: capitalize;
}

.address ul li a i {
    padding-right: 15px;
}

.my-account {
    border-bottom: 1px solid #eee;
}

.porfolio ul li a {
    font-family: FFMarkWebProRegular;
    font-size: 26px;
    text-transform: capitalize;
    color: #999;
}

.porfolio ul li:nth-child(1) {
    padding-right: 38px;
    border-right: 1px solid #eee;
}

@media (max-width: 767px) {
    .porfolio ul li:nth-child(1) {
        padding-right: 0;
    }
}

.porfolio ul li:nth-child(2) {
    padding-left: 38px;
}

@media (max-width: 767px) {
    .porfolio ul li:nth-child(2) {
        padding-left: 0;
    }
}

.form {
    padding-top: 45px;
    padding-bottom: 140px;
}

@media (max-width: 414px) {
    .form {
        padding-bottom: 40px;
    }
}

input.country {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 30px;
}

input.city {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 30px;
}

input.district {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 30px;
}

input.zipcode {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 30px;
}

input.phone {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 30px;
}

input.gmail {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 40px;
}

.mail {
    padding-left: 15px;
}

label {
    font-weight: normal;
    color: #999;
    text-transform: capitalize;
    font-size: 15px;
    font-family: FFMarkWebProRegular;
}

button.change {
    width: 100%;
    height: 55px;
    border: 0;
    font-size: 16px;
    color: #fff;
    background: #222222;
    font-family: FFMarkWebProRegular;
}

button.change:hover {
    background: #f33;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/*check-out*/

i.fa.fa-caret-down {
    position: absolute;
    top: 159px;
    font-size: 16px;
    right: 40px;
}

.out {
    font-weight: normal;
    color: #333;
    text-transform: capitalize;
    font-size: 15px;
    font-family: FFMarkWebProRegular;
}

.check-out .titlell h2 {
    font-family: FFMarkWebProRegular;
    color: #222222;
    text-align: center;
    padding-bottom: 60px;
    font-size: 30px;
}

@media (max-width: 480px) {
    .check-out .titlell h2 {
        padding-bottom: 20px;
    }
}

.form-name {
    padding-bottom: 40px;
}

.form-name .content {
    padding-bottom: 15px;
}

.form-name .content h5 {
    font-family: FFMarkWebProRegular;
    font-size: 14px;
    color: #999999;
}

.billing h2 {
    font-family: FFMarkWebProRegular;
    font-size: 24px;
    color: #333333;
    text-transform: capitalize;
}

input.firstname {
    text-transform: capitalize;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #f33;
    padding-left: 20px;
    color: #f33;
    margin-bottom: 20px;
    font-family: FFMarkWebProRegular;
}

input.lastname {
    text-transform: capitalize;
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #03b452;
    padding-left: 20px;
    color: #00f;
    margin-bottom: 20px;
    font-family: FFMarkWebProRegular;
}

input.email {
    width: 100%;
    height: 55px;
    background: #f4f4f4;
    border: 0;
    padding-left: 20px;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: 15px;
}

textarea.comment {
    width: 100%;
    height: 240px;
    border: 0;
    background: #f4f4f4;
    font-family: FFMarkWebProRegular;
}

.content-order {
    padding: 35px;
}

@media (max-width: 768px) {
    .content-order {
        padding: 20px;
    }
    #ring-size .modal-dialog{
       top:30% !important;
    }
}

.order {
    display: block;
    border: 1px solid #eee;
}

.order h3 {
    color: #222;
    text-transform: capitalize;
    font-weight: bold;
    font-family: FFMarkWebProRegular;
}

th {
    text-align: left;
    width: 75%;
    text-transform: uppercase;
    color: #333;
}

@media (max-width: 768px) {
    th {
        width: 70%;
    }
}

td {
    text-transform: capitalize;
}

td, th {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

caption {
    font-size: 26px;
    font-family: FFMarkWebProRegular;
    color: #333;
    text-transform: capitalize;
    font-weight: 600;
}

i.fa.fa-times {
    color: #6c6c6c;
    padding-right: 5px;
}

.total {
    display: flex;
    padding-bottom: 30px;
}

.total .sub-total {
    font-family: FFMarkWebProRegular;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}

.total .prince {
    font-family: FFMarkWebProRegular;
    color: #222;
    padding-left: 236px;
    font-size: 17px;
}

@media (max-width: 1024px) {
    .total .prince {
        padding-left: 162px;
    }
}

@media (max-width: 823px) {
    .total .prince {
        padding-left: 74px;
    }
}

@media (max-width: 768px) {
    .total .prince {
        padding-left: 47px;
    }
}

.content-radio {
    display: flex;
    padding-bottom: 40px;
}

.content-radio h5 {
    font-size: 14px;
    font-family: FFMarkWebProRegular;
    text-transform: uppercase;
    color: #333;
}

.content-radio .radio {
    margin-left: 40px;
}

.content-radio .radio .button1 span {
    padding-left: 167px;
}

.content-radio .radio .button3 span {
    padding-left: 167px;
}

.payment p {
    font-size: 14px;
    font-family: FFMarkWebProRegular;
    color: #6c6c6c;
    padding-left: 5px;
    padding-top: 20px;
}

input.so1 {
    margin-top: 20px;
    border-bottom: 1px solid #eee;
}

input.so2 {
    margin: 20px 0;
    border-bottom: 1px solid #eee;
}

input.so3 {
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.ober {
    width: 100%;
    height: 55px;
    background: #222222;
    color: #fff;
    font-size: 14px;
    border: 0;
    text-transform: uppercase;
    font-family: FFMarkWebProRegular;
    margin-top: 30px;
}

.ober:hover {
    background: #f33;
}

span#prince1 {
    padding-left: 162px;
    font-size: 14px;
    font-family: FFMarkWebProRegular;
    color: #6c6c6c;
}

@media (max-width: 1024px) {
    span#prince1 {
        padding-left: 90px;
    }
}

@media (max-width: 991px) {
    span#prince1 {
        padding-left: 5px;
    }
}

span#prince2 {
    padding-left: 126px;
    font-size: 14px;
    font-family: FFMarkWebProRegular;
    color: #6c6c6c;
}

@media (max-width: 1024px) {
    span#prince2 {
        padding-left: 50px;
    }
}

@media (max-width: 736px) {
    span#prince2 {
        padding-left: 5px;
    }
}

/*page product*/

.frequen h4 {
    font-size: 18px !important;
    font-family: FFMarkWebProRegular;
    color: #222;
    font-weight: bold;
    padding-top: 50px;
    padding-bottom: 25px;
}

.item {
    display: block;
    padding-top: 40px;
}

.item ul li {
    font-size: 16px !important;
    font-family: FFMarkWebProRegular;
    color: #222 !important;
    text-transform: capitalize !important;
    padding-bottom: 10px;
}

.item ul li del {
    padding-left: 25px;
    font-size: 16px;
    font-family: FFMarkWebProRegular;
    color: #9d9d9d;
}

.item ul li i {
    padding-right: 10px;
    color: #4bcdd2;
}

.price-set {
    width: 400px;
    height: 55px;
    background: #222;
    color: #fff;
    border: 0;
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 15px;
    text-transform: uppercase;
}

@media (max-width: 812px) {
    .price-set {
        width: 360px;
    }
}

@media (max-width: 375px) {
    .price-set {
        width: 274px;
        margin-left: 30px;
    }
}

@media (max-width: 320px) {
    .price-set {
        width: 225px;
    }
}

.price-set i {
    padding-right: 15px;
}

.price-set:hover {
    background: #f33;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

i.fa.fa-plus {
    position: absolute;
    top: 57px;
    left: 128px;
    color: #999;
}

@media (min-width: 1920px) {
    i.fa.fa-plus {
        left: 138px;
    }
}

@media (max-width: 1024px) {
    i.fa.fa-plus {
        display: none;
    }
}

.mb-20 {
    margin-bottom: 30px !important;
}

.blog-cate {
    color: #888;
    letter-spacing: 0.1em;
}

.blog-cate span {
    color: #333333;
}

.blog-date {
    color: #888;
    letter-spacing: 0.1em;
}

.blog-title a {
    font-size: 28px;
}

.blog-desc, .single-blog-desc p {
    color: #666;
    font-size: 15px;
    line-height: 26px;
}

.read-more {
    font-size: 15px;
    display: inline-block;
    position: relative;
    padding-bottom: 7px;
    letter-spacing: 0.01em;
}

.read-more:before {
    content: "";
    height: 2px;
    width: 100%;
    border-bottom: 1px solid;
    bottom: 0;
    position: absolute;
}

.blog-list {
    padding-top: 60px;
    padding-bottom: 50px;
}

.blog-list .blog-list-item {
    margin-bottom: 40px;
}

@media (max-width: 812px) {
    .blog-list .blog-list-item {
        display: block;
    }
    .blog-list .blog-list-item [class*="col-xs-"] {
        margin-bottom: 30px;
    }
}

@media (min-width: 767px) {
    .blog-list .blog-list-item {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

@media (min-width: 1025px) {
    .blog-list .blog-list-item {
        margin-bottom: 100px;
    }
}

.blog-list .blog-list-info.v2 {
    background: #f6f6f6;
    padding: 30px;
}

@media (min-width: 1025px) {
    .blog-list .blog-list-info {
        max-width: 360px;
    }
    .blog-list .blog-list-info.v2 {
        max-width: unset;
        padding: 60px 30px 52px 100px;
    }
}

.blog-list .blog-tag {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-bottom: 7px;
}

.blog-list .blog-tag .blog-cate:after {
    content: "/";
    padding: 0 5px;
    color: #888;
}

.blog-list .blog-title {
    margin-bottom: 10px;
}

.blog-list .blog-desc, .blog-list .single-blog-desc p, .single-blog-desc .blog-list p {
    margin: 0 0 20px;
}

@media (min-width: 480px) {
    .blog-list .blog-desc, .blog-list .single-blog-desc p, .single-blog-desc .blog-list p {
        margin: 0 0 40px;
    }
}

.blog-list .pagination {
    margin: 0;
}

.single-blog {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (min-width: 1025px) {
    .single-blog {
        padding-top: 60px;
    }
}

.single-blog .blog-main-img {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .single-blog .blog-main-img {
        margin-bottom: 50px;
    }
}

@media (min-width: 1025px) {
    .single-blog-post {
        max-width: 970px;
        margin: 0 auto;
    }
}

.single-blog-post .title {
    margin-bottom: 25px;
}

.single-blog-post .blog-tag {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-bottom: 15px;
}

@media (min-width: 480px) {
    .single-blog-post .blog-tag {
        margin-bottom: 46px;
    }
}

.single-blog-post .blog-tag [class*="blog-"] {
    color: #666;
}

.single-blog-post .blog-tag [class*="blog-"]:after {
    content: "/";
    padding: 0 12px 0 6px;
    color: #666;
}

.single-blog-post .blog-tag [class*="blog-"]:last-child:after {
    content: none;
}

.single-blog-post .blog-tag .text-bold {
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
}

.single-blog-desc {
    padding-bottom: 50px;
}

.single-blog-desc .blog-second-img {
    padding: 15px 0;
}

@media (min-width: 480px) {
    .single-blog-desc .blog-second-img {
        padding-top: 62px;
        padding-bottom: 38px;
    }
}

.single-blog-desc .blog-second-img img {
    margin-bottom: 30px;
}

.single-blog-desc .blog-second-img a {
    font-size: 15px;
}

.single-blog-desc h4 {
    font-size: 15px;
    font-weight: 600;
    margin: 30px 0;
}

@media (min-width: 480px) {
    .single-blog-desc h4 {
        margin-top: 66px;
        margin-bottom: 36px;
    }
}

.single-blog-desc blockquote {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 30px;
    padding-right: 36px;
    border-left: 2px solid #000000;
}

@media (min-width: 480px) {
    .single-blog-desc blockquote {
        margin-left: 116px;
        margin-top: 68px;
    }
}

.single-blog-desc blockquote p {
    color: #002222;
}

@media (min-width: 480px) {
    .single-blog-desc {
        padding-bottom: 116px;
    }
}

.single-blog-bottom {
    padding: 30px 0;
    border-top: 1px solid #eee;
}

@media (min-width: 480px) {
    .single-blog-bottom {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
}

@media (max-width: 480px) {
    .blog-tags {
        margin-bottom: 15px;
    }
}

.blog-tags a {
    font-size: 13px;
    padding: 5px 18px;
    display: inline-block;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

@media (max-width: 480px) {
    .blog-tags a {
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .blog-social {
        text-align: center;
    }
}

.blog-social a {
    color: #999;
    font-size: 20px;
    display: inline-block;
    margin: 0 2px;
}

.single-blog-related {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 812px) {
    .single-blog-related {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.single-blog-item {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    flex: 1 1 50%;
    padding: 30px 0;
}

@media (min-width: 812px) {
    .single-blog-item {
        padding: 64px 0;
    }
}

.single-blog-item .blog-related-img {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex: 0 0 100px;
}

.single-blog-item .blog-related-info .blog-link {
    text-transform: uppercase;
    color: #777;
    margin-bottom: 10px;
    display: block;
}

.single-blog-item .blog-related-info .blog-link:hover {
    color: #000000;
}

.single-blog-item .blog-related-info p a {
    color: #242626;
    font-size: 16px;
    letter-spacing: 0.01em;
}

@media (min-width: 480px) {
    .single-blog-item .blog-related-info p a {
        font-size: 20px;
    }
}

.single-blog-item .blog-related-info p a:hover {
    color: #000000;
}

.single-blog-item:last-child {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    background: #ededed;
    padding-right: 30px;
}

@media (min-width: 1025px) {
    .single-blog-item:last-child {
        padding-right: 60px;
    }
}

@media (max-width: 768px) {
    .single-blog-item:last-child {
        padding-left: 30px;
    }
}

.single-blog-item:first-child {
    background: #f4f4f4;
    padding-left: 30px;
}

@media (min-width: 1025px) {
    .single-blog-item:first-child {
        padding-left: 60px;
        padding-right: 100px;
    }
}

@media (max-width: 768px) {
    .single-blog-item:first-child {
        padding-right: 30px;
    }
}

.blog-heading h1 {
    font-size: 28px;
    margin-bottom: 20px;
}

.blog-heading p {
    color: #6c6c6c;
    letter-spacing: 0.01em;
    font-size: 16px;
    margin-bottom: 35px;
}

.blog-comment .blog-comment-content {
    padding-top: 15px;
}

.blog-comment .blog-comment-content ul {
    margin-top: 45px;
}

.blog-comment .blog-comment-content ul li {
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #eee;
}

@media (min-width: 480px) {
    .blog-comment .blog-comment-content ul li {
        padding-left: 30px;
    }
}

.blog-comment .blog-comment-content ul li:nth-child(2) {
    padding-left: 50px;
}

@media (min-width: 480px) {
    .blog-comment .blog-comment-content ul li:nth-child(2) {
        padding-left: 100px;
    }
}

.blog-comment .blog-comment-content ul li:first-child {
    border-top: 1px solid #eee;
}

@media (min-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-img {
    flex: 0 0 100px;
    margin-right: 30px;
}

@media (max-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item .cmt-img {
        margin-bottom: 30px;
    }
}

@media (min-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item .cmt-content {
        width: calc(100% - 100px);
    }
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin-bottom: 16px;
}

@media (min-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element {
        margin-bottom: 10px;
    }
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .name {
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 20px;
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .date {
    color: #777;
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .date i {
    margin-right: 3px;
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name a {
    color: #777;
    text-transform: uppercase;
    font-size: 11px;
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name a i {
    font-size: 12px;
    margin-right: 8px;
}

.blog-comment .blog-comment-content .blog-comment-item .cmt-content p {
    color: #666;
    line-height: 25px;
    letter-spacing: 0.01em;
}

.blog-comment-bottom {
    padding-top: 50px;
}

.blog-comment-bottom .cmt-form .form-group {
    margin-bottom: 30px;
}

.blog-comment-bottom .cmt-form .form-control {
    color: #999;
    background: #f6f6f6;
    padding-left: 20px;
    border: 0;
}

.blog-comment-bottom .cmt-form .form-control::-webkit-input-placeholder {
    color: #999;
    font-size: 14px;
}

.blog-comment-bottom .cmt-form .form-control:-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.blog-comment-bottom .cmt-form .form-control::-moz-placeholder {
    color: #999;
    font-size: 14px;
}

.blog-comment-bottom .cmt-form .form-control:-ms-input-placeholder {
    color: #999;
    font-size: 14px;
}

.blog-comment-bottom .cmt-form textarea {
    padding-top: 20px;
    resize: none;
}

.blog-comment-bottom .cmt-form input {
    height: 60px;
}

@media (max-width: 480px) {
    .blog-comment-bottom .cmt-form .col-md-4 {
        margin-bottom: 30px;
    }
}

.blog-comment-bottom .cmt-form .zoa-btn {
    font-size: 15px;
    padding: 16px 58px;
}

.blog-col {
    margin-top: 70px;
}

.blog-col .gallery-isotope .item-isotope {
    float: left;
    margin-bottom: 55px;
    padding-left: 15px;
    padding-right: 15px;
}

.blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size {
    width: 33.33333%;
}

.blog-col .gallery-isotope.blog-col-3 .width-60 {
    width: 66.66666%;
}

.blog-col .gallery-isotope.blog-col-3 .width-100 {
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size {
        width: 33.33333% !important;
    }
}

@media screen and (max-width: 768px) {
    .blog-col .gallery-isotope {
        /* GALLERY */
    }
    .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size {
        width: 50% !important;
    }
}

@media screen and (max-width: 480px) {
    .blog-col .gallery-isotope {
        /* GALLERY */
    }
    .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size, .blog-col .gallery-isotope.blog-col-3 .width-60 {
        width: 100% !important;
    }
}

.blog-col .gallery-content .wrap-box-1 img {
    width: 100%;
}

.blog-col .gallery-content .btn-web a {
    height: 60px;
    line-height: 55px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.blog-col .gallery-content .btn-web a i {
    margin-right: 15px;
}

.blog-col .gallery-restaurant {
    margin: auto;
}

.blog-col .gallery-restaurant ul {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .blog-col .gallery-restaurant ul {
        margin-bottom: 35px;
    }
}

.blog-col .gallery-restaurant ul li {
    line-height: 40px;
}

@media (max-width: 767px) {
    .blog-col .gallery-restaurant ul li {
        padding: 0;
    }
}

.blog-col .gallery-restaurant ul li.active>a {
    border: 1px solid #e09300;
    color: #232323;
    background: transparent;
}

.blog-col .gallery-restaurant ul li.active>a:hover, .blog-col .gallery-restaurant ul li.active>a:focus {
    border: 1px solid #e09300;
    cursor: pointer;
}

.blog-col .gallery-restaurant ul li a {
    margin: 0px 5px;
    font-size: 16px;
    padding: 6px 18px;
    border: 1px solid transparent;
    color: #232323;
    text-decoration: none;
}

@media (max-width: 767px) {
    .blog-col .gallery-restaurant ul li a {
        margin: 0;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .blog-col .gallery-restaurant ul li a {
        padding: 6px 10px;
    }
}

.blog-col .gallery-restaurant ul li a:hover, .blog-col .gallery-restaurant ul li a:focus {
    outline: none;
    border: 1px solid #e09300;
}

.section-blog-list .item.behind {
    margin-top: 46px;
}

.section-blog-list .item .post-thumbnail img {
    width: 100%;
}

.section-blog-list .entry-content .entry-between {
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #efefef;
    line-height: 37px;
}

.section-blog-list .entry-content .entry-between .label {
    color: #000000;
    font-size: 11px;
    letter-spacing: 3px;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.section-blog-list .entry-content .entry-between .comment {
    padding: 6px 14px 6px 14px;
    background: black;
    float: right;
    font-size: 12px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
}

.section-blog-list .entry-content .entry-between span.comment:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid black;
    border-right: 13px solid transparent;
    border-bottom: 8px solid transparent;
}

.section-blog-list .entry-content .entry-meta {
    padding-top: 29px;
}

.section-blog-list .entry-content .entry-meta .entry-date {
    font-size: 12px;
    color: #b3b3b3;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}

.section-blog-list .entry-content .entry-meta .entry-title a {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 992px) {
    .section-blog-list .entry-content .entry-meta .entry-title a {
        font-size: 16px;
    }
}

.section-blog-list .entry-content .entry-meta .entry-title a:hover {
    text-decoration: none;
    color: #000000;
}

.section-blog-list .button {
    text-align: center;
    margin-top: 88px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .section-blog-list .button {
        margin-top: 44px;
    }
}

.section-blog-list .button .loadmore {
    font-size: 16px;
    color: #030303;
    padding: 17px 30px 14px 30px;
    background: transparent;
    border: 1px solid black;
}

.section-blog-list .button .loadmore img {
    margin-right: 16px;
}

.section-blog-list .button .loadmore:hover {
    background: #e09300;
    color: black;
    border: 1px solid #e09300;
}

.gallery_1 .wrap-blog {
    position: relative;
    overflow: hidden;
    display: block;
}

.gallery_1 .wrap-blog:hover .box-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.gallery_1 .wrap-blog:hover .box-img:before {
    opacity: 1;
    overflow: visible;
}

.gallery_1 .wrap-blog .box-img {
    overflow: hidden;
}

.gallery_1 .wrap-blog .box-img img {
    width: 100%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.blog-zigzag {
    padding-bottom: 0px;
    padding-top: 70px;
    margin-bottom: -30px;
}

.blog-zigzag .btn-web a {
    height: 60px;
    line-height: 55px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

.blog-zigzag .btn-web a i {
    margin-right: 15px;
}

.blog-zigzag .wpb_wrapper .item-zigzag {
    margin-bottom: 100px;
}

.blog-zigzag .wpb_wrapper .post-standard figure img {
    width: 100%;
}

.blog-zigzag .wpb_wrapper .feature-content {
    margin-top: 35px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .blog-zigzag .wpb_wrapper .feature-content {
        margin: 0;
    }
}

.blog-zigzag .wpb_wrapper .feature-content .oct_top_featured_content {
    display: inline-block;
}

.blog-zigzag .wpb_wrapper .feature-content .oct_top_featured_content .oct_day {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    line-height: 9px;
    font-family: 'Roboto Condensed', sans-serif;
}

.blog-zigzag .wpb_wrapper .feature-content .oct_blog_title {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0;
}

.blog-zigzag .wpb_wrapper .feature-content .oct_blog_title a {
    color: #232323;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 600;
}

.blog-zigzag .wpb_wrapper .feature-content .k_blog_content {
    line-height: 25px;
    margin-bottom: 40px;
    color: #7d7d7d;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    font-weight: 300;
}

.blog-zigzag .wpb_wrapper .feature-content .btn-web a {
    width: 150px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 37px;
}

.body-blog-listing .item-blog {
    display: flex;
    align-items: center;
    padding: 50px 0 50px 0;
    border-bottom: 1px solid #ebebeb;
}

@media (max-width: 1024px) {
    .body-blog-listing .item-blog {
        flex-direction: column;
        padding: 30px 0 10px 0;
        align-items: baseline;
    }
}

.body-blog-listing .item-blog .info {
    flex: 1;
}

.body-blog-listing .item-blog .info .oct_comment {
    width: 100%;
    color: #b3b3b3;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.body-blog-listing .item-blog .info .oct_comment .author-line {
    padding-right: 10px;
    margin-right: 5px;
    position: relative;
    float: left;
}

.body-blog-listing .item-blog .info .oct_comment .author-line a {
    width: 100%;
    color: #b3b3b3;
    font-size: 12px;
}

.body-blog-listing .item-blog .info .oct_comment .author-line a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
}

.body-blog-listing .item-blog .info .title {
    display: block;
    font-size: 24px;
    color: #000000;
    margin-top: 10px;
    font-weight: 600;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-transform: capitalize;
}

.body-blog-listing .item-blog .info .title:hover {
    color: #e09300;
}

.body-blog-listing .item-blog .date p {
    display: flex;
    align-items: center;
    color: #000000;
    font-weight: 500;
    margin: 0;
    font-size: 60px;
}

.body-blog-listing .item-blog .date p span {
    font-size: 16px;
    position: relative;
    padding-left: 55px;
    margin-left: 2 0px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.body-blog-listing .item-blog .date p span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    background-color: #000000;
}

.body-blog-listing .page_nav {
    margin: 95px 0 25px 0;
}

@media (max-width: 1024px) {
    .body-blog-listing .page_nav {
        margin: 60px 0 0px 0;
    }
}

.body-blog-listing .page_nav .current {
    padding-left: 0px !important;
    color: #000000 !important;
    text-decoration: underline;
}

.body-blog-listing .page_nav .page-numbers {
    padding: 0 7px;
    color: #232323;
    font-size: 16px;
    font-weight: 600;
}

.body-blog-listing .page_nav .page-numbers:hover {
    color: #000000;
}

/*
    5.2. Item view templates
 */

.product-title {
    font-size: 14px;
}

.product-title a {
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    word-break: break-all;
    display: block;
}

.product-title a:hover {
    color: #000000;
}

.product-cate {
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
}

/*.product-price span {*/

/*    font-weight: bold;*/

/*}*/

.product-new-price {
    font-weight: bold;
}

.shop-top, .shop-bottom {
    position: relative;
}

@media (min-width: 1025px) {
    .shop-top, .shop-bottom {
        padding-top: 45px;
    }
}

@media (min-width: 768px) {
    .shop-top, .shop-bottom {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

@media (min-width: 576px) {
    .shop-top .shop-element, .shop-bottom .shop-element {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex: 1 1 50%;
    }
}

.shop-top .shop-element.right, .shop-bottom .shop-element.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.shop-top .shop-element.right.v2 {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.shop-top .shop-element.right.v2 span {
    color: #444;
    font-size: 15px;
}

@media (max-width: 575px) {
    .shop-top .shop-element.right, .shop-bottom .shop-element.right {
        text-align: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .compare-all-btn {
        margin-top: 10px;
    }
}

.shop-top .shop-element.right span, .shop-bottom .shop-element.right span {
    color: #888;
}

@media (min-width: 480px) {
    .shop-top .shop-element.right span, .shop-bottom .shop-element.right span {
        margin-right: 30px;
    }
}

@media (max-width: 480px) {
    .shop-top .shop-element.right span, .shop-bottom .shop-element.right span {
        margin: 15px 0;
    }
}

.shop-top .shop-element.right.v2 span, .shop-bottom .shop-element.right.v2 span {
    margin-right: 0;
}

.shop-top .shop-element.left>ul, .shop-bottom .shop-element.left>ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.shop-top .shop-element.left>ul>li, .shop-bottom .shop-element.left>ul>li {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
    padding-left: 12px;
    padding-right: 20px;
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #f8f5f5;
}

@media (min-width: 575px) {
    .shop-top .shop-element.left>ul>li, .shop-bottom .shop-element.left>ul>li {
        /*flex: 0 0 300px;*/
        min-width: 300px;
    }
}

.shop-top .shop-element.left>ul>li>a, .shop-bottom .shop-element.left>ul>li>a {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    width: 100%;
}

.shop-top .shop-element.left>ul>li>a span, .shop-bottom .shop-element.left>ul>li>a span {
    font-weight: normal;
    color: #888;
}

.shop-top .shop-element.left>ul>li>a i, .shop-bottom .shop-element.left>ul>li>a i {
    margin-right: 10px;
}

.shop-top .shop-element.left>ul>li>a:after, .shop-bottom .shop-element.left>ul>li>a:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    content: '\e903';
    font-size: 5px;
    font-family: 'zoa';
}

.shop-top .shop-element.left>ul>li:first-child, .shop-bottom .shop-element.left>ul>li:first-child {
    margin-right: 60px;
}

.shop-top .shop-element.left>ul>li .dropdown-menu, .shop-bottom .shop-element.left>ul>li .dropdown-menu {
    width: 100%;
    top: 100%;
    -webkit-box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
}

@media (min-width: 1025px) {
    .shop-top .shop-element.left>ul>li .dropdown-menu, .shop-bottom .shop-element.left>ul>li .dropdown-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        /*-webkit-transform: translate(0, 15px);
        transform: translate(0, 15px);*/
        -webkit-transition: all .4s;
        transition: all .4s;
        -webkit-transition-duration: 180ms;
        transition-duration: 180ms;
        padding-top: 0;
    }
}

.shop-top .shop-element.left>ul>li .dropdown-menu>li>a, .shop-bottom .shop-element.left>ul>li .dropdown-menu>li>a {
    padding: 10px 20px;
}

.shop-top .shop-element.left>ul>li .dropdown-menu.fullw, .shop-bottom .shop-element.left>ul>li .dropdown-menu.fullw {
    padding: 30px;
}

/*@media (min-width: 1025px) {
    .shop-top .shop-element.left > ul > li:hover .dropdown-menu, .shop-bottom .shop-element.left > ul > li:hover .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0, 0) rotate(0) scale(1);
        transform: translate(0, 0) rotate(0) scale(1);
        z-index: 999;
    }

    .shop-top .shop-element.left > ul > li:hover .dropdown-menu.fullw, .shop-bottom .shop-element.left > ul > li:hover .dropdown-menu.fullw {
        -webkit-transform: translate(0, -15px) rotate(0) scale(1);
        transform: translate(0, -15px) rotate(0) scale(1);
    }
}*/

.shop-top .shop-element.left>ul>li.filter-static, .shop-bottom .shop-element.left>ul>li.filter-static {
    position: static;
}

@media (max-width: 480px) {
    .view-mode {
        padding-top: 15px;
    }
}

.view-mode.view-group {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

@media (min-width: 480px) {
    .view-mode.view-group {
        padding-left: 20px;
        border-left: 1px solid #eee;
    }
}

.view-mode.view-group a {
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}

@media (max-width: 1025px) {
    .view-mode.view-group a {
        width: 33.3333%;
    }
}

.view-mode.view-group a i {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.view-mode.view-group a:hover i {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.view-mode.view-group a.active i {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.view-mode.view-group a:last-child {
    padding-right: 0;
}

.widget-filter h3 {
    font-size: 14px;
    /* font-weight: 600; */
    margin-bottom: 0;
    margin-top: 0;
    line-height: 18px;
    display: block;
}

.filter-short-name {
    display: block;
    font-size: 10px;
    text-align: center;
    color: #999;
    line-height: 12px;
    margin-top: 3px;
}

.widget-filter.filter-cate ul li a {
    color: #666;
    position: relative;
    /*padding-left: 35px;*/
    /*line-height: 40px;*/
}

/*.widget-filter.filter-cate ul li a.active {*/

/*    color: #222;*/

/*    font-weight: 600;*/

/*}*/

/*.widget-filter.filter-cate ul li a.active:before {*/

/*    background-color: #222;*/

/*    border-color: #222;*/

/*}*/

/*.widget-filter.filter-cate ul li a:after {*/

/*    content: "";*/

/*    position: absolute;*/

/*    display: block;*/

/*    left: 0px;*/

/*    top: 0;*/

/*    width: 18px;*/

/*    height: 18px;*/

/*    opacity: 0;*/

/*    background: #333333;*/

/*    border-radius: 50%;*/

/*}*/

/*.widget-filter.filter-cate ul li a:before {*/

/*    content: "";*/

/*    position: absolute;*/

/*    display: block;*/

/*    left: 0;*/

/*    top: -2px;*/

/*    width: 18px;*/

/*    height: 18px;*/

/*    background-color: #fff;*/

/*    border: 1px solid #cdcdcd;*/

/*    border-radius: 50%;*/

/*}*/

/*.widget-filter.filter-cate ul li a:hover {*/

/*    color: #000000;*/

/*}*/

.widget-filter.filter-color {
    @enxtend . filter-cate;
}

.widget-filter.filter-size {
    @enxtend . filter-cate;
}

.widget-filter.filter-price {
    @enxtend . filter-cate;
}

.widget-filter.filter-brand {
    @enxtend . filter-cate;
}

.product-button-group {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -box-pack-oriented: center;
    -webkit-box-pack: center !important;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

/*@media (max-width: 1025px) {*/

/*.product-button-group {*/

/*display: none;*/

/*}*/

/*}*/

/*@media (min-width: 1025px) {*/

.product-button-group {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 45px;
    padding: 0 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-compare {
    position: absolute;
    right: 10px;
    top: 49px;
    z-index: 1;
}

/*}*/

.product-button-group .zoa-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    /*-moz-border-radius: 50%;*/
    /*-webkit-border-radius: 50%;*/
    /*border-radius: 50%;*/
    border: none;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -box-pack-oriented: center;
    -webkit-box-pack: center !important;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center;
    margin: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    text-transform: capitalize;
}

.Jewelry-cta {
    margin-left: 5px;
}

.zoa-btn .product-icon {
    margin-right: 5px;
    font-size: 16px;
}

.product-button-group .zoa-btn:hover {
    background: #fff;
    color: #000;
}

.zoa-btn .product-icon svg {
    fill: #FFF;
}

/*.product-button-group .zoa-btn:hover .product-icon svg,*/

.product-compare .product-icon svg {
    fill: #000;
    stroke: #000;
    stroke-width: 6px;
}

.product-button-group .zoa-btn:hover {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-button-group .product-compare {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
}

/*.product-button-group .product-compare:hover{*/

/*    background-color: #222;*/

/*    color: #FFF;*/

/*}*/

/*.product-button-group .product-compare:hover .product-icon svg{*/

/*    fill:#FFF;*/

/*}*/

/*.active-compare{*/

/*     background-color: #77797b;*/

/*     color: #000;*/

/*}*/

.product-button-group .zoa-btn.zoa-quickview {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    color: #000;
    background: #fff;
    border: 1px solid #000;
}

.product-block-info .zoa-wishlist {
    /*-webkit-transform: translateY(10px);*/
    /*transform: translateY(10px);*/
    /*-webkit-transition-duration: 0.3s;*/
    /*transition-duration: 0.3s;*/
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1;
    font-size: 16px;
}

/*#simmilar-product-id .product-block-info .zoa-wishlist,*/

#recentlyViewed .product-block-info .zoa-wishlist {
    right: 0px;
}

.product-button-group .zoa-btn.zoa-addcart {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.product-item, .contact-form .contact-item {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-item {
    padding: 0 8px;
}

/*@media (min-width: 1025px) {*/

.product-item:hover .product-button-group, .contact-form .contact-item:hover .product-button-group {
    opacity: 1;
    visibility: visible;
}

.product-item:hover .zoa-btn, .contact-form .contact-item:hover .zoa-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/*}*/

.product-item:hover .overlay-img, .contact-form .contact-item:hover .overlay-img {
    opacity: 1;
}

.product-list .product-item .product-inner:after, .product-list .contact-form .contact-item .product-inner:after, .contact-form .product-list .contact-item .product-inner:after {
    bottom: 0;
}

@media (max-width: 1024px) {
    .btn-view {
        display: none;
    }
}

@media (min-width: 1025px) {
    .e-category {
        padding-bottom: 63px;
    }
}

@media (min-width: 1681px) {
    .e-category .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .e-category [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 480px) {
    .e-category [class*="col-"] {
        margin-bottom: 15px;
    }
}

.cate-title {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 19px;
    border-bottom: 1px solid #e7e7e7;
}

.desc-list {
    margin-bottom: 14px;
}

.desc-list li {
    font-size: 12px;
    line-height: 24px;
    color: #999999;
    position: relative;
    display: block;
    margin-left: 13px;
}

.desc-list li:before {
    content: "\f363";
    font-family: "ionicons";
    position: absolute;
    top: 0;
    left: -13px;
    color: #bfbfbf;
}

.product-img img {
    width: 100%;
}

.filter-brand li a {
    position: relative;
    padding-left: 22px;
    color: #666666;
    line-height: 40px;
}

.filter-brand li a:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.filter-brand li a:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 2px;
    width: 12px;
    height: 12px;
    opacity: 0;
    background: #333333;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.filter-brand li.active-filter a:after {
    opacity: 1;
}

.filter-product.e-category .cate-item .product-img {
    width: 81px;
    height: 81px;
    margin-right: 20px;
}

.filter-product .cate-item {
    padding-left: 23px;
    padding-right: 20px;
}

.filter-inside {
    padding-left: 23px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 28px;
}

.filter-inside.filter-color {
    border-bottom: 0;
}

.filter-inside.filter-price h3 {
    margin-bottom: 20px;
}

.filter-inside.filter-price .filter-content {
    padding-right: 22px;
}

.filter-inside.filter-price .min-max {
    color: #666666;
    margin-top: 16px;
    margin-bottom: 16px;
    display: inline-block;
}

.filter-inside.filter-price .btn-filter {
    width: 271px;
    height: 45px;
    line-height: 48px;
    display: inline-block;
    color: #fff;
    text-align: center;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    width: 100%;
}

.filter-inside h3 {
    font-size: 16px;
    padding-top: 18px;
}

.e-filter {
    margin-top: 12px;
    margin-bottom: 15px;
}

.btn-showmore {
    color: #999999;
    font-size: 12px;
    padding-right: 19px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.filter-collection-left {
    margin-top: 20px;
    position: fixed;
    z-index: 100;
    bottom: 0;
}

.filter-collection-left .btn {
    width: 100%;
    color: #fff;
    padding: 0 25px;
    text-transform: uppercase;
    line-height: 36px;
    height: 36px;
    letter-spacing: 0.05em;
    text-decoration: none;
    background-color: #000;
    border-color: #ffff;
    margin: 0 auto;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.close-sidebar-collection {
    font-size: 16px;
    line-height: 50px;
    background: #000;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 300px;
}

.close-sidebar-collection span {
    display: inline-block;
}

@media (max-width: 1024px) {
    .close-sidebar-collection {
        margin: 0 -15px 30px;
    }
}

@media (max-width: 1024px) {
    .close-sidebar-collection .icon_close {
        left: auto;
        right: 10px;
        top: 0;
        line-height: 50px;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        color: #fff;
    }
}

.show-filter:after {
    background: rgba(29, 29, 31, 0.6);
    content: "";
    cursor: pointer;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

@media (max-width: 1024px) {
    .show-filter .col-left {
        left: 0;
    }
}

@media (max-width: 1024px) {
    .col-left {
        position: fixed !important;
        display: block;
        margin: 0;
        background: #fff;
        list-style: none;
        z-index: 1000000;
        top: 0px !important;
        min-height: auto !important;
        left: -300px;
        height: 100%;
        width: 300px;
        text-align: left;
        overflow-x: scroll !important;
        -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
        transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    }
}

.collection-list .shop-top .shop-element.left>ul>li:first-child, .collection-list .shop-bottom .shop-element.left>ul>li:first-child {
    margin-right: 0;
}

.collection-list .shop-top, .collection-list .shop-bottom {
    padding-top: 0;
    margin-bottom: 30px;
}

.collection-list .product-grid {
    padding-top: 0;
}

.collection-list .shop-bottom {
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.collection-list .product-show-more {
    text-align: center;
    margin-top: 14px;
}

@media (min-width: 480px) {
    .collection-list .shop-bottom .pagination {
        margin: 0;
    }
}

.collection-sidebar .widget-filter {
    /*max-width: 300px;*/
    /* padding-bottom: 25px; */
    /* padding-top: 25px; */
    /* border-bottom: 1px solid #eee; */
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    float: left;
    padding: 5px;
    margin: 5px;
    background: #FFF;
    min-width: 16%;
    max-width: 19%;
}

/*.collection-sidebar .widget-filter:first-child {*/

/*    padding-top: 0;*/

/*}*/

/*.collection-sidebar .widget-filter.no-pd-top {*/

/*padding-top: 0;*/

/*}*/

.collection-sidebar .btn-filter {
    padding: 15px 64px;
    display: inline-block;
    margin-top: 45px;
}

@media (min-width: 1025px) {
    .r-sidebar {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    .r-sidebar .collection-sidebar {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .r-sidebar .collection-list {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
}

.single-product-detail {
    padding-bottom: 50px;
}

@media (min-width: 1025px) {
    .single-product-detail {
        padding-bottom: 105px;
    }
}

.single-product-detail .product-images {
    position: relative;
}

@media (max-width: 1366px) {
    .single-product-detail .product-images img {
        width: auto;
        margin: 0 auto;
    }
}

@media (min-width: 1025px) {
    .single-product-detail .single-product-info {
        padding-left: 30px;
    }
}

@media (min-width: 1400px) {
    .single-product-detail .single-product-info {
        padding-left: 100px;
    }
}

.single-product-detail .single-product-info label {
    margin-bottom: 15px;
}

.single-product-detail .single-product-info .product-rating {
    margin-bottom: 30px;
}

.single-product-detail .single-product-info .product-rating .number-rating {
    margin-left: 10px;
}

.single-product-detail .single-product-info .product-title {
    font-size: 36px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 14px;
}

.single-product-detail .single-product-info .product-title a {
    color: #222;
}

.single-product-detail .single-product-info .product-title a:hover {
    color: #000000;
}

.single-product-detail .single-product-info .product-price {
    margin: 10px 0 10px 0;
}

.single-product-detail .single-product-info .product-price span {
    font-size: 20px;
    color: #222;
}

.single-product-detail .single-product-info .product-price span.old {
    font-size: 18px;
    text-decoration: line-through;
    color: #999;
    margin-right: 20px;
    font-weight: normal;
}

.single-product-detail .single-product-info .availability {
    margin-bottom: 15px;
}

.single-product-detail .single-product-info .availability .product-inventory label {
    color: #999999;
}

.single-product-detail .single-product-info .availability .product-inventory span {
    color: #5cb85c;
    font-weight: bold;
}

.single-product-detail .single-product-info .product-brand {
    margin-bottom: 27px;
}

.single-product-detail .single-product-info .product-brand p {
    margin-bottom: 13px;
}

.single-product-detail .single-product-info .product-sku {
    margin-bottom: 26px;
}

.single-product-detail .single-product-info .product-sku span {
    color: #999999;
}

.single-product-detail .single-product-info .product-sku .desc-list {
    margin-bottom: 26px;
}

.single-product-detail .single-product-info .short-desc {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .single-product-detail .single-product-info .short-desc {
        margin-bottom: 60px;
    }
}

.single-product-detail .single-product-info .product-desc {
    color: #666;
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 0.01em;
}

.single-product-detail .single-product-info .color-group, .single-product-detail .single-product-info .size-group {
    margin-bottom: 25px;
}

.single-product-detail .single-product-info .color-group label, .single-product-detail .single-product-info .size-group label {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

.single-product-detail .single-product-info .color-group .circle, .single-product-detail .single-product-info .size-group .circle {
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin-right: 14px;
}

.single-product-detail .single-product-info .size-group {
    position: relative;
    width: 200px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.single-product-detail .single-product-info .size-group .single-option-selector {
    font-size: 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #eee;
    box-shadow: none;
    background-color: #FFF;
    height: 40px;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 6px 15px;
}

.single-product-detail .single-product-info .size-group .single-option-selector:focus {
    outline: none;
}

.single-product-detail .single-product-info .size-group:after {
    position: absolute;
    top: 72%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    content: '\e903';
    font-size: 5px;
    font-family: 'zoa';
}

.single-product-detail .single-product-info .product-tags {
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.single-product-detail .single-product-info .product-tags a {
    color: #666;
}

.single-product-detail .single-product-info .product-tags a:hover {
    color: #000000;
}

.single-product-detail .single-product-info .product-tags .element-tag label {
    font-size: 15px;
}

.single-product-detail .single-product-info .product-social {
    padding-top: 40px;
}

.single-product-detail .single-product-info .product-social label {
    font-weight: normal;
}

.single-product-detail .single-product-info .product-social .social a {
    color: #888;
    font-size: 17px;
    padding: 0 10px;
    display: inline-block;
}

.single-product-detail .single-product-info .product-social .social a:first-child {
    padding-left: 0;
}

.single-product-detail .single-product-info .product-social .social a:hover {
    color: #000000;
}

.single-product-detail .single-product-info .single-product-button-group {
    padding-bottom: 50px;
}

.single-product-detail .single-product-info .single-product-button-group .element-button {
    margin-bottom: 30px;
}

.single-product-detail .single-product-info .single-product-button-group .e-btn {
    margin-right: 11px;
}

.single-product-detail .single-product-info .single-product-button-group .e-btn:last-child {
    margin-right: 0;
}

@media (max-width: 480px) {
    .single-product-detail .single-product-info .single-product-button-group .e-btn:last-child {
        display: none;
    }
}

.single-product-detail .single-product-info .share-social {
    text-align: right;
}

@media (max-width: 768px) {
    .single-product-detail .single-product-info .share-social {
        text-align: unset;
    }
}

.single-product-detail .single-product-info .share-social span {
    font-weight: 500;
    text-decoration: underline;
}

.single-product-detail .single-product-info .share-social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 5px;
}

.single-product-detail .single-product-info .share-social a:last-child {
    margin-right: 0;
}

.single-product-detail .single-product-info .mobile-column {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

@media (max-width: 1366px) {
    .product-img-slide {
        flex-direction: column;
    }
}

.multiple-img-list {
    margin: 0 -5px;
}

.multiple-img-list .product-col {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 108px;
    padding: 0 5px;
}

.multiple-img-list .product-col.v2 {
    margin-bottom: 14px;
}

.multiple-img-list .product-col .img img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.multiple-img-list .product-col.slick-current .img {
    border: 1px solid #cccccc;
}

.multiple-img-list-ver2 {
    position: relative;
}

.multiple-img-list-ver2.v2 .slick-slide {
    border-radius: 10px;
}

@media (max-width: 1366px) {
    .multiple-img-list-ver2 {
        margin: 0 -5px;
    }
}

@media (min-width: 1367px) {
    .multiple-img-list-ver2 {
        width: 9.525%;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin-right: 20px;
    }
    .multiple-img-list-ver2.v2 {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin-right: 0;
        margin-left: 20px;
    }
    .multiple-img-list-ver2 .img img {
        width: 100%;
        max-width: 80px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    .multiple-img-list-ver2 .slick-slide img {
        display: inline-block;
    }
    .multiple-img-list-ver2 .product-col .img {
        display: inline-block;
    }
}

.multiple-img-list-ver2 .product-col {
    margin-bottom: 10px;
}

.multiple-img-list-ver2 .product-col.v2 {
    margin-bottom: 14px;
}

@media (max-width: 1366px) {
    .multiple-img-list-ver2 .product-col {
        margin-top: 10px;
        width: 108px;
        padding: 0 5px;
    }
    .multiple-img-list-ver2 .product-col .img img {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
}

.multiple-img-list-ver2 .product-col.slick-current .img {
    border: 1px solid #cccccc;
}

.product-images {
    overflow: hidden;
}

@media (min-width: 1367px) {
    .product-images {
        width: 88.5555%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .product-images.v2 {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        border: 0;
    }
}

.single-product-tab {
    padding-bottom: 30px;
}

@media (min-width: 1025px) {
    .single-product-tab {
        padding-bottom: 92px;
    }
}

.single-product-tab>ul {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .single-product-tab>ul {
        text-align: center;
        margin-bottom: 60px;
    }
}

.single-product-tab>ul li {
    display: block;
    margin-bottom: 15px;
}

@media (min-width: 480px) {
    .single-product-tab>ul li {
        display: inline-block;
        padding: 0 28px;
    }
}

.single-product-tab>ul li a {
    font-size: 18px;
    font-weight: 600;
    color: #888;
    padding-bottom: 6px;
    position: relative;
}

.single-product-tab>ul li a:after {
    content: '';
    width: 0;
    height: 2px;
    background: #000000;
    position: absolute;
    display: block;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.single-product-tab>ul li:hover a {
    color: #222;
}

.single-product-tab>ul li:hover a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.single-product-tab>ul li.active a {
    color: #222;
}

.single-product-tab>ul li.active a:after {
    opacity: 1;
    left: 0;
    right: 0;
    width: 100%;
}

.single-product-tab .review-number {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    background: #222;
    font-weight: 600;
    font-size: 11px;
    color: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .single-product-tab .content-desc {
        max-width: 900px;
        margin: 0 auto;
    }
}

.single-product-tab .content-desc p {
    color: #666;
    line-height: 24px;
}

.single-product-tab .content-desc p:first-child {
    margin-bottom: 25px;
}

@media (min-width: 1024px) {
    .review-content {
        max-width: 770px;
        margin: 0 auto;
    }
}

.element-review {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
}

@media (min-width: 480px) {
    .element-review {
        padding: 60px 0;
    }
}

.element-review:first-child {
    padding-top: 0;
}

.element-review .r-name {
    font-size: 16px;
    font-weight: 600;
}

.element-review .r-date {
    color: #999;
}

.element-review .r-desc {
    color: #666;
    letter-spacing: 0.01em;
}

.element-review .group-star {
    margin-bottom: 25px;
}

.review-form h3 {
    font-size: 16px;
    font-weight: 600;
}

.review-form .rating-star {
    margin-bottom: 40px;
}

.review-form .rating-star span {
    font-size: 18px;
    color: #aaaaaa;
}

@media (min-width: 1024px) {
    .review-form {
        max-width: 770px;
        margin: 0 auto;
        padding-top: 40px;
    }
}

.review-form .cmt-form .form-group {
    margin-bottom: 30px;
}

.review-form .cmt-form .form-control {
    color: #666;
    background: #FFF;
    padding-left: 20px;
    border: 1px solid #eee;
}

.review-form .cmt-form .form-control::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
}

.review-form .cmt-form .form-control:-moz-placeholder {
    color: #666;
    font-size: 14px;
}

.review-form .cmt-form .form-control::-moz-placeholder {
    color: #666;
    font-size: 14px;
}

.review-form .cmt-form .form-control:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
}

.review-form .cmt-form textarea {
    padding-top: 20px;
    resize: none;
}

.review-form .cmt-form input {
    height: 50px;
}

@media (max-width: 480px) {
    .review-form .cmt-form .col-md-6 {
        margin-bottom: 30px;
    }
}

.review-form .cmt-form .zoa-btn {
    font-size: 15px;
    padding: 14px 106px;
}

.zoa-tab-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.zoa-collapse-content p {
    color: #666;
    line-height: 24px;
}

.zoa-tab-collapse-block .panel-heading .accordion-toggle {
    position: relative;
}

.zoa-tab-collapse-block .panel-heading .accordion-toggle:before {
    font-family: 'ionicons';
    content: "\f462";
    font-size: 30px;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.zoa-tab-collapse-block .panel-heading .accordion-toggle.collapsed:before {
    content: "\f489";
}

.single-product-detail.v2 {
    position: static;
}

.single-product-info.v2 .product-rating {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.single-product-info.v2 .product-rating .number-rating {
    margin-left: 0;
}

.single-product-info.v2 .product-size {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.single-product-info.v2 .product-size label {
    color: #666;
}

.single-product-info.v2 .product-size .size-guide, .single-product-info.v2 .product-size .btn-wishlist {
    margin-bottom: 30px;
}

.single-product-info.v2 .single-product-button-group {
    padding-bottom: 30px;
}

.entry-summary.hide-temporary {
    opacity: 0;
}

@media (max-width: 812px) {
    .entry-summary {
        height: auto !important;
    }
    .entry-summary.hide-temporary {
        opacity: 1;
    }
    .summary-inner {
        position: static !important;
        height: auto !important;
        overflow: unset !important;
    }
}

@media (min-width: 1025px) {
    .single-product-detail.v3 .product-images, .single-product-detail.slide.v6 .product-images, .single-product-detail.slide.v5 .product-images, .single-product-detail.v4 .product-images {
        width: 100%;
    }
    .single-product-detail.v3 .product-images img, .single-product-detail.slide.v6 .product-images img, .single-product-detail.slide.v5 .product-images img, .single-product-detail.v4 .product-images img {
        width: 100%;
    }
    .single-product-detail.v3 .multiple-img-list, .single-product-detail.slide.v6 .multiple-img-list, .single-product-detail.slide.v5 .multiple-img-list, .single-product-detail.v4 .multiple-img-list {
        width: 100%;
    }
    .single-product-detail.v3 .zoa-width1, .single-product-detail.slide.v6 .zoa-width1, .single-product-detail.slide.v5 .zoa-width1, .single-product-detail.v4 .zoa-width1 {
        width: 51.725%;
    }
    .single-product-detail.v3 .zoa-width2, .single-product-detail.slide.v6 .zoa-width2, .single-product-detail.slide.v5 .zoa-width2, .single-product-detail.v4 .zoa-width2 {
        width: 48.275%;
    }
    .single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social, .single-product-detail.v4 .product-social {
        margin-bottom: 60px;
    }
}

@media (min-width: 1400px) {
    .single-product-detail.v3 .single-product-info, .single-product-detail.slide.v6 .single-product-info, .single-product-detail.slide.v5 .single-product-info, .single-product-detail.v4 .single-product-info {
        padding-left: 140px;
        max-width: 680px;
    }
}

@media (max-width: 480px) {
    .single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social, .single-product-detail.v4 .product-social {
        padding-top: 30px;
    }
}

.single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social, .single-product-detail.v4 .product-social {
    margin-bottom: 30px;
}

.single-product-detail.v3 .single-product-button-group, .single-product-detail.slide.v6 .single-product-button-group, .single-product-detail.slide.v5 .single-product-button-group, .single-product-detail.v4 .single-product-button-group {
    padding-bottom: 0;
}

.single-product-detail.v3 .product-rating, .single-product-detail.slide.v6 .product-rating, .single-product-detail.slide.v5 .product-rating, .single-product-detail.v4 .product-rating {
    margin-bottom: 50px;
}

.single-product-detail.v3 .single-product-tab, .single-product-detail.slide.v6 .single-product-tab, .single-product-detail.slide.v5 .single-product-tab, .single-product-detail.v4 .single-product-tab {
    padding-bottom: 0;
}

.single-product-detail.v3 .product-countdown, .single-product-detail.slide.v6 .product-countdown, .single-product-detail.slide.v5 .product-countdown, .single-product-detail.v4 .product-countdown {
    margin-bottom: 32px;
}

.single-product-detail.v3 .product-countdown h3, .single-product-detail.slide.v6 .product-countdown h3, .single-product-detail.slide.v5 .product-countdown h3, .single-product-detail.v4 .product-countdown h3 {
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.single-product-detail.v3 .product-countdown h3 span, .single-product-detail.slide.v6 .product-countdown h3 span, .single-product-detail.slide.v5 .product-countdown h3 span, .single-product-detail.v4 .product-countdown h3 span {
    font-weight: 600;
    color: #222;
}

@media (min-width: 1400px) {
    .single-product-detail.v4 .single-product-info {
        padding-left: 100px;
    }
}

.countdown-time {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.countdown-time.v2 {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.countdown-time.v3, .countdown-time.slide.v6, .countdown-time.slide.v5 {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.countdown-time.v3 span, .countdown-time.slide.v6 span, .countdown-time.slide.v5 span {
    color: #222;
    letter-spacing: 0.01em;
}

.countdown-time.v3 li p, .countdown-time.slide.v6 li p, .countdown-time.slide.v5 li p {
    color: #222;
    letter-spacing: 0.01em;
}

.countdown-time b {
    font-weight: 600;
    letter-spacing: 0.01em;
}

.countdown-time li {
    display: inline-block;
    margin-right: 60px;
    text-align: center;
}

.countdown-time li:last-child {
    margin-right: 0;
}

.countdown-time li p {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.01em;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}

@media (min-width: 1025px) {
    .countdown-time li p {
        font-size: 36px;
    }
}

.countdown-time li p:after {
    content: ":";
    display: block;
    width: 3px;
    height: 230px;
    position: absolute;
    top: 20px;
    right: -30px;
    color: #222;
    font-size: 16px;
    line-height: 0.9;
}

.countdown-time li span {
    letter-spacing: 0.01em;
    font-weight: 500;
    text-transform: capitalize;
}

.countdown-time li:last-child p:after {
    content: none;
}

.zoa-qtt {
    width: 130px;
    height: 55px;
    position: relative;
    border: 1px solid #eee;
}

.zoa-qtt input {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 0 35px;
    font-size: 18px;
    -moz-appearance: textfield;
    border: 0;
}

.zoa-qtt .quantity-left-minus {
    left: 0;
    text-align: right;
    padding-right: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
}

.zoa-qtt .quantity-left-minus:before {
    content: "\f462";
}

.zoa-qtt .quantity-right-plus {
    right: 0;
    text-align: left;
    padding-left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

.zoa-qtt .quantity-right-plus:before {
    content: "\f489";
}

.zoa-qtt .btn {
    cursor: pointer;
    position: absolute;
    font-family: "ionicons";
    font-size: 30px;
    width: 35px;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: transparent;
}

.size-guide, .btn-wishlist {
    position: relative;
    padding-bottom: 2px;
    letter-spacing: 0.02em;
}

.size-guide:after, .btn-wishlist:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid;
    bottom: 0;
    width: 100%;
    right: 0;
}

.zoa-addcart {
    width: 380px;
    height: 55px;
    color: #fff;
    background-color: #000;
    border: 1px solid #222 !important;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.zoa-addcart i {
    margin-right: 18px;
}

.btn-wishlist {
    font-size: 15px;
}

.e-heading {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 30px;
}

@media (min-width: 1025px) {
    .e-heading {
        margin-bottom: 53px;
    }
}

.e-heading .product-tab-sw {
    position: relative;
    z-index: 1;
    width: 85.666666%;
    -webkit-justify-content: stretch;
    -moz-justify-content: stretch;
    -ms-justify-content: stretch;
    justify-content: stretch;
    -ms-flex-pack: stretch;
    margin-bottom: 20px;
}

@media (min-width: 480px) {
    .e-heading .product-tab-sw {
        margin-bottom: 0;
    }
    .e-heading .product-tab-sw:before {
        border-top: 1px solid #ededed;
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }
}

.e-heading h3 {
    font-size: 22px;
    position: relative;
    z-index: 1;
    width: 85.666666%;
}

.e-heading h3.v2 {
    font-size: 20px;
    font-weight: bold;
}

.e-heading h3.v3, .e-heading h3.slide.v6, .e-heading h3.slide.v5 {
    font-size: 18px;
}

@media (max-width: 480px) {
    .e-heading h3 {
        font-size: 18px;
    }
}

@media (max-widht: 320px) {
    .e-heading h3 {
        font-size: 16px;
    }
}

.e-heading h3 span {
    background: #fff;
    display: inline;
    padding-right: 15px;
}

@media (min-width: 1025px) {
    .e-heading h3 span {
        padding-right: 40px;
    }
}

.e-heading h3:before {
    border-top: 1px solid #ededed;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.e-heading .btn-show {
    font-size: 16px;
    color: #999999;
    width: 201px;
    line-height: 54px;
    height: 56px;
    display: inline-block;
    text-align: center;
    border: 1px solid #eaeaea;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
}

@media (max-width: 480px) {
    .e-heading .btn-show {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
}

.e-heading .btn-show i {
    margin-left: 15px;
}

.e-heading .btn-show:hover {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #fff;
    background: #000;
    border-color: #000;
}

@media (min-width: 1025px) {
    .e-heading.spc1 {
        margin-bottom: 43px;
    }
}

.e-cat {
    padding-top: 27px;
}

.e-title {
    font-size: 22px;
    position: relative;
    padding-bottom: 23px;
    margin-bottom: 48px;
    padding-top: 8px;
}

.e-title:before {
    border-bottom: 1px solid transparent;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 68px;
    background: linear-gradient(90deg, #c467f5, #53f3ff);
    height: 1px;
    border: 0;
}

.section-cate {
    margin-bottom: 30px;
}

.section-cate .item .product-img {
    margin-bottom: 20px;
}

.section-cate .item h3 {
    font-size: 16px;
}

.bestseller {
    margin-bottom: 30px;
}

@media (min-width: 1025px) {
    .bestseller.single-space {
        margin-bottom: 122px;
    }
}

.onsale {
    margin-bottom: 30px;
}

.brand {
    padding: 30px 0;
}

@media (min-width: 1025px) {
    .brand {
        padding-top: 51px;
        padding-bottom: 68px;
    }
}

.owl-cate.owl-theme .owl-dots .owl-dot.active span, .owl-cate .owl-theme .owl-dots .owl-dot:hover span {
    background: #333333;
    opacity: 1;
}

.owl-cate.owl-theme .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    background: #333333;
    opacity: 0.21;
}

.owl-cate.owl-theme .owl-dots .owl-dot {
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .owl-cate.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 44px;
    }
}

@media (min-width: 1025px) {
    .owl-cate.v2.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 3px;
    }
}

@media (min-width: 1025px) {
    .owl-cate.v3.owl-theme .owl-nav.disabled+.owl-dots, .owl-cate.owl-theme.slide.v6 .owl-nav.disabled+.owl-dots, .owl-cate.owl-theme.slide.v5 .owl-nav.disabled+.owl-dots {
        margin-top: 6px;
    }
}

.owl-cate .owl-dots {
    border: 1px solid #eaeaea;
    margin: 0 auto;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    padding: 8px 10px;
    display: table;
}

.brand-item img {
    opacity: 0.6;
}

.brand-item:hover img {
    opacity: 1;
}

.brand .owl-carousel .owl-item img {
    width: auto;
}

@media (max-width: 480px) {
    .brand .owl-carousel .owl-item img {
        margin: 0 auto;
    }
}

.brand .owl-nav>div {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-size: 28px;
    left: 0;
    position: absolute;
    top: 35%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.brand .owl-theme .owl-nav [class*=owl-], .brand .blog-home .owl-theme .owl-nav [class*=owl-] {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 22px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.brand .owl-nav>div.owl-next {
    left: auto;
    right: 0;
}

.brand .owl-nav>div.owl-prev {
    left: 0;
    right: auto;
}

.brand.v2 {
    border-top: 1px solid #ededed;
}

.brand.v2 .owl-theme .owl-nav [class*=owl-] {
    font-size: 28px;
    color: #cacaca;
}

.brand.v2 .owl-theme .owl-nav [class*=owl-].active {
    color: #333;
}

.brand.v2 .owl-theme .owl-nav [class*=owl-]:hover {
    color: #333;
}

.brand.v2 .owl-nav>div {
    font-size: 28px;
    top: 50%;
}

.brand.v2 .owl-nav>div.owl-next {
    left: auto;
    right: 0;
}

@media (min-width: 1681px) {
    .brand.v2 .owl-nav>div.owl-next {
        right: -66px;
    }
}

@media (min-width: 1025px) {
    .brand.v2 .owl-nav>div.owl-next {
        right: -30px;
    }
}

.brand.v2 .owl-nav>div.owl-prev {
    left: 0;
    right: auto;
}

@media (min-width: 1681px) {
    .brand.v2 .owl-nav>div.owl-prev {
        left: -66px;
    }
}

@media (min-width: 1025px) {
    .brand.v2 .owl-nav>div.owl-prev {
        left: -30px;
    }
}

.catleft .pd-banner {
    margin-bottom: 35px;
    padding-top: 0;
}

.ribbon {
    width: 92px;
    height: 95px;
    position: absolute;
    top: -8px;
    left: -8px;
    overflow: hidden;
}

.ribbon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 8px;
    left: 65px;
    background: #000;
    border-radius: 8px 8px 0px 0px;
}

.ribbon:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 25px;
    left: 0px;
    top: 70px;
    background: #000;
    border-radius: 0px 8px 8px 0px;
}

.ribbon span {
    width: 160px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 30px;
    left: -50px;
    z-index: 2;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    transform: rotate(-45deg);
    /*border: 1px dashed;*/
    box-shadow: 0 0 0 3px #444, 0px 21px 5px -18px rgba(0, 0, 0, 0.6);
    background: #444;
    text-align: center;
}

.ribbon span {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.ribbon.zoa-hot {
    background: #f56642;
}

/*.ribbon.zoa-sale {*/

/*    background: #333333;*/

/*}*/

.ribbon.zoa-sale span {
    color: #FFF;
}

.ribbon.zoa-new {
    background: #222222;
}

.ribbon.zoa-trend {
    background: #6dcfd8;
}

.status {
    width: 100px;
    height: 100px;
    background: #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.status span {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .engoc-row-equal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product, .item, .product-item, .contact-form .contact-item {
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.product .product-images, .item .product-images, .product-item .product-images, .contact-form .contact-item .product-images {
    position: relative;
}

@media (min-width: 1025px) {
    .product .product-images>a, .item .product-images>a, .product-item .product-images>a, .contact-form .contact-item .product-images>a {
        position: relative;
    }
}

.product .product-images .btn-add-wishlist, .item .product-images .btn-add-wishlist, .product-item .product-images .btn-add-wishlist, .contact-form .contact-item .product-images .btn-add-wishlist {
    width: 40px;
    height: 40px;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    display: inline-block;
    text-align: center;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

@media (min-width: 1025px) {
    .product .product-images .btn-add-wishlist, .item .product-images .btn-add-wishlist, .product-item .product-images .btn-add-wishlist, .contact-form .contact-item .product-images .btn-add-wishlist {
        opacity: 0;
    }
}

.product .product-images .btn-add-wishlist.ver2, .item .product-images .btn-add-wishlist.ver2, .product-item .product-images .btn-add-wishlist.ver2, .contact-form .contact-item .product-images .btn-add-wishlist.ver2 {
    right: initial;
    left: 10px;
}

.product .product-images .btn-quickview, .item .product-images .btn-quickview, .product-item .product-images .btn-quickview, .contact-form .contact-item .product-images .btn-quickview {
    bottom: 0;
    height: 40px;
    left: 0;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    top: calc(100% - 40px);
    width: 100%;
    z-index: 2;
    opacity: 0;
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    color: #000000;
    font-size: 10px;
}

.product .product-images .btn-quickview:before, .item .product-images .btn-quickview:before, .product-item .product-images .btn-quickview:before, .contact-form .contact-item .product-images .btn-quickview:before {
    content: "\e087";
    font-family: "simple-line-icons";
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

@media (max-width: 1024px) {
    .product .product-images .btn-quickview, .item .product-images .btn-quickview, .product-item .product-images .btn-quickview, .contact-form .contact-item .product-images .btn-quickview {
        display: none;
    }
}

.product .product-images .button-group, .item .product-images .button-group, .product-item .product-images .button-group, .contact-form .contact-item .product-images .button-group {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.product .product-images .button-group .button, .item .product-images .button-group .button, .product-item .product-images .button-group .button, .contact-form .contact-item .product-images .button-group .button {
    width: 33.33333%;
    text-align: center;
    margin: 0;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    height: 60px;
    line-height: 60px;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product .product-images .button-group .button:before, .item .product-images .button-group .button:before, .product-item .product-images .button-group .button:before, .contact-form .contact-item .product-images .button-group .button:before {
    font-family: 'simple-line-icons', sans-serif;
    font-size: 20px;
    color: #fff;
    display: block;
    margin-bottom: 12px;
}

.product .product-images .button-group .button.add-to-cart, .product .product-images .button-group .button.view-cart, .product .product-images .button-group .button.sold-out, .item .product-images .button-group .button.add-to-cart, .item .product-images .button-group .button.view-cart, .item .product-images .button-group .button.sold-out, .product-item .product-images .button-group .button.add-to-cart, .contact-form .contact-item .product-images .button-group .button.add-to-cart, .product-item .product-images .button-group .button.view-cart, .contact-form .contact-item .product-images .button-group .button.view-cart, .product-item .product-images .button-group .button.sold-out, .contact-form .contact-item .product-images .button-group .button.sold-out {
    background-color: rgba(37, 37, 37, 0.9);
}

.product .product-images .button-group .button.add-to-wishlist, .item .product-images .button-group .button.add-to-wishlist, .product-item .product-images .button-group .button.add-to-wishlist, .contact-form .contact-item .product-images .button-group .button.add-to-wishlist {
    background-color: rgba(73, 73, 73, 0.95);
}

.product .product-images .button-group .button.add-view, .item .product-images .button-group .button.add-view, .product-item .product-images .button-group .button.add-view, .contact-form .contact-item .product-images .button-group .button.add-view {
    background-color: rgba(103, 103, 103, 0.95);
}

.product .product-images .button-group .button:hover, .item .product-images .button-group .button:hover, .product-item .product-images .button-group .button:hover, .contact-form .contact-item .product-images .button-group .button:hover {
    line-height: 10px;
}

.product .product-images .button-group .button:hover:before, .item .product-images .button-group .button:hover:before, .product-item .product-images .button-group .button:hover:before, .contact-form .contact-item .product-images .button-group .button:hover:before {
    margin-top: 15px;
    color: #000000;
}

.product .product-images img, .item .product-images img, .product-item .product-images img, .contact-form .contact-item .product-images img {
    width: 100%;
}

.product .product-images img.secondary_image, .item .product-images img.secondary_image, .product-item .product-images img.secondary_image, .contact-form .contact-item .product-images img.secondary_image {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: auto;
    bottom: 0;
}

.product .product-after-switch, .item .product-after-switch, .product-item .product-after-switch, .contact-form .contact-item .product-after-switch {
    height: 20px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

@media (max-width: 1024px) {
    .product .product-after-switch, .item .product-after-switch, .product-item .product-after-switch, .contact-form .contact-item .product-after-switch {
        height: auto;
    }
}

.product .product-after-switch .product-price, .item .product-after-switch .product-price, .product-item .product-after-switch .product-price, .contact-form .contact-item .product-after-switch .product-price {
    color: #868686;
    opacity: 1;
    display: block;
    font-weight: 500;
}

.product .product-after-switch .product-after-button, .item .product-after-switch .product-after-button, .product-item .product-after-switch .product-after-button, .contact-form .contact-item .product-after-switch .product-after-button {
    opacity: 0;
    height: 33px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

@media (max-width: 1024px) {
    .product .product-after-switch .product-after-button, .item .product-after-switch .product-after-button, .product-item .product-after-switch .product-after-button, .contact-form .contact-item .product-after-switch .product-after-button {
        height: auto;
        opacity: 1;
    }
}

.product .product-after-switch .product-after-button .addcart, .item .product-after-switch .product-after-button .addcart, .product-item .product-after-switch .product-after-button .addcart, .contact-form .contact-item .product-after-switch .product-after-button .addcart {
    font-size: 12px;
    color: #000000;
    display: inline-block;
}

.product .rating-star, .item .rating-star, .product-item .rating-star, .contact-form .contact-item .rating-star {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.product .product-desc, .item .product-desc, .product-item .product-desc, .contact-form .contact-item .product-desc {
    display: none;
}

.product .button-group, .item .button-group, .product-item .button-group, .contact-form .contact-item .button-group {
    display: none;
}

@media (min-width: 1025px) {
    .product:hover img.primary_image, .item:hover img.primary_image, .product-item:hover img.primary_image, .contact-form .contact-item:hover img.primary_image {
        opacity: 0;
    }
    .product:hover img.secondary_image, .item:hover img.secondary_image, .product-item:hover img.secondary_image, .contact-form .contact-item:hover img.secondary_image {
        opacity: 1;
    }
    .product:hover .btn-quickview, .product:hover .btn-add-wishlist, .item:hover .btn-quickview, .item:hover .btn-add-wishlist, .product-item:hover .btn-quickview, .contact-form .contact-item:hover .btn-quickview, .product-item:hover .btn-add-wishlist, .contact-form .contact-item:hover .btn-add-wishlist {
        opacity: 1;
    }
    .product:hover .product-after-switch .product-price, .item:hover .product-after-switch .product-price, .product-item:hover .product-after-switch .product-price, .contact-form .contact-item:hover .product-after-switch .product-price {
        opacity: 0;
        height: 0;
        visibility: hidden;
    }
    .product:hover .product-after-switch .product-price.product-price-default, .item:hover .product-after-switch .product-price.product-price-default, .product-item:hover .product-after-switch .product-price.product-price-default, .contact-form .contact-item:hover .product-after-switch .product-price.product-price-default {
        opacity: 1;
    }
    .product:hover .product-after-switch, .item:hover .product-after-switch, .product-item:hover .product-after-switch, .contact-form .contact-item:hover .product-after-switch {
        -webkit-transform: translateY(-2);
        -ms-transform: translateY(-2);
        -o-transform: translateY(-2);
        transform: translateY(-2);
    }
    .product:hover .product-after-button, .item:hover .product-after-button, .product-item:hover .product-after-button, .contact-form .contact-item:hover .product-after-button {
        opacity: 1;
    }
    .product:hover .button-group, .item:hover .button-group, .product-item:hover .button-group, .contact-form .contact-item:hover .button-group {
        opacity: 1;
    }
}

.add-to-cart:before {
    content: "\e04e";
}

.add-to-wishlist:before {
    content: "\e08a";
}

.add-view:before {
    content: "\e087";
}

.view-cart:before {
    content: "\e080";
}

.sold-out:before {
    content: "\e066";
}

.wrap-gallery {
    padding-bottom: 28px;
}

@media (min-width: 768px) {
    .wrap-gallery-masonry .wrap-gallery-item:nth-child(2) {
        margin-top: 129px;
    }
    .wrap-gallery-masonry .wrap-gallery-item:last-child {
        margin-bottom: 0;
    }
    .wrap-gallery-masonry .wrap-gallery-item {
        margin-bottom: 244px;
    }
}

@media (max-width: 767px) {
    .wrap-gallery-masonry .wrap-gallery-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .wrap-gallery-masonry .wrap-gallery-item {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .wrap-gallery-grid .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .wrap-gallery-grid [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.lookbook {
    margin-bottom: 30px;
}

@media (min-width: 1681px) {
    .lookbook {
        margin-bottom: 63px;
    }
}

.lookbook .flex-colect {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

@media (max-width: 480px) {
    .lookbook .flex-colect {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.lookbook .flex-colect .flex-column {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lookbook-img, .product-img {
    position: relative;
}

@media (min-width: 768px) {
    .lookbitem:hover .lookbitem_content {
        visibility: visible;
        opacity: 6;
        filter: alpha(opacity=100);
    }
}

.lookbitem_content {
    padding: 15px;
    background-color: #fff;
    border-radius: 4px;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
    .lookbitem_content {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 6;
        width: 186px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 768px) {
    .lookbitem_content {
        position: absolute;
        z-index: 2;
        width: 186px;
        -webkit-transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87);
        -o-transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87);
        transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    }
}

@media (min-width: 1025px) {
    .lookbitem_content.centerl {
        margin-right: 20px;
        right: 28px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .lookbitem_content.centerl:after {
        content: '';
        position: absolute;
        top: 50%;
        right: -15px;
        z-index: 1;
        margin-top: -12px;
        border-left: 15px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }
    .lookbitem_content.centerr {
        margin-left: 20px;
        left: 28px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .lookbitem_content.centerr:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -15px;
        z-index: 1;
        margin-top: -12px;
        border-right: 15px solid #fff;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }
    .lookbitem_content.topl {
        right: 28px;
        bottom: 28px;
    }
    .lookbitem_content.topr {
        left: 28px;
        bottom: 28px;
    }
}

@media (max-width: 767px) {
    .lookbitem.active .lookbitem_content {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=1);
    }
}

.lookbook_close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.lookbook_close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 2px;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.lookbook_close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 2px;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.lookbitem {
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
}

.lookbitem_price {
    text-align: center;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    -webkit-animation: pulse 1.5s infinite;
}

.lookbitem_price span {
    font-size: 16px;
    color: #fff;
}

.lookbitem_price.blue {
    background-color: #2f56ff;
}

.lookbitem_price2 {
    text-align: center;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 126px;
    height: 38px;
    line-height: 38px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    -webkit-animation: pulse 1.5s infinite;
}

.lookbitem_price2 span {
    color: #fff;
}

.lookbitem_price2.red {
    background-color: #f14444;
}

.lookbitem_btn:before, .lookbitem_btn:after {
    content: '';
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.lookbitem_btn.green:before {
    background-color: #2cb96e;
}

.lookbitem_btn.green:after {
    background-color: #2cb96e;
}

.lookbitem_btn.pink:before {
    background-color: #dc30a1;
}

.lookbitem_btn.pink:after {
    background-color: #dc30a1;
}

.lookbitem_btn.skyblue:before {
    background-color: #41cce5;
}

.lookbitem_btn.skyblue:after {
    background-color: #41cce5;
}

.lookbitem_btn.yl:before {
    background-color: #ffae00;
}

.lookbitem_btn.yl:after {
    background-color: #ffae00;
}

.lookbitem_btn.green:after {
    background-color: rgba(44, 185, 110, 0.2);
}

.lookbitem_btn.pink:after {
    background-color: rgba(220, 48, 161, 0.2);
}

.lookbitem_btn.skyblue:after {
    background-color: rgba(65, 204, 229, 0.2);
}

.lookbitem_btn.yl:after {
    background-color: rgba(255, 174, 0, 0.2);
}

.lookbitem_price:after {
    -webkit-animation: lookbookBorder2 3s infinite;
    -o-animation: lookbookBorder2 3s infinite;
    animation: lookbookBorder2 3s infinite;
}

.lookbitem_btn:after {
    -webkit-animation: lookbookBorder 3s infinite;
    -o-animation: lookbookBorder 3s infinite;
    animation: lookbookBorder 3s infinite;
}

@-webkit-keyframes lookbookBorder {
    0% {
        width: 14px;
        height: 14px;
    }
    50% {
        width: 25px;
        height: 25px;
    }
    100% {
        width: 14px;
        height: 14px;
    }
}

@-moz-keyframes lookbookBorder {
    0% {
        width: 14px;
        height: 14px;
    }
    50% {
        width: 25px;
        height: 25px;
    }
    100% {
        width: 14px;
        height: 14px;
    }
}

@-ms-keyframes lookbookBorder {
    0% {
        width: 14px;
        height: 14px;
    }
    50% {
        width: 25px;
        height: 25px;
    }
    100% {
        width: 14px;
        height: 14px;
    }
}

@keyframes lookbookBorder {
    0% {
        width: 14px;
        height: 14px;
    }
    50% {
        width: 25px;
        height: 25px;
    }
    100% {
        width: 14px;
        height: 14px;
    }
}

@-webkit-keyframes pulse {
    70% {
        box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
}

.btn-shoplook {
    background: #000;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
    width: 180px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    display: inline-block;
}

.btn-shoplook.v2 {
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-shoplook.v2 {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .wrap-gallery-item:hover .overlay-img {
        opacity: 1;
    }
}

.wrap-gallery .heading-gallery {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 1025px) {
    .wrap-gallery .heading-gallery {
        margin-bottom: 85px;
        margin-top: 80px;
    }
}

.wrap-gallery .heading-gallery .title {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.4em;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .wrap-gallery .heading-gallery .title {
        font-size: 30px;
    }
}

.wrap-gallery .heading-gallery p {
    font-size: 20px;
    font-weight: 500;
    color: #a4a4a4;
    position: relative;
    padding-bottom: 30px;
}

.wrap-gallery .heading-gallery p:before {
    border-bottom: 1px solid #000;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    position: absolute;
    width: 59px;
    border-bottom: 2px solid #000;
}

.wrap-gallery-item {
    margin-bottom: 40px;
}

.banner-heading img {
    width: 100%;
}

.page-heading {
    position: relative;
}

.banner-heading {
    position: relative;
}

.banner-heading.hero-dark {
    min-height: 262px;
    background: #39393d;
}

.banner-heading.hero-light {
    min-height: 262px;
    background: #ebebeb;
}

.heading-content {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 8;
}

@media (max-width: 480px) {
    .heading-content {
        top: 50%;
    }
}

@media (min-width: 768px) {
    .heading-content.v2 {
        top: 35%;
    }
}

@media (min-width: 768px) {
    .heading-content.v3, .heading-content.slide.v6, .heading-content.slide.v5 {
        top: 58%;
    }
}

.heading-content .page-title {
    font-weight: 500;
}

@media (max-width: 480px) {
    .heading-content .page-title {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .heading-content .page-title {
        margin: 15px 0;
    }
}

@media (min-width: 1025px) {
    .heading-content .page-title {
        font-size: 60px;
        margin-bottom: 40px;
    }
    .heading-content .page-title.v2 {
        font-size: 30px;
    }
}

.heading-content .page-title:before {
    border-bottom: 2px solid #000000;
    top: 50%;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
}

@media (max-width: 480px) {
    .heading-content .page-title:before {
        top: 30%;
    }
}

.heading-content .page-title.white {
    color: #fff;
}

.heading-content .page-title.v2:before {
    content: none;
}

.heading-content .page-title.v2 {
    float: left;
    margin-bottom: 0;
}

.heading-content .breadcrumb {
    background: transparent;
}

.heading-content .breadcrumb li a {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: normal;
}

.heading-content .breadcrumb li+li:before {
    content: "\F105";
    font-family: 'FontAwesome', sans-serif;
    color: #000;
}

.heading-content .breadcrumb.black a {
    color: #000;
}

.heading-content .breadcrumb.white a {
    color: #fff;
}

.heading-content .breadcrumb.white li+li:before {
    color: #fff;
}

.heading-content .breadcrumb.v2 {
    float: right;
    margin: 12px 0 0 0;
}

.heading-content .breadcrumb.v2>li>a.active {
    color: #a4a4a4;
}

.hero-light .breadcrumb>li>a {
    color: #000;
}

.wrap-filter {
    display: table;
    width: 100%;
    position: relative;
}

.nav-filter .owl-theme .owl-nav {
    margin-top: 0;
}

.nav-filter .owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 12px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.nav-filter .owl-nav>div {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-size: 22px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-filter .owl-nav>div.owl-next {
    left: auto;
    right: 33px;
}

.nav-filter .owl-nav>div.owl-prev {
    left: 33px;
    right: auto;
}

.nav-filter .owl-carousel .owl-nav .owl-prev, .nav-filter .owl-carousel .owl-nav .owl-next, .nav-filter .owl-carousel .owl-dot {
    font-family: 'fontAwesome';
}

.nav-filter .owl-carousel .owl-nav .owl-prev:before {
    content: "\f053";
}

.nav-filter .owl-carousel .owl-nav .owl-next:after {
    content: "\f054";
}

@media (min-width: 768px) {
    .nav-filter {
        position: absolute;
        bottom: 0;
    }
}

.nav-filter li {
    text-align: center;
}

.nav-filter a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    padding: 26px 0;
    width: 100%;
}

.nav-filter a:after {
    border-bottom: 3px solid #000000;
    bottom: -1px;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

@media (min-width: 768px) {
    .nav-filter a {
        font-size: 20px;
    }
}

.nav-filter a:hover:after {
    opacity: 1;
}

.nav-filter li {
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
}

.nav-filter.white a {
    color: #fff;
}

.nav-filter.white li {
    border-right: 1px solid #8a8c8d;
    border-top: 1px solid #8a8c8d;
}

@media (max-width: 767px) {
    .nav-filter.white li {
        background: #000;
    }
}

.nav-filter.white li:hover {
    background: #8a8c8d;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.nav-filter.white .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
}

.nav-filter.boder-w-tlr-opc1 li {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.nav-filter.boder-w-tlr-opc1 li:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.08+0,0.08+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14ffffff', endColorstr='#14ffffff', GradientType=0);
    /* IE6-9 */
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.wrap-filter .wrap-filter-box {
    width: 25%;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: table-cell;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}

.wrap-filter .wrap-filter-box.filter-half {
    width: 50%;
    border-right: 0;
    border-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 768px) {
    .wrap-filter .wrap-filter-box.filter-half {
        line-height: 40px;
    }
}

@media (max-width: 767px) {
    .wrap-filter .wrap-filter-box {
        display: inline-block;
        width: 33.333333%;
        float: left;
        padding: 10px;
        line-height: 40px;
        border-top: 1px solid #e0e0e0;
    }
    .wrap-filter .wrap-filter-box.filter-half {
        border: 0;
        width: 100%;
        border-right: 0;
        border-left: 0;
        line-height: unset;
        padding: 10px 15px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .wrap-filter .wrap-filter-box.wrap-filter-sorting {
        width: 100%;
        border-top: 0;
    }
    .wrap-filter .wrap-filter-box:nth-child(3) {
        line-height: 20px;
    }
}

@media (min-width: 1025px) {
    .wrap-filter .wrap-filter-box {
        width: 20%;
    }
    .wrap-filter .wrap-filter-box.filter-half {
        width: 50%;
    }
}

.wrap-filter-tab {
    padding-left: 15px;
}

.wrap-filter-number.right {
    text-align: right;
    padding-right: 15px;
}

@media (min-width: 1025px) {
    .wrap-filter-number {
        text-align: left;
        padding-left: 42px;
        display: block;
    }
    .wrap-filter-number.right {
        text-align: right;
        padding-right: 42px;
    }
    .wrap-filter-tab {
        padding-left: 42px;
    }
    .wrap-filter-sorting {
        text-align: right;
        padding-right: 45px;
    }
}

.wrap-filter-box.wrap-filter-sorting {
    position: relative;
    border-right: 0;
}

.wrap-filter-box button {
    position: relative;
    font-size: 12px;
    color: #868686;
    border: 0;
    background: transparent;
    padding: 0;
    margin-right: 20px;
}

.wrap-filter-box button:before {
    color: #000000;
    content: "\f0d7";
    font-family: 'FontAwesome', sans-serif;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: -20px;
    display: block;
    height: 100%;
}

.list.active .icon-list-img {
    opacity: 1;
}

.col.active .icon-grid-img {
    opacity: 1;
}

.list:hover .icon-list-img {
    opacity: 1;
}

.col:hover .icon-grid-img {
    opacity: 1;
}

.icon-grid-img {
    content: "";
    height: 16px;
    display: inline-block;
    background: url(/client-assets/img/grid.png) no-repeat center;
    width: 16px;
    background-size: cover;
    opacity: 0.4;
}

.icon-list-img {
    content: "";
    height: 16px;
    display: inline-block;
    background: url(/client-assets/img/list.png) no-repeat center;
    width: 22px;
    background-size: cover;
    opacity: 0.4;
}

.filter-title:after {
    display: block;
    content: "Filters";
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    line-height: 2;
}

@media (max-width: 1024px) {
    .wrap-filter-box {
        text-align: center;
    }
}

.wrap-filter-box .pagination {
    vertical-align: middle;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

@media (min-width: 1025px) {
    .wrap-filter-box .pagination {
        display: inline-block;
    }
}

.wrap-filter-box .pagination li {
    float: left;
    margin-right: 6px;
}

.wrap-filter-box .pagination li a {
    font-size: 11px;
    font-weight: 500;
    color: #ababab;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
}

.wrap-filter-box .pagination li:first-child>a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap-filter-box .pagination li:last-child>a {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrap-filter-box .pagination li.active>a {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.wrap-filter-box .total-count {
    font-size: 12px;
    color: #868686;
    margin-left: 4px;
    display: inline-block;
}

.product-img {
    position: relative;
}

.product-block-info {}

.product-img .hover-img {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.product-block-info:hover .product-img .hover-img {
    opacity: 1;
}

.product-item .product-img, #loading, .product-zoom .owl-item, .portfolio-img {
    background-image: url("/client-assets/eCommerce-Branding/images/product-empty.jpg");
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#loading {
    line-height: normal !important;
    opacity: 1 !important;
    background-position: center;
    position: relative;
    z-index: 3;
}

.portfolio-img {
    padding-top: 0;
}

.portfolio-img img, .product-item .product-img img {
    background-color: #FFF;
}

.product-zoom .owl-item {
    padding-top: 8.5%;
}

.product-item .product-img img, .product-zoom .owl-item img, .portfolio-img img {
    position: absolute;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.color-group .circle, .single-product-detail .single-product-info .size-group .circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
}

.color-group .circle.black, .single-product-detail .single-product-info .size-group .circle.black {
    background: #000;
}

.color-group .circle.red, .single-product-detail .single-product-info .size-group .circle.red {
    background: #ff413a;
}

.color-group .circle.gray, .single-product-detail .single-product-info .size-group .circle.gray {
    background: #707070;
}

.color-group .circle.blue, .single-product-detail .single-product-info .size-group .circle.blue {
    background: #616adb;
}

.color-group .circle.skyblue, .single-product-detail .single-product-info .size-group .circle.skyblue {
    background: #3aa5ff;
}

.color-group .circle.yellow, .single-product-detail .single-product-info .size-group .circle.yellow {
    background: #ffd8b2;
}

.color-group .circle.darkyellow, .single-product-detail .single-product-info .size-group .circle.darkyellow {
    background: #f2dac0;
}

.color-group .circle.pink, .single-product-detail .single-product-info .size-group .circle.pink {
    background: #f228ff;
}

.color-group .circle.aqua, .single-product-detail .single-product-info .size-group .circle.aqua {
    background: #38d6cd;
}

.color-group .circle.white, .single-product-detail .single-product-info .size-group .circle.white {
    background: #FFF;
    border: 1px solid #eee;
}

.color-group .circle.active:before, .single-product-detail .single-product-info .size-group .circle.active:before {
    position: absolute;
    content: '';
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    border: 1px solid #f2dac0;
    border-radius: 50%;
}

.product-info .color-group, .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-info .size-group {
    margin-bottom: 6px;
}

.product-info .product-img {
    margin-bottom: 20px;
}

.product-info .product-cate {
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.product-info .product-title {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}

.Jewelry-list-number h3 {
    width: auto;
    font-size: 13px;
    margin: 0;
}

.Jewelry-list-number span.Jewelry-sepreter {
    margin: 0 5px;
}

.Jewelry-listing-setting {
    font-size: 13px;
}

.product-info {
    padding: 10px 5px;
}

.product-info .product-title.v2 {
    font-size: 16px;
    margin-top: 36px;
    line-height: 24px;
}

@media (min-width: 1025px) {
    .product-info .product-title.v2 {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

.product-info .product-title.v3, .product-info .product-title.slide.v6, .product-info .product-title.slide.v5 {
    font-weight: 600;
}

@media (min-width: 480px) {
    .product-info .product-title.v3, .product-info .product-title.slide.v6, .product-info .product-title.slide.v5 {
        font-size: 20px;
    }
}

.product-info .product-title.v4 {
    font-size: 18px;
    margin-bottom: 32px;
}

@media (min-width: 480px) {
    .product-info .product-title.v4 {
        font-size: 20px;
        line-height: 28px;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
}

.product-info .product-price {
    font-size: 14px;
    /*margin-bottom: 15px;*/
    color: #000;
}

.product-info .product-price.thin-price {
    font-weight: 300;
    font-size: 23px;
}

.product-info .product-price.thin-price .old {
    font-size: 16px;
    margin-left: 2px;
}

.product-info .product-price.v3, .product-info .product-price.slide.v6, .product-info .product-price.slide.v5 {
    width: 238px;
    margin: 0 auto;
    border-radius: 999px;
    background: #f5f5f5;
    text-align: center;
    height: 58px;
    line-height: 58px;
}

.product-info .product-price.v3.no-bg, .product-info .product-price.no-bg.slide.v6, .product-info .product-price.no-bg.slide.v5 {
    background: #fff;
}

.product-info .product-price.v3.bd, .product-info .product-price.bd.slide.v6, .product-info .product-price.bd.slide.v5 {
    border: 1px solid #eaeaea;
}

.product-info .product-price .red {
    color: #ff2929;
}

.product-info .product-price .old {
    color: #999;
    font-size: 14px;
    text-decoration: line-through;
    margin-right: 14px;
}

.product-info .product-price.v2 {
    font-size: 15px;
}

.product-info .product-price.v2 span {
    font-weight: normal;
}

.product-info .btn-quickview {
    color: #fff;
}

@media (min-width: 1025px) {
    .product-img:hover .product-info {
        opacity: 1;
    }
}

.product-grid {
    /*padding-top: 34px;
    padding-bottom: 30px;*/
}

@media (min-width: 1025px) {
    .product-grid {
        /* padding-top: 50px;
         padding-bottom: 0;*/
    }
    .product-grid .product-item, .product-grid .contact-form .contact-item, .contact-form .product-grid .contact-item {
        margin-bottom: 20px;
    }
}

.product-grid .product-bottom-group {
    display: none;
}

.product-grid.product-custom-bg.product-list {
    background: transparent;
}

.button-v {
    margin: 0 0 70px 0;
}

.button-v.v2 {
    margin: 0 0 40px 0;
}

.button-v.v3, .button-v.slide.v6, .button-v.slide.v5 {
    margin: 30px 0 80px 0;
}

.button-v.v4 {
    margin: 54px 0 94px 0;
}

.button-v.v5 {
    margin: 27px 0 94px 0;
}

.button-v.v6 {
    margin: 50px 0 50px 0;
}

.button-v.v7 {
    margin: 18px 0 70px 0;
}

.product-list .button-v.v2 {
    margin: 35px 0 65px 0;
}

.btn-loadmore {
    padding: 15px 46px;
    display: inline-block;
}

@media (min-width: 480px) {
    .btn-loadmore {
        margin-top: 40px;
    }
}

.product-grid.product-list .product-item, .product-grid.product-list .contact-form .contact-item, .contact-form .product-grid.product-list .contact-item {
    width: 100%;
}

@media (min-width: 768px) {
    .product-grid.product-list .product-item, .product-grid.product-list .contact-form .contact-item, .contact-form .product-grid.product-list .contact-item {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
}

@media (min-width: 768px) {
    .product-grid.product-list .product-item .product-images, .product-grid.product-list .contact-form .contact-item .product-images, .contact-form .product-grid.product-list .contact-item .product-images, .product-grid.product-list .product-item .product-img, .product-grid.product-list .contact-form .contact-item .product-img, .contact-form .product-grid.product-list .contact-item .product-img {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        width: 33.3333%;
        position: relative;
        padding-right: 30px;
        padding-bottom: 10px;
    }
}

.product-grid.product-list .product-item .product-info, .product-grid.product-list .contact-form .contact-item .product-info, .contact-form .product-grid.product-list .contact-item .product-info {
    text-align: left;
}

@media (min-width: 768px) {
    .product-grid.product-list .product-item .product-info, .product-grid.product-list .contact-form .contact-item .product-info, .contact-form .product-grid.product-list .contact-item .product-info {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 66.666667%;
    }
    .product-grid.product-list .product-item .product-info .element-list, .product-grid.product-list .contact-form .contact-item .product-info .element-list, .contact-form .product-grid.product-list .contact-item .product-info .element-list {
        width: 50%;
    }
    .product-grid.product-list .product-item .product-info .element-list.element-list-left, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left {
        padding-left: 25px;
        position: relative;
    }
    .product-grid.product-list .product-item .product-info .element-list.element-list-left:before, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left:before, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left:before {
        content: "";
        height: 100%;
        position: absolute;
        border-left: 1px solid #e9e9e9;
        left: -15px;
    }
    .product-grid.product-list .product-item .product-info .element-list.element-list-left .desc-list, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left .desc-list, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left .desc-list {
        margin-top: 40px;
    }
    .product-grid.product-list .product-item .product-info .element-list.element-list-middle .product-rating, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-middle .product-rating, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-middle .product-rating {
        margin-top: 24px;
        border-top: 0;
    }
}

.product-grid.product-list .product-item .product-info .element-list-left, .product-grid.product-list .contact-form .contact-item .product-info .element-list-left, .contact-form .product-grid.product-list .contact-item .product-info .element-list-left {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.product-grid.product-list .product-item .product-info .element-list-middle, .product-grid.product-list .contact-form .contact-item .product-info .element-list-middle, .contact-form .product-grid.product-list .contact-item .product-info .element-list-middle {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.product-grid.product-list .product-item .product-info .color-group, .product-grid.product-list .contact-form .contact-item .product-info .color-group, .contact-form .product-grid.product-list .contact-item .product-info .color-group, .product-grid.product-list .product-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-grid.product-list .product-item .product-info .size-group, .product-grid.product-list .contact-form .contact-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-grid.product-list .contact-form .contact-item .product-info .size-group, .contact-form .product-grid.product-list .contact-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .contact-form .product-grid.product-list .contact-item .product-info .size-group {
    position: absolute;
    left: 30px;
    top: 46px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.product-grid.product-list .product-item .product-info .product-title, .product-grid.product-list .contact-form .contact-item .product-info .product-title, .contact-form .product-grid.product-list .contact-item .product-info .product-title {
    font-size: 20px;
}

.product-grid.product-list .product-item .product-info .product-desc, .product-grid.product-list .contact-form .contact-item .product-info .product-desc, .contact-form .product-grid.product-list .contact-item .product-info .product-desc {
    display: block;
    color: #666;
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 0.01em;
}

.product-grid.product-list .product-item .product-info .product-price span, .product-grid.product-list .contact-form .contact-item .product-info .product-price span, .contact-form .product-grid.product-list .contact-item .product-info .product-price span {
    font-size: 20px;
}

.product-grid.product-list .product-item .product-info .product-price span .old, .product-grid.product-list .contact-form .contact-item .product-info .product-price span .old, .contact-form .product-grid.product-list .contact-item .product-info .product-price span .old {
    font-size: 18px;
}

.product-grid.product-list .product-item .product-info .product-bottom-group, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.product-grid.product-list .product-item .product-info .product-bottom-group .zoa-btn, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group .zoa-btn, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group .zoa-btn {
    width: 100px;
    flex: 0 0 100px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-left: 10px;
}

.product-grid.product-list .product-item .product-info .product-bottom-group .zoa-btn:first-child, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group .zoa-btn:first-child, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group .zoa-btn:first-child {
    margin-left: 0;
}

.product-grid.product-list .product-item .product-button-group, .product-grid.product-list .contact-form .contact-item .product-button-group, .contact-form .product-grid.product-list .contact-item .product-button-group {
    display: none;
}

.product-grid.product-list .product-item:hover .zoa-btn, .product-grid.product-list .contact-form .contact-item:hover .zoa-btn, .contact-form .product-grid.product-list .contact-item:hover .zoa-btn {
    transform: none;
}

.product-grid.product-list .row {
    margin: 0;
}

.product-grid.product-list .row>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1681px) {
    .shop-colect {
        margin-left: -20px;
        margin-right: -20px;
    }
    [class*="col-md-"].collection-list {
        padding-left: 20px;
        padding-right: 20px;
    }
    [class*="col-md-"].collection-sidebar {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.filter-product {
    padding-top: 34px;
    position: relative;
}

@media (min-width: 1025px) {
    .filter-product.e-category {
        padding-bottom: 22px;
    }
}

.filter-product .filtertitle {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.filter-product .filter-content {
    padding-top: 30px;
    border-top: 1px solid #e7e7e7;
    padding-bottom: 60px;
}

.filter-product .filter-content>li {
    position: relative;
}

.filter-product .filter-content>li>a {
    color: #a4a4a4;
    display: block;
    position: relative;
    text-transform: capitalize;
}

.filter-product .filter-content>li>a:hover {
    color: #000000;
}

.filter-product .filter-content>li .filter-menu {
    margin-left: 10px;
    display: none;
}

.filter-product .filter-content>li .filter-menu>li>a {
    font-size: 12px;
    color: #a4a4a4;
}

.filter-product .filter-content>li .filter-menu>li>a:hover {
    color: #000000;
}

.filter-product .filter-content .plus, .filter-product .filter-content .minus {
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
    height: 23px;
}

.filter-product .filter-content .plus:after {
    content: "\f489";
    display: block;
    font-family: "ionicons";
    font-size: 20px;
    position: absolute;
    right: 16px;
    top: 5px;
    color: #333;
    cursor: pointer;
    -moz-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
}

.filter-product .filter-content .minus:after {
    content: "\f462";
    display: block;
    font-family: "ionicons";
    font-size: 20px;
    position: absolute;
    right: 16px;
    top: 5px;
    color: #333;
    cursor: pointer;
    -moz-transition: all 0.1s ease 0s;
    -webkit-transition: all 0.1s ease 0s;
    -o-transition: all 0.1s ease 0s;
}

.filter-product .filter-color .filter-content>li>a {
    font-weight: 600;
    text-transform: capitalize;
}

.filter-product .filter-size .filter-content .btn {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 3px solid #000;
    color: #a4a4a4;
    font-weight: normal;
}

.filter-product .filter-size .filter-content .btn .caret {
    float: right;
    margin: 6px 0;
    color: #000;
}

.filter-product .filter-size .filter-content .btn:focus {
    outline: none;
    box-shadow: none;
}

.filter-product .filter-size .filter-content .dropdown-menu {
    width: 100%;
}

.filter-product .filter-size .filter-content .dropdown-menu>li>a {
    text-transform: uppercase;
}

.filter-product .owl-nav {
    position: absolute;
    top: -50px;
    right: 12px;
    margin-top: 0;
}

.filter-product .owl-theme .owl-nav [class*=owl-] {
    color: #bcbcbc;
    background: transparent;
    padding: 4px 7px;
    margin-left: 0;
    margin-right: 0;
}

.filter-product .owl-theme .owl-nav [class*=owl-] span {
    font-size: 17px;
}

.product-tab-sw {
    margin-bottom: 53px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

@media (min-width: 480px) {
    .product-tab-sw {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
}

@media (max-width: 480px) {
    .product-tab-sw {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
    }
}

.product-tab-sw li {
    float: left;
    padding: 0 3px;
    background: #fff;
}

@media (max-width: 480px) {
    .product-tab-sw li {
        margin-bottom: 15px;
    }
    .product-tab-sw li:last-child {
        margin-bottom: 0;
    }
}

.product-tab-sw li a {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    width: 174px;
    font-weight: bold;
    color: #666666;
    background: #fff;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    border: 1px solid #e6e6e7;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

@media (min-width: 480px) {
    .product-tab-sw li a {
        height: 54px;
        line-height: 54px;
        font-size: 20px;
    }
}

.product-tab-sw li a:hover {
    font-weight: bold;
    box-shadow: none;
}

.product-tab-sw li.active a {
    font-weight: bold;
    box-shadow: none;
    border: 0;
}

.product-tab-sw li:first-child {
    padding-left: 0;
}

.product-tab-sw li:last-child {
    padding-right: 0;
}

.product-tab-sw.v2 {
    margin-bottom: 0;
    position: relative;
}

@media (max-width: 480px) {
    .product-tab-sw.v2 {
        margin-bottom: 20px;
    }
}

.product-tab-sw.v2 li a {
    font-size: 18px;
}

.releases .product-tab-sw2 {
    background: transparent;
}

.product-related {
    padding-top: 30px;
    padding-bottom: 0;
}

@media (min-width: 1025px) {
    .product-related {
        padding-top: 80px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .product-related.bd-top {
        border: 0;
    }
}

.product-related .related-title {
    margin-bottom: 30px;
}

@media (min-width: 1025px) {
    .product-related .related-title {
        margin-bottom: 64px;
    }
}

.product-related .owl-nav>div.owl-prev {
    right: auto;
    left: 0;
}

.product-related .owl-nav>div.owl-next {
    right: 0;
    left: auto;
}

.product-related .owl-theme .owl-nav [class*=owl-] {
    font-size: 17px;
    background: #fff;
    color: #000;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    padding: 0;
}

.product-related .owl-nav>div {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #000000;
    left: 0;
    position: absolute;
    top: 35%;
    border: 1px solid;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-tab-sw2 {
    position: relative;
    background: #fff;
}

@media (max-width: 1024px) and (min-width: 480px) {
    .product-tab-sw2 {
        margin: 0 auto;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
}

.product-tab-sw2 li {
    display: inline-block;
    margin: 0 auto;
    float: none;
    padding: 0px;
}

@media (max-width: 480px) {
    .product-tab-sw2 li {
        width: 100%;
        padding: 2px;
        text-align: center;
    }
}

.product-tab-sw2 li a {
    color: #666666;
    line-height: 45px;
    margin: 0 5px;
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 12px 15px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.product-tab-sw2 li a:hover {
    font-weight: normal;
    box-shadow: none;
}

.product-tab-sw2 li:first-child a {
    margin-left: 0;
}

.product-tab-sw2 li:last-child a {
    margin-right: 0;
}

.product-tab-sw2 li.active a {
    font-weight: normal;
    box-shadow: none;
    border: 0;
}

.form-filter-product {
    top: 100%;
    left: 0;
    height: 999em;
    max-height: 100vh;
    padding: 85px 110px;
    position: absolute;
    right: 0;
    margin: 0;
    z-index: 100;
    display: none;
}

.form-filter-product:before {
    background: #000000;
    bottom: 0;
    content: "";
    height: 999em;
    max-height: 200vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 1024px) {
    .form-filter-product {
        padding: 50px 30px;
    }
}

.form-filter-product .close-left {
    position: relative;
}

.product-filter-wrapper {
    margin-top: 20px;
}

.product-filter {
    width: 25%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.product-filter .title-filter {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 18px;
    margin-bottom: 35px;
    position: relative;
    display: inline-block;
}

.product-filter .title-filter:before {
    border-bottom: 1px solid #3a3a3a;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 40px;
}

@media (max-width: 1024px) {
    .product-filter {
        width: 50%;
        margin-right: -10px;
    }
}

@media (max-width: 480px) {
    .product-filter {
        width: 100%;
        float: none;
    }
}

.product-filter-button-group {
    margin-top: 62px;
}

.product-filter-button {
    width: 50%;
    float: left;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

.product-filter-button:first-child {
    text-align: right;
}

@media (max-width: 767px) {
    .product-filter-button:first-child {
        text-align: center;
    }
}

.product-filter-button:last-child {
    text-align: left;
}

@media (max-width: 767px) {
    .product-filter-button:last-child {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .product-filter-button {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 30px;
    }
}

.product-filter .form-group {
    position: relative;
}

.product-filter .form-control {
    font-size: 14px;
    color: #a4a4a4;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #3a3a3a;
    box-shadow: none;
    background-color: transparent;
    height: 55px;
    -webkit-appearance: none;
    padding: 0 18px 0 25px;
    text-align: left;
}

.product-filter .form-control:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 20px;
    bottom: 23px;
    pointer-events: none;
}

.product-filter .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%;
    padding: 20px 18px 20px 25px;
    margin-top: 10px;
}

.product-filter .dropdown-menu li {
    font-size: 14px;
    color: #a4a4a4;
    padding-bottom: 15px;
    cursor: pointer;
}

.product-filter .filter-content {
    color: #fff;
}

.product-filter .filter-content .slider-track {
    height: 2px;
    background: #a4a4a4;
}

.product-filter .filter-content .min-max {
    color: #a4a4a4;
    font-size: 14px;
}

@media (max-width: 767px) {
    .tab-filter {
        display: inline-block;
    }
}

.tab-filter li {
    float: left;
    margin: 0 12px;
}

@media (max-width: 480px) {
    .tab-filter li {
        margin: 0 5px;
    }
}

.tab-filter li a {
    font-size: 16px;
    font-weight: 500;
    color: #a4a4a4;
}

@media (max-width: 480px) {
    .tab-filter li a {
        font-size: 13px;
    }
}

.tab-filter li.active a {
    color: #000;
    border-bottom: 1px solid #000;
}

.tab-filter li:first-child {
    margin-left: 0;
}

.product-flat {
    padding-top: 30px;
}

.mg-flat {
    margin: 0 -15px;
}

.inner-masonry .grid-item {
    margin-bottom: 30px;
}

.ecome-heading {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    position: relative;
}

@media (max-width: 480px) {
    .ecome-heading {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
}

.ecome-heading h1 {
    font-size: 22px;
    background: #fff;
}

.ecome-heading h1.v2 {
    background: #f7f7f7;
}

.ecome-heading .btn-show {
    font-size: 16px;
    color: #999999;
    width: 201px;
    line-height: 54px;
    height: 56px;
    display: inline-block;
    text-align: center;
    border: 1px solid #eaeaea;
    font-weight: 500;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    background: #fff;
    position: relative;
    z-index: 1;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
}

@media (max-width: 480px) {
    .ecome-heading .btn-show {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
}

.ecome-heading .btn-show i {
    margin-left: 15px;
}

.ecome-heading .btn-show:hover {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    color: #fff;
    background: #000;
    border-color: #000;
}

@media (min-width: 480px) {
    .ecome-heading.style2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style2 h1 {
    margin: 13px 0;
}

@media (min-width: 480px) {
    .ecome-heading.style2 h1 {
        padding-right: 30px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 480px) {
    .ecome-heading.style3:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style3 h1 {
    margin: 13px 0;
}

@media (min-width: 480px) {
    .ecome-heading.style3 h1 {
        padding-right: 40px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 480px) {
    .ecome-heading.style3v2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style3v2 h1 {
    margin: 13px 0;
    font-size: 18px;
}

@media (min-width: 480px) {
    .ecome-heading.style3v2 h1 {
        padding-right: 28px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 480px) {
    .ecome-heading.style5:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style5 h1 {
    margin: 13px 0;
    font-size: 20px;
    font-weight: bold;
}

@media (min-width: 480px) {
    .ecome-heading.style5 h1 {
        padding-right: 33px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 480px) {
    .ecome-heading.style5v2:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style5v2 h1 {
    margin: 13px 0;
    font-size: 20px;
    font-weight: bold;
}

@media (min-width: 480px) {
    .ecome-heading.style5v2 h1 {
        padding-right: 40px;
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 480px) {
    .ecome-heading.style5v3:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.style5v3 h1 {
    margin: 13px 0;
    font-size: 20px;
    font-weight: bold;
}

@media (min-width: 480px) {
    .ecome-heading.style5v3 h1 {
        padding-right: 30px;
        position: relative;
        z-index: 1;
    }
}

@media (max-width: 812px) {
    .ecome-heading.style4 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .ecome-heading.style4:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 1px solid #ededed;
    }
}

.ecome-heading.spc3 {
    margin-bottom: 53px;
}

.ecome-heading.spc4 {
    margin-bottom: 55px;
}

.ecome-heading.spc5 {
    margin-bottom: 43px;
}

.ecome-heading.spc5v2 {
    margin-bottom: 55px;
}

@media (min-width: 1025px) {
    .ecome-heading.spc5v2 {
        margin-bottom: 77px;
    }
}

.ecome-heading.spc5v3 {
    margin-bottom: 46px;
}

.ecome-info {
    color: #666666;
    margin-top: -3px;
}

.ecome-info.spc1 {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .ecome-info.spc1 {
        margin-bottom: 67px;
    }
}

.ecome-info.spc3 {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .ecome-info.spc3 {
        margin-bottom: 91px;
    }
}

.ecome-info.spc2 {
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .ecome-info.spc2 {
        margin-bottom: 73px;
    }
}

.owl-custom-dots.v2 .owl-dots {
    background: #fff;
}

.owl-custom-dots .owl-dots {
    border: 1px solid #eaeaea;
    margin: 0 auto;
    border-radius: 999px;
    padding: 8px 11px;
    display: table;
}

.owl-custom-dots.owl-theme .owl-dots .owl-dot {
    vertical-align: middle;
}

.owl-custom-dots.owl-theme .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    background: #333333;
    opacity: 0.21;
}

.owl-custom-dots.owl-theme .owl-dots .owl-dot.active span, .owl-custom-dots.owl-theme .owl-dots .owl-dot:hover span {
    background: #333333;
    opacity: 1;
}

@media (min-width: 1025px) {
    .product-item, .contact-form .contact-item {
        margin-bottom: 20px;
    }
}

@media (max-width: 1025px) {
    .product-item, .contact-form .contact-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    /*.product-item, */
    .contact-form .contact-item {
        width: 100%;
    }
    .blog-img {
        width: 100%;
    }
    .blog-img img {
        width: 100%;
    }
}

/*# sourceMappingURL=styles.css.map */

.justify-end {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

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

a {
    cursor: pointer;
}

header.global .drop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fcfbf9;
    overflow: hidden;
    height: 500px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /* -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    -o-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    -ms-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    -moz-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s; */
}

header.global .drop.shown {
    /* -webkit-transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -o-transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -ms-transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.6s cubic-bezier(0.28, 0, 0.18, 1); */
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

header.global .drop:before, header.global .drop:after {
    content: " ";
    display: table;
}

header.global .drop:after {
    clear: both;
}

header.global .drop .container {
    background: #fcfbf9;
    padding-bottom: 60px;
}

header.global .drop .container.left {
    float: left;
    display: flex;
    align-items: flex-start;
}

header.global .drop .container.white {
    background: #fcfbf9;
}

header.global .drop .container.first {
    padding-left: 30px;
}

header.global .drop .container {
    overflow: hidden;
}

header.global .drop .container.left {
    width: 64%;
    width: calc(64% + 10px);
    /*-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    */
    opacity: 0;
    /*-webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    */
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    /* transition-delay: 0.5s */
    height: 100%;
}

header.global .drop.shown .container.left {
    /* -webkit-transform: translateX(0%);
    transform: translateX(0%); */
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    /* transition-delay: 0.5s */
}

header.global .drop .container.left ul {
    /* padding-top: 30px; */
}

header.global .drop .container ul li a {
    color: black;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1rem;
    font-size: 0.9rem;
    font-size: 10px;
    font-weight: 500;
}

header.global .drop .container ul li a.btn-dark svg {
    fill: #FFF;
    margin: 7px 7px 7px 0;
    display: block;
    float: left;
}

header.global .drop .container ul li a.btn-dark:hover svg {
    fill: #000;
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li a:hover {
    fill: #000;
}

header.global .drop .container.left ul ul {
    padding-top: 0;
}

header.global .drop .container .menu-item-has-children li a {
    opacity: 1;
    font-weight: normal;
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}

header.global .drop .container .menu-item-has-children {
    float: left;
    width: 25%;
}

header.global .drop#Jewelry .container .menu-item-has-children {
    float: left;
    width: 30%;
}

header.global .drop#Jewelry .container .menu-item-has-children:nth-child(2), header.global .drop#Jewelry .container .menu-item-has-children:nth-child(3) {
    width: 20%;
}

header.global .drop .container.right {
    float: right;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    /* transition-delay: 0.5s; */
}

header.global .drop.shown .container.right {
    opacity: 1;
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    /* transition-delay: 0.5s; */
}

header.global .drop .container {
    background: #fcfbf9;
    padding-bottom: 0px;
}

header.global .drop .container.gray {
    background: #f3f2f1;
}

header.global .drop .container.last {
    padding-right: 30px;
}

header.global .drop .container {
    overflow: hidden;
}

header.global .drop .container.right {
    width: 36%;
    width: calc(36% - 10px);
    padding-left: 0px;
}

header.global .drop .container:before, header.global .drop .container:after {
    content: " ";
    display: table;
}

header.global .drop .container:after {
    clear: both;
}


header.global .drop .container.right figure.card {
    /*margin-top: 20px;*/
    /* opacity: 0; */
    /* -webkit-transform: translateY(30px);
    transform: translateY(30px); */
    /* -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1), opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1); */
    height: 100%;
}

header.global .drop.shown .container.right figure.card {
    opacity: 1;
    /* -webkit-transform: translateY(0);
    transform: translateY(0); */
    /* -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s, opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s, opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.5s; */
}




.veil.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: black;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0s;
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0s;
}

#DeleteCartModel {
    z-index: 1000000;
}

.show-drop .veil.full {
    opacity: 0.75;
    visibility: visible;
    -webkit-transition: 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}

header.global {
    z-index: 100000;
    /*search*/
    position: absolute;
    width: 100%;
}

.header-center .row.flex.align-items-center.justify-content-between {
    position: relative;
    z-index: 99;
    /*search*/
}

header.global .drop .container ul li ul a {
    text-transform: none;
    margin-bottom: 6px;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 200;
}

header.global .drop .container .menu-item-has-children li a {
    opacity: 1;
    font-weight: normal;
    -webkit-transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: opacity 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}

header.global .drop .container .menu-item-has-children li a:hover {
    opacity: .6;
}

figure.card.top figcaption span.label {
    font-size: 16px;
}

h3.titleDrp {
    color: black;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.1rem;
    font-size: 12px;
    font-weight: 500;
}

header.global .veil {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 0px;
    z-index: 1;
    background: white;
    /*-webkit-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0 0 20px transparent;
}

header.global.sticky .veil {
    max-height: 93px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    background-color: #000;
}

header.global.sticky .header-center {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
}

header.global .drop .container.left, header.global .drop .container.right {
    padding-top: 150px;
    height: 100%;
}

header.global.sticky .drop .container.left, header.global.sticky .drop .container.right {
    padding-top: 135px;
}

.slide.v3 .custom {
    display: none;
}

.pageHeadingStyle h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    font-family: FFMarkWebProMedium;
}

.MetaSerif {
    font-family: "Meta Serif", sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
}

.MetaSerifItalic {
    font-family: "Meta Serif", sans-serif;
    font-style: italic;
    font-weight: 400
}

/*.pageHeadingStyle h2 {*/

/*margin-top: 0;*/

/*letter-spacing: 0;*/

/*}*/

.about-content .about-info .about-desc p {
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 29px;
}

.pageHeadingStyle h2, .pageHeadingStyle .mainsub-title {
    margin-top: 0;
    letter-spacing: 0.5px !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
}

.button .icon {
    width: 0;
    height: 100%;
    display: block;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.button .icon svg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.button.with-icon:hover .icon, .button.with-icon.hover .icon {
    opacity: 1;
    right: 15px;
    width: 31px;
}

.button.with-icon:hover, .button.with-icon.hover {
    padding-right: 60px;
}

.button.with-icon {
    background: #252a2b;
    font-style: normal;
    color: #fff !important;
    border: 2px solid transparent;
    font-size: 13px;
    font-family: FFMarkWebProMedium;
    text-transform: uppercase;
    padding: 0 30px;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    height: 50px;
    margin: 0;
    display: inline-block;
    line-height: 46px;
    border-radius: 0;
    -webkit-appearance: none;
    margin-top: 15px;
}

.button.with-icon:hover {
    background: #000;
}

.button svg path {
    fill: #fffafa !important;
}

@media (min-width: 768px) {
    .flex-sm {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
        min-height: inherit;
    }
}

.flex-item-1 {
    order: 1;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
}

.flex-item-2 {
    order: 2;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
}

.new-Jewelry {
    padding: 45px 0px;
    background: #fff;
    position: relative;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.new-Jewelry__left {
    position: relative;
    width: 40%;
    float: left;
    text-align: center;
    min-height: 200px;
    overflow: hidden;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

/*@media screen and (min-width: 767px) and (max-width: 991px) {*/

/*.new-Jewelry__left {*/

/*display: none;*/

/*}*/

/*}*/

.new-Jewelry__left img {
    width: 100%;
    display: block;
    -webkit-transition: all 750ms;
    -moz-transition: all 750ms;
    -ms-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
}

.new-Jewelry__left img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.new-Jewelry__left-cont {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

.new-Jewelry__left-title-sub {
    font-family: 'Meta Serif';
    font-size: 26px;
    letter-spacing: 0.9px;
    color: white;
    font-style: italic;
}

.new-Jewelry__left-title {
    font-family: 'Meta Serif';
    font-size: 40px;
    letter-spacing: 4px;
    color: white;
    margin: 10px 0;
}

.new-Jewelry__right {
    width: 60%;
    float: right;
    padding: 0 58px;
    padding-right: 0;
}

/*@media screen and (min-width: 768px) and (max-width: 991px) {*/

/*.new-Jewelry__right {*/

/*width: 100%;*/

/*float: none;*/

/*padding: 0 10px;*/

/*}*/

/*}*/

.new-Jewelry__right .new-Jewelry__slider {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0;
    z-index: 1;
}

.new-Jewelry__right .new-Jewelry__slider .swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.new-Jewelry__right .new-Jewelry__slider-item {
    background: white;
    -webkit-transition: all 750ms;
    transition: all 750ms;
}

.new-Jewelry__right .new-Jewelry__slider-item.swiper-slide-active {
    opacity: 1;
    filter: blur(0);
}

.new-Jewelry__right .new-Jewelry__slider-item.swiper-slide-active .new-Jewelry__slider-visual {
    transform: none;
}

.new-Jewelry__right .new-Jewelry__slider-title {
    font-family: 'Meta Serif';
    font-size: 30px;
    line-height: 45px;
    color: #000000;
    position: relative;
    z-index: 100;
    -webkit-transition: all 750ms;
    -moz-transition: all 750ms;
    -ms-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
    overflow: hidden;
}

.new-Jewelry__right .new-Jewelry__slider-visual {
    margin: 25px 0 20px 0;
    -webkit-transition: all 750ms;
    -moz-transition: all 750ms;
    -ms-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    display: block;
}

.new-Jewelry__right .new-Jewelry__slider-visual-left {
    width: 25%;
    float: left;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    position: relative;
    z-index: -1;
    overflow: hidden;
}

.aos-animate .new-Jewelry__right .new-Jewelry__slider-visual-left {
    transform: none;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

.new-Jewelry__right .new-Jewelry__slider-visual-master {
    background-color: #f9f8f4;
    text-align: center;
    width: 51%;
    float: left;
    margin: 7% -3% 0 -3%;
    padding: 5% 0 14%;
    height: 340px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}

.aos-animate .new-Jewelry__right .new-Jewelry__slider-visual-master {
    transform: none;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

.new-Jewelry__right .new-Jewelry__slider-visual-master img {
    margin: 0 auto;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.new-Jewelry__right .new-Jewelry__slider-visual-master img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.new-Jewelry__right .new-Jewelry__slider-visual-master .slide2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.new-Jewelry__right .new-Jewelry__slider-visual-right {
    overflow: hidden;
    width: 29%;
    float: left;
    margin: 19% 0 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.aos-animate .new-Jewelry__right .new-Jewelry__slider-visual-right {
    -webkit-transform: none;
    transform: none;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

.new-Jewelry__right .new-Jewelry__slider-visual-right:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.new-Jewelry__right .new-Jewelry__slider-visual:after {
    content: '';
    display: block;
    clear: both;
}

.new-Jewelry__right .new-Jewelry__slider-caption {
    margin: -6.5% 0 0 3%;
    overflow: hidden;
    width: 80%;
    -webkit-transition: all 750ms;
    -moz-transition: all 750ms;
    -ms-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
    display: block;
}

.new-Jewelry__right .new-Jewelry__slider-caption-desc {
    font-family: FFMarkWebProRegular;
    font-size: 15px;
    letter-spacing: 0;
    color: black;
    margin-bottom: 6px;
    margin-top: 20px;
}

.new-Jewelry__right .new-Jewelry__slider-caption-price {
    font-family: FFMarkWebProRegular;
    font-size: 18px;
    letter-spacing: 0;
    color: black;
    margin-bottom: 13px;
}

.new-Jewelry__right .new-Jewelry__slider-caption-subtitle {
    font-family: FFMarkWebProRegular;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    color: black;
    margin-bottom: 15px;
}

.new-Jewelry__right .new-Jewelry__slider .swiper-controls {
    text-align: center;
    margin: 0 20px 0 0;
}

@media screen and (min-width: 766px) and (max-width: 992px) {
    .new-Jewelry__right .new-Jewelry__slider .swiper-controls {
        text-align: center;
        margin: 20px 0 0;
    }
}

.new-Jewelry .swiper-slide-prev {
    -webkit-transform: translate(-1px, 0);
    transform: translate(-1px, 0);
}

.new-Jewelry .swiper-slide-next {
    -webkit-transform: translate(1px, 0);
    transform: translate(1px, 0);
}

.new-Jewelry .swiper-slide-active {
    transform: none;
}

.cta:after {
    content: '';
    position: absolute;
    top: 100%;
    margin-top: 4px;
    height: 1px;
    background: black;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}

.cta:hover:after {
    -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s;
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

.cta {
    position: relative;
}

.element.element-currency a:hover span, .element.element-leaguage a:hover span {
    color: #fff;
}

div#new-Jewelry-region .slick-next {
    background: url("/client-assets/eCommerce-Branding/images/arrow-slider-right.svg") no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
}

div#new-Jewelry-region .slick-prev {
    background: url("/client-assets/eCommerce-Branding/images/arrow-slider-left.svg") no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    left: -45px;
}

div#new-Jewelry-region .slick-next:before, div#new-Jewelry-region .slick-prev:before {
    display: none;
}

.jxlookbooks {
    padding: 10px 0px 0 0;
}

.jx-lookbook-block .caption {
    position: absolute;
    top: 9%;
    left: 5%;
    max-width: 10.625rem;
    z-index: 1;
    margin-right: 0.9375rem;
}

.jx-lookbook-block .caption {
    max-width: 300px;
}

.hotSpotWrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.jx-lookbook-left .hotSpotWrap {
    margin-bottom: 1.875rem;
}

.w-100 {
    width: 100% !important;
}

.hotSpotWrap .point {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-top: -1.6875rem;
    margin-left: -1.6875rem;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    z-index: 2;
}

.hotSpotWrap .point:before, .hotSpotWrap .point:after {
    display: block;
    content: '';
    position: absolute;
    border-radius: 50%;
}

.hotSpotWrap .point:before {
    left: 0.4375rem;
    top: 0.4375rem;
    right: 0.4375rem;
    bottom: 0.4375rem;
    background: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.hotSpotWrap .point:after {
    font-family: 'Material Icons';
    content: "\E14C";
    font-size: 20px;
    line-height: 2.1875rem;
    color: rgba(255, 255, 255, 0);
    left: 7px;
    top: 7px;
    right: 7px;
    bottom: 7px;
    text-align: center;
    background: #525252;
    -webkit-box-shadow: inset 0 0 0 0.25rem #fff;
    box-shadow: inset 0 0 0 0.25rem #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hotSpotWrap .point:hover:before {
    left: -0.3125rem;
    top: -0.3125rem;
    right: -0.3125rem;
    bottom: -0.3125rem;
}

.hotSpotWrap .point:hover:after {
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
}

.hotSpotWrap .point.active:after {
    left: 0.625rem;
    top: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    -webkit-box-shadow: inset 0 0 0 0px #fff;
    box-shadow: inset 0 0 0 0px #fff;
    color: #fff;
}

.hotSpotWrap .point.active:hover:after {
    color: #2f2c2f;
}

.hotSpotWrap .point.active:before {
    left: 0.75rem;
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
}

.jx-lookbook-popover {
    border: none;
    -webkit-box-shadow: 0px 0.0625rem 1.8125rem 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0.0625rem 1.8125rem 0px rgba(0, 0, 0, 0.11);
    clear: both;
    max-width: inherit;
    z-index: 3;
    background: #fff;
}

.jx-lookbook-popover .arrow {
    display: none;
}

.jx-lookbook-popover .popover-body {
    padding: 0;
}

.popover .product-miniature-thumbnail {
    width: 37%;
}

.popover .product-miniature-information {
    width: 63%;
    padding: 0 12px;
}

.jx-lookbook-block-popover .product-miniature-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popover {
    border: none;
    -webkit-box-shadow: 0px 0.0625rem 1.8125rem 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0.0625rem 1.8125rem 0px rgba(0, 0, 0, 0.11);
    clear: both;
    max-width: inherit;
    z-index: 3;
    border-radius: 0;
}

.popover .arrow {
    display: none;
}

.popover-body {
    border: none;
}

a.thumbnail.product-thumbnail {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    /* background: #f8f8f9; */
}

.jx-lookbook-block-popover {
    min-width: 350px;
    max-width: 350px;
    padding: 0;
}

.product-miniature-information .product-title a {
    font-family: FFMarkWebProRegular;
    font-size: 15px;
    letter-spacing: 0;
    color: black;
    margin-bottom: 6px;
    margin-top: 20px;
}

.product-miniature-information .product-title {
    margin-bottom: 20px;
    margin-top: 0;
}

.product-prices-md span {
    font-family: FFMarkWebProRegular;
    font-size: 18px;
    letter-spacing: 0;
    color: black;
    margin-bottom: 13px;
    display: block;
}

.new-Jewelry__slider-caption-subtitle {
    font-weight: bold;
    font-size: 15px;
}

.jx-lookbook-block .caption h3 {
    margin-top: 0;
    font-family: 'Meta Serif';
    font-size: 25px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 9px;
}

.jx-lookbook-block .caption p {
    font-family: FFMarkWebProRegular;
    font-size: 15px;
    letter-spacing: 0;
    color: #404040;
    line-height: 1.7;
}

.lookbook-default .products {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.lookbook-default.jx-lookbook-left .products article.product-miniature {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.jx-lookbook-block .products .product-miniature .top-content {
    position: absolute;
    left: 0;
    right: 0;
    top: -0.625rem;
    opacity: 0;
    visibility: hidden;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
}

.product-miniature .functional-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.jx-lookbook-block .products .product-miniature .functional-buttons {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.625rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container:hover .top-content, .jx-lookbook-block .products .product-miniature .product-miniature-container:focus .top-content, .jx-lookbook-block .products .product-miniature .product-miniature-container:active .top-content {
    top: 15px;
    opacity: 1;
    visibility: visible;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container:hover .functional-buttons, .jx-lookbook-block .products .product-miniature .product-miniature-container:focus .functional-buttons, .jx-lookbook-block .products .product-miniature .product-miniature-container:active .functional-buttons {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
}

.lookbook-default.jx-lookbook-left .products article.product-miniature a.thumbnail.product-thumbnail {
    background: #f8f8f9;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .product-thumbnail:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    opacity: 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container:hover .product-thumbnail:before, .jx-lookbook-block .products .product-miniature .product-miniature-container:focus .product-thumbnail:before, .jx-lookbook-block .products .product-miniature .product-miniature-container:active .product-thumbnail:before {
    opacity: 1;
}

.product-miniature .quick-view>span, .product-miniature .wishlist_button_nopop>span, .product-miniature .wishlist_button>span, .product-miniature .js-compare-button>span {
    display: none;
}

.jx-lookbook-block .products .product-miniature .add-to-cart>span {
    display: none;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons a.btn-link:hover i, .jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons a.btn-link:hover {
    text-decoration: none;
    color: #000;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons a.btn-link i {
    color: #5f5f5f;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons .product-buttons a.add-to-cart:before {
    display: none;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons a i {
    font-size: 17px;
}

.jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons .product-buttons, .jx-lookbook-block .products .product-miniature .product-miniature-container .functional-buttons a.wishlist_button_nopop.btn-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.lookbook-default.jx-lookbook-left .products article.product-miniature {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.jx-lookbook-left .products article.product-miniature:nth-child(1n+3) {
    margin-top: 30px;
}

.u-fill--vermeil-lightest {
    background-color: #f3f4f8;
    padding: 45px 0px;
}

.c-home-usps {
    padding: 9rem 0 12rem;
    background-size: auto 80%;
    background-position: right center;
}

.c-home-usps__usp {
    margin: 2rem 0;
    width: 100%;
    max-width: 100%;
}

.c-home-usps__icon {
    width: 3rem;
    text-align: center;
}

.o-media__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.e-text-body-secondary {
    font-weight: 400;
    color: rgba(8, 10, 28, 0.6);
}

.c-home-usps__usp:last-child {
    margin-bottom: 0;
}

.o-media__figure {
    margin-right: 16px;
}

.o-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.o-media__body h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 15px;
}

.o-media__body p {
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 27px;
}

.lPad80 {
    padding-left: 80px;
}

.vCentreCol-6 {
    padding-bottom: 58px;
}

.customersStories {
    padding: 60px 0px 80px 0;
}

.cmsContent {
    margin-bottom: 25px;
    margin-top: 20px;
}

.cmsContent p {
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 29px;
}

.cmsContent p:last-child {
    margin: 0;
}

#customer-stories .pageHeadingStyle h4 {
    letter-spacing: 0.5px;
    font-size: 13px;
    letter-spacing: .15em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

div#customer-stories .slick-next {
    background: url("/client-assets/eCommerce-Branding/images/arrow-slider-right.svg") no-repeat 0;
    width: 40px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    bottom: 20px;
    top: inherit;
    right: 44%;
    background-size: 40px;
    opacity: 0.5;
}

div#customer-stories .slick-prev {
    background: url("/client-assets/eCommerce-Branding/images/arrow-slider-left.svg") no-repeat 0;
    width: 40px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    left: -45px;
    bottom: 20px;
    top: inherit;
    /*right: 39%;*/
    background-size: 40px;
    opacity: 0.5;
    left: 44%;
    z-index: 9;
}

div#customer-stories .slick-next:before, div#customer-stories .slick-prev:before {
    display: none;
}

div#customer-stories .slick-prev:hover, div#customer-stories .slick-next:hover {
    opacity: 1;
}

.bMar60 {
    margin-bottom: 60px;
}

#ourGuarantee {
    padding: 80px 0px 40px;
    position: relative;
    background: url("/client-assets/eCommerce-Branding/images/point-test-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    /*margin-top: 30px;*/
}

#ourGuarantee:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
}

#ourGuarantee .pageHeadingStyle h2 {
    color: #fff;
}

#ourGuarantee .pageHeadingStyle h4 {
    color: rgba(255, 255, 255, 0.7);
    margin-top: 0;
}

.tPad40 {
    padding-top: 40px;
}

.guaranteeIcon {
    display: inline-block;
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.5em;
    padding: 0 15px;
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: background-color .3s, border-color .3s, color .3s;
    transition: background-color .3s, border-color .3s, color .3s;
    text-align: center;
    position: relative;
}

#guaranteeIcons {
    display: inline-block;
    width: 100%;
}

a.white {
    color: #fff;
}

#guaranteeIcons .guaranteeIcon {
    width: 20%;
}

#guaranteeIcons .guaranteeIcon:focus {
    outline: none;
}

#guaranteeIcons .guaranteeIcon span {
    font-size: 18px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bMar40 {
    margin-bottom: 40px;
}

.spriteB:before {
    background-image: url("/client-assets/eCommerce-Branding/images/point-test.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    margin: 10px auto;
    height: 74px;
    width: 85px;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}

.style-ring-block .spriteB:before {
    background-image: url("/client-assets/eCommerce-Branding/images/point-test.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    margin: 10px auto;
    height: 80px;
    width: 80px;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    background-size: 65%;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

a.white:hover {
    color: #979ca7;
}

#guaranteeIcons.style-ring-block .guaranteeIcon:hover.spriteB:before, .guaranteeIcon.guaranteeIcon:hover .shop-style-img {
    background-color: #dde9ed;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/* #guaranteeIcons.style-ring-block .guaranteeIcon.spriteB:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
    width: 90%;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#guaranteeIcons.style-ring-block .guaranteeIcon:hover.spriteB:after {
    opacity: 1;
} */

#guaranteeIcons .guaranteeIcon:hover span {
    bottom: -30px;
    margin: auto;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.guaranteeIcon.guaranteeIcon.hearts-and-arrows:before {
    background-position: -144px -20px;
    width: 67px;
}

.guaranteeIcon.guaranteeIcon.transparent-pricing:before {
    background-position: -262px -24px;
    width: 72px;
}

.guaranteeIcon.guaranteeIcon.quality-guarantee:before {
    background-position: -395px -137px;
    width: 54px;
}

.guaranteeIcon.guaranteeIcon.upgrade-and-Buyback:before {
    background-position: -24px -15px;
    width: 68px;
}

.guaranteeIcon.guaranteeIcon.ultimate-light-performance:before {
    background-position: -500px -16px;
    width: 75px;
}

a.consultationButton {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    height: 179px;
    letter-spacing: 0;
    line-height: 1.7em;
    padding: 33px 15px 0;
    text-transform: uppercase;
    width: 18%;
    text-align: center;
    color: #767676;
}

#consultationButtons {
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
}

a.consultationButton:hover {
    color: #000;
    border-color: #656565;
}

.consultationButton.quality:before {
    background-position: -144px -260px;
    width: 67px;
}

.section-footer {
    position: relative;
}

.site-footer {
    display: -webkit-box;
    display: flex;
}

.site-footer {
    font-size: 13px;
    color: #fff;
    top: -1px;
    z-index: 9;
    background: #333333 !important;
}

.box--big {
    width: 50%;
    /*min-height: 100vh;*/
}

.site-box {
    display: -webkit-box;
    display: flex;
    position: relative;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

.site-box.box--column-flow {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column;
}

.site-footer .site-box {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end;
    background: #333333 !important;
    padding: 20px 0;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: #000 !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center;
    width: 100%;
}

.site-box-content {
    z-index: 0;
}

.site-footer .footer-content, .site-footer .site-copyright {
    width: 60%;
}

.site-footer a {
    color: #fff;
}

.site-footer .footer-content:not(:last-child) {
    margin-bottom: 50px;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
}

.site-box .site-box-content {
    -webkit-transition: opacity 300ms linear, transform 300ms linear;
    transition: opacity 300ms linear, transform 300ms linear;
}

.site-footer h4 {
    /*opacity: .48;*/
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: bold !important;
    color: #FFF;
}

.site-box .site-box-content .contact-form {
    padding: 0;
    border: none;
}

.site-box .site-box-content .contact-form .input-group {
    width: 100%;
}

.site-footer input:not([type="submit"]) {
    /*background: #FFF !important;*/
    /*color: #fff !important;*/
    /*width: calc(100% - 130px);*/
}

.site-footer input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    height: 40px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    padding: 0 20px;
    margin: 0;
    display: inline-block;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid #FFF;
    background: #ededed;
    color: #252a2b;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.NewsletterButton {
    padding: 9px;
    font-size: 15px;
    background-color: #222;
    border: 1px solid white !important;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}

.footer-content form .input-group {
    display: block;
}

.NewsletterButton[disabled] {
    background-color: #222 !important;
    border: 1px solid #FFF !important;
}

.site-footer .Newsletterinput {
    background: #FFF !important;
    color: black !important;
}

.site-footer .Newsletterinput:focus {
    background: #FFF !important;
    color: black !important;
}

.site-footer input::placeholder {
    font-size: 11px;
    font-family: FFMarkWebProMedium;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.site-footer input[type="submit"] {
    font-style: normal;
    border: 1px solid #FFF;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    height: 40px;
    margin: 0;
    display: inline-block;
    line-height: 38px;
    border-radius: 0;
    -webkit-appearance: none;
    background: #171717;
    color: #FFF;
    top: 0px;
    margin-top: 10px;
    border-radius: 3px;
    font-family: FFMarkWebProMedium;
    letter-spacing: 1.5px;
    margin-left: 4px;
}

.site-footer input[type="submit"]:hover {
    background: #000000;
}

.site-footer input:not([type="submit"]):focus {
    background: #FFF !important;
}

.site-footer .caption {
    opacity: .78;
    margin-top: 20px;
}

.site-social a {
    margin: 0 5px;
    display: inline-block;
    width: 22px;
}

.site-footer .site-social a {
    width: 26px;
    margin: 0 7px;
}

.site-social {
    margin-bottom: 20px;
}

.site-footer .site-social svg {
    width: 26px !important;
    height: 26px !important;
}

.site-footer .site-social svg path {
    fill: #fff;
}

.to-bottom-content {
    /*position: absolute;*/
    /*bottom: 60px;*/
    /*left: 20%;*/
}

.site-footer .footer-links {
    display: flex;
    flex-wrap: wrap;
}

.site-footer .footer-links li {
    width: 50%;
}

.site-footer .footer-links li {
    margin: 4px 0;
}

.site-footer a:hover, .site-footer a.hover {
    color: #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
}

.page-width {
    padding-left: 30px;
    padding-right: 30px;
}

.feature-row.margin-top {
    padding-top: 110px;
}

.feature-row.margin-bottom {
    padding-bottom: 110px;
}

.feature-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.feature-row__item {
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    -webkit-box-flex: 0;
    flex: 0 1 50%;
}

.feature-row.right .feature-row__text {
    padding: 45px;
}

.page-width:after {
    content: "";
    display: table;
    clear: both;
}

.feature-row__item {
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    -webkit-box-flex: 0;
    flex: 0 1 50%;
}

.feature-row__item_image {
    position: relative;
    max-width: 470px;
    margin: 0 auto;
}

.feature-row.right .feature-row__item_image .background-shape {
    content: "";
    width: 120%;
    height: 120%;
    right: auto;
    left: 20%;
    top: -10%;
    position: absolute;
    z-index: -1;
}

.feature-row__image {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.feature-row__item_image .background-shape {
    content: "";
    width: 120%;
    height: 120%;
    right: 20%;
    top: -10%;
    position: absolute;
    background-color: rgba(217, 229, 236, .5);
    z-index: -1;
}

.page-width {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    overflow-x: hidden;
}

.feature-row__item.feature-row__text h2 {
    margin-top: 0;
    letter-spacing: 0.5px !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
    margin-bottom: 30px;
}

.rte-setting.featured-row__subtext p {
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 29px;
}

.o-media__body p:last-child {
    margin: 0;
}

.u-fill--vermeil-lightest .pageHeadingStyle {
    margin-bottom: 40px;
}

.ir251-home-our-mission {
    display: table;
    width: 100%;
    margin: 0;
}

.ir251-home-beyond li {
    vertical-align: middle;
    text-align: center;
}

.ir251-home-our-mission li {
    display: table-cell;
    vertical-align: middle;
}

.ir251-home-our-mission li img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.ir251-home-our-mission li:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ir251-home-beyond li.fore {
    font-size: 15px;
    text-transform: capitalize;
}

.ir251-home-beyond li.fore {
    white-space: nowrap;
    padding-right: 10px;
}

.ir251-home-our-mission a {
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ir251-home-our-mission span {
    vertical-align: middle;
    padding: 5px;
}

.ir251-home-our-mission a:hover {
    color: #000;
    text-decoration: underline;
}

.thumbnail--ir251-features p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 24px;
}

.max-w300 {
    max-width: 360px;
}

.thumbnail--ir251-features .h2 {
    color: #000 !important;
    font-size: 30px;
    font-family: inherit;
    margin-bottom: 11px;
    margin-top: 21px;
    text-transform: capitalize;
    font-family: "Meta Serif", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.thumProductPadd {
    padding: 45px 0px;
}

.ir251-home-difference {
    text-align: center;
    max-width: 100%;
    background-color: #f3f4f8;
    /*padding: 45px 0;*/
    padding: 35px 0;
    letter-spacing: .5px;
}

.ir251-home-difference .guaranteeIcon {
    text-transform: none;
    font-size: 16px;
}

/*.guaranteeIcon.guaranteeIcon.styleEarrings:before {
    content: "";
    background-position: center;
    background-image: url('/client-assets/eCommerce-Branding/images/earrings.svg');
    !* background-size: contain; *!
}*/

.guaranteeIcon.guaranteeIcon .shop-style-img {
    display: block;
    margin: 10px auto;
    height: 125px;
    width: 125px;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    background-size: 65%;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 10px auto;
    transition: all 0.3s ease-in-out;
    background-color: #dde9ed;
}

.guaranteeIcon.guaranteeIcon .shop-style-img img {
    max-width: 100%;
    width: 100%;
    display: block;
    /*transform: scale(0.6);*/
    border-radius: 100%;
}

.guaranteeIcon.guaranteeIcon:before {
    content: none;
}

.guaranteeIcon.guaranteeIcon.styleRings:before {
    background-position: center;
    background-image: url('/client-assets/eCommerce-Branding/images/wedding-rings.svg');
    /* background-size: contain; */
}

.guaranteeIcon.guaranteeIcon.styleBrooches:before {
    background-position: center;
    background-image: url('/client-assets/eCommerce-Branding/images/brooch.svg');
    /* background-size: contain; */
}

.guaranteeIcon.guaranteeIcon.styleNecklaces:before {
    content: "";
    background-position: center;
    background-image: url('/client-assets/eCommerce-Branding/images/necklace.svg');
    /* background-size: contain; */
}

.guaranteeIcon.guaranteeIcon.styleBracelets:before {
    background-position: center;
    background-image: url('/client-assets/eCommerce-Branding/images/bracelet.svg');
    /* background-size: contain; */
}

.home-ir234-visit-our-showroom {
    padding: 32px 0;
    background: #eeeef3 url(/client-assets/eCommerce-Branding/images/visit-our-other-locations.jpg) center center no-repeat;
    position: relative;
}

.home-ir234-visit-our-showroom .our-locations {
    color: #94abac;
    text-transform: uppercase;
    height: 384px;
    width: 384px;
    overflow: hidden;
    border-radius: 100%;
    background-color: #f5f8f9;
    margin: 0 auto;
    text-align: center
}

.home-ir234-visit-our-showroom .imitate-table {
    height: 100%
}

.home-ir234-visit-our-showroom a:not(.ir251-link-text) {
    color: #333;
    text-transform: capitalize
}

.home-ir234-visit-our-showroom dl {
    margin-bottom: 20px;
    padding: 0 16%
}

.home-ir234-visit-our-showroom dt a {
    text-decoration: none;
    white-space: nowrap
}

.home-ir234-visit-our-showroom dt .h3 {
    letter-spacing: .5px;
    line-height: 1.2;
    font-size: 30px;
    padding-top: 37px;
    padding-bottom: 15px;
    font-family: "Meta Serif", sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
}

.home-ir234-visit-our-showroom dd {
    line-height: 2;
    display: inline;
    font-size: 16px;
    position: relative
}

.home-ir234-visit-our-showroom dd a {
    white-space: nowrap
}

.home-ir234-visit-our-showroom dd:after {
    content: ' ';
    width: 30px !important;
    letter-spacing: 1.25em;
    background: url(/client-assets/eCommerce-Branding/images/dot.png) center center no-repeat
}

.home-ir234-visit-our-showroom .imitate-table>div {
    vertical-align: top;
    padding-top: 30px
}

@media (max-width: 767px) {
    .home-ir234-visit-our-showroom {
        height: 352px;
        background-image: url(/client-assets/eCommerce-Branding/images/visit-our-showroom-xs.jpg);
        background-position: top center;
        /*background-size: auto 100%*/
    }
    .home-ir234-visit-our-showroom .our-locations {
        height: 290px;
        width: 290px;
        padding-left: 20px;
        padding-right: 20px
    }
    .home-ir234-visit-our-showroom dl {
        margin: 0 0 15px;
        padding: 0
    }
    .home-ir234-visit-our-showroom dt .h3 {
        font-size: 22px;
        padding-top: 25px;
        padding-bottom: 10px;
        background-size: auto 24px
    }
    .home-ir234-visit-our-showroom dd {
        font-size: 14px
    }
}

.pt-200 {
    padding-top: 200px;
}

.pt-150 {
    padding-top: 150px;
}

/*.collection-sidebar .widget-filter:last-child {*/

/*    border: none;*/

/*}*/

.collection-sidebar {
    background: #f5f5f5;
    /*margin-top: 20px;*/
    border: 1px solid #ddd;
    padding: 0;
}

/*STORE_LOCATOR*/

.store-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style: none;
}

.store-location-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.store-locator-img img {
    width: 100%;
}

.padding-vertical-xlarge {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.locator-title {
    font-weight: 500;
    font-size: 14px;
    margin: 10px 0 10px 0;
    letter-spacing: 1px;
    height: 35px;
    padding: 0 20px;
    line-height: 33px;
    display: inline-block;
    background-color: #FFF;
    color: #252a2b;
    border: 1px solid #252a2b;
    width: 100%;
}

.locator-title:hover {
    background-color: #252a2b;
    color: #FFF;
}

.store-locator-action-btn {
    display: flex;
}

.store-locator-action-btn .wpsl-appoinment i {
    margin-right: 5px;
}

.wpsl-directions {
    width: 25%;
}

.wpsl-appoinment {
    width: 75%;
    margin-left: 15px;
}

.wpsl-appoinment .locator-title {
    background-color: #252a2b;
    color: #FFF;
}

.wpsl-appoinment .locator-title:hover {
    background-color: #FFF;
    color: #252a2b;
}

.store-detail-action-btn .wpsl-directions, .store-detail-action-btn .wpsl-appoinment {
    width: 100%;
    margin: 0;
}

.margin-vertical-large {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.store-address {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0;
}

.store-locator-info {
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.store-location-label {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 15px;
    overflow: hidden;
}

.margin-vertical {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.text-body-centered {
    font-weight: 400;
    color: rgba(8, 10, 28, 0.6);
    font-size: 14px;
}

.store-dec {
    font-size: 14px;
    line-height: 26px;
    margin-top: 0px;
    width: 100%;
}

.store-dec .email-id {
    word-break: break-word;
}

.store-content-wrapper {
    border: 1px solid #e1e1e1;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    z-index: 99;
    padding: 15px;
    max-height: 450px;
    overflow-y: scroll;
}

.store-content-wrapper::-webkit-scrollbar, .summary-Jewelry-height::-webkit-scrollbar {
    width: 8px;
    background-color: #000;
    border-radius: 5px;
}

.store-content-wrapper::-webkit-scrollbar-thumb, .summary-Jewelry-height::-webkit-scrollbar-thumb {
    width: 8px;
    height: 10px;
    background-color: #ddd;
    border-radius: 5px;
}

.store-locator-img {
    width: 25%;
    float: left;
}

.store-locator-content-info {
    width: 75%;
    float: left;
    padding-left: 15px;
}

.store-search-box {
    text-align: center;
}

.store-search-info {
    border: 1px solid #e1e1e1;
    padding: 15px 15px 10px 15px;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.store-search-title h2 {
    font-size: 20px;
    font-weight: 600;
    float: left;
    margin: 0;
    line-height: 38px;
    /*border-bottom: 1px solid #e1e1e1;*/
    /*margin-bottom: 20px;*/
    /*padding-bottom: 10px;*/
}

.use-my-location {
    display: inline-block;
    line-height: 28px;
    font-size: 16px;
    color: #555;
    line-height: 38px;
}

.store-location-label i {
    margin-right: 5px;
    color: #555;
    font-size: 22px;
}

.store-search-filed {
    margin-bottom: 10px;
    /*width: 50%;
    padding: 0 10px;*/
    float: left;
    overflow: hidden;
}

.store-search-filed input {
    width: 100%;
    height: 34px;
    padding: 0 15px;
}

.store-search-filed label {
    color: #000;
    width: 100%;
    position: relative;
    z-index: 1;
}

.store-search-state, .store-search-city {
    width: 100%;
    float: left;
    padding: 0 5px;
}

.store-search-state select, .store-search-city select {
    width: 100%;
    height: 34px;
    padding: 0 15px;
    outline: none;
    background-color: transparent;
    border-color: #77797b;
}

.store-search-btn button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    /*margin: 10px 0 5px 0;*/
    letter-spacing: 1px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    height: auto;
    padding: 6px 15px;
    line-height: 24px;
    border-radius: 4px;
    display: inline-block;
}

.store-search-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.p-b-30 {
    padding-bottom: 30px;
}

.serch-left-block {
    border-right: 1px solid #ddd;
    padding-right: 25px;
}

.serch-right-block {
    padding-left: 20px;
}

.serch-city-state-select {
    overflow: hidden;
}

.store-search-btn {
    display: inline-block;
    margin-top: 10px;
}

.mapboxgl-popup-close-button {
    display: none;
}

.mapboxgl-popup-content {
    font: 400 15px/22px 'Source Sans Pro', 'Helvetica Neue', Sans-serif;
    padding: 0;
    width: 180px;
}

.mapboxgl-popup-content-wrapper {
    padding: 1%;
}

.mapboxgl-popup-content h3 {
    background: #91c949;
    color: #fff;
    margin: 0;
    display: block;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    font-weight: 700;
    margin-top: -15px;
}

.mapboxgl-popup-content h4 {
    margin: 0;
    display: block;
    padding: 10px;
    font-weight: 400;
}

.mapboxgl-popup-content div {
    padding: 10px;
}

.mapboxgl-container .leaflet-marker-icon {
    cursor: pointer;
}

.mapboxgl-popup-anchor-top>.mapboxgl-popup-content {
    margin-top: 15px;
}

.mapboxgl-popup-anchor-top>.mapboxgl-popup-tip {
    border-bottom-color: #91c949;
}

/**START CONTACT PAGE*/

.contact-form-block .contact-form-title {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    font-family: "Meta Serif", sans-serif;
}

.contact-info input, .contact-info textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100% !important;
    height: 34px;
    padding: 5px 15px;
}

.contact-info input::placeholder, .contact-info textarea::placeholder {
    color: #999;
}

.contact-info textarea {
    height: 150px;
}

.submit-btn {
    text-align: center;
}

.submit-btn button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
}

.submit-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.contact-us-content {
    overflow: hidden;
}

@media (min-width: 813px) {
    .contact-bottom .about-element h3 {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 15px;
        font-weight: 600;
    }
}

/**********START PRODUCT_DETAILS********/

.product-show-more button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    margin: 10px 0 20px 0;
    letter-spacing: 1px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-show-more button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.product-detail-price {
    font-size: 24px;
    font-weight: 600;
    float: left;
}

.product-discount {
    font-size: 14px;
    line-height: 34px;
    color: #ff5a5a;
    font-weight: bold;
    margin-top: 1px;
    display: block;
    margin-left: 5px;
    float: left;
}

.product-details-text h2, .product-details-text .h2 {
    color: #000;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
}

.product-details-wishlist {
    float: right;
    font-size: 14px;
    line-height: 30px;
}

.product-details-content {
    /*overflow: hidden;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.product-details-content .old-price {
    line-height: 34px;
}

.product-details-wishlist .zoa-icon-heart, .product-details-compare, .pro-deta-call {
    background-color: #77797b;
    color: #333;
    /* padding: 5px; */
    border-radius: 100%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
}

.pro-deta-call:before {
    line-height: 30px;
}

.product-details-compare svg {
    margin: 6px 0;
}

.sharing-btn {
    background-color: #77797b;
    color: #333;
    /* padding: 5px; */
    border-radius: 100%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: block;
    text-align: center;
    font-size: 12px;
    float: left;
    position: relative;
}

.sharing-btn a {
    width: 100%;
    height: 100%;
    display: block;
}

.sharing-btn a>svg {
    margin: 7px 0;
}

.sharing-btn svg path {
    fill: #333;
}

.product-details-dec {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.product-details-dec span {
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}

.product-block {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.customize-info {
    overflow: visible;
    display: inline-block;
}

.product-block .product-ring {
    float: left;
    width: 100%;
}

.product-block .product-ring label {
    float: left;
    /* width: 100%; */
    color: #444;
    line-height: 34px;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 14px;
    width: 110px;
}

.product-block .product-ring select {
    width: 22%;
    height: 32px;
    padding: 0 5px;
    overflow: hidden;
    font-size: 12px;
    background-color: transparent;
}

.product-block .product-ring select option {
    font-size: 12px;
}

.product-block .product-Choice {
    float: left;
    width: 33.33%;
    text-align: right;
}

.product-size-chart {
    text-align: right;
    float: right;
}

.custome-design-title .customzie-price {
    position: absolute;
    right: 0;
    top: 6px;
    padding-right: 25px;
}

.emi-block {
    /*float: left;*/
    font-size: 16px;
    font-weight: normal;
}

.emil-mobile {
    font-size: 12px;
    color: #555;
}

.emi-block a {
    font-weight: bold;
}

.emiopen {
    float: right;
    font-size: 12px;
}

.product-size-chart a {
    font-weight: 600;
    font-size: 16px;
}

.product-block .product-Choice button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    margin: 20px 0 0px 0;
    letter-spacing: 1px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-block .product-Choice button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.product-details-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.product-details-btn .product-add-cart, .product-details-btn .product-buy {
    font-weight: 500;
    min-width: 160px;
    /* -webkit-box-pack: center!important;
     -ms-flex-pack: center!important;
     justify-content: center!important;*/
    color: #FFF;
    font-size: 14px;
    margin: 10px 10px 20px 0;
    letter-spacing: 0.5px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 25px;
    line-height: 24px;
    text-align: center;
    /*display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;*/
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-details-btn .product-add-cart:hover, .product-details-btn .product-buy:hover {
    background-color: #FFF;
    color: #252a2b;
}

.product-buy svg {
    margin-right: 5px;
    margin-top: 4px;
    display: block;
    float: left;
    fill: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-buy:hover svg {
    fill: #000;
}

.text-btn {
    display: inline-block;
}

.product-details-btn .product-try-home {
    font-weight: 600;
    color: #252a2b;
    min-width: 160px;
    justify-content: center;
    font-size: 14px;
    margin: 10px 10px 20px 0;
    letter-spacing: 0.5px;
    background-color: #FFF;
    height: auto;
    padding: 6px 25px;
    line-height: 24px;
    display: flex;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-details-btn .product-try-home svg {
    margin-right: 5px;
    margin-top: 4px;
    display: block;
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-details-btn .product-try-home:hover {
    background-color: #252a2b;
    color: #FFF;
}

.product-details-btn .product-try-home:hover svg {
    fill: #FFF;
}

.product-details-btn span {
    font-size: 18px;
    margin-right: 5px;
    margin-top: 3px;
    display: block;
    float: left;
}

.product-brack-price {
    float: left;
}

.product-content-info {
    float: left;
}

.product-delivery-date p {
    color: #000;
    font-size: 15px;
}

.product-delivery-date {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.social-icon-content span {
    float: left;
    margin-right: 5px;
    font-weight: 600;
}

.social-icon-content ul {
    float: left;
    margin-bottom: 0;
}

.social-icon-content ul li {
    margin: 0 5px;
}

.social-icon-content ul li svg {
    width: 22px !important;
    height: 22px !important;
    fill: #555555;
}

.social-icon-content ul li i {
    font-size: 20px;
    color: #555555;
}

.social-icon-content ul li i:hover {
    color: #000;
}

.product-social {
    /* width: 100%; */
    overflow: hidden;
    /* margin-bottom: 10px; */
    position: absolute;
    top: -40px;
    right: 0;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icon-open {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    right: -40px;
}

.social-icon {
    /*float: right;*/
}

.buy-form-title {
    font-size: 18px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #ddd;*/
    padding-bottom: 0;
    text-align: center;
}

.buy-form-block {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.buy-from-contect {
    text-align: center;
    padding: 10px 5px;
    width: 18%;
    /* float: left; */
    /* border-right: 1px solid #ddd; */
    /*box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.3);*/
    /*border-radius: 5px;*/
}

.product-feature {
    /*box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.3);*/
    /*padding: 13px 12px;*/
    /*border-radius: 100%;*/
    /*width: 100px;*/
    /* height: 100%; */
    /*height: 100px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.buy-from-contect:last-child {
    border-right: none;
}

.buy-from-contect span {
    width: 100%;
    display: block;
    font-size: 12px;
    /*font-weight: bold;*/
}

.product-feature img {
    width: 55px;
    height: 55px;
    box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    border-radius: 100%;
    margin-bottom: 10px;
}

.buy-from-contect svg {
    width: 55px;
    height: 55px;
    box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.3);
    padding: 10px;
    border-radius: 100%;
    margin-bottom: 10px;
    fill: #555;
}

.prod-qual {
    overflow: hidden;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    padding: 15px 0;
}

.prod-qual-title {
    font-size: 24px;
    margin-bottom: 30px;
    /*font-weight: 600;*/
    font-family: 'Meta Serif';
    letter-spacing: 0.5px;
}

.directly ul li .directly-left {
    align-items: center;
    background: #fff;
    /*border: 1px solid #333;*/
    -webkit-box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    display: inline-block;
    height: 80px;
    justify-content: center;
    /*padding-top: 14px;*/
    align-items: center;
    display: flex;
    margin: auto;
    position: relative;
    width: 80px;
    text-align: center;
}

.directly ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 10px 45px;
    position: relative;
    /*margin-bottom: 50px;*/
}

.directly-right {
    margin-top: 20px;
    font-size: 15px;
    color: #333;
}

.directly-border:after {
    content: "\e90e";
    font-family: 'zoa' !important;
    /*border: 1px dashed rgba(0, 0, 0, 0.8);*/
    position: absolute;
    top: 20%;
    color: #555;
    right: -25px;
    /*bottom: -20px;*/
    /*-webkit-transform: rotate(90deg);*/
    /*transform: rotate(90deg);*/
    /*left: 0;*/
}

.directly-border1:after {
    transform: rotate(90deg);
    right: 65px;
    /* bottom: 81px; */
    top: 96%;
}

.directly-border2:after {
    transform: rotate(180deg);
}

.product-tab ul li {
    border: 1px solid #ddd;
    padding: 8px 12px;
    /*margin-right: 10px;*/
    margin: 5px;
}

.product-tab ul li.active, .product-tab ul li:hover {
    background-color: #333;
    border: 1px solid #333;
}

.product-tab .nav-tabs li.active a, .product-tab .nav-tabs li:hover a {
    color: #FFF;
}

.product-tab ul li a {
    background-color: transparent !important;
    font-size: 16px;
}

.product-details-all {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    /*26*/
}

.product-tab {
    /*margin-bottom: 10px;*/
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.product-details-block {
    display: flex;
    justify-content: center;
}

.product-details-collapse {
    background-color: #dddddd !important;
    padding: 0px;
    margin-top: 20px;
}

.product-details-collapse a {
    padding: 15px 0px;
    display: block;
}

.product-details-collapse h4 {
    position: relative;
}

.product-details-collapse svg {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.product-details-collapse svg path {
    fill: #000;
}

/*.collapse-details{*/

/*color: #FFF;*/

/*position: absolute;*/

/*right: 100px;*/

/*top: 0px;*/

/*bottom: 0;*/

/*margin: auto;*/

/*font-size: 16px;*/

/*height: 20px;*/

/*}*/

.product-details-inner {
    padding: 10px 0;
    overflow: hidden;
    /*border-bottom:1px solid #ddd;*/
}

/*.product-details-inner:last-child{*/

/*border-bottom: none;*/

/*}*/

.product-tab-content .panel-body h2 {
    font-size: 18px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
}

.product-tab-content .panel-body .product-shipping-block h2 {
    font-size: 16px;
    border: none;
    padding-bottom: 10px;
    font-weight: 600;
    text-align: center;
}

.product-details-name {
    color: #000;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    line-height: 20px;
    width: 45%;
}

.product-details-small {
    float: left;
    width: 50%;
}

.product-details-small span {
    color: #000;
    font-size: 14px;
    margin-right: 20px;
    line-height: 20px;
}

html {
    scroll-behavior: smooth;
}

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

.less {
    display: none;
}

.more {
    display: block;
}

.panel-default [aria-expanded="true"]+.more {
    display: none;
}

.panel-default [aria-expanded="false"]+.more {
    display: block;
}

.panel-default [aria-expanded="true"]~.less {
    display: block;
}

.panel-default [aria-expanded="false"]~.less {
    display: none;
}

.product-review h3 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.product-comment {
    float: left;
}

.product-review-count {
    float: right;
    font-size: 16px;
}

.product-review-block {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.product-comment-type {
    width: 100%;
    overflow: hidden;
}

.product-comment-type input {
    width: 100%;
    height: 34px;
    padding: 10px;
}

.review-dec-list .review-list-wrapper {
    /* display: flex; */
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 10px;
    margin-bottom: 8px;
    border-radius: 2px;
}

.review-block-img {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.product-comment-type textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
}

.customer-review-dec {
    width: calc(100% - 120px);
}

.review-submit {
    text-align: center;
}

.review-star-name {
    display: flex;
    align-items: center;
}

.review-submit .button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    margin: 10px 0 20px 0;
    letter-spacing: 1px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.review-user-name {
    font-size: 14px;
    margin-left: 10px;
}

.review-delete {
    position: absolute;
    right: 14px;
    top: 14px;
}

.review-delete svg {
    width: 10px;
    height: 10px;
    fill: #555;
}

.review-list-wrapper p {
    margin-top: 8px;
}

.customer-review-dec h4 {
    font-size: 16px;
    margin: 8px 0;
    display: block;
    font-weight: bold;
}

.review-submit .button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.product-shipping-block {
    /*padding:30px 15px 0 15px;*/
}

.product-shipping-img {
    /*float: left;*/
    /*padding-right: 30px;*/
    text-align: center;
}

.product-shipping-img svg {
    fill: #555;
}

.product-shipping-content {
    overflow: hidden;
    text-align: center;
}

.conatct-number {
    margin-bottom: 10px;
}

.conatct-number svg {
    margin: 0px 8px 0 0;
    display: block;
    float: left;
    border: 1px solid #000;
    padding: 6px;
    border-radius: 100%;
}

.conatct-number span {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.more-drtails a {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.product-inner-title h2 {
    text-align: center;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 30px;
    font-family: 'Meta Serif';
    font-size: 30px;
    line-height: 45px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/*.product-details-page .item {*/

/*    padding: 0 15px;*/

/*}*/

/****************START RING CHOOSE*/

.choose-ring-steps {
    text-transform: uppercase;
    color: gray;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    clear: both;
    display: table;
    width: 100%;
    height: 88px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    border-collapse: separate;
    table-layout: fixed;
    line-height: 1.3;
    position: relative;
}

.choose-ring-steps .step:first-child {
    width: 220px;
}

.choose-ring-steps .step {
    position: relative;
    width: 33.3%;
    display: table-cell;
    vertical-align: top;
    cursor: pointer;
    height: 88px;
}

.ring-steps-heading, .ring-steps-heading h1, .ring-steps-heading h2 {
    font-family: inherit;
    margin: 0;
    color: inherit;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
}

.choose-ring-steps .step:first-child .node {
    padding-left: 0;
    font-size: 16px;
}

.choose-ring-steps .node {
    position: relative;
    display: block;
    width: auto;
    height: 88px;
    margin-right: 18px;
    color: gray;
    background: #f3f3f3;
    text-decoration: none;
}

.choose-ring-steps .node-skin {
    background-color: inherit;
}

.choose-ring-steps .node-skin {
    position: relative;
    /*z-index: 2;*/
    display: table;
    table-layout: fixed;
    width: 100%;
    height: inherit;
    vertical-align: middle;
}

.choose-ring-steps .node-skin>div {
    display: table-cell;
    vertical-align: middle;
}

.choose-ring-steps .node-skin>div a {
    font-size: 12px;
}

.node-skin .cont h2.heading {
    color: #000;
    font-size: 16px !important;
}

.choose-ring-steps .heading {
    font-size: 15px !important;
    letter-spacing: .8px !important;
    margin-bottom: 0;
}

.choose-ring-steps .pho {
    width: 70px;
    text-align: center;
}

.choose-ring-steps .node:after {
    width: 0;
    height: 0;
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-left: 12px solid #f3f3f3;
    position: absolute;
    content: "";
    top: 0;
    right: -12px;
}

.heading h2.nostyle-heading {
    font-size: 16px;
    letter-spacing: .8px;
    margin-bottom: 0;
    line-height: 1.6;
    font-weight: 400;
    text-transform: initial;
}

.choose-ring-steps .node:before {
    width: 0;
    height: 0;
    border-top: 44px solid #f3f3f3;
    border-bottom: 44px solid #f3f3f3;
    border-left: 12px solid transparent;
    position: absolute;
    content: "";
    top: 0;
    left: -12px;
}

.choose-ring-steps .step:last-child .node {
    margin-right: 0;
}

.choose-ring-steps .ring-steps-heading .node:before, .choose-ring-steps .invariant-color .node:after {
    display: none;
}

.choose-ring-steps .num {
    font-size: 52px;
    text-align: center;
    width: 70px;
    line-height: 88px;
    color: #a0a0a0;
}

.choose-ring-steps .step:last-child .pho {
    width: 100px;
}

/*.build-your-own-ring {*/

/*overflow: hidden;*/

/*}*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.nostyle-heading {
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0;
    text-transform: inherit;
}

/* .step.active-step {
    background: #000;
} */

.choose-ring-steps .active-step .node:before {
    border-top-color: #000;
    border-bottom-color: #000;
}

.choose-ring-steps .active-step .num, .choose-ring-steps .active-step .heading h2.nostyle-heading, .choose-ring-steps .active-step .nostyle-heading {
    color: #FFF;
}

.choose-ring-steps .active-step .node:after {
    border-left-color: #000;
}

.choose-ring-steps .active-step .node {
    background: #000;
}

.step-diamond-name {
    font-size: 12px;
    text-transform: capitalize;
}

.step-view-change {
    text-transform: capitalize;
    font-size: 11px;
    margin-top: 2px;
}

.step-view-change a {
    margin-right: 5px;
    color: #666666;
    text-decoration: underline;
}

.choose-ring-steps .pho>img, .choose-ring-steps .pho .modal-product-superposition {
    width: 70px;
    height: auto;
}

.choose-ring-steps .node-skin .active-step-img, .choose-ring-steps .active-step .node-skin .not-active-img {
    display: none;
}

.choose-ring-steps .active-step .node-skin .active-step-img, .choose-ring-steps .node-skin .not-active-img {
    display: table-cell;
}

.diamon-ring-bg {
    background-image: url("/client-assets/eCommerce-Branding/images/diamond-ring.png");
    background-repeat: no-repeat;
    background-position: 116% 11%;
}

.inclued-with-order ul li a, .financing-option ul li {
    font-size: 16px;
    color: #000;
    position: relative;
    line-height: 26px;
    padding-left: 20px;
    margin-bottom: 5px;
    display: block;
}

.financing-option ul li {
    font-size: 14px;
    margin-bottom: 0;
}

.inclued-with-order ul li a:after, .financing-option ul li:after {
    content: "";
    width: 10px;
    height: 2px;
    left: 0;
    position: absolute;
    background-color: #666;
    display: block;
    bottom: 0;
    margin: auto;
    top: 0;
}

.financing-option p {
    font-size: 16px;
}

.financing-option h4 {
    color: #555;
    font-size: 15px;
    float: left;
    margin: 0;
}

.financing-option-bottom {
    margin-top: 20px;
    overflow: hidden;
}

.financing-option .learn-more {
    color: #000;
    font-weight: 600;
    font-size: 15px;
    float: right;
    text-decoration: underline;
}

@media (min-width: 1500px) {
    .diamon-ring-bg {
        background-position: 110% 11%;
    }
}

.popup-overlay {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
}

.popup-close-overlay {
    content: "";
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
}

.popup-content {
    visibility: hidden;
    background-color: #FFF;
    width: 30%;
    position: relative;
    height: auto;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-height: calc(100% - 50px);
    overflow: auto;
    -webkit-transform: translate(0, -150px);
    transform: translate(0, -150px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.certificate-popup-content {
    visibility: hidden;
    background-color: #FFF;
    width: 30%;
    position: relative;
    height: auto;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sizepopup-content {
    width: auto;
}

#ring-size.modal.in .modal-dialog {
    transform: translate(0, 0);
    top: 0;
}

#ring-size.modal .modal-dialog .modal-content {
    background-color: transparent !important;
    box-shadow: none;
    border: none;
}

.ringbtn {
    opacity: 1;
    margin: 0;
}

.ring-icon-btn {
    color: #fff;
    opacity: 1;
    position: relative;
    right: 0;
}

.sizepopup-content img {
    /* width: 580px !important; */
    height: 100%;
}

.size-chart h2 {
    color: #121212;
    font-size: 24px;
    font-weight: 600;
}

.size-chart-sheet-block {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 550px;
}

.popup-overlay.active {
    visibility: visible;
    text-align: center;
    display: flex;
}

.popup-content.active {
    visibility: visible;
    transform: translate(0, 0);
    opacity: 1;
}

/*.certificate-popup-content.active {*/

/*visibility: visible;*/

/*}*/

.auto-scroll {
    overflow: hidden !important;
}

.size-chart-table {
    width: 100%;
    background-color: #FFF;
}

.size-chart-table table {
    width: 100%;
    text-align: center;
}

td.size-chart-td {
    padding: 0;
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.size-chart-td td {
    padding: 8px 0;
    border-right: 1px solid #ddd;
}

.size-chart-td tr:last-child td {
    border-bottom: none;
}

.size-chart-td td:last-child {
    border-right: none;
}

.size-chart-title span {
    font-weight: 600;
    font-size: 15px;
}

.size-chart-tr {
    border: 1px solid #ddd;
}

.popup-close, .address-close, .couponclose, .about-close, .solitaire-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.popup-close i, .couponclose i, .about-close i, .solitaire-close i {
    color: #000;
}

.solitaire-listing-web-ui {
    display: flex;
    flex-wrap: wrap;
}

.dy-filter .flexed-box label {
    cursor: pointer;
}

a.btn-dark:focus {
    color: #FFF;
}

a.btn-dark:hover:focus {
    color: #000;
}

/*---------------------------------------- mehul 25-12-18 know the value page----------------------------------------*/

.pt-100 {
    padding-top: 100px;
}

.know-wrap {
    /*border: 1px solid #ccc;*/
    /*padding: 15px;*/
}

.title {
    font-size: 20px;
    font-weight: 600;
    /*border-bottom: 1px solid #e1e1e1;*/
    margin-top: 0;
    /*margin-bottom: 20px;*/
    padding-bottom: 10px;
}

#compare .k-datepicker {
    width: auto !important;
    vertical-align: top;
}

#compare .k-datepicker .k-picker-wrap {
    height: 35px !important;
    border: none;
}

#compare .k-datepicker .k-picker-wrap input {
    padding: 0 !important;
    width: 0 !important;
    height: 35px !important;
    font-size: 12px;
    text-overflow: ellipsis;
    font-weight: normal;
}

#compare .k-datepicker .k-picker-wrap .k-select {
    line-height: 35px !important;
}

#compare {
    display: block;
    text-align: center !important;
    /*margin-top: 20px;*/
    position: relative;
    float: right;
    height: 35px;
    line-height: 33px;
    /*width: 40% !important;*/
}

.input-styles label {
    color: #2b2b2b;
    width: 100%;
    position: relative;
    font-size: 16px;
    margin-bottom: 0;
}

.input-styles label i {
    color: #555;
    font-size: 14px;
    margin-left: 5px;
}

.ui-tooltip {
    background-color: #000 !important;
    color: #FFF !important;
    font-weight: normal !important;
    border: none !important;
    font-size: 13px !important;
    color: #ddd !important;
    line-height: 22px;
}

.search-uid-input {
    display: inline-block;
    float: none;
}

.input-styles input, .input-styles textarea, .input-styles select {
    padding: 15px 15px;
    border: 1px solid #A9A9A9;
    font-size: 12px;
    text-transform: capitalize;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.input-styles .know-input {
    padding: 8px 15px;
}

.input-styles input:focus, .input-styles textarea:focus, .input-styles select:focus {
    border-color: #333;
}

.input-styles .btn {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #FFF;
    color: #252a2b;
    height: auto;
    padding: 6px 8px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    border-radius: 0;
    white-space: normal;
    min-width: 80px;
}

.go-to-saved {
    padding: 6px 10px !important;
}

.input-styles .btn:hover {
    background-color: #252a2b;
    color: #FFF;
}

.input-styles .btn.btn-bordered {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    border: 1px solid #333;
    height: auto;
    display: inline-block;
    border-radius: 0;
    padding: 0;
    float: left;
    line-height: 36px;
    background: #000 !important;
    color: #FFF !important;
}

.input-styles .btn.btn-bordered:hover {
    background-color: #FFF;
    color: #252a2b;
}

/* HIDE RADIO */

.input-styles .image-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */

.input-styles .image-radio input[type=radio]+svg {
    cursor: pointer;
}

/* CHECKED STYLES */

.input-styles .image-radio label {
    cursor: pointer;
    padding: 5px 0;
    border: 1px solid #ccc;
}

.know-form .form-group {
    margin-bottom: 5px;
}

.input-styles .image-radio label img.selected {
    display: none;
}

.input-styles .image-radio label img {
    width: 35px;
    height: 35px;
}

.input-styles .image-radio label img.shape-active, .input-styles .image-radio input[type=radio]:checked+label img.shape-show {
    display: none;
}

.input-styles .image-radio input[type=radio]:checked+label img.shape-active, .input-styles .image-radio label img.shape-show {
    display: inline-block;
}

.input-styles .image-radio input[type=radio]:checked+label {
    border: 1px solid #333;
    background-color: #333;
}

.input-styles .image-radio input[type=radio]:checked+label svg {
    fill: #fff;
}

.input-styles .image-radio span {
    display: block;
}

.input-styles .image-radio input[type=radio]:checked+label span {
    color: #FFF;
}

.font-bold {
    font-weight: 600;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

.mb-10 {
    margin-bottom: 10px !important;
}

/* HIDE RADIO */

.input-styles .text-radio {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    /*border: 1px solid #ccc;*/
}

.input-styles .text-radio input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* CHECKED STYLES */

.input-styles .text-radio label {
    cursor: pointer;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-bottom: 0;
    min-width: 30px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
}

.input-styles .text-radio input[type=radio]:checked+label {
    border: 1px solid #333;
    background-color: #333;
    color: #FFF;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pad-l-50 {
    padding-left: 30px;
}

.abs-text {
    position: absolute;
    top: 75px;
    left: 0;
    width: 15px;
    word-break: break-all;
    text-align: center;
    font-weight: 600;
}

.abs-text:before {
    content: "";
    position: absolute;
    top: -78px;
    left: 6px;
    width: 1px;
    height: 65px;
    background: #ccc;
}

.abs-text:after {
    content: "";
    position: absolute;
    bottom: -78px;
    left: 6px;
    width: 1px;
    height: 65px;
    background: #ccc;
}

.mt-10 {
    margin-top: 10px;
}

.mt-8 {
    margin-top: 8px;
}

.pt-50 {
    padding-top: 50px;
}

.mt-0 {
    margin-top: 0 !important;
}

.compare-dates {
    border-right: 1px solid #ccc;
}

.compare-dates:last-child {
    border-right: 0;
}

.compare-dates .date i {
    color: #999
}

.compare-dates .per {
    font-size: 18px;
}

.mt-20 {
    margin-top: 20px !important;
}

/* @media (min-width: 768px) {
    .history {
        width: 20%;
    }
} */

.history {
    border-right: 1px solid #ccc;
}

.history:last-child {
    border-right: 0;
}

.history .diamond-shape {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.history .diamond-shape .remove {
    position: absolute;
    top: 0px;
    right: 0;
    color: #333;
}

.history .diamond-info, .history .saved-history {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.history .diamond-info p {
    font-size: 17px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.history .diamond-info p span {
    font-size: 16px;
    font-weight: 500;
    color: #585858
}

.history .diamond-info p.dia-price {
    font-weight: 600;
}

.history .saved-history:last-of-type {
    border-bottom: 0;
}

.history .saved-history h4 {
    font-weight: 600;
    font-size: 20px;
}

.history .saved-history .per {
    margin-top: 15px;
    font-size: 18px;
}

.mb-50 {
    margin-bottom: 50px;
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #000;
}

.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: #000;
}

.datepicker-panel>ul>li:hover {
    background-color: #eee;
}

.datepicker-panel>ul>li.highlighted {
    background-color: #eee;
}

.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
    color: #fff;
    background: #333;
}

/*---------------------------------------- mehul 25-12-18 know the value page----------------------------------------*/

/*---------------------------------------- mehul 25-12-18 solitaire price index----------------------------------------*/

.pb-100 {
    padding-bottom: 100px;
}

.price-index-wrap {
    float: left;
    width: 100%;
    /*border: 1px solid #585858;*/
}

/*.price-index-wrap h2{*/

/*margin: 0 0 30px;*/

/*background: #333;*/

/*color: #fff;*/

/*text-align: center;*/

/*padding: 10px 0;*/

/*}*/

.price-index-wrap .price-sec {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 15px 10px;
    /*border-right: 1px solid #333;*/
    background: #fff;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15);
}

.price-index-wrap .price-sec h1 {
    margin: 10px 0 15px;
}

.price-index-wrap .price-sec p {
    font-size: 16px;
    color: #777777;
    /*border-bottom: 1px solid #333;*/
}

.price-index-wrap .note {
    /*background: #eee;*/
    padding: 10px;
}

.border-right-0 {
    border-right: 0 !important;
}

.price-index-desc th {
    width: auto;
}

/*---------------------------------------- mehul 25-12-18 solitaire price index----------------------------------------*/

.widget-filter.filter-cate ul li {
    display: inline-block;
    width: 100%;
}

.widget-filter.filter-cate .box-view-select ul li {
    /*min-width: 30px;
    padding: 5px 8px;
    border: 1px solid #ddd;*/
    text-align: center;
    margin: 2px;
    width: auto;
}

.widget-filter.filter-cate .box-view-select ul li a.active, .widget-filter.filter-cate .box-view-select ul li a.active {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
}

/*.widget-filter.filter-cate .box-view-select ul li.active a,
.widget-filter.filter-cate .box-view-select ul li.active a {
    color: #FFF;
}*/

.u-fill--vermeil-lightest form.form_newsletter .button_mini {
    width: 50px;
}

.u-fill--vermeil-lightest form.form_newsletter .button_mini svg path, .u-fill--vermeil-lightest form.form_newsletter .button_mini svg rect {
    fill: rgba(255, 255, 255, 0.86) !important;
}

.u-fill--vermeil-lightest form.form_newsletter .button_mini svg {
    width: 25px;
    margin-top: 5px;
}

.u-fill--vermeil-lightest .form_newsletter input {
    padding-left: 15px;
    background: #fff;
}

.priceCard {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    width: 92%;
}

.priceCard-body {
    padding: 20px 17px;
    flex: 1 1 auto;
}

/*#compare .k-select{*/

/*    width: 94%;*/

/*    text-align: right;*/

/*    padding-right: 5%;*/

/*}*/

.mt-3 {
    margin-top: 25px;
}

.mr-2 {
    margin-right: 13px;
}

.priceCard-body .h2 {
    font-size: 34px;
    font-weight: 300;
}

.priceCard-body .col-auto {
    float: right;
}

.priceCard-body .col-auto i {
    color: #000;
    font-size: 24px;
    margin: 6px 0;
}

.cardTable {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0 2px 10px #dcdcdc !important;
}

.table .thead-light th {
    color: #777;
    font-size: 14px;
    background-color: #f8f8f8;
    vertical-align: middle;
}

.cardTable.shadow table {
    margin: 0;
}

.cardTable.shadow table tbody tr:last-child th, .cardTable.shadow table tbody tr:last-child td {
    border-bottom: 0;
}

.cardTable .table td, .cardTable .table th {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.cardTable table.table thead tr th {
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}

.cardTable .table th {
    width: auto;
}

.cardTable .table td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 15px;
}

.shapeIcons {
    width: 40px;
    margin: auto;
}

.shapeName {
    line-height: 1;
}

.cardTable .table td a {
    font-weight: 600;
    text-decoration: underline;
}

/*---------------------------------------- mehul 26-12-18 why divine -------------------------------------------------*/

.section-wrap .main-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 50px;
    font-family: "Meta Serif", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
}

.section-wrap .sub-section {
    position: relative;
}

.section-wrap .sub-section h3.sub-title {
    position: relative;
    margin-top: 0;
    max-width: 50%;
    line-height: 50px;
    font-size: 35px;
}

/*.section-wrap .sub-section h3.sub-title:after{*/

/*content: '';*/

/*position: absolute;*/

/*top: 10px;*/

/*right: 50px;*/

/*width: 120px;*/

/*height: 1px;*/

/*background: #000;*/

/*}*/

.section-wrap .sub-section p {
    line-height: 25px;
}

.section-wrap .sub-section.video-section {
    overflow: hidden;
}

.section-wrap .sub-section.video-section video {
    object-fit: cover;
}

.section-wrap .sub-section.video-section .video-button {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 70%;
    margin: auto;
    height: auto;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-wrap .sub-section.video-section .video-title {
    color: #fff;
}

.section-wrap .sub-section.video-section .play-button {
    background: #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 100px;
    cursor: pointer;
    margin-top: 30px;
}

.section-wrap .sub-section.video-section .play-button i {
    font-size: 30px;
    display: block;
}

.mb-100 {
    margin-bottom: 100px;
}

.md-50 {
    margin-bottom: 50px;
}

.section-wrap .sub-section .img-wrap {
    background: #000;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.section-wrap .sub-section .img-wrap p {
    color: #fff;
}

.section-wrap .sub-section .img-wrap .gif {
    display: none;
}

.section-wrap .sub-section .img-wrap:hover .gif {
    display: inline-block;
}

.section-wrap .sub-section .img-wrap:hover .thumb {
    display: none;
}

.section-wrap .sub-section ul {
    margin-bottom: 0;
}

.section-wrap .sub-section ul li {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 10px 0;
    padding-left: 30px;
}

.section-wrap .sub-section ul.arrow-list li:before {
    content: "\e079";
    font-family: 'Simple-Line-Icons';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

.section-wrap .sub-section .border {
    border: 1px solid #333;
    float: left;
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.section-wrap .sub-section .border:hover {
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}

.pad-l-0 {
    padding-left: 0;
}

.margin-auto {
    margin-left: auto;
    margin-right: auto;
}

.section-wrap .sub-section ul.tick-style li:before {
    content: '\f122';
    font-family: "Ionicons";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

.divine-modal .modal-body th {
    width: auto;
}

.divine-modal .modal-body h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.divine-modal .modal-body .content-wrap {
    max-height: calc(100vh - 200px);
    overflow: hidden;
    overflow-y: auto;
}

.divine-modal.modal .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.divine-modal.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
    top: 0;
}

.divine-modal.modal {
    z-index: 1000000;
    padding: 0 !important;
}

.width-100 {
    width: 100%;
}

.bg-img-mine {
    background: url('/client-assets/eCommerce-Branding/images/mine.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 70px;
    margin: 0 !important;
}

.text-white {
    color: #fff;
}

.section-wrap .sub-section ul.num-list {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.section-wrap .sub-section ul.num-list li {
    display: inline-block;
    width: calc(33% - 80px);
    margin: 0 40px;
    position: relative;
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.section-wrap .sub-section ul.num-list li h3 {
    margin: 0;
    margin-top: 15px;
}

.section-wrap .sub-section ul.num-list li span {
    font-size: 80px;
    color: #77797b;
    position: absolute;
    top: 0;
    left: 0;
}

.section-wrap .sub-section ul.num-list li svg {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: -30px;
    font-size: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.3;
}

.section-wrap .sub-section ul.num-list li:last-child:after {
    content: "";
}

.divine-modal .modal-body ol, .divine-modal .modal-body ul {
    padding-left: 20px;
}

.divine-modal .modal-body ol>li {
    list-style: decimal;
}

.divine-modal .modal-body ul>li {
    list-style: disc;
}

.section-wrap .sub-section .nav {
    border-bottom: 1px solid #999999;
    margin-bottom: 40px;
}

.section-wrap .sub-section .nav li {
    display: inline-block;
    padding-left: 0;
    width: 25%;
    font-size: 18px;
    text-align: center;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    margin: 0;
}

.section-wrap .sub-section .nav li.active {
    border-color: #333;
}

.section-wrap .sub-section .nav li.active a {
    font-weight: bold;
}

.cust-table table th {
    width: auto;
    background: #eee;
}

.cust-table table tr th, .cust-table table tr td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.page-navs {
    float: left;
    width: 100%;
    background: #f3f4f8;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
}

.page-navs.sticked {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 10;
}

.policies-block.sticked {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 10;
}

.page-navs ul {
    float: left;
    width: 100%;
    display: flex;
    margin-bottom: 0;
    position: relative;
}

.page-navs ul:after {}

.page-navs ul li {
    display: inline-block;
    width: 20%;
    margin: 0;
    text-align: center;
}

.page-navs ul li a {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    font-size: 18px;
}

.page-navs ul li.active a {
    font-weight: 600;
}

.progress-container {
    float: left;
    width: 100%;
    height: 4px;
    background: #ccc;
}

.progress-bar {
    height: 4px;
    background: #333;
    width: 0%;
}

/*---------------------------------------- mehul 26-12-18 why divine -------------------------------------------------*/

/***************************************parul 27-12-2018 LOGIN_PAGE*/

.login-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-shadow: 0 2px 10px #dcdcdc;
    -moz-box-shadow: 0 2px 10px #dcdcdc;
    box-shadow: 0 2px 10px #dcdcdc;
    background-color: #FFF;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 15px;
}

.login-info {
    /*padding: 15px 25px;*/
    text-align: center;
}

.new-customer {}

.login-content ul {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.login-content ul li a {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.login-content ul li.active a {
    font-weight: 600;
}

.login-content ul li:first-child {
    margin-right: 30px;
}

.login-divine h5 {
    text-align: center;
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
}

/*.login-divine h5:before{*/

/*content: "";*/

/*width: 70%;*/

/*height: 1px;*/

/*background-color: #ddd;*/

/*position: absolute;*/

/*left: 0;*/

/*right: 0;*/

/*top: 0;*/

/*bottom: 0;*/

/*margin: auto;*/

/*}*/

.login-divine h5 span {
    background-color: #FFF;
    z-index: 2;
    position: relative;
    padding: 0 15px;
}

.login-social {
    overflow: hidden;
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
}

.login-social a {
    padding: 8px 15px;
    float: left;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.9;
}

.login-social a:hover {
    opacity: 1;
}

.login-social a i {
    margin-right: 5px;
}

.login-social .login-social-fb, .login-social .login-social-google {
    display: block;
    float: left;
    margin-right: 10px;
}

.login-social .login-social-fb a {
    background-color: #3b5998;
    color: #FFF;
}

.login-social .login-social-google a {
    background-color: #dd4b39;
    color: #FFF;
}

.login-form input {
    width: 100%;
    height: 34px;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 10px 30px;
}

.login-form input::placeholder {
    color: #666;
    font-weight: 400;
}

.login-form .form-group {
    position: relative;
}

.login-form input+i {
    color: #666;
    position: absolute;
    top: 10px;
    left: 10px;
    margin: auto;
    font-size: 14px;
}

.login-bn {
    text-align: center;
}

.login-bn button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-bn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.login-forgot-signup {
    margin-top: 20px;
    /*padding-top: 10px;*/
    /*border-top: 1px solid #ddd;*/
    overflow: hidden;
}

.login-forgot-signup a {
    font-size: 14px;
    font-weight: 600;
}

.login-forgot-pass {
    /*float: left;*/
}

.login-forgot-signup p {
    color: #333;
    /*float: right;*/
    font-size: 14px;
}

.login-slider .item {
    padding-top: 0;
}

.login-slider-img {
    width: 100%;
    height: 300px;
    padding: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-slider-img img {
    max-height: 100%;
    width: auto !important;
    display: inline-block !important;
}

.login-slider-text {
    font-size: 30px;
    text-align: center;
    color: #333;
}

.login-form {
    width: 80%;
    display: inline-block;
    margin-top: 20px;
}

.signup-form {
    width: 100%;
}

.signup-form input+i {
    left: 25px;
}

.new-customer {
    border-right: 1px solid #ddd;
}

.new-customer .login-content h4 {
    font-size: 20px;
}

.divider:before {
    content: '';
    width: calc(100% - 52%);
    position: absolute;
    top: 17px;
    left: 0;
    height: 1px;
    background: #ccc;
}

.divider:after {
    content: '';
    width: calc(100% - 52%);
    position: absolute;
    top: 17px;
    right: 0;
    height: 1px;
    background: #ccc;
}

.theme-green .back-bar {
    margin-top: 15px;
}

.theme-green .back-bar .pointer-label {
    color: #000;
}

.slider-container .back-bar .pointer-label {
    font-size: 14px;
    top: -30px;
}

.theme-green .scale ins {
    color: #000
}

.slider-container .scale ins {
    font-size: 14px;
    top: 15px;
}

.input-styles input.small-input {
    padding: 5px 15px;
}

.know-form.input-styles form input, .know-form.input-styles form input::placeholder {
    font-weight: bold;
}

.only-slider .slider-container .back-bar .pointer-label {
    display: none;
}

.input-styles .image-radio label svg {
    width: 40px;
}

.premium {
    position: relative;
    top: 0px;
    /*right: 15px;*/
}

.premium p, .premium a {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.premium p span {
    margin-left: 5px;
}

.premium a {
    margin-left: 10px;
    margin-top: 3px;
}

.diamond-value {
    background: #f3f4f8;
    padding: 15px;
    text-align: center;
}

.diamond-value h2 {
    font-size: 34px;
}

.btn-full-w {
    width: 100%;
}

.ml-5 {
    margin-left: 5px;
}

.pb-50 {
    padding-bottom: 50px;
}

.bg-white {
    background: #fff !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.img-list li {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.img-list li img, .color-list li svg {
    max-width: 40px;
    display: inline-block;
}

.img-list li span {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
    text-transform: uppercase;
}

.img-list.carat-list li {
    margin-right: 18px;
}

.img-list.clarity-list li {
    margin-right: 15px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-50 {
    margin-top: 50px;
}

/*FORGOT_PASSWORD_POPUP*/

.forgot-password {
    display: inline-block;
    width: 100%;
}

.forgot-password p {
    font-size: 15px;
    color: #666;
    padding: 0 60px;
}

/*CART*/

.shopping-cart-title {
    margin-bottom: 50px;
    text-transform: uppercase;
}

.product-cart-page table {
    width: 100%;
}

.cart-img img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
}

.cart-product-top {
    background-color: #f8f8f8;
}

.cart-product-top td {
    padding: 15px 20px;
    border-bottom: none;
    font-size: 14px;
    color: #777;
}

.cart-product-top td {
    text-transform: uppercase;
}

.cart-product-dec .cart-pro-short-title a {
    font-size: 15px;
    color: #555;
}

.cart-product-dec td {
    padding: 15px 10px;
}

/*.cart-pro-short-dec {*/

/*color: #888;*/

/*margin-top: 5px;*/

/*font-size: 14px;*/

/*}*/

.cart-pro-short-dec svg {
    margin: -5px 0;
    fill: #777;
}

/*.cart-pro-add-dele {*/

/*margin-top: 10px;*/

/*}*/

.cart-pro-add-dele .checkout-summary-btn {
    width: 90px;
    display: inline-block;
    background-color: #f5f5f5;
    padding: 8px 5px;
}

.cart-pro-add-dele .order-remove a svg {
    fill: #000;
}

.cart-pro-dele {
    margin-bottom: 5px;
}

/*.cart-pro-add-dele a {*/

/*color: #444;*/

/*font-size: 15px;*/

/*width: 100%;*/

/*display: block;*/

/*}*/

.m-t-b-5 {
    margin: 5px 0 !important;
}

.m-tb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.cart-pro-add-dele a:hover {
    text-decoration: underline;
}

.cart-pro-dele {
    margin-right: 10px;
}

.cart-product-dec .cart-img {
    background-image: url('/client-assets/eCommerce-Branding/images/product-empty.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding-top: 100%;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
}

.cart-product-dec .cart-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    bottom: 0;
    background-color: #FFF;
}

.value-button {
    width: 20px;
    height: 35px;
    background-color: #eee;
    text-align: center;
    display: inline-block;
    line-height: 35px;
    cursor: pointer;
}

.carat-table-qty input {
    width: 30px;
    text-align: center;
    border: none;
    display: inline-block;
    line-height: 35px;
}

.cart-product-dec input[type=number]::-webkit-inner-spin-button, .cart-product-dec input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-price {
    text-align: center;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.cart-price .old-price {
    font-weight: normal;
    font-size: 15px;
}

.cart-check-out {
    /*border: 1px solid #ddd;*/
    /*padding: 20px 15px 0;*/
}

.align-items-end {
    align-items: flex-end;
}

.cart-check-total {
    /*margin-bottom: 20px;*/
    overflow: hidden;
}

.cart-check-total td {
    border-bottom: none;
}

.cart-check-left {
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.total-item-order {
    font-size: 15px;
}

.cart-check-total-right {
    font-size: 16px;
    font-weight: bold;
}

/*.cart-check-total-right {*/

/*float: right;*/

/*}*/

.cart-check-out-btn button {
    width: 100%;
}

.cart-check-out-btn button, .continue-shopping-btn button, .compare-no-data button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    height: auto;
    padding: 6px 30px;
    text-transform: uppercase;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}

.cart-check-out-btn button:hover, .continue-shopping-btn button:hover, .compare-no-data button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.compare-no-data a {
    color: #FFF;
}

.compare-no-data:hover a {
    color: #252a2b;
}

/*new cart*/

.cart-title-sub {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 40px;
    /*width: 100%;
    overflow: hidden;*/
}

.cart-pro-short-title {
    color: #999;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

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

.cart-qty form {
    width: auto;
    border: 1px solid #ddd;
    overflow: hidden;
    height: 50px;
    color: #999;
    font-size: 16px;
    display: -webkit-box;
    display: flex;
}

.cart-qty .cart-value-button, .cart-qty input {
    width: 50px;
    float: left;
    text-align: center;
    height: 100%;
    line-height: 48px;
    cursor: pointer;
}

.cart-qty input {
    border: none;
    font-weight: bold;
    color: #000;
}

.cart-action-btn {
    border-top: 1px solid #ddd;
    padding-top: 5px;
    overflow: hidden;
}

.cart-action-btn i {
    font-size: 16px;
    display: block;
    float: left;
    margin-right: 5px;
    line-height: 20px;
}

.cart-action-btn .cart-wishlist {
    float: left;
    font-size: 14px;
    /*text-transform: uppercase;*/
}

.cart-action-btn .cart-remove {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    /*text-transform: uppercase;*/
    border-right: 1px solid #ddd;
    padding-right: 20px;
}

.cart-wishlist:hover {
    color: #555;
}

.cart-summary {
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    z-index: 1;
}

/*.modal-open .cart-summary {*/

/*    z-index: 100000;*/

/*}*/

/*.modal-open.overflow-hidden .cart-summary{*/

/*    z-index: 10000;*/

/*}*/

.cart-summary-block {
    background-color: #f3f4f8;
    padding: 20px 15px;
}

.order-summary-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.cart-order-summary {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.any-question {
    font-size: 14px;
    margin-top: 10px;
    color: #555;
}

.any-question p span {
    color: #000;
    font-weight: bold;
}

.cart-coupon-apply {
    float: right;
    border: 1px solid #000;
    padding: 2px 12px;
}

.coupon-code-input {
    display: none;
}

.coupon-code-input-block {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.coupon-code-input input {
    width: 75%;
    padding: 5px 10px;
    height: 30px;
    border: 1px solid #000;
}

.coupon-code-input button {
    border: 1px solid #000;
    width: 20%;
    text-align: center;
    height: 30px;
    color: #000;
}

.coupon-code-input button:hover {
    background: #000;
    color: #FFF;
}

.cart-product-dec {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.new-cart-price {
    line-height: 24px;
}

.cart-old-price {
    float: left;
    font-size: 14px;
    color: #9e9e9e;
    text-decoration: line-through;
}

.new-cart-price .new-price {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0 8px;
}

.cart-info span:first-child {
    font-size: 14px;
    font-weight: bold;
}

.newcart-qty select {
    border: 1px solid #ddd;
    padding: 2px;
    width: 50px;
}

.cart-discount-price {
    font-size: 14px;
    color: #555;
}

.nominee-detail-block label {
    width: 100%;
}

.nominee-detail-top h2 {
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: bold;
}

.nominee-detail-block input, .nominee-detail-block select {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #ddd;
}

.nominee-checkout {
    border-top: 1px dashed #ddd;
    padding-top: 20px;
}

.nominee-checkout .cart-check-left {
    font-weight: normal;
}

.nominee-detail-btn button {
    padding: 3px 45px;
}

.nominee-detail-btn .transparent-btn {
    border: 1px solid #000;
    color: #000;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: FFMarkWebProMedium;
}

.nominee-detail-btn .transparent-btn:hover {
    background-color: #000;
    color: #FFF;
}

.nominee-detail-block input:focus, .nominee-detail-block select:focus {
    outline: none;
}

.m-t-5 {
    margin-top: 5px !important;
}

.contact-information {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.contact-form-block {
    display: block;
    overflow: hidden;
}

.contact-block {
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

.contact-icon-block {
    width: 90px;
    height: 90px;
    background-color: #eee;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    line-height: 90px;
    margin-bottom: 20px;
}

.contact-block p span {
    margin-right: 5px;
}

.contact-block i {
    color: #666;
    font-size: 35px;
    line-height: 90px;
}

.wishlist-page .wishlist-img {
    padding: 0;
    width: 100px;
    height: 100px;
    display: inline-block;
    ;
}

.wishlist-page .wishlist-img img {
    max-height: 100%;
    width: auto;
}

.wishlist-all-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.wishlist-pro-add-dele {
    margin-top: 15px;
    font-size: 14px;
    overflow: hidden;
    /* display: inline-block; */
    width: 100%;
}

.wishlist-pro-add-dele a {
    background-color: #e8e8e8;
    color: #000;
    padding: 8px 10px;
    font-size: 13px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wishlist-pro-add-dele a:hover {
    background-color: #252a2b;
    color: #FFF;
}

.wishlist-all-block .wishlist-pro-short-title a {
    font-size: 14px;
    color: #777;
    font-weight: 600;
}

.wishlist-product-dec td {
    padding: 15px 10px;
}

.wishlist-price, .wishlist-remove a {
    color: #555;
}

.wishlist-price i {
    margin-right: 5px;
}

.wishlist-pric {
    text-align: center;
    color: #555;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.wishlist-page {
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: none;
}

.wishlist-product-top {
    background-color: #f8f8f8;
}

.wishlist-product-top td {
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}

.wishlist-item {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0px 1px #7b7b7b;
    /* border: 5px solid #FFF; */
    display: block !important;
    min-height: 378px;
}

.wishlist-item .product-img img {
    background-color: #FFF;
    height: 100%;
    object-fit: contain;
}

.new-wishlist-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.new-wishlist-btn a {
    background-color: #252a2b;
    padding: 6px 20px;
    color: #FFF;
    display: block;
    float: left;
    margin: 0 5px;
    font-size: 14px;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.new-wishlist-btn a:hover {
    background-color: #FFF;
    color: #252a2b;
}

.wishlist-product-remove {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    color: #777;
    width: 20px;
    height: 20px;
    background-color: #77797b;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
}
.wishlist-item{
    transition: all 0.5s;
}
.wishlist-item .new-wishlist-btn{
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    margin: auto;
    display:none;
    max-width:180px;
}
.wishlist-product-remove svg {
    width: 10px;
    height: 10px;
    fill: #333;
}
.wishlist-item:hover .product-title {
    opacity:0;
}
.wishlist-item:hover .product-price{
    position: relative;
    top: 15px;
}
.wishlist-item:hover .product-design-number{
    opacity: 0;
}
.wishlist-item:hover .new-wishlist-btn{
    display:block;
}
@media (max-width: 767px) {
    .new-customer {
        margin-bottom: 30px;
        border-right: none;
    }
    .login-info {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .wishlist-dec {
        width: 300px;
        display: block;
    }
}

@media (max-width: 1024px) {
    .contact-icon-block {
        margin-bottom: 0;
    }
}

#map {
    height: 600px;
    width: 100%;
    background-color: grey;
}

/*----------------------------------------- mehul 31-12-18 ---------------------------------*/

.pad-l-80 {
    padding-left: 80px;
}

.user-content {
    /*border-left: 1px solid #ccc;*/
    padding-bottom: 50px;
}

.nav-links ul li {
    display: inline-block;
    width: 100%;
}

.nav-links {
    border: 1px solid #ccc;
    padding: 0;
}

.nav-links ul li a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    vertical-align: middle;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    /*background: #f4f4f4;*/
    display: flex;
    align-items: center;
}

.nav-links ul li:last-child a {
    border-bottom: none;
}

.nav-links ul li a svg {
    vertical-align: middle;
    margin-right: 10px;
    fill: #555;
}

.second-detail {
    display: block;
    overflow: hidden;
}

.second-detail span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.nav-links ul li a.active {
    font-weight: 600;
}

.logout-btn {
    padding: 5px;
}

.logout-btn a {
    background: #000;
    color: #FFF;
    text-align: center;
    display: block !important;
}

.main-block {
    /* background: #f4f4f4; */
    /*margin-bottom: 15px;*/
    border-bottom: 8px solid #f4f4f8;
    padding: 0;
}

.main-block li {
    padding-left: 0px;
}

.account-title {
    font-size: 16px;
    /*text-decoration: underline;*/
    padding: 0 10px 10px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin: 15px 0 0 0;
    text-transform: uppercase;
}

.user-heading {
    margin-bottom: 30px;
    position: relative;
}

.user-heading h2 {
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
    position: relative;
}

.user-heading h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    background: #999;
}

.user-heading .user-heading-block {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: 600;
    font-size: 16px;
    vertical-align: middle;
}

.user-heading a svg {
    vertical-align: middle;
    margin-right: 5px;
}

.input-styles input[disabled], .input-styles textarea[disabled], .input-styles select[disabled] {
    cursor: no-drop;
}

.user-footer {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

.profile-date .k-select {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.profile-date .k-datepicker {
    width: 100% !important;
    border: 1px solid #A9A9A9;
}

.profile-date input[disabled], .profile-date input[disabled]:hover {
    background: #ddd;
}

.profile-date input[disabled]~.k-select {
    background: #ddd;
    border: none;
}

.profile-date .k-datepicker .k-picker-wrap {
    border: none;
}

.address {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.address .links {
    position: absolute;
    top: 10px;
    right: 15px;
}

.address .links a {
    margin-left: 10px;
}

.address .default {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.address .default .badge {
    background: #6f6f6f;
    font-weight: 400;
    color: #fff;
    padding: 6px 8px;
    font-size: 12px;
}

.address .default a {
    padding: 2px 8px;
    font-size: 13px;
    border: 1px solid #000;
    float: left;
    border-radius: 30px;
}

.address .default a:hover {
    background: #252a2b;
    color: #fff;
    border-color: #252a2b;
}

.address .content h4 {
    font-weight: 600;
}

/*----------------------------------------- mehul 31-12-18 ---------------------------------*/

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-event-tab button {
    float: left;
    background-color: #eee;
    padding: 8px 22px;
    color: #252a2b;
    margin: 5px 10px;
    border: none;
    cursor: pointer;
}

.news-event-tab button a {
    -webkit-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.news-event-tab button.is-checked, .news-event-tab button:hover {
    background-color: #252a2b;
}

.news-event-tab button.is-checked a, .news-event-tab button:hover a {
    color: #FFF;
}

.news-event-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 30px 0;
}

.social-media-event {
    position: absolute;
    right: 10px;
    top: 10px;
}

.media-social li {
    width: 30px;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
    height: 30px;
    display: block;
    /*float: left;*/
    border: 1px solid #000;
    background-color: #000;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.media-social li:hover {
    border: 1px solid #000;
    background-color: #FFF;
}

.media-social i {
    font-size: 16px;
    color: #FFF;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.media-social li:hover i {
    color: #000;
}

.justify-content-end {
    justify-content: flex-end;
}

.news-event-tab ul {
    float: left;
    margin-bottom: 0;
}

.news-event-tab span {
    float: left;
    margin-right: 15px;
    line-height: 18px;
    font-size: 18px;
    color: #252a2b;
    font-weight: 600;
    letter-spacing: 1px;
    width: 75px;
}

.news-event-block {
    text-align: center;
}

.news-event-block .news-sub-title span {
    font-size: 20px;
    /*margin: 20px 0 0 0;*/
    display: block;
}

.news-img {
    width: 100%;
    height: 330px;
    /* object-fit: cover; */
}

.news-sub-title {
    position: absolute;
    bottom: 10px;
    background-color: #f3f4f8;
    width: auto;
    left: 10px;
    right: 10px;
    margin: auto;
    padding: 15px 0 5px 0;
}

.news-event-block .news-event-wrapper {
    background-color: #f3f4f8;
    padding: 10px 50px 10px 10px;
    box-shadow: 0 2px 10px #dcdcdc;
    border: 5px solid #FFF;
    margin-bottom: 20px;
    position: relative;
}

.news-event-zoom {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 40px;
}

.news-event-zoom i {
    color: #000;
    font-size: 40px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-event-block .news-event-wrapper:hover .news-event-zoom i {
    opacity: 1;
}

.news-event-all {
    display: inline-block;
    width: 100%;
}

.news-event-all [data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img, .zoom-img-wrap {
    position: relative;
    z-index: 100000;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.news-event-all img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}

.zoom-overlay-open, .zoom-overlay-transitioning {
    cursor: default;
}

.about-us-content p {
    color: #555;
    font-size: 15px;
    line-height: 24px;
}

.about-people-img {}

.about-people-content {
    color: #777;
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    text-align: center;
}

.about-people-img img {
    width: 100%;
    max-height: 100%;
}

.about-people-slider .owl-stage-outer .owl-item {
    padding: 15px;
}

.about-slider-block {
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    margin-bottom: 10px;
}

.about-center-block {
    flex-direction: row-reverse;
}

/*.view-all-content,*/

/*.view-all-content1,*/

/*.view-all-content2 {*/

/*display: none;*/

/*}*/

.show-content, .show-content1, .show-content2 {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

.about-people-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.about-people-content p {
    margin-bottom: 20px;
    color: #767676;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 24px;
}

.about-us-people-name {
    font-size: 16px;
    line-height: 22px;
    color: #000;
}

.founder-name {
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5px;
}

.about-mission {
    background-color: #FFF;
    overflow: hidden;
}

.about-mission-left img {
    width: 100%;
}

.about-mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-mission-content {
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 40px;
}

.about-mission-content h4 {
    font-size: 24px;
    margin-bottom: 30px;
}

.mission-content p {
    margin-bottom: 5px;
    color: #000;
    font-size: 16px;
}

.mission-content ul {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: decimal;
    padding-left: 25px;
}

.mission-content ul li {
    list-style: decimal;
    margin-bottom: 5px;
    color: #555;
    font-size: 14px;
}

p.mission-bottom {
    font-size: 14px;
}

.mission-bg {
    background-image: url("/client-assets/eCommerce-Branding/images/mission.jpg");
    background-size: cover;
}

.mg-bottom-50 {
    margin-bottom: 50px;
}

@media (min-width: 768px) {
    .about-mission-left {
        padding-left: 0;
    }
    .diamond-detail-title {
        justify-content: center !important;
    }
}

.policy-content p {
    color: #333;
    font-size: 15px;
    line-height: 24px;
}

.policy-text {
    padding-left: 25px;
    list-style: decimal;
}

.policy-text li {
    color: #555;
    list-style: decimal;
    margin-bottom: 5px;
    font-size: 15px;
}

.pg-top-90 {
    padding-top: 90px;
}

.solitaire-tab {
    background-color: #FFF;
    box-shadow: 0 2px 10px #dcdcdc;
}

.solitaire-tab>li {
    border-bottom: 1px solid #ddd;
    position: relative;
}

/*.solitaire-tab > li:first-child{*/

/*padding-bottom: 0;*/

/*}*/

.solitaire-tab>li.active:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 30px solid #000;
    border-bottom: 27px solid transparent;
    position: absolute;
    right: -30px;
    top: 0px;
}

.solitaire-tab>li svg {
    margin: 0px 12px 0 0;
    fill: #999;
    display: block;
    float: left;
}

.solitaire-tab>li:last-child {
    border-bottom: 1px solid #FFF;
}

.solitaire-tab>li.active ul li:after {
    display: none;
}

.solitaire-tab>li>a {
    font-size: 15px;
    color: #999;
    width: 100%;
    display: block;
    padding: 15px 20px;
}

.solitaire-tab li.active>a, .solitaire-tab li ul li.active a {
    color: #000;
}

.solitaire-tab li.active>a {
    background-color: #000;
    color: #FFF;
}

.solitaire-tab>li.active a svg {
    fill: #FFF;
}

.solitaire-cut-img img {
    max-width: 100%;
    display: inline-block;
}

.solitaire-content {
    padding: 30px 15px;
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 2px 10px #dcdcdc;
}

.solitaires-text p {
    font-size: 15px;
    color: #767676;
    line-height: 29px;
    letter-spacing: .3px;
}

.solitaires-text p b {
    color: #000;
}

.change-centent {
    text-align: center;
    padding-bottom: 20px;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
}

.change-centent b {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.more-info button a {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    height: auto;
    padding: 4px 22px;
    line-height: 24px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
}

.more-info button a:hover {
    background-color: #FFF;
    color: #252a2b;
}

.solitaire-tab li ul li {
    padding: 5px 10px 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}

.solitaire-tab li ul li:last-child {
    border-bottom: none;
}

.solitaire-sub-tab li a {
    color: #a8a8a8;
}

.solitaire-sub-tab {
    overflow: hidden;
    width: 100%;
    padding-left: 20px;
    margin-top: 10px;
    padding-right: 20px;
}

.solitaire-sub-tab li.active>a {
    background-color: transparent;
    color: #000;
}

.solitaire-sub-tab li.active>svg {
    fill: #000;
}

.solitaire-tab li ul li a {
    color: #999;
    font-size: 14px;
}

.solitaire-tab li ul li svg {
    fill: #888;
    width: 18px;
    height: 18px;
}

.diamond-carat-img {
    position: relative;
}

.diamond-carat-image {
    height: 430px;
}

.diamond-anatomy {
    padding-top: 25px;
}

.first-diamond {
    position: absolute;
    top: 34px;
    left: 50%;
}

.second-diamond {
    position: absolute;
    top: 27%;
    right: 35px;
}

.three-diamond {
    position: absolute;
    top: 53%;
    right: 24%;
}

.four-diamond {
    position: absolute;
    bottom: 17%;
    right: 46%;
}

.five-diamond {
    position: absolute;
    top: 33%;
    left: 9%;
}

.anatomy-tool {
    display: -webkit-box;
    ;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.anatomy-content p {
    font-size: 16px;
}

.anatomy-content p b {
    font-size: 20px;
}

.diamond-anatomy li {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.diamond-anatomy li span {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.diamond-anatomy li.active svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.solitaire-content h4 {
    line-height: 24px;
}

.sourcing-text, .all-page-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.sourcing-content {
    padding-left: 25px;
    margin-bottom: 20px;
}

.sourcing-content li {
    list-style: decimal;
    margin-bottom: 5px;
}

.beyond-text span {
    display: block;
    color: #000;
    margin-top: 15px;
    font-size: 16px;
}

.pd-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.beyond-img {
    background-color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.beyond-img .thumb, .beyond-img .gif {
    display: inline-block;
    max-width: 100%;
}

.beyond-img .gif {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: auto;
}

.solitaire-content .read-more {
    padding-bottom: 2px;
}

.beyond-img:hover .gif {
    opacity: 1;
}

.beyond-img:hover .thumb {
    background-color: #000;
    opacity: 0;
}

.p-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.m-t-0 {
    margin-top: 0;
}

.solitaire-content .sub-title {
    line-height: 30px;
}

.store-detail-img img {
    max-width: 100%;
    width: 100%;
}

.store-detail-page {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    align-items: center;
}

.overflow-hidden {
    overflow: hidden;
}

.store-detail-info {
    padding: 0 10px;
}

.store-detail-title {
    font-size: 34px;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.store-detail-add {
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    line-height: 24px;
}

.store-detail-call, .store-detail-fax, .store-detail-email {
    margin-bottom: 15px;
}

.store-detail-call b, .store-detail-fax b, .store-detail-email b {
    font-size: 15px;
    float: left;
    margin-right: 5px;
    width: 100px
}

.store-detail-add b {
    font-size: 15px;
    float: left;
    margin-right: 5px;
    width: 100px
}

.store-detail-text {
    overflow: hidden;
}

.store-detail-direction button {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    height: auto;
    padding: 6px 30px;
    line-height: 24px;
    margin-top: 30px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.store-detail-direction button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.category-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.category-img img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.category-img-block {
    height: 250px;
    background-color: #FFF;
    text-align: center;
    padding: 15px;
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.category-img-block .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 25px 30px 20px;
    height: 100px;
    z-index: 99;
    height: 100%;
    -webkit-transition: background 200ms linear, transform 200ms linear;
    transition: background 200ms linear, transform 200ms linear;
}

.category-hover {
    z-index: 9;
    width: 100%;
    text-align: center;
}

.category-img-block .longarrow {
    top: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    overflow: hidden;
    transform-origin: center;
    right: 50% !important;
    bottom: 40px;
    z-index: 100;
    position: absolute;
}

.category-img-block .overflowed {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    display: inline-block;
    -webkit-transition: all 150ms linear 50ms;
    transition: all 150ms linear 50ms;
    overflow: hidden;
}

.category-img-block .longarrow .overflowed {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.category-hover h3 {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

.view-collection-text {
    display: block;
    font-weight: 500;
    font-style: italic;
    font-size: 14px;
    margin-top: 8px;
    position: relative;
    z-index: 100;
}

.view-collection-text .overflowed {
    text-decoration: underline;
}

.category-img-block:hover .caption {
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1;
}

.category-img-block:hover .overflowed {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1;
}

.category-img-block .overflowed svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 41px !important;
}

.flexibility-bg {
    background-image: url("/client-assets/eCommerce-Branding/images/banner.png");
    overflow: hidden;
    background-position: -325% 50%;
    background-repeat: no-repeat;
    padding: 30px 0 70px 0;
    margin-right: 15px;
}

.new-category-bg {
    width: 57%;
    height: 100%;
    position: absolute;
    background: #000;
    left: 0;
    bottom: 0;
    top: 0;
}

.new-category-bg1 {
    background-image: url('/client-assets/eCommerce-Branding/images/collection/diamond5.jpg');
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 43%;
    background-size: cover;
}

.new-categories-block {
    background-color: #fff;
    border-radius: 0 25px 25px 25px;
    padding: 15px;
    margin: 20px 0;
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.28);
}

.new-categories-img {
    height: 150px;
    text-align: center;
}

.new-categories-img img {
    object-fit: contain;
    height: 100%;
    width: auto;
    display: inline-block;
}

.new-category {
    background: #000;
    position: relative;
}

.new-category-content {
    padding: 0 20px 20px 20px;
    text-align: center;
}

.new-category-content h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.new-category-content a {
    font-size: 14px;
}

.new-category-content a svg {
    display: block;
    margin: 5px 0;
}

.new-categories-title {
    height: 100%;
}

.new-category .prev-arrow, .new-category .next-arrow {
    position: absolute;
    top: auto;
    bottom: -60px;
    margin: 0 -44px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    border: 2px solid #FFF;
    line-height: 36px;
    text-align: center;
    transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    margin: 0 10px;
}

.new-category .prev-arrow svg g, .new-category .next-arrow svg g {
    stroke: #FFF;
}

.new-category .prev-arrow {
    right: 50%;
    left: auto;
    transform: rotate(-90deg);
}

.new-category .next-arrow {
    left: 50%;
    right: auto;
    transform: rotate(90deg);
}

.align-items-end {
    align-items: flex-end;
}

.flexibility-bg p {
    color: #555555;
    font-size: 15px;
    line-height: 26px;
}

.loop-bg {
    background-image: url("/client-assets/eCommerce-Branding/images/gemstone-rings1.png");
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FFF;
}

.loop-bg span {
    font-size: 35px;
    width: 450px;
    height: 450px;
    background-color: #f3f4f8;
    padding: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 85px;
}

.mg-bottom-60 {
    margin-bottom: 60px;
}

.faqs-details-collapse {
    background-color: #f8f9fd;
    position: relative;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 0;
}

.faqs-details-collapse:last-child {
    margin-bottom: 0;
}

.faqs-details-collapse a {
    width: 100%;
    padding: 20px 40px 20px 20px;
    display: block;
    position: relative;
    z-index: 2;
}

.faqs-details-collapse svg {
    z-index: 1;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.faqs-details-collapse svg path {
    fill: #000;
}

.faqs-details-collapse [aria-expanded="true"]+.more {
    display: none;
}

.faqs-details-collapse [aria-expanded="false"]+.more {
    display: block;
}

.faqs-details-collapse [aria-expanded="true"]~.less {
    display: block;
}

.faqs-details-collapse [aria-expanded="false"]~.less {
    display: none;
}

.faqs-content .panel-body {
    padding: 0 15px 30px 15px;
}

.faqs-content p {
    font-size: 15px;
    color: #555;
    line-height: 29px;
}

button[disabled] {
    cursor: not-allowed;
    background-color: #7e7e7e !important;
    border: 1px solid #7e7e7e !important;
}

.text-resize {
    max-height: 150px;
    min-height: 150px;
    min-width: 433px !important;
    max-width: 433px;
}

.faqs-content table {
    border: 1px solid #ddd;
}

.faqs-content .first-table-block {
    background-color: #f3f4f8;
    font-size: 16px;
    font-weight: 600;
}

.faqs-content table td {
    padding: 15px;
    border-right: 1px solid #ddd;
}

.faqs-content table strong {
    font-size: 16px;
}

.testimonial .slideStories {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.testimonial .slideStories p {
    font-size: 15px;
    line-height: 29px;
    color: #777;
}

.testimonial#customer-stories .slick-prev, .testimonial#customer-stories .slick-next {
    bottom: 10px;
}

.testimonial#customer-stories .slick-prev {
    right: 10%;
    left: auto;
}

.testimonial#customer-stories .slick-next {
    right: 5%;
}

.testimonial-content .short-name {
    font-size: 16px;
}

.testimonial-content .sub-title {
    font-size: 16px;
    margin-bottom: 5px;
}

.testimonial-content {
    margin-top: 20px;
}

h3.username {
    margin-top: 0;
    letter-spacing: 0.5px;
    word-break: break-all;
}

.testimonial-text {
    background-color: #FFF;
    box-shadow: 0 2px 10px #dcdcdc;
    padding: 20px;
    margin-left: -80px;
}

.justify-content-center {
    -webkit-box-pack: center;
    justify-content: center;
}

.p-tb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.p-tb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.p-b-70 {
    padding-bottom: 70px;
}

/***************HOME PAGE RESPONSIVE*****/

@media (max-width: 1200px) {
    div#new-Jewelry-region .slick-prev {
        left: -5px;
        z-index: 2;
    }
    div#new-Jewelry-region .slick-next {
        right: -5px;
        z-index: 2;
    }
}

@media (max-width: 992px) {
    .jx-lookbook-block-popover {
        max-width: 100%;
        min-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .swiper-first-slide {
        width: 100% !important;
    }
}

@media (max-width: 1025px) {
    .mobile-view-menu {
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        align-items: start;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .header-center {
        padding: 0;
        height: 48px;
        overflow: hidden;
    }
    #guaranteeIcons .guaranteeIcon {
        padding: 0 5px;
    }
    .thumbnail--ir251-features.mobile-b-m {
        margin-bottom: 5px;
    }
    .customersStories .lPad80 {
        padding-left: 15px;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .customersStories .slideStories img {
        width: 100%;
    }
    .site-footer .footer-content, .site-footer .site-copyright {
        width: 85%;
    }
    .to-bottom-content {
        left: auto;
    }
    .thumbnail--ir251-features img, .about-content .hover-images img {
        width: 100%;
    }
    .new-Jewelry__right {
        padding: 0 15px;
    }
}

@media (max-width: 575px) {
    .new-Jewelry__right, .new-Jewelry__left {
        width: 100%;
        padding: 0;
    }
    .new-Jewelry__right {
        margin-top: 20px;
    }
    div#new-Jewelry-region .slick-prev, div#new-Jewelry-region .slick-next {
        top: 60%;
    }
    .ir251-home-difference .guaranteeIcon {
        margin-bottom: 40px;
    }
    .site-footer .footer-content, .site-footer .site-copyright {
        width: 100%;
        padding: 0 15px;
    }
    .box--big {
        width: 100%;
        min-height: auto;
    }
    .to-bottom-content {
        left: 0;
    }
    .site-footer .site-box {
        padding: 50px 0;
    }
    .site-footer {
        display: block;
    }
    .jx-lookbook-block .caption {
        position: relative;
        padding: 5px;
        left: 0;
    }
    .jx-lookbook-left .hotSpotWrap {
        display: none;
    }
}

@media (max-width: 480px) {
    .ir251-home-our-mission li {
        display: block;
        margin-bottom: 20px;
    }
    .ir251-home-our-mission li:last-child {
        margin-bottom: 0;
    }
    .ir251-home-our-mission {
        margin-top: 10px;
    }
    #guaranteeIcons .guaranteeIcon {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 920px) {
    .product-miniature-information .product-title a {
        font-size: 13px;
    }
    .product-miniature-information .product-title {
        margin-bottom: 12px;
    }
    .product-prices-md span {
        font-size: 14px;
    }
}

/*START RAND_SLIDER*/

.m-r-0 {
    margin-right: 0 !important;
}

.rang-slider input {
    width: 100%;
    -webkit-appearance: none;
    height: 60px;
    z-index: 1;
    position: relative;
    background-color: transparent;
    cursor: pointer;
}

.rang-filed {
    display: flex;
    justify-content: space-between;
    margin-top: -20px;
}

.rang-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    z-index: 1;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    border: 0 !important;
}

.rang-slider input::-moz-range-thumb {
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    border: 0 !important;
}

.rang-slider input::-ms-thumb {
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
    border: 0 !important;
}

.rang-slider input::-webkit-slider-runnable-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #d0d0d0;
}

.rang-slider input::-moz-range-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #d0d0d0;
}

.rang-slider input::-ms-track {
    width: 100%;
    height: 1px;
    cursor: pointer;
    background: #d0d0d0;
}

.rang-slider input:focus {
    background: none;
    outline: none;
}

.rang-slider input::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.diamond-carat-block {
    width: 335px;
    height: 430px;
    background-size: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    top: 17px;
    z-index: 1;
    right: -101%;
}

.carat-title {
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

.clarity-type svg {
    width: 20px;
    height: 21px;
    float: left;
    margin-right: 5px;
}

span.rangeLabel:after, span.rangeLabel2:after, span.rangeLabel3:after, span.rangeLabel5:after, span.rangeLabel4:after, span.rangeLabel1:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #d0d0d0;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -15px;
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #d0d0d0;
}

#rangeText, #rangeTextcarat, #rangeTextskintone, #rangeTextcolor {
    text-align: center;
    padding: 8px;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    letter-spacing: 0.5px;
    background-color: #f3f4f8;
}

.rang-filed span {
    color: #555;
    position: relative;
    z-index: 0;
    font-size: 14px;
    width: 28px;
}

.rang-filed span.selected {
    color: #000;
    font-weight: 600;
}

.rang-filed span.selected:after {
    opacity: 0;
}

.skintone-img {
    width: 100%;
    height: 430px;
    background-repeat: no-repeat;
    position: absolute;
    right: -100%;
    top: 0;
    display: none;
}

.skintone-img.display {
    display: block;
}

.skintone-img-white {
    background-image: url('/client-assets/eCommerce-Branding/images/sprite_sliver.png');
}

.skintone-img-gold {
    background-image: url('/client-assets/eCommerce-Branding/images/sprite_gold.png');
}

.rangeLabel3.selected.dark~.skintone-img {
    background-position: right bottom;
}

.rangeLabel3.selected.normal-dark~.skintone-img {
    background-position: right -860px;
}

.rangeLabel3.selected.normal-fair~.skintone-img {
    background-position: right -430px;
}

.rangeLabel3.selected.fair~.skintone-img {
    background-position: right top;
}

.diamond-carat-color-block {
    width: 110px;
    height: 110px;
    background-size: 100%;
    position: absolute;
    top: 42%;
    right: -33%;
    background-repeat: no-repeat;
    background-position: center top;
}

.diamond-color, .diamond-clarity {
    display: none !important;
}

.diamond-color.selected, .diamond-clarity.selected {
    display: inline-block !important;
}

.diamond-carat-clarity-block {
    position: absolute;
    width: 121px;
    height: 121px;
    top: 65%;
    right: -35%;
    overflow: hidden;
    border-radius: 100%;
}

.diamond-carat-clarity.selected {
    display: block !important;
}

.m-r-10 {
    margin-right: 10px;
}

.product-header-all {
    overflow: hidden;
    text-align: left;
    margin: 0;
    padding-top: 0;
    text-decoration: underline;
    float: right;
    margin: 15px 40px 15px 0;
}


.created-ring {
    background-image: url("/client-assets/eCommerce-Branding/images/og_image.jpg");
    padding: 140px 0;
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: 100%;
    background-size: cover;
    background-color: #dde9ed;
}

.created-ring h2 {
    margin-bottom: 30px;
    font-size: 32px;
}

.created-ring p {
    color: #000;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 29px;
    margin-bottom: 20px;
}

.diamond-ring img {
    position: absolute;
    top: 230px;
    right: -309px;
}

.created-ring-content span {
    padding: 0 30px;
    font-size: 16px;
    font-weight: 600;
}

.created-ring-content .button {
    background: #252a2b;
    font-style: normal;
    color: #fff;
    border: 1px solid #252a2b;
    font-size: 14px;
    font-family: FFMarkWebProMedium;
    text-transform: capitalize;
    padding: 0 30px;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    height: 50px;
    margin: 0;
    display: inline-block;
    line-height: 48px;
    border-radius: 0;
    -webkit-appearance: none;
    margin-top: 15px;
}

.created-ring-content .button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.p-lr-15 {
    padding: 0 15px !important;
}

.element-wishlist a, .element-notifaction a {
    position: relative;
    width: 100%;
    display: block;
}

.shap-img4 {
    background-position: 0 -130px;
}

.element-user svg {
    /* fill: #FFF; */
}

@media (max-width: 1024px) {
    .skintone-img {
        bottom: -100%;
        top: auto;
        right: 0;
    }
    .diamond-carat-block {
        right: -2px;
        bottom: -104%;
        top: auto;
    }
    .diamond-carat-clarity-block {
        right: auto;
        top: auto;
        bottom: -90%;
        left: 25%;
    }
    .diamond-carat-color-block {
        right: auto;
        top: auto;
        bottom: -50%;
        left: 25%;
    }
}

@media (max-width: 575px) {
    .diamond-carat-clarity-block {
        /* left: 0;
         right: 0;
         margin: auto;*/
        bottom: -40%;
        left: 5px;
        width: 100px;
    }
    .diamond-carat-color-block {
        left: 0;
        right: 0;
        margin: auto;
        bottom: -30%;
    }
    .diamond-carat-image {
        height: 344px;
    }
}

/*HOME_TESTIMONIAL*/

.testimonial-home {
    overflow: hidden;
    text-align: center;
    padding: 0 15px;
}

.testimonial-home-img {
    float: none;
    display: inline-block;
    position: relative;
    z-index: 1;
    height: 200px;
}

.testimonial-home-img img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.testimonial-home-content {
    background-color: #fff;
    box-shadow: 0 2px 10px #dcdcdc !important;
    margin-bottom: 10px;
    padding-top: 50px;
    margin-top: -50px;
    z-index: 0;
    position: relative;
    height: 250px;
}

.product-block-info {
    background-color: #FFF;
    /*padding: 10px;*/
    box-shadow: 0 0px 1px #7b7b7b;
    /*border: 5px solid #FFF;*/
}

.product-block-info .product-img img {
    background-color: #FFF;
}

.product-list-banner img {
    max-width: 100%;
    width: 100%;
    position: relative;
    top: -35px;
}

.diamond-banner img {
    top: 0;
    height: 100%;
    object-fit: cover;
}

.color-white {
    color: #FFF !important;
}

.color-dark {
    color: #000 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.product-list-banner {
    background-image: url("/client-assets/eCommerce-Branding/images/product-empty.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 240px;
    overflow: hidden;
    position: relative;
    background-color: #f9f7f8;
}

.product-list-banner .all-page-title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*#zoom {*/

/*    position: absolute;*/

/*    width: 120px;*/

/*    height: 120px;*/

/*    background-repeat: no-repeat;*/

/*    border-radius: 100%;*/

/*    box-shadow: 0 0 10px rgba(0, 0, 0, .8);*/

/*    display: none;*/

/*    background-color: #f5f5f5;*/

/*}*/

#view {
    text-align: center;
    background-color: #f5f5f5;
}

#view img {
    background-color: #f5f5f5;
    margin: 0 auto;
}

#thumbs {
    position: relative;
    margin: 20px 0;
}

#pics-thumbs {
    position: relative;
    padding: 25px 0;
    overflow: hidden;
    transition-duration: .8s;
    width: auto;
}

.product-detail-slider #thumbs {
    width: 100px;
    float: left;
}

.product-detail-slider #thumbs img {
    max-width: 100%;
    padding-top: 0;
}

.product-detail-slider-zoom {
    max-width: 480px;
    /*overflow: hidden;*/
    float: left;
    background-color: #f5f5f5;
}

#pics-thumbs .slick-slide {
    text-align: center;
    margin-bottom: 5px;
}

#ok-loupe {
    background-color: #f5f5f5 !important;
}

#pics-thumbs img {
    padding: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 85px;
    transition-duration: .5s;
    display: inline-block;
}

.product-zoom .slick-prev, .product-zoom .slick-next {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto !important;
    height: 24px;
    line-height: 24px;
    width: 24px;
    border-radius: 0 !important;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-zoom .slick-prev:before, .product-zoom .slick-next:before {
    color: #000;
    font-family: "Ionicons";
}

.product-zoom .slick-prev:before {
    content: "\f124";
}

.product-zoom .slick-next:before {
    content: "\f125";
}

.product-zoom .slick-prev {
    top: 0;
}

.product-zoom .slick-next {
    bottom: 0;
    top: auto;
}

.postion-unset {
    position: unset;
}

.compare-product-block {
    width: 140px;
    height: 139px;
    margin: auto;
    /* content: ""; */
    background-image: url('/client-assets/eCommerce-Branding/images/product-empty.jpg');
    /* padding-top: 60%; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.product-comapare-page .pro-comapre-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    object-fit: cover;
}

.product-comapare-page table {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 100%;
    float: left;
}

.compare-scroll table {
    width: 25%;
    min-width: 25%;
}

.compare-left-title table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.compare-left-title {
    width: 15%;
}

.product-comapare-page table td, .product-comapare-page .compare-left-title table td {
    padding: 10px;
    border-right: 1px solid #ddd;
}

.product-comapare-page table td {
    text-align: center;
    white-space: nowrap;
}

.product-comapare-page .compare-left-title table td {
    width: 25%;
    background-color: #f5f5f5;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    font-weight: bold;
}

.product-comapare-page .compare-scroll::-webkit-scrollbar-thumb {
    width: 15px;
    height: 3px;
    background-color: #888;
}

.product-comapare-page .compare-scroll::-webkit-scrollbar {
    width: 100%;
    height: 3px;
    background-color: #cacaca;
}

.compare-img-height {
    height: 160px;
}

.compare-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: auto;
    width: 85%;
}

.blank-compare-height {
    height: 41px;
}

.remove-product a {
    color: #f00000;
}

.vdPAnel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.compare-wishlist, .compare-cart {
    float: left;
    margin: 0 10px;
}

.product-btn-all {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.vdPAnel::before {
    background-color: rgba(0, 0, 0, 0);
    opacity: .3;
    z-index: 1;
}

header.global .drop#Jewelry .container.left {
    width: 64%;
    width: calc(64% + 10px);
}

header.global .drop#Jewelry .container.right {
    width: 36%;
    width: calc(36% - 10px);
}

.dropdown-show-bottom.leftLarge {
    width: 100%;
}

.dropdown-show-bottom.rightSmall {
    width: 33%;
}

header.global .drop .container ul li a.secondoryTitleMenu {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px !important;
    font-family: FFMarkWebProMedium;
    border-bottom: 1px solid #b3b3b3;
}

.desktop-userActions {
    width: 300px;
    right: -30px;
    top: 26px;
    position: absolute;
    padding: 15px 20px;
    z-index: 3;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
    background-color: #FFFFFF;
    color: #3E4152;
    border: 1px solid #F5F5F6;
    visibility: hidden;
    opacity: 0;
    margin: -2px 0px;
}

.desktop-user:hover .desktop-userActions, .whydivinedropdown:hover .desktop-userActions {
    visibility: visible;
    opacity: 1;
}

.whydivinedropdown .desktop-userActions ul li {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.whydivinedropdown .desktop-userActions ul li:last-child {
    margin-bottom: 0;
}

.desktop-userActionsContent {
    display: block;
}

.desktop-uaProfileLink {
    color: #282C3F;
}

.desktop-accActions {
    font-size: 16px;
    padding: 15px 0 0 0;
}

.desktop-accActions>a.desktop-info {
    text-decoration: none;
    color: #333;
}

.desktop-accActions>a.desktop-info>.desktop-infoSection {
    padding: 12px 0 !important;
}

.desktop-accInfoSection {
    cursor: pointer;
    color: #7E818C;
    padding: 10px 0px 10px 0px;
}

.desktop-infoTitle {
    font-size: 16px;
    color: #333;
    font-family: FFMarkWebProMedium;
    margin-bottom: 4px;
}

.desktop-contentInfo {
    margin-bottom: 9px;
}

.desktop-getInLinks {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #EAEAEC;
}

.desktop-getUserInLinks {
    border: none;
}

.desktop-getInLinks:nth-child(1) {
    border-top: 1px solid #EAEAEC;
}

.desktop-linkButton {
    display: inline-block;
    padding: 13px 0px;
    width: 45%;
    margin: 10px 10px 0px 0px;
    border: 1px solid #EAEAEC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    color: #2b2b2b !important;
    font-weight: 500;
    line-height: normal;
    font-family: FFMarkWebProMedium;
}

.desktop-linkButton:nth-child(1) {
    margin: 10px 5px 0px 0px;
}

.desktop-linkButton:nth-child(2) {
    margin: 0px 0px 0px 13px;
}

.desktop-linkButton:hover {
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
}

.sign-up-content {
    width: 530px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 40px 40px;
    position: relative;
    z-index: 99;
}

h1.form-title {
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 30px;
    text-align: center;
    font-family: FFMarkWebProMedium;
}

.login-info-text {
    color: #94969F;
    font-size: 12px;
}

.login-button-info-text {
    margin-top: 0px;
    margin-bottom: 20px;
}

.login-third-party-login {
    text-align: center;
}

.login-button-container {
    margin-top: 10px;
    margin-bottom: 40px;
}

.login-button {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 162px;
    padding-left: 14%;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #696B79;
    height: 50px;
    border: 1px solid #BFC0C6;
    background-color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    font-family: FFMarkWebProMedium;
}

@media (min-width: 360px) {
    .login-button {
        width: 49%;
        display: inline-block;
    }
    .login-facebook {
        margin-bottom: 0px;
    }
}

.header-sprite {
    background: url("/client-assets/eCommerce-Branding/images/header@2x-new.png") no-repeat top left;
    -webkit-background-size: 336px 48px;
    -moz-background-size: 336px 48px;
    -o-background-size: 336px 48px;
    background-size: 336px 48px;
}

.login-fb-logo {
    background-position: -269px 0 !important;
    width: 28px;
    height: 29px;
    position: absolute;
    top: 10px;
    left: 15px;
}

.login-gplus-logo {
    background-position: -298px 0 !important;
    width: 23px;
    height: 29px;
    position: absolute;
    top: 13px;
    left: 15px;
}

.login-button:hover {
    -webkit-box-shadow: 0px 2px 5px #EAEAEC;
    -moz-box-shadow: 0px 2px 5px #EAEAEC;
    box-shadow: 0px 2px 5px #EAEAEC;
}

.form-textbox {
    position: relative
}

.form-textbox label {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #888;
    font-size: 14px;
    margin-bottom: 0;
    font-family: FFMarkWebProMedium;
    text-transform: none;
}

.form-textbox input, .singup-datepicker .k-datepicker {
    border: solid 1px #ebebeb;
    box-sizing: border-box;
    width: 100% !important;
    background-color: transparent !important;
    font-size: 14px;
    padding: 16px 30px 16px 140px;
}

.singup-datepicker .k-picker-wrap {
    padding-right: 0;
}

.singup-datepicker .k-datepicker .k-picker-wrap, .singup-datepicker .k-datepicker .k-picker-wrap input {
    height: 20px !important;
}

.singup-datepicker .k-datepicker .k-picker-wrap .k-select {
    line-height: 20px !important;
}

.singup-datepicker .k-datepicker .k-picker-wrap {
    background-color: transparent;
    border: none;
}

.singup-datepicker #datepicker1 {
    background-color: transparent !important;
}

.singup-datepicker .k-select {
    position: absolute;
}

.form-textbox.first-child-in input {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.form-textbox.last-child-in input {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
}

.loginhere {
    text-align: center;
    color: #888;
    margin-top: 30px;
    margin-bottom: 0;
}

.btnloginSignup {
    margin-top: 20px;
}

button.login-login-button {
    border: 0;
    font-size: 14px;
    color: #fff;
    background: #252a2b;
    width: 100%;
    padding: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: FFMarkWebProMedium;
    border: none !important;
}

button.login-login-button:hover {
    background: #000000;
}

.recoverPassword {
    margin-top: 15px;
}

.recoverPassword a {
    font-family: FFMarkWebProMedium;
}

a.loginhere-link {
    font-family: FFMarkWebProMedium;
}

.desktop-user {
    display: inline-block;
}

.b-t-b-none {
    border-top: none !important;
    border-bottom: none !important;
}

fieldset.register-gender {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
    border: solid 1px #ebebeb;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    padding: 16px 30px 16px 140px;
    border-top: 0;
}

label.register-gender-label {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

fieldset.register-gender input {
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
}

fieldset.register-gender input[type="radio"]:checked, fieldset.register-gender input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

fieldset.register-gender input[type="radio"]:checked+label, fieldset.register-gender input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
}

fieldset.register-gender input[type="radio"]:checked+label:before, fieldset.register-gender input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

fieldset.register-gender input[type="radio"]:checked+label:after, fieldset.register-gender input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #000000;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

fieldset.register-gender input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

fieldset.register-gender input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mr-20 {
    margin-right: 20px;
}

.product-shape.widget-filter.filter-cate ul li {
    text-align: center;
    width: 46%;
    border: 1px solid #eee;
    margin: 0 5px 10px 5px;
    padding: 5px;
    float: left;
    display: block;
}

.product-shape.widget-filter.filter-cate ul li img {
    width: 55%;
    padding: 0;
}

.product-shape ul, .product-metal ul {
    margin-bottom: 0;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}

.product-shape.widget-filter.filter-cate ul li span, .product-metal.widget-filter.filter-cate ul li span {
    display: block;
    font-size: 14px;
    padding: 5px 0 0 0;
}

.product-metal.widget-filter.filter-cate ul li {
    width: 28%;
    text-align: center;
    border: 1px solid #eee;
    margin: 0 5px 10px 5px;
    padding: 5px;
    float: left;
    display: block;
}

.product-metal.widget-filter.filter-cate ul li img {
    width: 50%;
    padding: 0;
}

.widget-filter.filter-cate .slider-container .scale span:first-child {
    left: 2% !important;
}

.product-price-filter ul, .product-carat ul {
    margin-bottom: 25px;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

/**START POPUP***/

.product-list-popup .item {
    padding-top: 0;
    background-color: #FFF;
    box-shadow: none;
    border: none;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 10px;
}

.product-list-popup .owl-stage-outer {
    border-radius: 10px;
}

.product-list-popup .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.product-list-popup-close.close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #FFF;
    color: #000;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    z-index: 2;
    line-height: 30px;
    font-size: 14px;
}

.popup-content-list-img {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 35px 15px;
    text-align: center;
    box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.25);
}

.popup-content-list {
    background-image: url('/client-assets/eCommerce-Branding/images/pattern.jpg');
}

.popup-content-list h2 {
    font-size: 25px;
    margin-top: 0;
    letter-spacing: 0.5px;
    line-height: 29px;
}

.popup-content-list button {
    background: #252a2b;
    font-style: normal;
    color: #fff !important;
    border: 2px solid transparent;
    font-size: 13px;
    font-family: FFMarkWebProMedium;
    text-transform: uppercase;
    padding: 0 25px;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    height: 40px;
    margin: 0;
    display: inline-block;
    line-height: 36px;
    border-radius: 0;
    -webkit-appearance: none;
    margin-top: 15px;
}

.popup-content-list button .icon {
    width: 0;
    height: 100%;
    display: block;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.popup-content-list button svg {
    fill: #FFF;
}

.popup-content-list button:hover {
    padding-right: 55px;
}

.popup-content-list button:hover .icon {
    opacity: 1;
    right: 15px;
    width: 31px;
}

.product-list-popup-img {
    background-image: url("/client-assets/eCommerce-Branding/images/solitaire.jpg");
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-list-popup-img1 {
    background-image: url('/client-assets/eCommerce-Branding/images/diamond-shape.jpg');
    background-position: left bottom -20%;
    background-size: 100%;
}

.product-list-popup-img1.round {
    background-image: url("/client-assets/eCommerce-Branding/images/loose_round_diamonds.jpg");
    background-size: 70%;
    background-position: left -10% bottom -10%;
}

.product-list-popup-img1.princess {
    background-image: url("/client-assets/eCommerce-Branding/images/princess-landing-large1.png");
    background-size: 50%;
}

.product-list-popup-img1.pear {
    background-image: url("/client-assets/eCommerce-Branding/images/pear-cut-diamond.jpg");
    background-size: 70%;
    background-position: left -15% bottom -15%;
}

.product-list-popup-img1.oval {
    background-image: url("/client-assets/eCommerce-Branding/images/oval-diamonds.jpg");
    background-size: 76%;
    background-position: left -28% bottom -10%;
}

.product-list-popup-img1 .product-list-popup-img {
    background-image: none;
}

.product-list-popup-img3 {
    background-image: url('/client-assets/eCommerce-Branding/images/fine-jewelry.png');
    background-size: 130%;
    background-repeat: no-repeat;
    z-index: 5;
}

.product-list-popup-img4 {
    background-image: url('/client-assets/eCommerce-Branding/images/mobile-number.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.product-list-popup-img5 {
    background-image: url('/client-assets/eCommerce-Branding/images/thank-you.jpg');
    background-position: right 15% center;
}

.last-block-popup .popup-content-list {
    width: 90%;
}

.last-block-popup .popup-content-list-img {
    padding: 35px 27px;
}

.last-block-popup .popup-price-range ul {
    margin-bottom: 0;
}

.margin-left-16 {
    margin-left: 16%;
}

.popup-price-range input {
    height: 30px;
    padding: 0 15px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.popup-price-range form {
    position: relative;
}

.popup-price-range input+i {
    color: #666;
    position: absolute;
    top: 10px;
    left: 0px;
    margin: auto;
}

.product-list-popup-img2 {
    background-image: url('/client-assets/eCommerce-Branding/images/price.jpg');
    background-position: center;
    background-size: contain;
}

.product-list-popup-content {
    padding: 70px 0 110px 0;
    display: flex;
    -webkit-align-content: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.margin-left-45 {
    margin-left: 45%;
}

.margin-left-40 {
    margin-left: 40%;
}

.p-l-r-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.popup-content-list-img p {
    font-size: 16px;
    color: #000;
}

.popup-content-list-img h2 {
    margin-bottom: 25px;
}

.popup-price-range {
    background-color: #FFF;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: left;
}

.popup-price-range span {
    margin: 0 !important;
}

.product-list-popup .owl-nav {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.product-list-popup .owl-nav .owl-prev, .product-list-popup .owl-nav .owl-next {
    background-color: #000;
    color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #000;
    line-height: 28px;
    padding: 0;
}

.product-list-popup .owl-nav .owl-prev span, .product-list-popup .owl-nav .owl-next span {
    color: #FFF !important;
}

.product-list-popup .owl-nav .owl-prev:hover, .product-list-popup .owl-nav .owl-next:hover {
    background-color: #FFF;
}

.product-list-popup .owl-nav .owl-prev:hover span, .product-list-popup .owl-nav .owl-next:hover span {
    color: #000 !important;
}

.product-list-popup {
    background-color: #FFF;
    border-radius: 10px;
}

.product-popup-model {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    margin: auto;
}

.product-popup-model .modal-dialog {
    top: 0 !important;
    margin: 30px auto;
    left: 0;
    right: 0;
    height: auto;
    display: -webkit-box;
    display: flex;
    -webkit-align-content: center;
    align-items: center;
}

.product-popup-model.in .modal-dialog {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product-list-popup-block {
    overflow: hidden;
    height: 100%;
    display: flex;
}

.popup-price-range.widget-filter.filter-cate ul li a:before {
    top: 0;
}

.list-popup-shape img {
    width: 70% !important;
    text-align: center;
    display: inline-block !important;
}

.list-popup-shape-block {
    width: 33%;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 5px;
    background-color: #FFF;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.list-popup-shape-block.active {
    /*box-shadow: 0 0 8px 0 #c7c7c7;*/
    border: 1px solid #000;
}

.choise-filter ul li.active a:before {
    opacity: 0;
}

.choise-filter ul li.active a::after {
    opacity: 1;
}

/******END POPUP*/

/*EMIPOPUP*/

.emipopup-content {
    width: 60%;
    max-height: 99%;
    overflow: auto;
}

.emipopup-content table {
    border: 1px solid #ddd;
    width: 100%;
}

.emipopup-content td {
    padding: 10px;
    border-right: 1px solid #ddd;
}

.emi-loan-step {
    border: 1px solid #ddd;
    padding: 0 15px 0px 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

.emi-loan-block {
    float: left;
    background-color: #f5f5f5;
    padding: 8px;
}

.emi-loan-block img {
    width: 40px;
    height: 40px;
}

.emi-loan-step .emi-loan-step-name {
    line-height: 24px;
    font-size: 14px;
    padding: 0 0 0 15px;
    text-align: left;
}

.step-emi:after {
    content: "\e90e";
    font-family: 'zoa' !important;
    position: absolute;
    font-size: 8px;
    transform: rotate(90deg);
    top: 100%;
    right: 10px;
    z-index: 2;
}

.emi-loan-step .step-emi span {
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    background-color: #FFF;
    z-index: 3;
    bottom: -8px;
    right: 15px;
    line-height: 20px;
}

.loan-approval-title {
    font-family: 'Meta Serif';
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.emi-loan-dec {
    text-align: left;
}

.emi-loan-dec p {
    color: #767676;
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 22px;
    margin: 10px 0;
}

.emi-loan-dec .emi-condition {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 10px;
    font-size: 15px;
}

.emi-loan-dec .emi-note b {
    float: left;
    margin-right: 10px;
}

.emi-loan-dec .emi-note ul {
    overflow: hidden;
    padding-left: 15px;
    list-style: inside;
}

.emi-loan-dec .emi-note li {
    color: #444;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
    list-style: inside;
}

.rupee {
    position: relative;
    padding: 0 0 0 10px;
}

.rupee:after {
    content: "";
    background-image: url("/client-assets/eCommerce-Branding/images/rupee.png");
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    background-size: 100%;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.custome-design-title {
    font-size: 16px;
    color: #000;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-weight: bold;
}

.metal-diamond-text {
    width: 100%;
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
}

.size-chat-mobile {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold;
    font-size: 12px;
    z-index: 3;
}

.custom-tab-design ul {
    margin-top: 10px;
}

.custom-tab-design li {
    border: 1px solid #ddd;
    padding: 5px 6px;
    margin-right: 10px;
    font-size: 13px;
    margin-bottom: 10px;
}

.custom-tab-design li a {
    background-color: transparent;
    color: #252a2b;
}

.custom-tab-design li.active {
    background-color: #252a2b;
    border: 1px solid #252a2b;
}

.custom-tab-design li.active a, .custom-tab-design li.active a:hover, .custom-tab-design li.active a:focus {
    color: #FFF;
    background-color: transparent;
}

/*.customize-info {*/

/*    border-bottom: 1px solid #ddd;*/

/*    padding-bottom: 10px;*/

/*}*/

.custom-design-tab {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.metal-custom-block {
    cursor: pointer;
    width: 20%;
    float: left;
}

.metal-custom-block-1 {
    cursor: pointer;
    /*min-width: 100px;*/
    float: left;
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.metal-custom-block-1.active {
    border: 1px solid #000;
}

/*.metal-custom-block-1.active span,
.metal-custom-block-1.active .icon-diamond {
    color: #FFF;
}*/

.metal-round {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #f5f5f5;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    margin: auto;
    border: 1px solid transparent;
}

.metal-round-1 {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #FFF;
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    float: left;
    margin-right: 5px;
}

.metal-round i {
    font-size: 16px;
    display: block;
    line-height: 42px;
}

#diamond_carat .metal-custom-block span {
    font-size: 12px;
}

.detail-label {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 130px;
}

.metal-custom span {
    font-size: 12px;
    margin: 5px 0 0 0;
    display: block;
}

.metal-custom-block-1 span {
    margin: 0;
}

.metal-custom-block-1 .icon-diamond {
    margin-right: 5px;
    font-size: 12px;
}

.metal-custom-block.active .metal-round {
    /*box-shadow: 0px 4px 9.9px 0.1px rgba(0, 0, 0, .3);*/
    border: 1px solid #000;
    background-color: #FFF;
}

.metal-popup {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    margin: auto;
    border: 1px solid #ddd;
}

.yellow, .metals-yellow {
    background-color: #f2d186 !important;
}

.rose, .metals-rose {
    background-color: #f4a4a5 !important;
}

.sliver, .metals-sliver {
    background-color: #C0C0C0 !important;
}

.white, .metals-white {
    background-color: #ffffff !important;
}

.metal-white, .metals-white {
    background-color: #C0C0C0 !important;
}

/*.metal-white {*/

/*background-color: #dcdcdc !important;*/

/*}*/

.platinum {
    background-color: #e5e4e2 !important;
}

.diamond-engrave h3 {
    margin-top: 0;
    font-size: 20px;
}

.diamond-engrave input {
    height: 35px;
    width: 350px;
    padding: 10px;
    border: 1px solid #ddd;
}

.diamond-engrave .max-char {
    font-size: 13px;
    margin-top: 5px;
    color: #666;
}

.engrave-img img {
    max-width: 35%;
    -webkit-transform: rotate(33deg);
    transform: rotate(33deg);
}

.engrave-img .engrave-text {
    position: absolute;
    top: 33%;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 23px;
    left: -23px;
    right: 0;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 0 #d2d2d2;
    font-size: 16px;
}

.customize-info .custome-info-all svg path, .customize-solitaire-heading svg path {
    fill: #000;
}

.custome-info-all {
    position: relative;
}

.custome-info-all svg, .customize-solitaire-heading svg {
    position: absolute;
    right: 0;
    top: 9px;
    bottom: auto;
    /*margin: auto;*/
}

/*.custome-info-all svg {
    bottom: auto;
    top: 9px;
    right: 0;
}*/

.customize-info [aria-expanded="true"]+.more, .customize-solitaire-heading [aria-expanded="true"]~.more {
    display: none;
}

.customize-info [aria-expanded="false"]+.more, .customize-solitaire-heading [aria-expanded="false"]~.more {
    display: block;
}

.customize-info [aria-expanded="true"]~.less, .customize-solitaire-heading [aria-expanded="true"]~.less {
    display: block;
}

.customize-info [aria-expanded="false"]~.less, .customize-solitaire-heading [aria-expanded="false"]~.less {
    display: none;
}

.pincode-block {
    /*margin-bottom: 20px;*/
    overflow: hidden;
    width: 100%;
}

.pincode-block h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 10px;
    float: left;
}

.pincode-block input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 35px;
}

/*.pincode-block input[type=number] {*/

/*    -moz-appearance:textfield; !* Firefox *!*/

/*}*/

.pincode-block input::-webkit-outer-spin-button, .pincode-block input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pincode-block button {
    width: 35px;
    height: 35px;
    border: 1px solid #262a2b;
    background-color: #262a2b;
}

.pincode-block button i {
    color: #FFF;
}

.pincode-block button:hover {
    background-color: #FFF;
}

.pincode-block button:hover i {
    color: #252a2b;
}

.pincode-code {
    display: flex;
    position: relative;
    width: 250px;
}

.chaeck-date {
    width: 100%;
    float: left;
}

.chaeck-date ul li {
    float: left;
    margin: 0 5px;
}

.delivery-available {
    /*float: left;
    width: auto;*/
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 14px;
    font-size: 14px;
}

.delivery-available span {
    align-items: center;
    display: flex;
}

.delivery-available span svg {
    margin: 0px 4px 0 0;
    display: block;
    float: left;
}

.chaeck-date ul li:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    display: block;
    border-radius: 100%;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    background-color: #000;
}

.about-story-block {
    background-repeat: no-repeat;
    background-position: center bottom 5px;
    padding: 50px 0 0 0;
}

.about-story-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-story-slider iframe {
    height: 428px !important;
}

.about-story-text {
    padding: 15px;
    border: 1px solid #ddd;
    text-align: center;
}

.about-story-text h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.about-story-text p {
    color: #777;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.2px;
}

.about-story-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.about-story-slider .slick-dots {
    display: flex;
    justify-content: center;
    bottom: 10px;
}

.about-story-slider .slick-dots li {
    float: left;
    padding: 0;
    margin: 0 5px;
    width: auto;
    height: auto;
}

.about-story-slider .slick-dots li button {
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #787878;
    border: 1px solid #FFF;
}

.about-story-slider .slick-dots li.slick-active button {
    background-color: #000;
}

.about-story-slider .slick-dots li button:before {
    background-color: transparent;
}

@media (max-width: 767px) {
    .about-story-info {
        display: block;
    }
}

.cart-center-card {
    width: 50%;
    border-radius: 2px;
    background-color: #FFF;
    margin: 10px;
    text-align: center;
    overflow: hidden;
    padding: 15px;
}

.cart-center-card img {
    max-width: 100%;
}

.empty-cart-heading {
    font-size: 26px;
    font-weight: 700;
    margin-top: 25px;
    display: block;
    color: #555;
}

.shopping-cart-empty {
    background-color: #f3f4f8;
    display: flex;
    width: 100%;
    justify-content: center;
}

.width-60 {
    width: 60px !important;
}

.payment-method ul li {
    width: 40px;
    height: 30px;
    margin-right: 10px;
    float: left;
}

.payment-method ul li img {
    max-width: 100%;
    object-fit: cover;
}

.permium-popup {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    width: 100%;
}

.permium-popup td {
    padding: 10px;
    border-right: 1px solid #ddd;
}

.premium-popup-ul li {
    margin-bottom: 10px;
}

.price-bottom-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    float: left;
    margin-right: 10px;
}

.price-arrow-block {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .main-slider .item {
        padding-top: 0;
    }
    .directly-border1:after {
        right: 45%;
    }
    .mobile-menu-set {
        -webkit-box-pack: end;
        justify-content: flex-end;
    }
    .vdPAnel iframe {
        width: 100%;
        height: auto;
    }
    .JewelryFilter .theiaStickySidebar {
        /*padding-top: 50px !important;*/
        padding-bottom: 1px;
        position: relative !important;
        transform: none !important;
        width: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .show-filter {
        overflow: auto;
        position: relative;
    }
    .product-list-block {
        padding-top: 0;
    }
    .mb-sm-2 {
        margin-bottom: 20px;
    }
    .all-page-center {
        display: inline-block;
    }
    .solitaire-cut-img, .gifting-img {
        text-align: center;
    }
    #clarity .all-page-center, #carat .all-page-center {
        flex-direction: column-reverse;
        display: flex;
    }
    .testimonial-text {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .testimonial .slideStories {
        display: block;
    }
    .testimonial-text.testimonial-left-text {
        margin-right: 0 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1299px) {
    .navbar-nav>li>a {
        font-size: 12px;
        letter-spacing: 0;
    }
    .element {
        padding: 0 10px;
    }
    .desktop-userActions {
        right: 0;
    }
}

@media (max-width: 991px) {
    .breadcrumb {
        margin-top: 0;
    }
    .created-ring-content span {
        margin-top: 15px;
        display: block;
    }
    .product-list-popup-content {
        padding: 20px 0 60px 0;
    }
    .product-list-popup-content.margin-left-16 {
        margin-left: 10%;
    }
    .product-list-popup-content.margin-left-45, .product-list-popup-content.margin-left-40 {
        margin-left: 30%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pt-200, .pt-150 {
        padding-top: 130px;
    }
    .section-wrap .sub-section ul.num-list li {
        width: calc(33% - 40px);
        margin: 0 20px;
    }
    .section-wrap .sub-section ul.num-list li h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    header.global {
        position: relative;
    }
    .created-ring {
        background-size: cover;
        background-position: right center;
        padding: 80px 0 140px 0;
    }
    .product-list-popup-content.margin-left-45 {
        margin-left: 25%;
    }
    .product-list-popup-content.margin-left-40 {
        margin-left: 30%;
    }
    .product-popup-model .modal-dialog {
        width: 95%;
    }
    .testimonial#customer-stories .slick-prev {
        right: 15%;
    }
    .pt-150 {
        padding-top: 0px;
    }
    .pt-200 {
        padding: 30px 0;
    }
    .pt-xs-30 {
        padding-top: 30px !important;
    }
    .mb-xs-3 {
        margin-bottom: 30px !important;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    #view img {
        width: 100% !important;
    }
    #view {
        height: auto !important;
    }
    .about-slider-block {
        display: block;
    }
    .about-people-content p {
        margin-bottom: 10px;
    }
    .Jewelry-block-img {
        background-color: rgba(255, 255, 255, 0.75);
        text-align: center;
    }
    .flexibility-bg {
        background-position: 50% 50%;
        margin-bottom: 0;
        padding: 0px 0 0px 0;
    }
    .loop-bg span {
        font-size: 25px;
        width: 350px;
        height: 350px;
    }
    .search-by-id-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .mb-xs-2 {
        margin-bottom: 20px !important;
    }
    .news-event-tab span {
        width: 100px;
    }
    .solitaire-tab li.active:after {
        opacity: 0;
        display: none;
    }
    .sourcing-text {
        display: inline-block;
        width: 100%;
    }
    .solitaire-tab {
        margin-bottom: 30px;
    }
    .section-wrap .sub-section h3.sub-title {
        max-width: 100%;
        line-height: normal;
    }
    .product-list-popup-img5 {
        background-position: right 30% center;
    }
    .testimonial-videos .slideStories {
        display: inline-block !important;
        width: 100%;
    }
}

@media (min-width: 419px) and (max-width: 991px) {
    .diamond-ring img {
        top: 330px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .created-ring {
        background-size: cover;
        background-position: left 40% center;
    }
    .Jewelry-block-img {
        background-color: rgba(255, 255, 255, 0.75);
    }
    .flexibility-bg {
        background-position: 0 50%;
        margin-bottom: 50px;
        padding: 0 0 0px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .created-ring-content span {
        padding: 0 10px;
    }
    .product-list-popup-content {
        padding: 70px 0 70px 0;
    }
}

@media (max-width: 575px) {
    .loop-bg span {
        width: 320px;
        height: 320px;
        margin-right: 0;
    }
    .sign-up-content {
        width: 95%;
        padding: 15px;
    }
    .transparent-pricing-block {
        width: 100%;
        padding-right: 0;
    }
    .page-navs ul {
        display: block;
    }
    .section-wrap .sub-section ul.num-list li {
        width: 100%;
        margin: 0;
    }
    .section-wrap .sub-section ul.num-list li svg {
        transform: rotate(90deg);
        bottom: -20px;
        left: 0;
        margin: auto;
        top: auto;
    }
    .page-navs ul li {
        width: 33.33%;
        display: block;
        float: left;
    }
    .page-navs ul li a {
        font-size: 14px;
        padding: 10px 5px;
    }
    .transparent-pricing-info {
        width: 100%;
    }
    .section-wrap .sub-section .nav li {
        width: 50%;
    }
    div#customer-stories .slick-prev {
        left: 35%;
    }
    div#customer-stories .slick-next {
        right: 35%;
    }
    .emipopup-content, .size-chart {
        width: 100%;
        max-height: 100%;
    }
    .emipoup-overlay.active, .size-detail.active {
        display: block;
        overflow: scroll;
    }
    .popup-emi-table {
        overflow: auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .size-chart-td td {
        padding: 8px 6px;
    }
    .chaeck-date {
        width: 100%;
    }
    .buy-from-contect {
        width: 28%;
    }
    .buy-from {
        margin-right: -15px;
        margin-left: -15px;
    }
    .about-story-text {
        width: 100%;
    }
    .product-shipping-block {
        margin-bottom: 20px;
    }
    .product-details-text h2 {
        font-size: 13px;
        padding-bottom: 3px;
        margin-top: 5px;
        text-align: center;
    }
    .category-block {
        display: block;
    }
    .category-img-block {
        width: 100%;
        height: 200px;
    }
    .category-img-block .longarrow {
        bottom: 10px;
    }
    .anatomy-tool {
        display: block;
    }
    .store-locator-img {
        width: 45%;
    }
    .wpsl-directions, .wpsl-appoinment {
        width: 100%;
    }
    .store-locator-action-btn {
        display: block;
    }
    .locator-title {
        margin: 10px 0 10px 0;
    }
    .wpsl-appoinment {
        margin-left: 0;
    }
    .store-locator-content-info {
        width: 55%;
    }
    .section-wrap .sub-section ul.num-list {
        padding-bottom: 20px;
        display: block;
    }
}

@media (max-width: 418px) {
    .diamond-ring img {
        top: 430px;
    }
    .login-button {
        margin-bottom: 10px;
        padding-left: 18%;
    }
    .news-event-tab span {
        display: none;
    }
    .store-search-filed {
        width: 100%;
    }
    .serch-left-block {
        border-right: none;
        padding: 0 10px;
    }
    .serch-right-block {
        padding: 0 10px;
    }
    .product-list-banner {
        height: 100px;
    }
}

@media (min-width: 419px) and (max-width: 991px) {
    .product-list-banner {
        height: auto;
        padding-top: 31%;
    }
    .product-list-banner img {
        max-height: 100%;
        top: 0;
        left: 0;
        max-height: 100%;
        position: absolute;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    div#customer-stories .slick-prev {
        left: 40%;
    }
    div#customer-stories .slick-next {
        right: 40%;
    }
    .page-navs ul li a {
        font-size: 16px;
    }
    .section-wrap .sub-section ul.num-list li {
        width: calc(33% - 50px);
        padding-left: 55px;
        margin: 0 20px;
    }
    .section-wrap .sub-section ul.num-list li h3 {
        font-size: 20px;
    }
}

@media (max-width: 1230px) {
    .social-icon-content ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .social-icon-open {
        right: 0;
        background-color: #FFF;
    }
}

.p-t-70 {
    padding-top: 70px;
}

.simmilar-product .product-item, .suggested-product .product-item {
    padding: 5px 8px 0px 8px;
    margin-bottom: 2px;
}

.gifting-img img {
    max-width: 100%;
}

.mb-40 {
    margin-bottom: 40px;
}

.postion-relative {
    position: relative;
}

.l_c_h {
    width: 300px;
    position: fixed;
    bottom: 0;
    right: 0px;
    background: #fff;
    border-radius: 3px;
    z-index: 5000;
    display: block;
}

.l_c_h .c_h {
    cursor: pointer;
    border-radius: 0px;
    background: #333333;
    line-height: 34px;
    width: 100%;
    overflow: hidden;
}

.l_c_h .left_c {
    color: #ebebeb;
    width: 100%;
    font-size: 16px;
}

.l_c_h .right_c {
    text-align: center;
    background: #000;
    line-height: 36px;
}

.l_c_h .right_c a {
    color: #ebebeb;
}

.chat_container {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: -5px -3px 3px rgba(255, 255, 255, 0.04), 2px 4px 8px rgba(255, 255, 255, 0.67);
    box-shadow: -5px -3px 3px rgba(255, 255, 255, 0.04), 2px 4px 8px rgba(255, 255, 255, 0.67);
}

.chat_container .no_provider {
    text-align: left;
    color: #5E5652;
    font-size: 12px;
    width: 300px;
    padding: 5px;
    margin-left: 5px;
}

.chat-popup-content {
    padding: 15px;
}

.chat_container .chat_entry {
    margin: 10px;
    margin-top: 0px;
}

.chat_container .chat_entry p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.chat_container .chat_entry input[type="text"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #999;
    font-size: 13px;
    padding: 8px 8px;
    margin-bottom: 5px;
    width: 100%;
}

.float-left {
    float: left;
}

.left_icons {
    width: 35px;
    height: auto;
}

.left_icons a {
    color: #fff;
    font-weight: normal;
}

.center_icons {
    text-align: center;
    padding: 2px 0px 0px 5px;
}

.live-chart-popup {
    width: 54px;
    height: 54px;
    background: #222222;
    border-radius: 100%;
    text-align: center;
    right: 10px;
    bottom: 10px;
    position: fixed;
    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.14), 0 4px 8px rgba(255, 255, 255, 0.28);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.14), 0 4px 8px rgba(255, 255, 255, 0.28);
}

.live-chart-popup svg {
    fill: #FFF;
    margin: 10px 0;
}

.chat_submit {
    font-weight: 500;
    color: #FFF;
    font-size: 14px;
    margin: 10px 10px 20px 0;
    letter-spacing: 0.5px;
    background-color: #252a2b;
    height: auto;
    padding: 6px 25px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.chat_submit:hover {
    background-color: #FFF;
    color: #252a2b;
}

/******CHECKOUT*/

.checkout-content {
    /*background-color: #f3f4f8;*/
    /*padding-top: 50px;*/
    position: relative;
}

body.auto-scroll header.global {
    z-index: 1;
}

/*.checkout-page [aria-expanded="true"].checkout-title {
    background-color: #555;
    color: #FFF;
}*/

.checkout-page .checkout-title {
    background-color: #FFF;
    border-bottom: 1px solid #ddd;
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 9.9px 0.1px;*/
    padding: 10px 0;
    width: 100%;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
}

.checkout-page .checkout-title h4 {
    font-size: 18px;
    text-transform: capitalize;
    font-family: FFMarkWebProMedium;
    line-height: 24px;
}

.checkout-page .checkout-title h4 i {
    font-size: 18px;
}

.checkout-change {
    color: #000;
    margin: auto auto auto 10px;
    font-size: 14px;
    float: right;
    border: 1px solid #ddd;
    padding: 6px 14px;
}

.checkout-page [aria-expanded="true"] .checkout-change {
    color: #FFF;
}

.checkout-page .checkout-info {
    /*background-color: rgb(244, 244, 248);*/
    /* box-shadow: rgba(0, 0, 0, 0.05) 0 4px 6px 0px; */
    /*border: 1px solid #ddd;*/
    border-top: none;
}

.checkout-page .border-bottom-none .checkout-info {
    border-bottom: none;
}

.checkout-page .checkout-info .panel-body {
    padding: 15px 0;
}

.checkout-login-box.active .checkbox-login, .checkout-login-block {
    display: block;
}

.checkbox-login {
    padding: 15px;
    width: 50%;
    float: left;
    position: relative;
}

.checkout-btn {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
}

.checkbox-login input {
    /*height: 35px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;*/
    height: 24px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #000;
    background-color: transparent;
}

.checkbox-login label {
    color: #525151;
    font-family: FFMarkWebProMedium;
    font-size: 14px;
    margin-bottom: 0;
}

.checkout-login-info {
    margin: 5px 0;
}

.checkout-login-info a {
    text-decoration: underline;
}

.checkout-login-info span {
    margin-left: 10px;
}

.checkout-active-btn button {
    font-size: 14px;
    width: 100%;
    color: #fff;
    background: #252a2b;
    border: 1px solid #252a2b;
    padding: 6px 35px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 24px;
}

.checkout-btn button {
    font-size: 14px;
    color: #FFF;
    background: #252a2b;
    border: 1px solid #252a2b;
    padding: 8px 40px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.checkout-coupons {
    line-height: 26px;
}

.checkout-user-detail {
    margin-left: 24px;
    text-transform: lowercase;
    color: #555;
}

.coupons-apply {
    float: right;
    border: 1px solid #ddd;
    padding: 2px 15px;
    cursor: pointer;
    background-color: #262a2b;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.coupons-apply:hover {
    background-color: #FFF;
    color: #000;
}

.z-index2 {
    z-index: 2 !important;
}

.coupon-content {
    width: 40%;
    overflow: auto;
    max-height: 100%;
    color: #000;
}

.coupon-content::-webkit-scrollbar {
    width: 5px;
    height: 100%;
    background-color: #fafafa;
}

.coupon-content::-webkit-scrollbar-thumb {
    width: 5px;
    height: 20px;
    background-color: #5f5f5f;
}

.coupon-code {
    text-align: left;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 40px;
}

.gift-message {
    padding: 15px;
    margin-bottom: 0;
}

.gift-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.gift-add .gift-add-text {
    /*float: right;*/
    color: #008000;
}

.gift-message-top {
    border-bottom: 1px dashed #bdbdbd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.gift-message-detail {
    width: 300px;
    background-color: #FFF;
    position: absolute;
    padding: 10px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.19);
}

.gift-message-edit i {
    margin-right: 7px;
    border-right: 1px solid #ddd;
    padding-right: 8px;
}

.gift-message-close i, .gift-message-edit i {
    color: #555;
    font-size: 16px;
}

.gift-message-info span:first-child {
    font-size: 13px;
    font-weight: bold;
}

.gift-message-info p {
    font-size: 13px;
    color: #555;
    line-height: 22px;
    padding-top: 0;
}

.gift-message-top h4 {
    line-height: 20px;
    font-size: 16px;
}

.coupon-code input, .gift-message textarea, .gift-message input {
    width: 100% !important;
    height: 66px;
    padding: 10px;
    border: 1px solid #ddd;
    padding-top: 25px;
}

.gift-message textarea {
    height: 80px;
    margin-top: 10px;
    padding-top: 25px;
}

.apply-coupon-content {
    text-align: left;
    margin-top: 20px;
}

.apply-coupon-text {
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 10px;
    position: relative;
}

.apply-coupon-text-active {
    background-color: #f1f1f1;
}

.apply-number {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.apply-content {
    color: #333;
    font-size: 13px;
    margin-bottom: 3px;
}

.apply-number .coupon-number {
    background-color: #FFF;
    padding: 6px;
    border: 1px dotted #ddd;
    display: block;
    line-height: normal;
    float: left;
}

.apply-number .coupon-save {
    font-weight: 600;
    margin: 0 10px;
}

.apply-coupon-input {
    float: left;
    position: relative;
    margin-top: 8px;
}

.apply-coupon-input input, .addres-select input {
    width: 18px;
    height: 18px;
    margin: 0;
    position: relative;
    z-index: 2;
    opacity: 0;
}

.addres-select input~.apply-coupon-option {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.apply-coupon-input input~.apply-coupon-option:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.apply-coupon-input input:checked~.apply-coupon-option:after, .addres-select.checkout-active-btn .apply-coupon-option:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
    width: 18px;
    height: 18px;
    background: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
}

.addres-select.checkout-active-btn .apply-coupon-option:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.apply-coupon-info {
    overflow: hidden;
    padding-left: 15px;
}

.apply-coupon-title {
    color: #000;
    font-size: 15px;
}

.apply-coupon-btn button {
    font-size: 14px;
    color: #fff;
    background: #252a2b;
    border: 1px solid #252a2b;
    padding: 12px 35px;
    text-transform: uppercase;
}

.apply-coupon-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.checkout-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.checkout-active-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.checkout-secure-login li svg {
    fill: #000;
    margin-right: 10px;
    vertical-align: middle;
    float: left;
}

.checkout-secure-login li span {
    color: #000;
    font-size: 15px;
    display: block;
    overflow: hidden;
}

.start-icon {
    font-size: 18px !important;
    margin-right: 10px;
    float: left;
}

.checkout-secure-login li {
    margin-bottom: 10px;
}

.checkout-summary-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkout-wishlist {
    border-right: 1px solid #ddd;
}

.font-14 {
    font-size: 14px !important;
}

.checkout-all-block .checkout-add-new {
    margin: auto;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    float: right;
    text-transform: capitalize;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    height: 32px;
}

.checkout-all-block .checkout-add-new span {
    font-size: 20px;
}

/*.checkout-page [aria-expanded="true"] ~ .checkout-add-new {
    color: #FFF;
}*/

.checkout-addres .addres-info {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}

.addres-info .address-title {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.checkout-addres.address .default {
    margin-bottom: 10px;
}

.checkout-addres {
    /*border: 1px solid #ddd;*/
    margin-bottom: 0;
    padding: 10px;
    background: linear-gradient(-41deg, rgba(244, 231, 221, 0) 0%, rgba(255, 255, 255, 0.85) 51%, #ffffff 100%);
    box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}

.address-edit {
    color: #555;
    text-transform: uppercase;
    float: left;
    width: auto;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}

.address-delete {
    text-align: right;
    top: 0;
    right: 25px;
}

.address-delivery {
    background-color: #f3f4f8;
    padding: 2px 4px;
    color: #999;
}

.address-dec p {
    color: #333;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

.number-text {
    color: #555;
}

.phone-number {
    color: #000;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.order-summary-img img {
    max-width: 100%;
    object-fit: contain;
    height: 100%;
}

.order-summary-dec h3 {
    font-size: 18px;
    line-height: 24px;
}

.order-price .new-price {
    margin-right: 5px;
    font-size: 14px;
}

.checkout-offer {
    color: #FFF;
    background-color: #000;
    font-size: 12px;
    padding: 2px 4px;
    display: block;
    font-weight: normal;
    float: left;
    /*cart offer*/
}

.order-remove a {
    padding: 0px 10px;
    text-transform: capitalize;
    display: block;
    float: left;
    height: 18px;
}

.order-remove a svg {
    fill: #000;
}

.checkout-qty select {
    border: none;
    border-bottom: 1px solid #ddd;
}

.checkout-qty select:focus {
    outline: none;
}

.order-summar-qty span:first-child {
    display: block;
    float: left;
    margin-right: 10px;
}

.checkout-qty-block {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 5px;
}

.order-summar-qty input {
    float: left;
    width: 20px;
    color: #000;
    text-align: center;
    background-color: transparent !important;
    border: none;
    margin: 0 5px;
}

.checkout-bottom {
    border-bottom: 1px solid #ddd;
}

.order-summary-all {
    padding: 10px 0;
}

.order-summary-all input {
    height: 30px;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 0 5px;
}

.order-summary-text {
    padding: 8px 0;
    display: block;
    float: left;
}

.checkout-summary .checkout-btn {
    float: right;
}

.address-overlay .address-content, .edit-address .modal-dialog {
    width: 50%;
}

.edit-address.modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.edit-address .modal-dialog {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
}

.height-100 {
    height: 100%;
}

.modal-content.address-add-popup {
    padding: 30px;
}

.address-add-popup h3 {
    color: #000;
    margin-top: 0;
    margin-bottom: 30px;
}

.address-add-popup input, .address-add-popup textarea, .address-add-popup select {
    height: 34px;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
    color: #000;
    background-color: transparent;
}

.address-add-popup select {
    color: #888;
    font-size: 14px;
    font-family: FFMarkWebProMedium;
}

.address-add-popup select option {
    color: #000;
}

.address-add-popup textarea {
    height: 80px;
    padding: 10px;
}

.address-add-popup select:focus {
    outline: none;
}

.address-add-popup input::placeholder, .address-add-popup textarea::placeholder {
    color: #888;
    font-size: 14px;
    opacity: 1;
}

.address-type {
    text-align: left;
}

.address-type-block {
    color: #000;
    display: block;
    float: left;
}

.address-type-block span, .emi-option {
    float: left;
    position: relative;
    margin-right: 10px;
}

.address-type-block span input, .emi-option input {
    width: 18px;
    height: 18px;
    margin: 0;
    position: relative;
    z-index: 2;
    opacity: 0;
}

.addres-type-input:before, .emi-option-input:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.address-type-block span input:checked~.addres-type-input:after, .emi-option input:checked~.emi-option-input:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0;
    width: 18px;
    height: 18px;
    background: #333333;
    border: 1px solid #333333;
    border-radius: 50%;
}

.checkout-btn .address-btn-cancle {
    background-color: #FFF;
    color: #252a2b;
}

.checkout-btn .address-btn-cancle:hover {
    color: #FFF;
    background-color: #252a2b;
}

.active-checkout-address {
    border: 1px solid #000;
    background-color: rgba(77, 156, 134, 0.15);
}

.position-sticky-block {
    display: -webkit-box;
    display: flex;
}

.checkout-right-block {
    background-color: #f3f4f8;
    /*background-image: url("/client-assets/eCommerce-Branding/images/jew_banner-1.jpg");*/
    /*box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 9.9px 0.1px;*/
    padding: 20px !important;
    width: 100%;
    display: block;
    position: relative;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-color: #000;*/
}

.checkout-right-block:after {
    content: "";
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-color: rgba(0, 0, 0, 0.75);*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 0;*/
}

.coupons-apply-border {
    border-bottom: 1px solid #FFF;
}

.right-checkout-all {
    position: relative;
    /*z-index: 1;*/
    /*overflow: hidden;*/
    color: #000;
}

.checkout-right-block h3 {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.mb-5 {
    margin-bottom: 5px;
}

.checkout-price-detail {
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 20px;*/
    font-size: 15px;
    overflow: hidden;
}

.checkout-price-block {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}

.checkout-bottom-border {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 10px;
}

.checkout-safe-img {
    float: left;
    margin-right: 10px;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.offer-zone-img {
    width: 60%;
    display: inline-block;
    height: 270px;
}

.offer-zone-name {
    font-size: 20px;
    text-transform: capitalize;
    margin-top: 20px;
}

.offer-zone-img img {
    max-width: 80%;
    object-fit: contain;
}

.offer-zone-block {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
}

.offer-detail-img img {
    max-width: 100%;
}

.offer-detail-name {
    letter-spacing: 0.5px;
    font-size: 34px;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: "Meta Serif", sans-serif;
}

.offer-detail-dec p {
    color: #767676;
    font-size: 15px;
    letter-spacing: .3px;
    line-height: 29px;
}

.offer-detail-dec p[data-f-id="pbf"] {
    display: none;
}

.heart-arrow-dec p[data-f-id="pbf"] {
    display: none;
}

.order-summary-block {
    background-image: url('/client-assets/eCommerce-Branding/images/product-empty.jpg');
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border: 1px solid #ddd;
}

.order-summary-block img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #FFF;
}

.order-summary-img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
}

@media (max-width: 991px) {
    .checkout-btn button {
        padding: 12px 25px;
    }
    .coupon-content {
        width: 80%;
    }
    .address-overlay .address-content, .edit-address .modal-dialog {
        width: 95%;
        margin: 10px auto;
        overflow: scroll;
        height: 100%;
    }
    .compare-left-title {
        width: 25%;
    }
    .compare-scroll {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .position-sticky-block {
        display: block;
    }
    /* .checkout-right-block {
         margin-top: 50px;
     }*/
}

@media (max-width: 575px) {
    .col-mv-12 {
        width: 100%;
    }
    .mt-xs-10 {
        margin-top: 10px !important;
    }
    .order-summary-dec h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .coupon-content {
        width: 95%;
    }
    .compare-left-title {
        width: 35%;
    }
    .compare-scroll {
        width: 65%;
    }
}

@media (max-width: 418px) {
    .col-pv-12 {
        width: 100%;
    }
    .mt-pv-10 {
        margin-top: 10px;
    }
    .panel-title {
        font-size: 14px;
    }
    .compare-left-title {
        width: 40%;
    }
    .compare-scroll {
        width: 50%;
    }
    .compare-scroll table {
        width: 100%;
        min-width: 100%;
    }
    .checkout-all-block .checkout-add-new {
        font-size: 10px;
        right: 5px;
    }
}

/*TRACK*/

.verify-code-block {
    width: 70%;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 10px 9.9px 0.1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 10px 9.9px .1px rgba(0, 0, 0, .05);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 40px 40px;
    position: relative;
    z-index: 99;
}

.verify-code-img {
    display: inline-block;
}

.verify-code-img img {
    max-width: 100%;
}

.scan-qr {
    font-size: 16px;
    margin-top: 10px;
}

.verify-code-input {
    padding: 0 20px;
}

.verify-code-input input {
    width: 100%;
    border: none;
    border: 1px solid #ddd;
    height: 40px;
    font-size: 16px;
    padding: 0 10px;
}

.verify-main-block {
    min-height: 60vh;
}

.verify-code-input label {
    margin-bottom: 10px;
    font-size: 17px;
    text-transform: capitalize;
}

.verify-code-input input::placeholder {
    font-size: 14px;
}

.verify-or {
    position: absolute;
    left: 20px;
    right: 0;
    margin: auto;
    width: 1px;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: #ddd;
}

.verify-block-all {
    position: relative;
    display: flex;
    align-items: center;
}

.verify-code-input span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    color: #999;
    border: 1px solid #ddd;
    padding: 0 15px 0 15px;
    line-height: 40px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.verify-code-input span:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

/*TRACK VERIFY*/

.slick-prev {
    left: 0;
    z-index: 2;
}

.slick-next {
    right: 0;
}

.verify-track-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 70px;
}

.verify-track-wrapper {
    border-bottom: 3px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    background-color: #f3f4f8;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.verify-track-wrapper li.active-page {
    border-bottom: 3px solid #000;
}

.verify-track-wrapper li.active-page a {
    font-weight: bold;
}

.verify-track-wrapper li {
    font-size: 16px;
    opacity: 1;
    text-transform: capitalize;
    float: left;
    text-align: center;
    padding: 8px 10px;
    position: relative;
    border-bottom: 3px solid #ccc;
    bottom: -3px;
    cursor: pointer;
}

.verify-track-wrapper li:focus {
    outline: none;
}

.verify-track-wrapper span {
    float: left;
    height: 25px;
    display: block;
    margin-right: 2px;
}

.verify-track-wrapper li a {
    color: #000;
    padding: 0;
    display: block;
    float: left;
    line-height: 25px;
}

.verify-track-wrapper .prevdiv {
    display: flex;
    justify-content: flex-end;
}

.verify-track-wrapper .slick-center {
    display: flex;
    justify-content: center;
}

.verify-track-wrapper .nextdiv {
    display: flex;
    justify-content: flex-start;
}

.verify-track-wrapper li a.verify-active {
    color: #FFF;
    background-color: #000;
}

.uploads-slider .slick-prev:before {
    background: url('/client-assets/eCommerce-Branding/images/arrow-slider-left.svg') no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    content: "";
}

.uploads-slider .slick-next:before {
    background: url('/client-assets/eCommerce-Branding/images/arrow-slider-right.svg') no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    content: "";
}

.all-verify-title h4, .heart-arrow-dec h3 {
    margin-bottom: 20px;
    position: relative;
    font-size: 24px;
    border-bottom-width: 2px;
    width: auto;
    display: inline-block;
}

.insurance-terms .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.insurance-term-link {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 20px;
}

.all-verify-title h4:after, .heart-arrow-dec h3:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    bottom: -10px;
    left: 0;
}

.verify-uid {
    font-size: 16px;
    margin-top: 10px;
}

.verify-summary-block .image img {
    max-width: 70%;
    width: 100%;
}

.summary-info {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.summary-first {
    width: 25%;
    display: block;
    font-size: 15px;
    float: left;
}

.summary-second {
    display: block;
    overflow: hidden;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.sumammry-current-per {
    line-height: 26px;
    display: block;
    float: left;
    margin: 0 5px;
}

.summary-action-btn button {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
    padding: 10px 30px;
    font-size: 16px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.certificate-btn button {
    min-width: 310px;
}

.summary-action-btn button span {
    width: 0;
    height: 100%;
    display: block;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.summary-action-btn button span svg {
    position: absolute;
    top: 50%;
    left: 0;
    fill: #FFF;
    margin-top: -5px;
}

.summary-action-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.insurance-btn button:hover {
    background-color: #000;
    color: #FFF;
    padding-right: 60px;
}

.summary-action-btn button:hover span {
    opacity: 1;
    right: 15px;
    width: 31px;
}

.width-auto {
    width: auto !important;
}

.summary-wrapper p, .journey-content p {
    font-size: 16px;
    color: #555;
    line-height: 29px;
}

.certificate-image {
    background-image: url("/client-assets/eCommerce-Branding/images/verify/Divine-Certificate-new.png");
    padding: 150px 0;
    background-position: center 58%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

.certificate-image:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
}

.view-certificate {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 40px;
    background-color: #FFF;
    color: #000;
    border: 1px solid #FFF;
    line-height: 38px;
    text-align: center;
    border-radius: 20px;
    font-size: 16px;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-certificate i {
    margin-right: 10px;
    font-size: 18px;
}

.view-certificate:hover {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
}

.certificate-title {
    font-size: 18px;
    position: relative;
    font-weight: 600;
    background-color: #eee;
    padding: 8px 10px;
    text-align: left;
    margin-bottom: 10px;
}

.certificate-block {
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding: 5px 10px;
}

.certificate-block span:first-child {
    width: 35%;
    display: block;
    float: left;
}

.certificate-dec {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.certificate-dec1 {
    background-color: #eee;
    padding: 10px;
    color: #000;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
}

.certificate-tr {
    padding: 0;
}

.certificate-popup {
    width: 50%;
}

/*.light-performance {*/

/*background-color: #000;*/

/*}*/

.heart-arrow-gif img, .light-performance img {
    max-width: 100%;
}

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

.light-performance-bg {
    background-color: #000;
    max-width: 500px;
    margin: auto;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.heart-arrow-title, .light-diamond-text {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.light-diamond-text {
    margin-top: 0;
    margin-bottom: 10px;
}

.light-diamond-text i {
    vertical-align: text-bottom;
}

.light-performance-block {
    box-shadow: 1px 1px 13px 0.1px rgba(0, 0, 0, 0.13);
    display: inline-block;
}

.light-performance-pa {
    padding: 0 5px;
    position: static;
}

.light-performance-block .light-diamond {
    height: 130px;
}

.light-performance-block .light-diamond img {
    object-fit: cover;
    max-width: 100%;
}

.light-performance-total h3 {
    margin-top: 0;
    font-size: 18px;
    color: #FFF;
}

.light-performance-total h2 {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 32px;
    color: #FFF;
}

.light-performance-line i {
    font-size: 24px;
    color: #FFF;
}

.light-performance-line span {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 5px;
}

.light-performance-icon {
    position: relative;
    z-index: 1;
    padding: 0 5px;
    background-color: #000;
    display: inline-block;
}

.light-performance-line span:after {
    content: "";
    width: 100px;
    height: 2px;
    background-color: #FFF;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    left: 0;
}

.heart-arrow-title i, .light-diamond-text i {
    font-size: 16px;
    cursor: pointer;
}

.heart-arrow-title i:focus {
    outline: none;
}

.heart-arrow-dec p, .inscription-dec {
    color: #555;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.5px;
    word-break: break-word;
}

.heart-arrow-title .popover {
    padding: 0;
    width: 100%;
}

.heart-arrow-title {
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
}

.light-popup {
    max-width: 500px;
    max-height: 99%;
    overflow: auto;
    width: 100%;
    background: linear-gradient(to bottom, #001a4d 0, #000 200px, #000 100%);
    border-radius: 0;
    bottom: -250px;
    opacity: 0;
    position: absolute;
    transition: opacity 0.5s ease-out, bottom 0.5s ease-out;
}

.light-performance-popup {
    visibility: visible;
    text-align: center;
    display: flex;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all 0.5s ease-in-out;
}

.light-performance-popup.active {
    opacity: 1;
    visibility: visible;
}

.light-popup.active {
    bottom: 0;
    opacity: 1;
}

.light-popup .close {
    right: 10px;
    top: 10px;
}

.verify-animation .collapse.active {
    animation: slide-down 0.4s ease-out;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translate(0, 50px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.light-performance-img img, .journey-gif img, .inscription-img img, .uploads-slider img {
    max-width: 100%;
    width: 100%;
}

.loupe-dec p {
    color: #555;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
}

.light-performance-dec p {
    color: #FFF;
    font-size: 13px;
    line-height: 16px;
    margin-top: 20px;
}

.light-performance-dec h2 {
    margin-top: 0;
    color: #FFF;
    font-style: italic;
    font-size: 28px;
    text-align: center;
}

.journey-content-info svg {
    fill: #555;
}

.journey-content-info span {
    font-size: 15px;
    color: #555;
    display: block;
}

.journey-tab li {
    cursor: pointer;
    border-radius: 0;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
    margin: 5px 10px;
    display: inline-block;
}

.journey-tab li a {
    color: #000;
    font-size: 16px;
    padding: 8px 30px;
    display: block;
    background-color: #FFF;
}

.journey-tab li.active a {
    color: #FFF;
    background-color: #252a2b;
}

.journey-content-info-img {
    height: 44px;
}

.display-inline-block {
    display: inline-block;
}

.journey-country h3 {
    font-size: 20px;
    font-weight: 600;
}

.journey-about-content .journey-content-info-img {
    height: 70px;
}

.uploads-slider .slick-prev {
    left: -20px;
}

.uploads-slider .slick-next {
    right: -10px;
}

.uploads-slider .slick-prev, .uploads-slider .slick-next {
    top: 40%;
}

.youtube-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
    left: 0;
    right: 0;
    background-color: #FFF;
    width: 60px;
    border-radius: 100%;
    text-align: center;
}

.youtube-icon i {
    font-size: 26px;
    color: #000;
    height: 60px;
    line-height: 60px;
}

.verify-term-condition li {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
    list-style: outside;
}

.verify-term-condition li ul li {
    list-style: decimal;
}

.verify-term-condition li ul {
    padding-left: 25px;
}

.verify-term-condition span {
    font-size: 16px;
    color: #555;
    margin-top: 10px;
    display: block;
}

.insure-login-content p {
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px;
}

.insure-popup-img {
    width: 120px;
    height: 120px;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
}

.insure-after-content {
    width: 60%;
}

.insure-popup-img img {
    max-width: 100%;
}

.insure-popup-content {
    float: left;
    text-align: left;
    padding: 10px 20px;
}

.insure-popup-content b {
    margin-right: 10px;
    display: block;
    float: left;
    width: 20%;
}

.insure-popup-content span {
    display: block;
    overflow: hidden;
}

.loupe-img {
    width: 250px;
    height: 200px;
    display: inline-block;
    position: relative;
    background-color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.loupe-img .gif {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.loupe-img:hover .gif {
    opacity: 1;
}

.loupe-img:hover .thumb {
    opacity: 0;
}

.insure-consumer h2 {
    margin: 0;
    margin-bottom: 20px;
    position: relative;
    line-height: 22px;
}

.insure-consumer h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ddd;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.insure-consumer h2 span {
    font-size: 20px;
    background-color: #FFF;
    position: relative;
    z-index: 2;
    line-height: 24px;
    padding: 0 15px;
}

.insure-consumer-form input, .insure-consumer-form textarea, .insue-datepicker .k-datepicker .k-picker-wrap {
    height: 34px;
    border: 1px solid #ddd;
    width: 100% !important;
    padding: 5px 10px;
}

.insue-datepicker .k-datepicker {
    width: 100% !important;
}

.insue-datepicker .k-datepicker .k-picker-wrap, .insue-datepicker .k-datepicker .k-picker-wrap input {
    height: 32px !important;
    padding: 0 !important;
}

.insue-datepicker .k-input {
    padding: 0 !important;
}

.insue-datepicker .k-datepicker .k-picker-wrap .k-select {
    width: 89%;
    line-height: 32px !important;
    text-align: right;
    padding: 0 5%;
}

.insue-datepicker .k-datepicker .k-picker-wrap {
    padding: 0 10px !important;
    width: auto !important;
}

input.transcation-check {
    opacity: 0;
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 2;
}

.transcation-check-block {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    cursor: pointer;
}

.transcation-check-block:after {
    width: 18px;
    height: 18px;
    content: "";
    border: 1px solid #ddd;
    display: block;
}

.transcation-check:checked~.transcation-check-block:after {
    background-color: #000;
    content: "\f122";
    font-family: 'ionicons';
    color: #FFF;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #000;
}

.insure-now-btn button {
    background-color: #252a2b;
    padding: 8px 30px;
    color: #FFF;
    border: 1px solid #252a2b;
    font-size: 16px;
    margin: 5px;
}

.insure-now-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.summary-Jewelry-info {
    padding: 10px 30px 10px 10px;
    background-color: #f3f4f8;
    overflow: hidden;
    margin-top: 0;
    width: 100%;
    position: relative;
}

.Jewelry-detail-eye a {
    font-size: 28px;
    line-height: 30px;
    margin-top: -5px;
    display: block;
}

.summary-Jewelry-height {
    max-height: 250px;
    overflow: auto;
}

.summary-Jewelry-info svg path {
    fill: #000;
}

.summary-Jewelry-info svg {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 18px;
    margin: auto;
}

.summary-Jewelry-info a[aria-expanded="true"] .more {
    display: none;
}

.summary-Jewelry-info a[aria-expanded="true"] .less {
    display: block;
}

.summary-Jewelry-content {
    border-bottom: 1px solid #ddd;
}

.Jewelry-inr-name {
    font-size: 14px;
}

.Jewelry-inr-price {
    font-size: 24px;
}

.Jewelry-price-dis {
    font-size: 24px;
}

.pr-15 {
    padding-right: 15px;
}

.color-green {
    color: #008000 !important;
}

.color-red {
    color: #f00000;
}

.Jewelry-price-dis span {
    float: left;
    margin: 0 2px;
}

.Jewelry-price-dis .rotate-180 {
    transform: rotate(180deg);
}

.Jewelry-view-more a {
    text-decoration: underline;
    font-size: 16px;
}

.Jewelry-gold-dec {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.summary-Jewelry-info h3 a {
    font-size: 18px;
    text-transform: capitalize;
}

.Jewelry-gold-dec>span:first-child {
    width: 35%;
    display: block;
    float: left;
}

.Jewelry-gold-dec span:last-child {
    overflow: hidden;
    display: block;
}

.Jewelry-gold-wrapper h3 {
    color: #000;
    font-weight: normal;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    background-color: #f3f4f8;
    padding: 5px 10px;
    line-height: 30px;
}

.Jewelry-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.resale-wrapper>ul li {
    float: none;
    margin-bottom: 0;
    display: inline-block;
    margin: 10px 20px;
}

.resale-wrapper>ul li a {
    color: #000;
    font-size: 16px;
    padding: 8px 30px;
    cursor: pointer;
    background-color: #FFF;
    /*border: 1px solid #ddd;*/
    border-radius: 0;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
}

.resale-wrapper>ul li.active a, .resale-wrapper>ul li.active a:hover, .resale-wrapper>ul li.active a:focus {
    background-color: #000;
    color: #FFF;
}

.upgrade-content p, .upgrade-content ul li {
    color: #555;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.upgrade-content ul {
    padding-left: 25px;
}

.upgrade-content ul li {
    list-style: outside;
    margin-bottom: 8px;
}

.upgrade-content ul li ul li {
    list-style: decimal;
}

.term-condition-link a {
    font-weight: 600;
    font-size: 15px;
    text-decoration: underline;
}

.resale-btn button {
    background-color: #252a2b;
    padding: 10px 30px;
    color: #FFF;
    font-size: 16px;
    margin: 0 10px 5px 0;
    float: left;
    border: 1px solid #252a2b;
}

.resale-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.upgrade-content-title {
    color: #000;
    font-size: 20px;
}

.buyback-price span:first-child {
    margin-right: 10px;
    width: 30%;
    float: left;
    display: block;
}

.buyback-price {
    overflow: hidden;
    width: 100%;
}

@media (max-width: 1199px) {
    .certificate-block span:first-child {
        width: 45%;
    }
    .insure-after-content {
        width: 90%;
    }
    .verify-track-wrapper li {
        bottom: 0;
        border-bottom: none;
    }
}

@media (max-width: 767px) {
    insure-login-content .light-diamond-text {
        font-size: 14px;
        margin-top: 10px;
    }
    .all-verify-title h4, .heart-arrow-dec h3 {
        font-size: 18px;
    }
    .heart-arrow-dec p, .inscription-dec {
        font-size: 12px;
    }
    .light-popup, .certificate-popup {
        width: 90%;
    }
    .insure-after-content {
        overflow: scroll;
        height: 100%;
        max-height: 90%;
    }
    .insure-popup-content b {
        width: 35%;
    }
    .resale-btn button {
        font-size: 14px;
        padding: 10px 24px;
    }
    .insure-login-content {
        width: 90%;
    }
    .verify-track-wrapper {
        display: block;
        justify-content: center;
        padding: 0;
        margin-bottom: 10px !important;
    }
    .insure-consumer h2 span {
        font-size: 16px;
    }
    .insure-consumer h2:after {
        height: 0;
    }
}

@media (max-width: 575px) {
    .light-diamond img {
        max-width: 80%;
    }
    .insure-popup-content {
        padding: 10px 0;
        width: 100%;
    }
    .certificate-tr {
        width: 100%;
        margin-bottom: 10px;
    }
    .certificate-popup {
        height: 100%;
        max-height: 100%;
        overflow: scroll;
        padding: 15px;
    }
    .summary-first {
        width: 42%;
    }
    .uploads-slider .slick-next {
        right: 0;
    }
    .uploads-slider .slick-prev {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .certificate-popup {
        width: 80%;
    }
    .verify-track-wrapper li {
        font-size: 13px;
        padding: 10px 4px;
    }
    .verify-track-wrapper {
        padding: 0 5px;
    }
}

/*TRACK VERIFY*/

/*------------------------------ mehul home page (5 point test) 7-2-19 -----------------*/

.point-test-wrap {
    display: block;
    width: 100%;
    padding: 60px 0;
    position: relative;
}

.point-test-slider {
    padding-left: 300px;
    padding-bottom: 80px;
    padding-top: 50px;
}

.point-test-slider .item img {
    max-width: 100%;
    height: auto;
}

.point-test-slider .item {
    position: relative;
}

.point-test-slider .item .slider-text {
    color: #fff;
    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%);
    text-align: left;
}

.point-test-slider .item .slider-text img {
    display: inline-block;
    max-width: 200px;
}

.point-test-slider .item .slider-text .small-img img {
    max-width: 135px;
    margin-bottom: 20px;
}

.point-test-slider .item .slider-text h2 {
    margin-bottom: 20px;
}

.point-test-slider .item .slider-text p {
    font-size: 16px;
}

.point-test-slider:before {
    content: '';
    display: block;
    background-color: #2b2b2b;
    position: absolute;
    width: 400px;
    left: 0;
    top: 0;
    height: 100%;
}

.point-test-wrap .slider-nav-container {
    position: absolute;
    top: 45%;
    left: 50px;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-nav-container {
    max-width: 160px;
    padding-left: 80px;
    height: auto;
}

.slider-nav-buttons {
    position: relative;
    padding-top: 145px;
}

.slider-nav-item {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    position: relative;
    margin-bottom: 16px;
    -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .8s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer;
}

.slider-nav-item:after, .slider-nav-item:before {
    content: "";
    display: block;
    border: 4px solid #ccc;
    border-radius: 100%;
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
}

.slider-nav-item:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
}

.home-review .slider-nav-item:before {
    border-color: #77797b;
}

.slider-nav-item:after {
    border-color: #77797b;
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
}

.home-review .slider-nav-item:after {
    border-color: #fff;
}

.slider-nav-item-icon-container {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    overflow: hidden;
}

.slider-nav-item-icon-1, .slider-nav-item-icon-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: transform 0s cubic-bezier(.77, 0, .175, 1) 0s, opacity 0s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: transform 0s cubic-bezier(.77, 0, .175, 1) 0s, opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.77, 0, .175, 1) 0s;
}

.slider-nav-item .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    fill: #fff;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1);
    transition: transform .8s cubic-bezier(.165, .84, .44, 1), -webkit-transform .8s cubic-bezier(.165, .84, .44, 1);
}

.slider-nav-item-icon-2 {
    opacity: 0;
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
    -webkit-transition: opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: transform 0s cubic-bezier(.165, .84, .44, 1) 0s, opacity 0s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: transform 0s cubic-bezier(.165, .84, .44, 1) 0s, opacity 0s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 0s cubic-bezier(.165, .84, .44, 1) 0s;
}

.slider-nav-item:hover:before {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94), -webkit-transform .5s cubic-bezier(.25, .46, .45, .94);
}

.slider-nav-item:hover .slider-nav-item-icon-1 {
    opacity: 0;
    -webkit-transform: translateX(80px);
    transform: translateX(80px);
    -webkit-transition: opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
    transition: transform .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1);
    transition: transform .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
}

.slider-nav-item:hover .slider-nav-item-icon-2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
    transition: opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
    transition: transform .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1);
    transition: transform .6s cubic-bezier(.77, 0, .175, 1), opacity .6s cubic-bezier(.77, 0, .175, 1), -webkit-transform .6s cubic-bezier(.77, 0, .175, 1);
}

.slider-nav-item-prev:hover .slider-nav-item-icon-1 {
    -webkit-transform: translateX(-80px);
    transform: translateX(-80px);
}

.slider-nav-item:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 50ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 50ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 50ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 50ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 50ms, transform .5s cubic-bezier(.455, .03, .515, .955) 50ms;
    transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 50ms, transform .5s cubic-bezier(.455, .03, .515, .955) 50ms, -webkit-transform .5s cubic-bezier(.455, .03, .515, .955) 50ms;
}

.point-test-pagination .guaranteeIcon {
    width: 100%;
    text-align: left;
    cursor: pointer;
    margin-bottom: 15px;
}

.point-test-pagination .guaranteeIcon span {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
}

.point-test-pagination .spriteB:before {
    background-image: url("/client-assets/eCommerce-Branding/images/point-test.png");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    margin: 10px auto;
    height: 74px;
    width: 85px;
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
}

.point-test-pagination .guaranteeIcon.five-point:before {
    background-position: -265px -375px;
    width: 75px;
    height: 74px;
}

.point-test-pagination .guaranteeIcon.hearts-and-arrows:before {
    background-position: -144px -260px;
    width: 75px;
    height: 60px;
}

.point-test-pagination .guaranteeIcon.transparent-pricing:before {
    background-position: -262px -264px;
    width: 75px;
    height: 51px;
}

.point-test-pagination .guaranteeIcon.quality-guarantee:before {
    background-position: -395px -377px;
    width: 75px;
    height: 70px;
}

.point-test-pagination .guaranteeIcon.upgrade-and-Buyback:before {
    background-position: -24px -255px;
    width: 75px;
    height: 68px;
}

.point-test-pagination .guaranteeIcon.ultimate-light-performance:before {
    background-position: -500px -256px;
    width: 75px;
    height: 65px;
}

.term_links {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.term_links li {
    display: block;
}

.term_links a {
    display: flex;
    padding: 10px 10px;
    font-size: 16px;
}

.term_links a img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.term_links li.active a {
    border-bottom: 1px solid #121212;
    font-weight: 600;
}

.policy-text.dot-style li {
    list-style: disc;
    margin-bottom: 10px;
}

.policy-text.decimal-style li {
    margin-bottom: 10px;
}

/*------------------------------ mehul home page (5 point test) 7-2-19 -----------------*/

/*Portfolio*/

.porfolio-toptitle span {
    display: block;
    color: #000;
    font-size: 15px;
    text-align: center;
}

.porfolio-topbar {
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.22);
    padding: 10px 0;
}

.porfolio-block {
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.22);
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.porfolio-img {
    width: 150px;
    height: 150px;
    display: inline-block;
    background-image: url("/client-assets/eCommerce-Branding/images/product-empty.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.porfolio-img img {
    height: 100%;
    object-fit: cover;
    background-color: #FFF;
}

.purchase-detail-portfolio h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

.portfolio-close i {
    font-size: 16px;
    color: #555;
    cursor: pointer;
}

.purchase-detail-portfolio span {
    margin-top: 5px;
    display: block;
    float: left;
    font-size: 14px;
}

.portfolio-content {
    font-size: 16px;
}

.portfolio-content i {
    font-size: 24px;
    margin: 0 10px;
    color: #555;
    vertical-align: top;
}

.portfolio-name {
    font-size: 18px;
}

@media (max-width: 575px) {
    .porfolio-img {
        width: 100%;
        height: auto;
    }
    .porfolio-toptitle span {
        font-size: 12px;
    }
    .portfolio-content, .purchase-detail-portfolio h3, .purchase-detail-portfolio h3, .portfolio-name, .portfolio-price, .portfolio-product-detail h4, .portfolio-product-detail {
        font-size: 12px;
    }
    .portfolio-diamond, .purchase-detail-portfolio span, .porfolio-detail {
        font-size: 12px;
    }
    .portfolio-content i {
        font-size: 14px;
    }
    .purchase-detail-portfolio span {
        margin-top: 3px;
    }
}

/*Portfolio*/

/***PLAN YOUR DREAM SOLITAIRE***/

.add-diamond button {
    padding: 10px 30px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    color: #FFF;
    font-size: 16px;
    margin: 5px 10px 5px 10px;
}

.add-diamond button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.shape-img-plan {
    width: 40px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
    /*display: inline-block;*/
}

.know-form .shape-img-plan {
    display: inline-block;
}

.shape-img-plan.round-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/round_new_2.png");
}

.shape-img-plan.princess-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/princess_new_2.png");
}

.shape-img-plan.oval-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/oval_new_2.png");
}

.shape-img-plan.pear-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/pear_new_2.png");
}

.plan-your-shape-design {
    border: 1px solid #ddd;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

.shape-all-block.active .plan-your-shape-design {
    background: #000;
    border: 1px solid #000;
}

.shape-all-block.active .shape-img-plan.round-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/round_new_1.png");
}

.shape-all-block.active .shape-img-plan.princess-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/princess_new_1.png");
}

.shape-all-block.active .shape-img-plan.oval-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/oval_new_1.png");
}

.shape-all-block.active .shape-img-plan.pear-shape {
    background-image: url("/client-assets/eCommerce-Branding/images/shape/pear_new_1.png");
}

.plan-your-color-design {
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 10px;
    min-width: 30px;
}

.shape-all-block {
    float: left;
    margin: 0 20px 0 0;
}

.font-12 {
    font-size: 12px;
}

.plan-solitaire-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.carat-show-img {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url('/client-assets/eCommerce-Branding/images/product-empty.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.carat-show-img img {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    object-fit: contain;
    height: 100%;
}

.carat-show-table table {
    width: 100%;
    border: 1px solid #ddd;
}

.carat-show-table table td {
    padding: 8px 10px;
    text-align: center;
    border-right: 1px solid #ddd;
    position: relative;
}

.carat-show-title-table {
    background-color: #f8f8f8;
}

.carat-show-title-table td {
    font-size: 14px;
    color: #777;
    text-transform: uppercase;
}

.emi-option span {
    float: left;
    display: block;
    margin-top: -3px;
    font-size: 16px;
    margin-left: 10px;
}

.emi-block-all {
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
    padding: 10px 20px;
    margin: 5px 20px 5px 0;
    cursor: pointer;
}

.emi-option-select-label {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555;
}

.emi-option-select-confirm-label {
    font-size: 13px;
    margin-bottom: 20px;
    color: #555;
}

.customer-detail-book {
    padding: 8px 15px !important;
}

.customer-detail-block {
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}

.show-book-detail .show-book-active, .show-book-detail.active .show-book-svg {
    display: none;
}

.show-book-detail.active .show-book-active, .show-book-detail .show-book-svg {
    display: inline-block;
}

.show-book-detail .show-book-active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.show-book-detail-block {
    display: none;
}

.show-book-detail-block.active {
    display: table-row;
}

.cancelltion-btn button {
    padding: 8px 30px;
    background-color: #252a2b;
    color: #FFF;
    font-size: 16px;
    float: left;
    margin: 10px 10px 0 10px;
    border: 1px solid #252a2b;
}

.cancel-content {
    width: auto;
}

.cancel-content .cancel-close {
    top: 10px;
    right: 10px;
    position: absolute;
}

.cancelltion-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.choice-diamond-label span:first-child {
    margin-right: 5px;
    display: block;
    float: left;
    font-weight: 600;
    font-size: 15px;
}

.choice-diamond-label {
    color: #000;
}

.choice-diamond-price-label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    color: #000;
}

.order-diamond-img .product-block-info .product-img img {
    max-height: 100%;
    object-fit: contain;
    bottom: 0;
    height: 100%;
}

.choice-diamond-check {
    position: absolute;
    top: 10px;
    left: 10px;
}

.choice-diamond-check input {
    margin: 0;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.checkmark-option {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    width: 13px;
    height: 13px;
    font-size: 16px;
    line-height: 13px;
    text-align: center;
    color: #666;
    cursor: pointer;
}

.checkmark-option:after {
    content: "\f372";
    font-family: 'Ionicons';
}

.choice-diamond-check input:checked~.checkmark-option:before {
    content: "\f373";
    font-family: 'Ionicons';
}

.choice-diamond-check input:checked~.checkmark-option:after {
    display: none;
}

.order-now-btn button {
    background-color: #252a2b;
    color: #FFF;
    padding: 8px 45px;
    border: 1px solid #252a2b;
    font-size: 16px;
}

.order-now-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

@media (max-width: 991px) {
    .carat-table-qty input {
        width: 25px;
    }
    .emi-option-select-label1 {
        font-size: 13px;
    }
    .emi-option-select-confirm-label1 {
        font-size: 13px;
    }
}

/***PLAN YOUR DREAM SOLITAIRE***/

.order-cancel {
    width: 30%;
}

.order-cancel .cancelltion-btn h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

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

.order-cancel .footer-cancel-btn {
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: center;
}

.my-order-remark textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
}

.my-order-img {
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 2;
    left: 5px;
    top: 5px;
}

.my-order-img svg {
    fill: #333;
}

.order-confirmation-icon {
    font-size: 34px;
    color: #3c763d;
    margin-right: 20px;
}

.order-confirmation-content {
    color: #3c763d;
    font-size: 15px;
}

.order-confirmation-block {
    padding: 30px 30px;
    position: relative;
    z-index: 5;
    width: 100%;
    margin-bottom: 20px;
}

.order-number {
    font-size: 20px;
}

.order-number b {
    font-size: 14px;
    text-transform: uppercase;
}

.order-placed {
    font-size: 13px;
}

.order-info {
    overflow: hidden;
    padding: 15px 0;
    border: 1px solid #ddd;
}

.order-info-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.border-right {
    border-right: 1px solid #ddd;
}

.border-top-dotted {
    border-top: 1px dotted #ddd;
}

.pt-10 {
    padding-top: 10px;
}

.paid-amount-price {
    font-size: 18px;
    text-transform: uppercase;
}

.color-gre {
    color: #666;
}

.order-cart-img img {
    margin-right: -55px;
    max-width: 100%;
    width: 20%;
}

.order-cart-img {
    background-image: url("/client-assets/eCommerce-Branding/images/cart.jpg");
    position: relative;
}

.order-cart-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(223, 240, 216, 0.6);
}

.order-cart-cancel-img img {
    margin-right: -55px;
    max-width: 100%;
    width: 20%;
}

.order-cart-cancel-img {
    background-image: url("/client-assets/eCommerce-Branding/images/cart.jpg");
    position: relative;
}

.order-cart-cancel-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(254, 218, 218);
}

.order-cart-cancel-img .icon-close {
    color: red;
}

.order-cart-cancel-img p {
    color: red;
}

@media (max-width: 767px) {
    .order-confirmation-address .border-right {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-right: none;
    }
    .verify-block-all {
        display: block;
    }
    .verify-code-block {
        width: 100%;
        padding: 40px 30px;
    }
    .verify-or {
        left: 0;
        width: 100%;
        height: 1px;
        position: relative;
        margin-bottom: 20px;
        display: flex;
    }
    .verify-or span {
        width: 40px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }
    .verify-code-input {
        padding: 0;
    }
    .verify-code-info {
        margin-bottom: 20px;
    }
}

body.modal-open .edit-address {
    z-index: 1000000;
}

.know-the-verify {
    padding: 8px 63px !important;
}

.know-the-verify a {
    color: #FFF;
}

.know-the-verify:hover a {
    color: #000;
}

.engrave-content {
    display: none;
}

.engrave-input:checked~.engrave-content {
    display: block;
}

input.engrave-input {
    width: 15px;
    height: 15px;
    top: 2px;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.diamond-engrave .checkmark-option {
    position: absolute;
    display: block;
    left: -60px;
    right: 0;
    top: 8px;
    width: 13px;
    height: 13px;
    font-size: 16px;
    line-height: 13px;
    text-align: center;
    color: #666;
    margin: auto;
}

.diamond-engrave .checkmark-option:after {
    content: "\f372";
    font-family: 'Ionicons';
}

.engrave-input:checked~.checkmark-option:before {
    content: "\f373";
    font-family: 'Ionicons';
}

.engrave-input:checked~.checkmark-option:after {
    display: none;
}

.request-call-content {
    width: 60%;
    max-height: 100%;
    overflow: auto;
}

.request-bg {
    display: flex;
}

.request-bg img {
    max-width: 100%;
}

.request-bg input {
    width: 100%;
    padding: 0 10px;
    height: 34px;
    border: 1px solid #999;
}

.call-back {
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.call-back button {
    background-color: #000;
    color: #FFF;
    padding: 4px 24px;
    border: 1px solid #000;
}

.call-back button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.request-content p {
    line-height: 20px;
}

.request-bg-img {
    background-color: #fbf7ec;
    display: flex;
    align-items: center;
    height: 100%;
}

.all-model-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.all-model-content .modal-dialog {
    width: 430px;
    -webkit-transform: none !important;
    transform: none !important;
}
#popupManager.all-model-content .modal-dialog{
    width:730px;
}
.all-model-content .close {
    position: absolute;
    color: #FFF;
    background-color: #000;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    right: -10px;
    top: -10px;
}

.all-model-content .modal-content {
    border: none;
}

/*--------------------------- mehul 20-2-19 -------------------------*/

.list-inline {
    padding-left: 0;
    list-style: none;
}

.ir251-featured-in-lists li {
    height: 80px;
    text-align: center;
    padding: 0 10px;
}

.ir251-featured-in-lists li img {
    width: 100%;
    max-width: 80%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    object-fit: contain;
    height: 100%;
    display: inline-block;
}

.ir251-featured-in-lists .slick-prev {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-left.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    left: 0px;
}

.ir251-featured-in-lists .slick-next {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-right.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    right: 0px;
}

.ir251-featured-in-lists .slick-prev:before, .ir251-featured-in-lists .slick-next:before {
    content: "";
}

.features-wrap {
    border-top: 1px solid #eee;
}

.features-wrap ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.features-wrap ul li {
    display: inline-block;
    width: 18%;
    padding: 0 10px;
    vertical-align: top;
}

.features-wrap ul li img {
    max-width: 60px;
    display: inline-block;
}

.features-wrap ul li p {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
}

section.explore.section-gallery {
    padding-top: 45px;
    padding-bottom: 45px;
}

section.explore.section-gallery h2 {
    font-size: 28px;
}

.d-carousel-cener .dc-inner .dc-containt {
    text-align: center;
    opacity: 0;
    display: none;
}

.d-carousel-cener .active.center .dc-inner .dc-containt {
    opacity: 1;
    position: relative;
    z-index: 1;
    color: #333;
    display: block;
    margin-top: 50px;
}

.d-carousel-cener .active.center .dc-inner .dc-containt h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.d-carousel-cener .active.center .dc-inner .dc-containt p {
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
}

.d-carousel-cener .active.center .dc-inner .dc-containt p:after {
    content: '';
    position: absolute;
    top: 100%;
    margin-top: 4px;
    height: 1px;
    background: black;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
    -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1);
}

.d-carousel-cener .active.center .dc-inner:hover .dc-containt p:after {
    -webkit-transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s;
    transition: transform 0.5s cubic-bezier(0.28, 0, 0.18, 1) 0.2s;
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

.d-carousel-cener .dc-inner img {
    transform: scale(1);
    transition: all .3s ease
}

.d-carousel-cener .active.center .dc-inner img {
    transform: scale(1.7);
    transition: all .3s ease
}

.d-carousel-cener.owl-carousel .owl-stage-outer {
    padding-top: 50px
}

#shopRings .sectionTitle {
    margin-bottom: 0;
}

.d-carousel-cener .owl-nav {
    text-align: center;
    height: 1px;
    opacity: 1;
}

.d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next {
    width: 200px !important;
    height: 84px !important;
    cursor: pointer !important;
    background-image: url(/client-assets/eCommerce-Branding/images/Arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 50% !important;
    transition: all .3s !important;
    font-size: 0 !important;
    position: relative !important;
    top: -100px !important;
    z-index: 1 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    /*top: 50%;*/
    transform: translateY(0) !important;
}

.d-carousel-cener .owl-nav .owl-prev:hover, .d-carousel-cener .owl-nav .owl-next:hover {
    background-position: 65%
}

.d-carousel-cener .owl-nav .owl-prev {
    transform: rotate(180deg) !important;
}

.d-carousel-cener .owl-nav>div {
    display: inline-block;
    margin-left: 14%;
    margin-right: 14%;
    font-size: 38px
}

.d-carousel-cener.owl-carousel .owl-dots {
    display: none !important;
}

.love-outer-wrap {
    padding: 45px 0 60px;
}

.love-inner {
    /*margin-top: 30px;*/
}

.about-container {
    position: relative;
}

.about-preview-content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 40%;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 1.5625rem;
    padding-bottom: 4.125rem;
    padding-left: 0;
}

.about-preview__title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    width: 6.25rem;
    height: 100%;
    background-color: #F3F4F8;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (min-width: 62em) {
    .about-preview-content {
        padding-right: 0.125rem;
        padding-left: 0;
    }
}

.about-preview__title {
    position: relative;
    z-index: 1;
    color: #121212;
    width: 15.625rem;
    max-width: 100%;
    line-height: 1.1;
    margin-bottom: 0.625rem;
    margin-left: -0.9375rem;
    padding: 1.5625rem 0;
}

@media only screen and (min-width: 36em) {
    .about-preview__title {
        width: 23.125rem;
    }
}

@media only screen and (min-width: 48em) {
    .about-preview__title {
        width: 28.125rem;
        margin-left: -1.5625rem;
    }
}

@media only screen and (min-width: 62em) {
    .about-preview__title {
        width: 30rem;
        margin-left: -1.5625rem;
    }
}

.about-preview__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*width: 30.5rem;*/
    width: 360px;
    max-width: 100%;
    padding: 0 1.875rem;
}

.about-preview__content h3 {
    width: auto;
    font-size: 18px;
    margin-bottom: 24px;
    margin-top: 0;
}

@media only screen and (min-width: 62em) {
    .about-preview__content {
        padding: 0;
        padding-top: 30px;
    }
}

.about-preview__description {
    color: #121212;
}

.about-preview-borders {
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: .3s .2s opacity ease;
    transition: .3s .2s opacity ease;
}

@media only screen and (min-width: 62em) {
    .about-preview-borders {
        width: 100%;
        height: 100%;
        padding-bottom: 1px;
    }
}

.about-preview--active .about-preview-borders {
    opacity: 1;
}

.about-preview__image {
    position: absolute;
    z-index: 2;
    will-change: border-radius, transform;
}

.about-preview__image2 {
    bottom: 0.625rem;
    left: 1.25rem;
    display: none;
    width: 13.75rem;
    height: 14.375rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30% 70% 53% 47% / 62% 46% 54% 38%;
    -webkit-animation: morph2 8s linear infinite alternate;
    animation: morph2 8s linear infinite alternate;
}

@media only screen and (min-width: 62em) {
    .about-preview__image2 {
        display: block;
    }
}

@media only screen and (min-width: 75em) {
    .about-preview__image2 {
        width: 17.5rem;
        height: 18.25rem;
        left: 16%;
    }
}

.about-preview__image1 {
    top: 36px;
    right: -1.875rem;
    width: 12.5rem;
    height: auto;
    /* border-radius: 71% 29% 47% 53% / 35% 60% 40% 65%;
    -webkit-animation: morph1 8s linear infinite alternate;
    animation: morph1 8s linear infinite alternate; */
}

@media only screen and (min-width: 36em) {
    .about-preview__image1 {
        right: 15%;
    }
}

@media only screen and (min-width: 48em) {
    .about-preview__image1 {
        width: 11.1875rem;
        right: 8%;
    }
    .about-preview__image2 {
        left: 15.25rem;
    }
    .about-preview-content {
        width: 60%;
        padding-right: 15px;
        padding-left: 0;
    }
}

@media only screen and (min-width: 62em) {
    .about-preview__image1 {
        right: 12%;
    }
    .about-preview__image2 {
        left: 20.25rem;
    }
}

@media (max-width: 575px) {}

@media only screen and (min-width: 75em) {
    .about-preview__image1 {
        width: 13rem;
        right: 17%;
    }
}

@media (max-width: 500px) {
    .about-preview__image2 {
        bottom: -11.625rem;
    }
    .love-inner .slick-list {
        padding-bottom: 0;
        padding-top: 0;
    }
    .about-preview-content {
        width: 80% !important;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .about-preview-content {
        width: 90% !important;
        padding-top: 25px;
    }
}

@-webkit-keyframes morph1 {
    0%, 100% {
        border-radius: 71% 29% 47% 53% / 35% 60% 40% 65%;
    }
    25% {
        border-radius: 63% 37% 36% 64% / 45% 51% 49% 55%;
    }
    50% {
        border-radius: 44% 56% 54% 46% / 64% 36% 64% 36%;
    }
}

@keyframes morph1 {
    0%, 100% {
        border-radius: 71% 29% 47% 53% / 35% 60% 40% 65%;
    }
    25% {
        border-radius: 63% 37% 36% 64% / 45% 51% 49% 55%;
    }
    50% {
        border-radius: 44% 56% 54% 46% / 64% 36% 64% 36%;
    }
}

@-webkit-keyframes morph2 {
    0%, 100% {
        border-radius: 30% 70% 53% 47% / 62% 46% 54% 38%;
    }
    25% {
        border-radius: 41% 59% 44% 56% / 44% 37% 63% 56%;
    }
    50% {
        border-radius: 73% 27% 69% 31% / 38% 54% 46% 62%;
    }
}

@keyframes morph2 {
    0%, 100% {
        border-radius: 30% 70% 53% 47% / 62% 46% 54% 38%;
    }
    25% {
        border-radius: 41% 59% 44% 56% / 44% 37% 63% 56%;
    }
    50% {
        border-radius: 73% 27% 69% 31% / 38% 54% 46% 62%;
    }
}

.love-inner .slick-prev:before, .love-inner .slick-next:before {
    color: transparent;
}

.love-inner .slick-prev {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-left.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    bottom: -40px;
    top: auto;
    right: 50%;
    left: auto;
    margin: 0 20px;
}

.love-inner .slick-next {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-right.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    bottom: -40px;
    left: 50%;
    right: auto;
    margin: 0 20px;
    top: auto;
}

.lookbook-slider-wrap .lookbook-inner {
    position: relative;
    padding: 0 15px;
}

.lookbook-slider-wrap .slick-prev:before, .lookbook-slider-wrap .slick-next:before {
    color: transparent;
}

.lookbook-slider-wrap .slick-prev {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-left.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    left: -45px;
}

.lookbook-slider-wrap .slick-next {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-right.svg) no-repeat 0;
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    right: -45px;
}

.single-link {
    display: inline-block;
}

/*--------------------------- mehul 20-2-19 -------------------------*/

.checkout-pro-info {
    background-color: #f3f4f8;
    margin-bottom: 30px;
    /*box-shadow: -1px 2px 11px 0.1px rgba(0, 0, 0, 0.2);*/
    border: 1px solid #ddd;
    padding: 15px;
}

.checkout-pro-icon {
    width: 32px;
    height: 32px;
    border: 1px solid #999;
    padding: 6px;
    text-align: center;
    border-radius: 100%;
    float: left;
    color: #999;
    margin-right: 5px;
    font-size: 12px;
}

.m2 {
    margin: 2px;
}

.checkout-pro-text {
    float: left;
    font-size: 16px;
    color: #999;
    line-height: 32px;
}

.checkout-pro-block {
    overflow: hidden;
    float: left;
}

.checkout-pro-block:after {
    content: "";
    width: 150px;
    display: block;
    border: 1px dashed #999;
    float: left;
    margin: 15px 10px;
}

.checkout-pro-block:last-child:after {
    content: none;
}

.checkout-complete-block .checkout-pro-icon {
    background-color: #000;
    color: #FFF;
    border: 1px solid #000;
}

.checkout-pro-icon svg {
    fill: #999;
    width: 18px;
    height: 18px;
    display: block;
}

.checkout-active-block .checkout-pro-icon {
    border: 1px solid #000;
    color: #000;
}

.checkout-active-block .checkout-pro-icon svg {
    fill: #000;
}

.checkout-complete-block .checkout-pro-icon svg {
    fill: #FFF;
}

.checkout-complete-block:after {
    border: 1px solid #000;
}

.checkout-active-block .checkout-pro-text, .checkout-complete-block .checkout-pro-text {
    color: #000;
}

.addres-select {
    float: left;
    position: relative;
    margin-right: 8px;
    width: auto;
    padding: 0;
}

/*ORDER_HISTORY*/

.history-top-title {
    display: flex;
    background-color: #262a2b;
    padding: 10px;
}

.history-title {
    font-size: 16px;
    color: #FFF;
}

.history-up-price {
    font-size: 18px;
}

.history-up-price span {
    color: #a8a8a8;
    margin-left: 5px;
}

.history-up-price .history-old-price {
    text-decoration: line-through;
    color: #a8a8a8;
}

.history-up-price .history-off {
    font-size: 14px;
    color: #eaeaea;
}

.history-up-price .history-total-price {
    color: #fff;
}

.letter-spacing {
    letter-spacing: 1.5px;
}

.my-history-all {
    border: 1px solid #ddd;
    padding: 15px;
    overflow: hidden;
    width: 100%;
    background-color: #f2f2f2;
}

.my-history-all:last-child {
    border-top: none;
}

.history-img {
    width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    float: left;
    background-image: url('/client-assets/eCommerce-Branding/images/product-empty.jpg');
    background-size: 100%;
    background-position: center;
    position: relative;
}

.history-img svg {
    position: absolute;
    top: 5px;
    left: 5px;
    fill: #555;
}

.history-info {
    float: left;
    padding: 0 10px;
    font-size: 16px;
    text-align: left;
}

.history-info b {
    font-size: 14px;
}

.my-pyds-detail span:first-child {
    display: block;
    float: left;
}

.my-pyds-detail {
    overflow: hidden;
    width: 100%;
}

.history-img img {
    max-width: 100%;
    background-color: #FFF;
    /*padding: 10px;*/
    object-fit: contain;
    height: 100%;
}

.history-btn {
    margin-bottom: 5px;
}

.history-btn a {
    background-color: #FFF;
    color: #252a2b;
    padding: 5px 25px;
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #FFF;
}

.history-btn a:hover {
    background-color: #252a2b;
    color: #FFF;
}

.history-cancel-btn a {
    background-color: #252a2b;
    color: #fff;
    border: 1px solid #252a2b;
}

.history-cancel-btn a:hover {
    background-color: #FFF;
    color: #252a2b;
}

.text-transform-uppercase {
    text-transform: uppercase !important;
}

.p-lr-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.history-step {
    color: #999;
}

.history-step:after {
    content: "";
    width: 200px;
    border: 1px dashed #999;
    display: block;
    float: left;
    margin: 16px 10px;
}

.history-step:last-child:after {
    content: none;
}

.history-step-icon {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #999;
}

.history-step-icon svg {
    margin: 5px 0;
    fill: #999;
}

.history-step-complete .history-step-icon {
    background-color: #000;
    border: 1px solid #000;
}

.history-step-active .history-step-icon {
    border: 1px solid #000;
}

.history-step-complete .history-step-icon svg {
    fill: #FFF;
}

.history-step-complete:after {
    border: 1px solid #000;
}

.history-step-active .history-step-icon svg, .history-step-complete .payment-icon svg path:nth-child(2) {
    fill: #000;
}

.history-step-complete, .history-step-active {
    color: #000;
}

.history-status {
    text-decoration: underline;
}

.pl-115 {
    padding-left: 115px;
}

.pl-5 {
    padding-left: 5px;
}

.font-12 {
    font-size: 12px;
}

/*Diamond education*/

.diamond-education-top-tab {
    display: flex;
    justify-content: center;
}

.diamond-education-top-block {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 70px;
    background-color: #FFF;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.diamond-education-top-tab li a {
    float: left;
    padding: 15px 25px;
    font-size: 16px;
    color: #000;
    margin: 0 10px;
    border-bottom: 2px solid #f3f4f8;
    background-color: #f3f4f8;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.diamond-education-top-tab li.active a {
    border-bottom: 2px solid #000;
}

.diamond-education-top-tab li a svg {
    fill: #000;
    float: left;
    margin-right: 5px;
}

.diamond-education-block {
    padding: 30px 15px;
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 2px 10px #dcdcdc;
}

.diamond-educarion-dec p, .diamond-educarion-dec ul li {
    color: #555;
    font-size: 15px;
    line-height: 26px;
}

.diamond-educarion-dec ul li {
    margin-bottom: 5px;
}

.diamond-education-left-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 155px;
}

.education-shape img {
    border: 1px solid #ddd;
    padding: 10px;
    width: 70%;
    display: inline-block;
}

.education-ring img {
    border: 1px solid #ddd;
}

.diamond-education-top-tab li {
    display: flex !important;
    justify-content: center;
}

.diamond-education-top-tab li.prevdiv a {
    justify-content: flex-end;
}

.diamond-education-top-tab li.nextdiv a {
    justify-content: flex-start;
}

.diamond-education-mobile .slick-next, .diamond-education-mobile .slick-prev {
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.diamond-education-mobile .slick-prev {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-left.svg) no-repeat 0;
    left: 0;
}

.diamond-education-mobile .slick-next {
    background: url(/client-assets/eCommerce-Branding/images/arrow-slider-right.svg) no-repeat 0;
    right: 0;
}

.diamond-education-mobile .slick-next:before, .diamond-education-mobile .slick-prev:before {
    content: none;
}

.diaedu-dropdown-icon, .diaedu-dropdown-icon1 {
    top: 0;
    margin-left: 5px;
    margin: 0px 5px;
    display: block;
    fill: #555 !important;
    position: relative;
    right: 25%;
    bottom: 0;
    margin: auto;
}

.diaedu-dropdown-icon1 {
    display: none;
}

.diamond-education-dropdown {
    right: 0;
    position: absolute;
    margin: 0 auto;
    left: 0;
    box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.24);
    width: 300px;
    padding: 0;
}

.diamond-education-dropdown li {
    background-color: #f3f4f8;
    padding: 8px 12px;
    border-bottom: 1px solid #999;
}

.loose-diamond-dropdown, .diamond-ring-dropdown {
    display: none;
}

/*22-2-19*/

@media (max-width: 1024px) {
    .product-details-text {
        /*margin-top: 20px;*/
    }
}

@media (max-width: 991px) {
    .history-step:after {
        width: 70px;
    }
}

@media (max-width: 767px) {
    .certificate-btn .insurance-btn {
        text-align: center !important;
    }
    .certificate-btn button {
        float: none !important;
        display: inline-block;
    }
    .checkout-pro-block:after {
        width: 80px;
        margin: 15px 5px;
    }
}

@media (max-width: 575px) {
    .choice-diamond-label {
        width: 100%;
    }
    .product-detail-slider #thumbs {
        margin-right: 5px;
    }
    .history-step:after {
        width: 25px;
        margin: 16px 0;
    }
    .history-cancel-btn {
        float: left !important;
        margin-top: 10px;
        width: 100%;
    }
    .return-cancel-btn {
        float: left !important;
        margin-top: 10px;
        width: 100%;
    }
    .history-top-title {
        overflow: hidden;
        display: block;
    }
    .checkout-pro-block {
        margin-right: 50px;
        position: relative;
        text-align: center;
        overflow: visible;
    }
    .checkout-pro-block:last-child {
        margin-right: 0;
    }
    .checkout-pro-icon, .checkout-pro-text {
        float: none;
        font-size: 14px;
    }
    .checkout-pro-icon {
        display: inline-block;
    }
    .checkout-pro-block:after {
        width: 50px;
        position: absolute;
        right: -75%;
        top: 0px;
    }
}

@media (max-width: 440px) {
    .my-order-history-step {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }
    .my-history-all {
        padding-left: 15px;
        padding-right: 15px;
    }
    .my-history-all .history-step {
        margin-right: 5px;
    }
    .history-cancel-btn {
        width: 100%;
        margin-top: 10px;
    }
    .return-cancel-btn {
        width: 100%;
        margin-top: 10px;
    }
    .history-img {
        display: inline-block;
    }
    .product-list-banner img {
        top: 0;
    }
}

#branding.all-model-content .modal-dialog {
    top: 0% !important;
}

/*COLLECTION*/

.collection-slider .slick-next {
    background: url('/client-assets/eCommerce-Branding/images/arrow-slider-right.svg') no-repeat 0;
    left: 50%;
    right: auto;
}

.collection-slider .slick-track {
    height: 250px;
}

.collection-slider img {
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

.collection-slider .slick-prev {
    right: 50%;
    left: auto;
    background: url('/client-assets/eCommerce-Branding/images/arrow-slider-left.svg') no-repeat 0;
}

.collection-slider .slick-next, .collection-slider .slick-prev {
    width: 30px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    top: auto;
    bottom: -30px;
    margin: 0 10px;
}

.collection-slider .slick-next:before, .collection-slider .slick-prev:before {
    content: none;
}

.Jewelry-collection-content p {
    color: #333;
    line-height: 24px;
    letter-spacing: 0.5px;
    font-size: 15px;
    margin-bottom: 16px;
}

.Jewelry-superior-content {
    background-color: #FFF;
    margin-left: -150px;
    margin-top: 50px;
    padding: 65px;
    position: relative;
}

.Jewelry-superior-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 10px solid #FFF;
    position: absolute;
    top: -20px;
    left: -20px;
    box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}

.superior-last-block {
    background: #f3f4f8;
    padding: 50px 30px;
    padding-left: 370px;
    margin-bottom: 80px;
}

.superior-img {
    position: absolute;
    top: 50px;
    width: 348px;
    height: 374px;
}

.superior-img img {
    width: auto;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}

.superior-quality-last-img {
    height: 436px;
}

.superior-quality-last-img img {
    object-fit: cover;
    height: 100%;
}

.usps-Jewelry {
    background-image: url('/client-assets/eCommerce-Branding/images/collection/background.jpg');
    padding: 80px 0;
    background-position: top -40px left 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.diamond-handcraft {
    background: #f3f4f8;
    padding: 80px 0;
}

.handcraft-bg {
    background-image: url('/client-assets/eCommerce-Branding/images/collection/background1.jpg');
    padding: 80px 0;
    background-size: cover;
    background-attachment: fixed;
}

.handcraft-color {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px 10px;
    overflow: hidden;
}

.transparent-pricing-wrapper {
    background-image: url('/client-assets/eCommerce-Branding/images/collection/diamond6.jpg');
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right -120px;
    position: relative;
}

.transparent-pricing-wrapper:after {
    content: "";
    background: linear-gradient(#e8ebec, #e2e6e7, #d3d9d7);
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.Jewelry-collection-title h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}

/*customer review*/

.customer-review-content p {
    color: #555;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.customer-review-content .sub-title, .customer-review-content .short-name {
    font-size: 16px;
    color: #666;
}

.customer-review-block {
    background-color: #FFF;
    box-shadow: 0 0 10px 0px #dcdcdc7d;
    padding: 15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.bg-color {
    padding: 50px 0;
}

/*policies*/

.policies-block {
    display: flex;
    justify-content: center;
    background-color: #f3f4f8;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 20px 0 0 0;
}

.policies-block li {
    float: left;
}

.policies-block li a {
    padding: 15px 35px;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    color: #000;
    display: block;
    margin: 0 10px;
    border-bottom: 2px solid #000;
    background-color: #FFF;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.policies-block li.active a {
    background-color: #000;
    color: #FFF;
}

.policies-block li a svg {
    fill: #000;
    display: block;
    float: left;
    margin-right: 8px;
}

.policies-block li.active a svg {
    fill: #FFF;
}

.policies-title {
    width: 100%;
    overflow: hidden;
}

.policies-title h4 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    border-bottom: 2px solid #555;
    padding-bottom: 5px;
    display: block;
    float: left;
}

.policies-img svg {
    float: left;
    margin-right: 25px;
    fill: #555;
}

.dummy-text p {
    color: #555;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

/*BUG_SOLVE*/

.product-img .quick-view {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    background-color: #f3f4f8;
    border-radius: 100%;
    text-align: center;
}

.product-img .quick-view i {
    font-size: 18px;
    color: #000;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 34px;
}

.modal.fade .modal-dialog.quick-view-block, #internationalCertificateModal.modal.fade .modal-dialog, #parameters123Modal.modal.fade .modal-dialog, .modal.fade .modal-dialog.insurance-terms {
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 95%;
    width: 850px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.modal.fade .modal-dialog.insurance-terms {
    max-width: 97%;
    width: 100%;
}

.modal.in .modal-dialog.quick-view-block, #internationalCertificateModal.modal.in .modal-dialog, #parameters123Modal.modal.in .modal-dialog, .modal.in .modal-dialog.insurance-terms {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
}

#internationalCertificateModal, #parameters123Modal {
    z-index: 1000000;
}

.quick-view-content h2 {
    font-size: 24px;
    margin-top: 0;
    text-transform: capitalize;
}

.quick-sku {
    font-size: 18px;
}

.quick-view-text svg {
    float: left;
    margin-right: 15px;
}

.quick-view-text {
    width: 100%;
    overflow: hidden;
}

.quick-view-dec {
    overflow: hidden;
}

.quick-view-dec span {
    line-height: 30px;
    font-size: 16px;
    display: block;
    font-weight: bold;
}

.quick-view-dec p {
    color: #555;
    font-size: 15px;
}

.quick-view-price {
    font-size: 26px;
}

.quick-view-box {
    background-color: #f3f4f8;
    padding: 5px;
}

.quick-btn button {
    background-color: #252a2b;
    border: 1px solid #252a2b;
    color: #FFF;
    padding: 8px 34px;
    font-size: 18px;
}

.quick-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.quick-view-block .modal-body {
    padding: 25px;
}

.quick-view-popup-in {
    width: 50px;
    height: 50px;
    position: relative;
    border: 1px solid #ddd;
}

.quick-view-popup-view {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: scale(0);
    background-color: rgba(0, 0, 0, 0.5);
}

.quick-view-popup-view img {
    max-width: 50%;
    margin: auto;
    display: inline-block;
    position: relative !important;
}

.quick-view-popup-view.active {
    transform: scale(1);
}

.quick-close {
    position: absolute;
    right: -20px;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -20px;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .component-review-carousel .carousel-item .centered {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .component-review-carousel .carousel-item .centered {
        width: calc((100% - 24px) * 0.75 - 24px);
        margin: 0 auto
    }
}

@media only screen and (min-width: 1025px) {
    .component-review-carousel .carousel-item .centered {
        width: calc((100% - 24px) * 0.75 - 24px);
        margin: 0 auto;
    }
}

.component-review-carousel .carousel-item .quote {
    font-family: "Meta Serif", sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #122947;
    margin: 0 0 24px;
    text-align: center;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .component-review-carousel .carousel-item .quote {
        font-size: calc((100vw - 360px) * (20 - 20) / (767 - 360) + 20px)
    }
}

@media only screen and (max-width: 359px) {
    .component-review-carousel .carousel-item .quote {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1439px) {
    .component-review-carousel .carousel-item .quote {
        font-size: calc((100vw - 768px) * (24 - 24) / (1439 - 768) + 24px)
    }
}

@media only screen and (min-width: 1440px) {
    .component-review-carousel .carousel-item .quote {
        font-size: calc((100vw - 1440px) * (40 - 24) / (2560 - 1440) + 24px)
    }
}

@media only screen and (min-width: 2561px) {
    .component-review-carousel .carousel-item .quote {
        font-size: 40px
    }
}

.component-review-carousel .carousel-item span {
    text-transform: uppercase;
    text-align: center;
    color: rgba(18, 41, 71, 0.8);
    display: block;
    font-family: FFMarkWebProMedium;
}

.component-review-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    margin: 0 32px;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    border: 2px solid rgba(18, 41, 71, 0.12);
    margin-top: -33px;
    line-height: 44px;
    text-align: center;
    transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .component-review-carousel .slick-arrow {
        margin: 0 24px;
        bottom: 12px;
        top: auto
    }
    .lookbook-slider-wrap .slick-prev {
        left: 0;
    }
    .lookbook-slider-wrap .slick-next {
        right: 0;
    }
}

@media (max-width: 1024px) {
    .d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next {
        width: 100px !important;
        background-size: 100% !important;
    }
}

@media (max-width: 575px) {
    .d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next {
        width: 50px !important;
        background-size: 100% !important;
        top: -70px !important;
    }
}

.plan-solitaire-bg {
    background-color: #f3f4f8;
    padding: 60px 0;
}

/*INSTRAGRAM*/

.component-review-carousel .slick-arrow:hover {
    border-color: rgba(18, 41, 71, 0.8)
}

.component-review-carousel .slick-arrow.prev-arrow {
    left: 0
}

.component-review-carousel .slick-arrow.prev-arrow svg {
    transform: rotate(-90deg)
}

.component-review-carousel .slick-arrow.next-arrow {
    right: 0
}

.component-review-carousel .slick-arrow.next-arrow svg {
    transform: rotate(90deg)
}

.component-review-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 24px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 30px;
}

.component-review-carousel .slick-dots li {
    display: inline-block
}

.component-review-carousel .slick-dots li.slick-active button::before {
    border: 1px solid #122947;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border-radius: 20px;
}

.component-review-carousel .slick-dots li button {
    border: none;
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background-color: transparent;
    color: transparent;
    padding: 0;
    margin: 0 6px
}

.component-review-carousel .slick-dots li button::before {
    content: '';
    border-radius: 13px;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #122947;
    vertical-align: middle;
    transition: all 200ms Cubic-bezier(0.3, 0, 0.3, 1);
}

.component-review-carousel .button-container {
    text-align: center;
    margin: 72px 0 0
}

.component-review-carousel {
    margin-top: 60px;
}

.component-review-carousel .slick-dots li button:focus {
    outline: none;
}

.component-ugc-social-widget .grid {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.component-ugc-social-widget .grid>* {
    flex: 1 1 0%;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.component-ugc-social-widget .grid>*>.grid {
    margin-bottom: -24px
}

@media only screen and (max-width: 767px) {
    .component-ugc-social-widget>.grid {
        display: block;
        box-sizing: border-box;
        margin-left: -24px;
        margin-right: 0;
        padding-right: 0px
    }
    .component-ugc-social-widget>.grid>* {
        box-sizing: border-box;
        margin-left: 24px;
        margin-bottom: 24px
    }
    .component-ugc-social-widget>.grid .column:first-child {
        /* display: none !important */
    }
}

.component-ugc-social-widget>.grid .column {
    margin-bottom: 0
}

.component-ugc-social-widget>.grid .column.gallery {
    display: flex;
    flex-wrap: wrap
}

.component-ugc-social-widget>.grid .column.gallery>div {
    width: 50%;
    min-width: 50%;
    position: relative
}

.component-ugc-social-widget>.grid .column.gallery>div img {
    width: 100%;
    display: block
}

.component-ugc-social-widget>.grid .column.gallery>div a {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    background-color: rgba(18, 41, 71, 0.8);
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 400ms Cubic-bezier(1, 0, 0.43, 1);
    display: flex;
    align-items: center;
    justify-content: center
}

.component-ugc-social-widget>.grid .column.gallery>div:hover a {
    opacity: 1
}

.component-ugc-social-widget>.grid .column.center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-self: center;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .component-ugc-social-widget>.grid .column.center {
        height: auto;
        padding: 15px 0;
    }
}

.component-ugc-social-widget>.grid .column.center a.btn.home-about__btn.icon.icon--inline.icon--arrow-right-dark {
    margin-top: 0;
    text-decoration: none;
}

.component-ugc-social-widget>.grid .column.center h5 {
    margin-bottom: 6px;
}

.term_links {
    background: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    padding: 10px;
    margin-left: -15px;
}

/*INSUARNCE*/

.insurance-details-images {
    width: 100px;
    float: left;
    margin-right: 10px;
    height: 100px;
    background-color: #FFF;
    border: 1px solid #ddd;
}

.insurance-id-info {
    overflow: hidden;
}

.insurance-id-content {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
}

.insurance-id-content span:first-child {
    font-size: 15px;
    font-weight: bold;
    width: 40%;
    display: block;
    float: left;
}

.insurance-id-content span:last-child {
    display: block;
    overflow: hidden;
}

.insurance-id-input {
    padding: 20px 0;
}

.insurance-now-block {
    width: 50%;
}

.insurance-now-block span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    font-size: 12px;
    color: #555;
    padding: 0 10px;
    border-left: 1px solid #ddd;
    line-height: 34px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.insurance-now-block span:hover {
    background-color: #252a2b;
    color: #FFF;
    border-left: 1px solid #252a2b;
}

.insurance-id-input label {
    width: 100%;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}

.insurance-id-input input {
    width: 100%;
    border: 1px solid #ddd;
    height: 34px;
    padding: 0 30px 0 10px;
}

.insurance-title {
    border-bottom: 1px solid #ddd;
}

.insurance-input {
    margin-bottom: 10px;
}

.insurance-input input {
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ddd;
    height: 40px;
    color: #000;
    font-size: 15px;
}

.insurance-input input::placeholder {
    color: #888;
    font-size: 15px;
}

.insurance-id-block {
    background-color: #f3f4f8;
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
}

.insurance-sub-title h2 {
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: normal;
    text-transform: uppercase;
}

.insurance-detail-block {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 15px 0;
}

.insurance-detail-block-left {
    border-right: 1px solid #ddd;
}

.insuranceinfo-btn {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}

.insuranceinfo-btn button {
    background-color: #252a2b;
    color: #FFF;
    font-size: 16px;
    border: 1px solid #252a2b;
    padding: 8px 35px;
}

.insuranceinfo-btn button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.insurance-datepicker .k-datepicker.k-header {
    width: 100% !important;
}

.insurance-datepicker .k-datepicker .k-picker-wrap {
    border: 1px solid #ddd;
}

.insurance-datepicker .k-datepicker .k-picker-wrap input, .insurance-datepicker .k-datepicker .k-picker-wrap {
    background-color: #FFF !important;
    height: 40px !important;
    border-radius: 0;
}

.insurance-datepicker .k-datepicker .k-picker-wrap .k-select {
    line-height: 40px !important;
}

@media (max-width: 767px) {
    .insurance-detail-block-left {
        border-right: none;
        margin-bottom: 20px;
    }
    .policies-block li a {
        padding: 15px 25px;
    }
}

@media (max-width: 575px) {
    .insurance-id-content span:first-child {
        width: 48%;
    }
}

/*------------------------------------------- mehul 13-3-19 ------------------------------------*/

.store-detail-desc {
    font-size: 15px;
    color: #000;
    margin-bottom: 30px;
    line-height: 24px;
}

.store-search-filed .btn {
    border-radius: 0;
}

.store-search-filed .btn-default {
    background: #121212;
    color: #fff
}

.store-search-filed .btn-default:hover {
    background: #fff;
    color: #121212;
}

.store-search-box .sticky-btn {
    display: none;
}

.store-search-box.sticked {
    position: fixed;
    top: 70px;
    left: 0;
    background: #fff;
    z-index: 992;
    width: 100%;
    padding-bottom: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.store-search-box.sticked .store-search-info {
    border: 0;
    padding: 15px 5px 0;
}

.store-search-box.sticked .stiked-form {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.store-search-box.sticked .sticky-btn {
    display: flex;
    justify-content: space-between;
}

.store-search-box.sticked .non-sticky {
    display: none;
}

.store-search-box.sticked .store-location-label {
    display: none;
}

.store-search-box.sticked .will-shrink {
    width: 16.6666666667%;
}

.store-search-box.sticked .will-expand {
    width: 37.3333333333%;
}

.use-my-location {
    border: 1px solid #252a2b;
    padding: 0 10px;
    line-height: 36px;
    font-size: 15px;
}

.use-my-location i {
    margin-right: 5px;
}

.use-my-location:hover {
    background: #252a2b;
}

.use-my-location:hover a {
    color: #fff;
}

.use-my-location:hover a i {
    color: #fff
}

.store-search-box.sticked .use-my-location {
    margin-right: 0;
}

/*------------------------------------------- mehul 13-3-19 ------------------------------------*/

/*------------------------------------------- mehul 14-3-19 -----------------------------------*/

.pt-30 {
    padding-top: 30px;
}

a.nav_toggle {
    display: block;
    padding: 15px 0 0 15px;
    height: 16px;
    top: 65px;
    left: 10px;
    position: fixed;
    z-index: 100002;
    line-height: 0;
    background-color: transparent !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.mobile-view-menu-open {
    position: absolute !important;
    top: 0 !important;
    left: 250px !important;
}

.nav_on .slider-open-after {
    display: none !important;
}

a.nav_toggle.sticky {
    top: 25px;
}

a.nav_toggle.with-bg {
    top: 15px;
    left: 0;
    position: fixed;
    z-index: 10000000;
}

nav.main.white-nav {
    z-index: 1000001;
}

a.nav_toggle::after {
    content: "";
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar-nav>li>a.nav_toggle:after {
    background: transparent;
}

.hamburger {
    width: 22px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: -4px;
    margin-right: 8px;
}

.hamburger div {
    position: absolute;
    background: #2b2b2b;
    height: 2px;
    width: 22px;
    left: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.hamburger div.hamburger1 {
    top: 0;
}

.hamburger div.hamburger2 {
    top: 7px;
    width: 19px;
}

.hamburger div.hamburger3 {
    top: 14px;
}

.nav_on .hamburger div {
    background: #000;
}

.nav_on .hamburger div.hamburger1 {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 7px;
}

.nav_on .hamburger div.hamburger2 {
    opacity: 0;
}

.nav_on .hamburger div.hamburger2, .nav_on .hamburger div.hamburger3 {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 7px;
}

.nav_on a.nav_toggle::after {
    opacity: 0;
}

nav.main {
    display: none;
    background: #FFF;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.nav_inner {
    display: table;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav_center {
    display: table-cell;
    vertical-align: middle;
    padding: 60px 100px 20px 100px;
}

ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul.menu>li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

nav ul.menu>li>a {
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 14px 50px 14px 0;
    overflow: hidden;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.nav_center li {
    opacity: 0;
}

nav ul.menu>li>a:hover, nav ul.menu>li:hover>a {
    opacity: 0.6;
}

ul.menu>li#menu-item-339>a {
    color: #d5a07f;
}

.menu .children {
    display: none;
}

nav .menu-category-menu-container {
    max-width: 680px;
    line-height: 0;
    font-size: 0;
}

nav .menu-category-menu-container ul.menu>li {
    width: 50%;
}

nav .menu-category-menu-container ul.menu>li>a {
    font-size: 14px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    line-height: 2;
}

p.nav_cat_title {
    color: #747474;
    letter-spacing: 0.6px;
    font-size: 14px;
    margin: 50px 0 20px 0;
    text-transform: uppercase;
    font-family: FFMarkWebProMedium;
}

section.block {
    padding: 30px 0px
}

.featured-products {
    text-align: center
}

.featured-products.waypoint-active .col .image-container {
    opacity: 1;
    -webkit-transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms;
    -moz-transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms;
    -ms-transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms;
    -o-transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms;
    transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms;
}

.featured-products header {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .featured-products header {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .featured-products header {
        width: calc((100% - 24px) * 0.75 - 24px);
        margin: 0 auto
    }
}

@media only screen and (min-width: 1025px) {
    .featured-products header {
        width: calc((100% - 24px) * 0.66667 - 24px);
        margin: 0 auto
    }
}

.featured-products header h2 {
    font-size: 32px;
}

.featured-products header p {
    margin: 0 auto 30px;
    max-width: 480px;
    color: #000;
    font-family: FFMarkWebProRegular;
}

.featured-products .grid-container {
    padding: 0 24px
}

.featured-products .col {
    text-align: center;
    margin-bottom: 0px;
    padding: 0 7.5px;
}

.featured-products .col .background-container {
    overflow: hidden;
    margin-bottom: 24px
}

.featured-products .col .image-container {
    opacity: 0
}

.featured-products .col .image-container::before {
    content: "";
    display: block
}

.featured-products .col {
    flex-basis: 100%;
    max-width: 100%;
}

.featured-products .col .image-container::before {
    padding-top: 100%;
}

@media only screen and (min-width: 1025px) {
    .featured-products .collectionSlider .col .image-container::before {
        padding-top: 100%
    }
    .featured-products .col .image-container::before {
        padding-top: 80%
    }
}

.featured-products .col:nth-child(1) .image-container {
    transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 0ms
}

.featured-products .col:nth-child(2) .image-container {
    transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 250ms
}

.featured-products .col:nth-child(3) .image-container {
    transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 500ms
}

.featured-products .col:nth-child(4) .image-container {
    transition: transform 500ms Cubic-bezier(0.3, 0, 0.3, 1), opacity 500ms Cubic-bezier(1, 0, 0.43, 1) 750ms
}

.image-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.featured-products .col h3 {
    color: rgba(0, 0, 0, 0.8);
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    text-transform: capitalize
}

.featured-products .col p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.64)
}

.featured-products .col span.link-primary {
    display: inline-block;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: FFMarkWebProMedium;
    letter-spacing: 0.8px;
    color: #000;
}

.featured-products .col:hover .image-container {
    transform: scale(1.08, 1.08)
}

.featured-products .col.classic .background-container {
    background-color: #dde9ed
}

.featured-products .col.classic .image-container {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/Rings.jpg)
}

.featured-products .col.classic .image-container.handcrafted {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/handceafted.jpg)
}

.featured-products .col.classic .image-container.collection1 {
    background-image: none;
    /*height: 385px;*/
    position: relative;
}

.module-home-second .image-container img {
    position: absolute;
    max-width: 100%;
    height: 100%;
    width: 100%;
    top: 0;
    object-fit: cover;
}

.featured-products .col.classic .image-container.collection4 {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection4.jpg)
}

.featured-products .col.classic .link-primary:after {
    background-color: #dde9ed
}

.featured-products .col.pave .background-container {
    background-color: #e5d3d9
}

.featured-products .col.pave .image-container {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/diamond-journey.jpg)
}

.featured-products .col.pave .image-container.Jewelry-usps {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/Jewelry-usps.jpg)
}

.featured-products .col.pave .image-container.collection2 {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection2.jpg)
}

.featured-products .col.pave .image-container.collection5 {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection5.jpg)
}

.featured-products .col.pave .link-primary:after {
    background-color: #e5d3d9
}

.featured-products .col.halo .background-container {
    background-color: #f6dcd4
}

.featured-products .col.halo .image-container {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/diamond-ring.jpg)
}

.featured-products .col.halo .image-container.collection-Jewelry {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection.jpg);
}

.featured-products .col.halo .image-container.collection3 {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection3.jpg)
}

.featured-products .col.halo .image-container.collection6 {
    background-image: url(/client-assets/eCommerce-Branding/images/diamond/collection6.jpg)
}

.featured-products .col.halo .link-primary:after {
    background-color: #f6dcd4
}

@media only screen and (min-width: 768px) {
    .featured-products a.button {
        margin: 80px 0 0
    }
}

@media only screen and (max-width: 767px) {
    .featured-products a.button {
        margin: 24px 0 0
    }
}

.collectionSlider .slick-arrow, #guaranteeIcons .slick-arrow {
    position: absolute;
    top: 50%;
    margin: 0 -44px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    border: 2px solid rgba(18, 41, 71, 0.12);
    line-height: 36px;
    text-align: center;
    transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    margin-top: -22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collectionSlider .slick-list {
    padding-right: 100px;
}

.collectionSlider .slick-arrow.prev-arrow, #guaranteeIcons .slick-arrow.prev-arrow {
    left: 0;
}

.collectionSlider .slick-arrow.next-arrow, #guaranteeIcons .slick-arrow.next-arrow {
    right: 0;
}

.collectionSlider .slick-arrow:hover, #guaranteeIcons .slick-arrow:hover {
    border-color: rgba(18, 41, 71, 0.8)
}

.collectionSlider .slick-arrow.prev-arrow svg, #guaranteeIcons .slick-arrow.prev-arrow svg {
    transform: rotate(-90deg)
}

.collectionSlider .slick-arrow.next-arrow svg, #guaranteeIcons .slick-arrow.next-arrow svg {
    transform: rotate(90deg)
}

.tPad20 {
    padding-top: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

/*------------------------------------------- mehul 14-3-19 -----------------------------------*/

/*------------------------------------------- mehul 18-3-19 -----------------------------------*/

#addAddressModal input, #addAddressModal textarea, #addAddressModal select {
    height: 24px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #525151;
    background-color: transparent;
}

#addAddressModal label {
    color: #525151;
    font-family: FFMarkWebProMedium;
    font-size: 14px;
    margin-bottom: 0;
}

#addAddressModal label svg {
    border: 1px solid #000;
    padding: 3px;
    margin-right: 5px;
    cursor: pointer;
}

#addAddressModal select {
    color: #888;
    font-size: 14px;
    margin-left: -4px;
    font-family: FFMarkWebProMedium;
}

#addAddressModal select option {
    color: #000;
}

#addAddressModal textarea {
    height: 80px;
    padding: 10px;
}

#addAddressModal select:focus {
    outline: none;
}

#addAddressModal input::placeholder, #addAddressModal textarea::placeholder {
    color: #888;
    font-size: 14px;
    opacity: 1;
}

/*------------------------------------------- mehul 18-3-19 -----------------------------------*/

/*********************************************18-3-2019*/

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.heart-arrow-tab li, .diamond-jourey-tab li {
    float: none;
    margin-bottom: 0;
    display: inline-block;
    margin: 10px 20px 10px 0px;
}

.heart-arrow-tab li a, .diamond-jourey-tab li a {
    color: #000;
    font-size: 16px;
    padding: 10px 30px;
    display: block;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 0;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
}

.heart-arrow-tab li.active a, .diamond-jourey-tab li.active a {
    background-color: #000;
    color: #FFF;
}

.heart-arrow-tab li a svg, .diamond-jourey-tab li a svg {
    margin: -5px 2px;
}

.heart-arrow-tab li.active a svg, .diamond-jourey-tab li.active a svg {
    fill: #FFF;
}

.diamond-journey .slick-prev, .diamond-journey .slick-next {
    top: auto;
    bottom: -40px;
    margin: 0 20px;
    width: auto;
}

.diamond-journey .slick-prev {
    right: 50%;
    left: auto;
}

.diamond-journey .slick-next {
    left: 50%;
    right: auto;
}

.diamond-journey .slick-prev:before, .diamond-journey .slick-next:before {
    content: "\e90e";
    font-family: 'zoa' !important;
    color: #000;
    opacity: 1;
    display: block;
    font-size: 10px;
}

.diamond-journey .slick-prev:before {
    transform: rotate(180deg);
}

.p-lr-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.heart-arrow-tab {
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
}

/* ------------------------------------
HEADER
------------------------------------ */

header.main.with-bg {
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    text-align: right;
    line-height: 0;
    z-index: 1000000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-font-smoothing: antialiased;
    background: #fff;
}

.nav_on header.main.with-bg {
    height: 70px;
}

.nav_spacer {
    display: none;
    height: 70px;
}

.single .nav_spacer, .woocommerce-cart .nav_spacer, .woocommerce-checkout .nav_spacer, .page-template-page-simple .nav_spacer, .blog .nav_spacer {
    display: block;
}

.logo {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 144px;
    margin-left: -72px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.logo_small {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 144px;
    margin-left: -72px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scrolled header.main.with-bg, .single header.main.with-bg, .woocommerce-cart header.main.with-bg, .woocommerce-checkout header.main.with-bg, .page-template-page-simple header.main.with-bg, .blog header.main.with-bg {
    height: 70px;
    background: black;
}

.scrolled header.main.with-bg a.nav_toggle, .single header.main.with-bg a.nav_toggle, .woocommerce-cart header.main.with-bg a.nav_toggle, .woocommerce-checkout header.main.with-bg a.nav_toggle, .page-template-page-simple header.main.with-bg a.nav_toggle, .blog header.main.with-bg a.nav_toggle {
    padding: 27px 40px;
}

.scrolled header.main.with-bg .logo, .single header.main.with-bg .logo, .woocommerce-cart header.main.with-bg .logo, .woocommerce-checkout header.main.with-bg .logo, .page-template-page-simple header.main.with-bg .logo, .blog header.main.with-bg .logo {
    opacity: 0;
    width: 180px;
    margin-left: -90px;
    top: 6px;
}

.scrolled header.main.with-bg .logo_small, .single header.main.with-bg .logo_small, .woocommerce-cart header.main.with-bg .logo_small, .woocommerce-checkout header.main.with-bg .logo_small, .page-template-page-simple header.main.with-bg .logo_small, .blog header.main.with-bg .logo_small {
    opacity: 1;
}

header.main.with-bg a.nav_search, header.main.with-bg a.nav_cart {
    padding: 64px 40px 60px 0;
    display: inline-block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header.main.with-bg a.nav_search:hover, header.main.with-bg a.nav_cart:hover {
    color: #d5a07f;
}

.scrolled a.nav_search, .scrolled a.nav_cart, .single a.nav_search, .single a.nav_cart, .woocommerce-cart a.nav_search, .woocommerce-cart a.nav_cart, .woocommerce-checkout a.nav_search, .woocommerce-checkout a.nav_cart, .page-template-page-simple a.nav_search, .page-template-page-simple a.nav_cart, .blog a.nav_search, .blog a.nav_cart {
    padding: 30px 40px 29px 0;
}

.woocommerce-cart .cat_header, .woocommerce-checkout .cat_header {
    display: none;
}

header.main.with-bg h1.cart_header {
    margin-bottom: 50px;
}

header.main.with-bg .btn {
    background: #000;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1.5px;
    line-height: 1.125em;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: font-size 400ms ease-in-out, padding 400ms ease-in-out;
    transition: font-size 400ms ease-in-out, padding 400ms ease-in-out;
    font-family: FFMarkWebProMedium;
}

header.main.with-bg .btn--transparent {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
}

header.main.with-bg .transition--btn-border-blue-two, header.main.with-bg .transition--btn-invert {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

header.main.with-bg .transition--btn-invert:hover {
    background-color: #fff;
    color: #000;
    border-color: #000;
}

header.main.with-bg .transition--btn-border-blue-two:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

body.scrolled header.main.with-bg .btn {
    background: #FFF;
    color: #000;
    border-color: #fff;
}

body.scrolled header.main.with-bg .transition--btn-invert {
    background: #000;
    color: #FFF;
}

body.scrolled header.main.with-bg .transition--btn-invert:hover {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

body.scrolled header.main.with-bg .btn:hover {
    background: #000;
    color: #FFF;
}

body.scrolled header.main.with-bg .transition--btn-invert:hover {
    background: #FFF;
    color: #000;
}

.home-hero__btns a.btn.transition.transition--btn-invert:hover {
    border: 1px solid #333;
}

.home-hero__btns a.btn.transition.transition--btn-invert {
    border: 1px solid #fff;
}

.home-hero__btns a.btn.btn--transparent.transition.transition--btn-border-blue-two:hover {
    border: 1px solid #fff;
}

/* ------------------------------------
NAVIGATION
------------------------------------ */

header.main.with-bg a.nav_toggle {
    display: block;
    padding: 27px 40px;
    height: 16px;
    top: 0;
    left: 0px;
    position: absolute;
    z-index: 999;
    line-height: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header.main.with-bg a.nav_toggle::after {
    content: "Menu";
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header.main.with-bg .hamburger {
    width: 22px;
    height: 16px;
    display: inline-block;
    position: relative;
    vertical-align: -4px;
    margin-right: 8px;
}

header.main.with-bg .hamburger div {
    position: absolute;
    background: #000;
    height: 2px;
    width: 22px;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header.main.with-bg .hamburger div.hamburger1 {
    top: 0;
}

header.main.with-bg .hamburger div.hamburger2 {
    top: 7px;
    width: 19px;
}

header.main.with-bg .hamburger div.hamburger3 {
    top: 14px;
}

.nav_on header.main.with-bg a.nav_toggle {
    padding: 27px 0 27px 20px;
}

.nav_on header.main.with-bg .hamburger div.hamburger1 {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 7px;
}

.nav_on header.main.with-bg .hamburger div {
    background: #000;
}

body.scrolled.nav_on header.main.with-bg .hamburger div {
    background: #fff;
}

.nav_on .hamburger div.hamburger2 {
    opacity: 0;
}

.nav_on header.main.with-bg .hamburger div.hamburger2, .nav_on header.main.with-bg .hamburger div.hamburger3 {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 7px;
}

.nav_on header.main.with-bg a.nav_toggle::after {
    opacity: 0;
}

body.scrolled header.main.with-bg .hamburger div {
    background: #fff;
}

body.scrolled header.main.with-bg a.nav_toggle::after {
    color: #fff
}

nav.main {
    display: block;
    background: #FFF;
    color: white;
    position: fixed;
    top: 0px;
    left: -350px;
    width: 320px;
    height: 100%;
    z-index: 100001;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
}

nav.main.active {
    left: 0
}

nav.shop-header.main {
    top: 40px;
}

body.scrolled nav.shop-header.main {
    top: 0;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    outline: 1px solid slategrey;
}

.nav_inner {
    display: table;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
}

.nav_center {
    display: table-cell;
    vertical-align: top;
    padding: 80px 20px 0 20px;
}

ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul.menu>li {
    list-style: none;
    margin: 0;
    padding: 0;
    /*display: inline-block;*/
    display: block;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

nav ul.menu>li>a {
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 6px 0px 10px 0;
    overflow: hidden;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

.nav_center li {
    opacity: 1;
}

nav ul.menu>li>a:hover, nav ul.menu>li:hover>a {
    opacity: 0.6;
}

ul.menu>li#menu-item-339>a {
    color: #d5a07f;
}

.menu .children {
    display: none;
}

nav .menu-category-menu-container {
    max-width: 680px;
    line-height: 0;
    font-size: 0;
}

nav .menu-category-menu-container ul.menu>li {
    width: 100%;
}

nav .menu-category-menu-container ul.menu>li>a {
    font-size: 13px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    line-height: normal;
}

p.nav_cat_title {
    color: #747474;
    letter-spacing: 0.6px;
    font-size: 14px;
    /*margin: 50px 0 20px 0;*/
    margin: 20px 0 20px 0;
    border-bottom: 1px solid #747474;
    text-transform: uppercase;
    font-family: FFMarkWebProMedium;
    padding-bottom: 15px;
}

.home-hero__btns {
    display: inline-block;
    padding: 15px 15px 15px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.transition--btn-invert:hover {
    background-color: #000;
    color: #fff;
}

.transition--btn-invert:hover svg {
    fill: #000;
}

.transition--btn-invert svg, header.main.with-bg .transition--btn-border-blue-two:hover svg {
    fill: #FFF;
}

.transition--btn-border-blue-two:hover {
    border-color: #000;
}

.transition--btn-border-blue-two, .transition--btn-invert {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

body.scrolled header.main.with-bg .home-hero__btns {
    padding: 20px 15px 20px 0px;
}

@media (min-width: 1025px) {
    .hidden-md {
        display: none;
    }
}

@media (max-width: 1024px) {
    .hidden-sm {
        display: none;
    }
}

.user-sec {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    text-align: left;
}

.user-sec .element-user svg {
    fill: #000
}

.user-sec .desktop-userActions {
    right: 0;
    top: 35px;
    width: 360px;
}

.user-sec .desktop-infoTitle, .user-sec .desktop-infoEmail {
    line-height: 1;
}

.user-sec .desktop-infoTitle {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 10px;
}

.user-sec .desktop-infoEmail {
    letter-spacing: normal;
}

.user-sec .avatar-name {
    border: 1px solid #000;
    padding: 10px 5px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-top: 0;
    /*line-height: 1;*/
    text-align: center;
    width: 35px;
    height: 35px;
    letter-spacing: normal;
    text-align: center;
    line-height: 33px;
}

.user-sec .dropdown-toggle {
    margin-right: 0 !important;
}

.user-sec .avatar-name a:hover {
    color: #000 !important;
}

.user-sec .dropdown-menu {
    left: auto;
    right: 0;
    top: 37px;
}

body.scrolled .user-sec .element-user svg {
    fill: #fff;
}

body.scrolled .user-sec .avatar-name {
    border-color: #fff;
}

body.scrolled .user-sec .avatar-name>a {
    color: #fff
}

body.scrolled .user-sec .element a>span:hover {
    color: #fff !important;
}

.journey-img-block {
    width: 150px;
    height: 150px;
    display: inline-block;
}

.our-journey-slider {
    opacity: 0.8;
    transform: scale(0.8);
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.our-journey-slider .journey-content-slider {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}

.our-journey-slider.slick-current {
    opacity: 1;
    transform: scale(1);
}

.our-journey-slider.slick-current .journey-content-slider {
    opacity: 1;
    transform: translateY(0);
}

.our-journey-slider h4 {
    margin-top: 20px;
    font-size: 16px;
}

.journey-content-slider h2 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.journey-content-slider p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.our-journey-slider-block li button {
    width: 0 !important;
    background-size: 100% !important;
    height: 8px !important;
    display: block;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #000;
    border-radius: 100%;
    padding: 0 !important;
    margin: 2px;
}

.our-journey-slider-block li.slick-active button {
    width: 8px !important;
}

.our-journey-slider-block .slick-dots li {
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    border-radius: 100%;
    float: left;
    margin: 0 85px;
    padding: 0;
}

.our-journey-slider-block .slick-dots li button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    content: '';
    pointer-events: none;
    opacity: 1;
    border-radius: 50%;
}

.our-journey-slider-block .slick-dots li.slick-active button:before {
    -webkit-transition: -webkit-transform 1.2s, opacity 1.5s;
    transition: transform 1.2s, opacity 1.5s;
    -webkit-transform: translateZ(0) scale(2.5);
    transform: translateZ(0) scale(2.5);
    opacity: 0;
    box-shadow: 0 0 8px 2px #000;
}

.our-journey-slider-block .slick-dots li:after {
    content: "";
    width: 180px;
    height: 1px;
    border: 1px dashed #000;
    float: left;
    display: block;
    margin: 0 5px;
    position: absolute;
    left: 5px;
    bottom: 0;
    margin: auto;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.our-journey-slider-block .slick-dots li button:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 0;
    margin: auto;
    top: 0;
    width: 0;
    height: 1px;
    transition: all 0.5s ease-in-out;
    border: 1px solid #000;
}

.our-journey-slider-block .slick-dots li.disabled button:after {
    width: 180px;
}

.our-journey-slider-block .slick-dots li:last-child:after {
    display: none;
}

.our-journey-slider-block .slick-dots li:before {
    position: absolute;
    bottom: -25px;
    left: -10px;
    font-size: 16px;
    font-weight: bold;
}

#slick-slide00:before {
    content: "2006";
}

#slick-slide01:before {
    content: "2013";
}

#slick-slide02:before {
    content: "2014";
}

#slick-slide03:before {
    content: "2016";
}

#slick-slide04:before {
    content: "2018";
}

#slick-slide05:before {
    content: "2018";
}

.our-journey-slider-block .slick-dots {
    display: flex !important;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}

.pt-70 {
    padding-top: 70px;
}

.diamond-value-btn button {
    font-size: 16px;
    font-weight: bold;
}

.diamond-value-btn button:before {
    content: "[";
    margin-right: 5px;
}

.diamond-value-btn button:after {
    content: "]";
    margin-left: 5px;
}

.header-bottom-line {
    width: 100%;
    height: 1px;
    background-color: #747474;
    margin: 5px 0;
}

.Jewelry-collection-pages a {
    margin-top: 20px;
    display: block;
    background: #000;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1.5px;
    line-height: 1.125em;
    transition: all 0.3s ease-in-out;
    border: 1px solid #000;
    padding: 17px 30px;
    text-align: center;
    text-transform: uppercase;
}

.Jewelry-collection-pages a:hover {
    transform: translateY(-3px);
    background: #FFF;
    color: #000;
    border: 1px solid rgba(18, 41, 71, 0.12);
}

.diamond-menu {
    padding: 0 15px;
}

.diamond-menu>li>a {
    color: #555;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    border-bottom: 1px dotted #cacaca;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.diamond-menu>li:last-child>a {
    border-bottom: none;
}

.diamond-menu li.active {
    font-weight: bold;
}

.diamond-menu li {
    list-style: none;
}

.diamond-menu ul {
    padding: 0 15px;
}

.diamond-menu ul li a {
    color: #555;
    font-size: 13px;
    padding: 2px 0;
    display: block;
}

.pt-45 {
    padding-top: 45px;
}

.store-search-mobile {
    background-color: #252a2b;
    width: 54px;
    height: 54px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    left: 15px;
    bottom: 0;
    z-index: 1000;
}

.store-search-mobile svg {
    fill: #FFF;
    width: 25px;
    height: 25px;
    margin: 15px;
    display: block;
}

.store-search-mobile-close {
    position: absolute;
    right: 8px;
    width: 30px;
    height: 30px;
    background-color: #000;
    top: -20px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
}

.store-search-mobile-close i {
    font-size: 16px;
    color: #FFF;
}

/*SLIDEBAR TOGGLE*/

.diamond-education-toggle, .diamond-sub-toggle {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: auto;
    padding: 0px;
    margin: 3px 0;
    text-align: center;
}

.menu-sub-toggle {
    top: 7px;
}

.diamond-education-toggle i, .diamond-sub-toggle i {
    color: #999;
    font-size: 16px;
}

.diamond-menu, .diamond-education-sub-menu, .menu-sub-sub-menu {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity, height 0.5s;
    /*display: none;*/
}

.diamond-menu li, .diamond-education-sub-menu li, .menu-sub-sub-menu li {
    height: 0;
    position: relative;
}

.diamond-education-toggle .ion-minus, .diamond-icon-close.diamond-education-toggle .ion-plus, .diamond-sub-toggle .ion-minus, .diamond-icon-close.diamond-sub-toggle .ion-plus {
    display: none;
}

.diamond-icon-close.diamond-education-toggle .ion-minus, .diamond-education-toggle .ion-plus, .diamond-icon-close.diamond-sub-toggle .ion-minus, .diamond-sub-toggle .ion-plus {
    display: block;
}

.diamond-education-open, .diamond-menu-open, .Jewelry-menu-open, .design-menu-open, .collection-menu-open {
    opacity: 1;
    height: auto;
    visibility: visible;
}

.diamond-education-open li, .diamond-menu-open li, .Jewelry-menu-open li, .design-menu-open li, .collection-menu-open li {
    height: auto;
}

.page-not-found p {
    font-size: 16px;
    color: #333;
}

.font-15 {
    font-size: 15px !important;
}

/*Categories*/

.category-slider-block {
    padding: 0 7.5px;
}

.categories-slider .prev-arrow, .categories-slider .next-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 32px;
    border: 1px solid #888;
    width: 32px;
    border-radius: 100%;
    text-align: center;
    cursor: pointer;
}

.categories-slider .prev-arrow {
    transform: rotate(-90deg);
    left: -10px;
}

.categories-slider .next-arrow {
    transform: rotate(90deg);
    right: -10px;
}

.categories-slider {
    padding: 0 20px;
}

.categories-slider .prev-arrow:hover, .categories-slider .next-arrow:hover {
    border: 1px solid #000;
}

.categories-slider .prev-arrow svg, .categories-slider .next-arrow svg {
    margin: 7px;
}

.categories-slider .prev-arrow svg g, .categories-slider .next-arrow svg g {
    stroke: #888;
}

.categories-slider .prev-arrow:hover svg g, .categories-slider .next-arrow:hover svg g {
    stroke: #000;
}

.categoris-main-img {
    height: 381px;
}

.categoris-main-img img {
    object-fit: cover;
    height: 100%;
}

.categoris-main-block {
    background-color: #f1f1f1;
}

.categories-content h4 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
}

/*ECommerce-BLOG*/

.blog-content-info h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 0;
}

.blog-content-info p {
    font-size: 14px;
    color: #555;
    line-height: 26px;
    margin-top: 20px;
}

.blog-read-more {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    padding: 8px 45px;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
}

.blog-read-more:hover {
    background-color: #FFF;
    color: #000;
}

.blog-main-date {
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.blog-main-date i {
    margin-right: 5px;
    font-size: 14px;
}

.latest-blog-detail .blog-main-date {
    font-size: 14px;
}

.lates-blog {
    border: 1px solid #ddd;
    padding: 20px 10px 0 10px;
}

.latest-blog-detail h4 {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-top: 0;
}

.blog-detail-date {
    padding: 5px 10px;
    float: right;
    font-size: 16px;
    border: 1px solid #555;
}

.blog-detail-breadcrumb {
    overflow: hidden;
    width: 100%;
    background-color: #f1f1f1;
    padding: 10px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

.blog-detail-info h3 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-detail-post span {
    font-size: 16px;
    margin-right: 10px;
}

.blog-detail-post i {
    margin-right: 3px;
    color: #555;
}

.blog-detail-date i {
    margin-right: 10px;
}

.blog-detail-dec p {
    font-size: 15px;
    color: #555;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.blog-detail-next h4 {
    text-align: right;
    float: right;
    cursor: pointer;
}

.blog-detail-next h4.left-section {
    float: left;
    text-align: left;
}

.blog-detail-next span {
    float: left;
    display: block;
    width: 70%;
    margin-right: 15px;
}

.blog-detail-next h4.left-section span {
    margin-right: 0;
    margin-left: 15px;
}

.blog-detail-next i {
    font-size: 12px;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left-section i {
    transform: rotate(180deg);
}

.justify-content-start {
    justify-content: flex-start;
}

.blog-detail-next h4:hover i {
    font-size: 14px;
}

.blog-detail-social i {
    font-size: 20px;
    color: #FFF;
    min-width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-bottom: 5px;
    display: block;
    /*float: left;*/
    display: inline-block;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fb-color {
    background-color: #3c5998;
}

.tw-color {
    background-color: #6ba9ce;
}

.gp-color {
    background-color: #dd6b6a;
}

.pi-color {
    background-color: #cb2127;
}

.ld-color {
    background-color: #007bb6;
}

.pl-45 {
    padding-left: 45px;
}

.pr-35 {
    padding-right: 35px;
}

.blog-detail-social i:hover {
    background-color: #000;
}

.popup__close-btn {
    top: 0 !important;
}

.store-detail-image {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    background-color: #FFF;
    display: inline-block;
    padding: 5px;
}

.store-detail-image img {
    width: 100%;
    object-fit: cover;
}

.store-detail-info h4 {
    font-size: 14px;
    font-weight: bold;
}

.store-detail-info p {
    color: #555;
    font-size: 14px;
    line-height: 26px;
    width: 80%;
    display: inline-block;
}

.store-info-title {
    font-size: 14px;
    font-weight: bold;
}

.offer-zone-detail {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #f8f8f8;
}

.common-footer-div>p:last-child {
    display: none !important;
}

.loupe3d_text {
    margin-top: 0 !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.display-block {
    display: block;
}

.pt-90 {
    padding-top: 90px;
}

.min-height {
    min-height: 60vh;
}

.solitaire-cut-img {
    text-align: center;
}

.time-remove {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #000;
    text-align: center;
    border-radius: 100%;
}

.time-remove svg {
    fill: #FFF;
    margin: 9px;
}

.transcation-check-insurance {
    left: 15px;
    margin: 0;
    width: 18px;
    height: 18px;
}

.transcation-check-insurance~span {
    font-size: 15px;
    display: block;
    float: left;
    line-height: 18px;
}

.ml-5 {
    margin-left: 5px !important;
}

.mb-45 {
    margin-bottom: 45px;
}

.insurance-input.insurance-datepicker .k-datepicker {
    padding: 0 !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.spi-graph-hiden {
    width: 100%;
    height: 10px;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.strong, strong {
    font-weight: 700 !important;
}

.align-items-start {
    -webkit-align-items: flex-start;
    align-items: start;
}

.pr-0 {
    padding-right: 0;
}

.diamond-solitaire-info li.slick-slide.slick-current.slick-active.slick-center a {
    border-bottom: 2px solid #333;
}

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

/*REsponsive*/

@media (max-width: 1300px) {
    .collectionSlider, #guaranteeIcons {
        padding: 0 50px;
    }
    .collectionSlider .slick-arrow.prev-arrow, #guaranteeIcons .slick-arrow.prev-arrow, .collectionSlider .slick-arrow.next-arrow, #guaranteeIcons .slick-arrow.next-arrow {
        margin: 0;
    }
}

@media (max-width: 1199px) {
    .user-content {
        padding-left: 15px;
        border-left: none;
        padding-bottom: 0;
    }
    .home-mobile-slider {
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        padding-left: 0;
        scroll-padding-left: 25px;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0px;
    }
    .home-mobile-slider-block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        scroll-snap-align: start;
        padding-right: 10px;
    }
    .features-wrap ul li {
        display: block;
        width: 20%;
    }
    .slide.v3, .slide.v6, .slide.v5 {
        height: auto;
    }
    .ir251-featured-in-lists .slick-next {
        right: -15px;
    }
    .ir251-featured-in-lists .slick-prev {
        left: -15px;
    }
}

@media (max-width: 1024px) {
    header.main.with-bg .btn {
        padding: 8px 10px;
    }
    header.main.with-bg a.nav_toggle {
        padding: 27px 40px 27px 15px;
    }
    .sparklesolitaire-content.popup-content, .firesolitaire-content.popup-content, .brilliancesolitaire-content.popup-content {
        width: 90%;
    }
    .Jewelry-superior-content {
        margin-top: 0;
        margin-left: 0px;
        padding: 65px;
    }
    .Jewelry-superior-content:after {
        left: -15px;
    }
    .spi-graph {
        height: 200px !important;
    }
    .spi-graph img {
        object-fit: cover;
    }
    .offer-zone-img img {
        height: 100% !important;
    }
    .storeDetailsPage .slick-list.draggable {
        height: auto !important;
    }
    .mobile-username {
        display: block !important;
    }
    .mobile-username li a {
        font-size: 13px;
        padding: 5px 0 10px 0;
        display: block;
        text-transform: uppercase;
    }
    .mobile-username li:last-child a {
        border-bottom: none;
    }
    .created-ring-step-first {
        padding: 10px 0;
        background-color: #f3f3f3;
        margin-bottom: 5px;
    }
    .choose-ring-steps .num {
        font-size: 30px;
        width: 50px;
    }
    .heading h2.nostyle-heading {
        font-size: 12px;
    }
    .mobile-ring-detail {
        position: absolute;
        width: 200px;
        background-color: #FFF;
        border: 1px solid #ddd;
        padding: 5px;
        z-index: 1005;
        left: 15px;
        display: none;
    }
    .mobile-ring-detail.open {
        display: block;
    }
    .choose-ring-steps .mobile-ring-detail .pho {
        float: left;
        margin-right: 10px;
    }
    .view-Jewelry-detail {
        color: #000;
        text-decoration: underline;
        text-transform: capitalize;
    }
    .active-step .view-Jewelry-detail {
        color: #FFF;
    }
}

@media (max-width: 767px) {
    .categoris-main-img {
        height: 190px;
    }
    .sliderDataList .slick-list {
        padding-right: 50px;
    }
    .main-slider .slick-prev, .main-slider .slick-next {
        bottom: -10px;
    }
    .main-slider.slide.v5 {
        padding-bottom: 50px;
    }
    .logo, .logo_small, .scrolled header.main.with-bg .logo {
        top: 15px;
        width: 100px;
        margin-left: -50px;
    }
    .scrolled header.main.with-bg .logo_small {
        top: 8px;
        width: 80px;
        margin-left: -45px;
    }
    .verify-summary-block .image img {
        /*max-width: 80%;*/
        margin: auto;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .mt-xs-30 {
        margin-top: 30px;
    }
    .about-main-wrapper .popup-content {
        width: 90%;
        max-height: 100%;
        padding: 30px 15px;
    }
    .customer-review-content {
        text-align: left !important;
    }
    .policies-block {
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        padding-left: 0;
        scroll-padding-left: 25px;
        -webkit-overflow-scrolling: touch;
    }
    .policies-block li {
        float: none;
        flex-basis: 100%;
        max-width: 100%;
    }
    .quick-view-popup-view img {
        max-width: 100%;
        height: auto !important;
    }
    .pageHeadingStyle h2.font-xs-24 {
        font-size: 20px !important;
    }
    .font-xs-24 {
        font-size: 24px !important;
    }
    .store-detail-title {
        font-size: 24px;
    }
    .transparent-pricing-wrapper {
        background-position: center left;
        padding: 30px 0;
        padding: 30px 0;
    }
    .Jewelry-superior-content {
        padding: 15px 25px 15px 15px;
    }
    .usps-Jewelry {
        background-position: top 0 right;
        background-size: cover;
        padding: 30px 0;
    }
    .diamond-handcraft, .handcraft-bg {
        padding: 30px 0;
    }
    .mb-xs-40 {
        margin-bottom: 40px;
    }
    .offer-zone-img {
        height: 100px;
    }
    .offer-zone-name {
        font-size: 14px;
    }
    .cart-left-block {
        margin-bottom: 20px;
    }
    .offer-detail-block .title-main span {
        font-size: 20px !important;
        margin-bottom: 10px;
        display: block;
    }
    .gm-title {
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
    }
    .gm-content {
        font-size: 12px;
    }
    .cart-left-block, .cart-right-block {
        width: 100%;
    }
    .cart-right-block .checkout-offer {
        float: left !important;
    }
    .our-journey-slider-block .slick-dots li {
        margin: 0 40px;
    }
    .our-journey-slider-block .slick-dots li:after, .our-journey-slider-block .slick-dots li.disabled button:after {
        width: 86px;
    }
    .featured-products .col .image-container {
        height: 300px;
        min-width: 200px;
        background-size: cover;
    }
    .featured-products .col.solitaire-slider .image-container {
        height: 200px;
    }
    .superior-last-block {
        padding: 50px 15px 40px 210px;
        margin-bottom: 0;
    }
    .superior-img {
        height: 250px;
        top: -50px;
        width: 200px;
    }
    .certificate-popup-content {
        width: 100vw;
    }
    .mobile-height-auto {
        height: auto;
    }
    .mobile-menu-hidden {
        display: none;
    }
    .spi-graph {
        height: 180px !important;
    }
    #grafimage-zoom .spi-graph {
        height: 100% !important;
    }
    .mobile-view-center {
        text-align: center;
    }
    .pageHeadingStyle h2, .pageHeadingStyle .mainsub-title {
        font-size: 20px !important;
    }
    .solitaire-content {
        padding: 20px 15px;
    }
    .u-fill--vermeil-lightest {
        padding: 20px 0;
    }
    .mt-xs-20 {
        margin-top: 20px !important;
    }
    .mb-xs-20, .u-fill--vermeil-lightest .pageHeadingStyle {
        margin-bottom: 20px !important;
    }
    .clarity-type {
        display: flex;
        justify-content: center;
    }
    section.block {
        padding: 20px 0;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .our-journey-slider-block .slick-dots {
        bottom: 0;
    }
    .pt-xs-20 {
        padding-top: 20px !important;
    }
    .pb-xs-20 {
        padding-bottom: 20px !important;
    }
    .carat-title {
        text-align: center;
    }
    .diamond-education-top-tab li a {
        padding: 12px 5px;
        border-bottom: none;
        line-height: 24px;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .diamond-education-mobile li a {
        font-size: 13px;
    }
    .diamond-education-top-tab {
        display: block;
    }
    .know-form .form-group {
        padding: 0 7.5px;
    }
    .store-search-box {
        position: fixed;
        opacity: 0;
        z-index: 10000;
        left: -100%;
        width: 0;
        transition: opacity 0.5s;
        background-color: #FFF;
        /*height: 100%;*/
        top: auto;
        bottom: 0;
        padding-bottom: 0;
    }
    .store-search-open {
        opacity: 1;
        left: 0;
        width: 100%;
    }
    .store-search-info {
        border: none;
        height: 100%;
        overflow: auto;
    }
    .heart-arrow-tab {
        display: flex;
        justify-content: center;
    }
    header.main.with-bg .home-hero__btns {
        padding: 15px 0 15px 0px;
    }
    header.main.with-bg .home-hero__btns a {
        padding: 0px 10px;
        display: block;
        font-size: 8px;
        background-color: transparent !important;
        float: left;
        border: none !important;
        color: #000;
    }
    body.scrolled header.main.with-bg .home-hero__btns a {
        color: #FFF !important;
        margin-top: 5px;
    }
    header.main.with-bg .home-hero__btns a svg {
        fill: #000;
    }
    body.scrolled header.main.with-bg .home-hero__btns a svg {
        fill: #FFF;
    }
    .pt-xs-120 {
        padding-top: 120px !important;
    }
    .pl-xs-15 {
        padding-left: 15px;
    }
    .pr-xs-15 {
        padding-right: 15px;
    }
    body.scrolled header.main.with-bg .home-hero__btns {
        padding: 6px 0px 6px 0px;
        display: inline-block;
    }
    body.scrolled header.main.with-bg .home-hero__btns a:first-child {
        margin-right: 5px;
        margin-top: 5px;
    }
    header.main.with-bg .home-hero__btns a span {
        margin-top: 2px;
        display: block;
    }
    header.main.with-bg .home-hero__btns a:hover {
        background-color: transparent !important;
        border: none !important;
    }
    .scrolled header.main.with-bg a.nav_toggle {
        padding: 17px 40px 17px 15px;
    }
    .scrolled header.main.with-bg {
        height: 50px;
    }
    .nav_on.scrolled header.main {
        background-color: transparent;
    }
    .scrolled .nav_center, .nav_center {
        padding: 20px 20px 0 20px;
    }
    .shop-header .nav_center {
        padding-top: 0;
    }
    .nav_on .shop-header .hamburger div {
        background-color: #FFF;
    }
    .nav_on {
        overflow: hidden !important;
        position: fixed !important;
        width: 100%;
    }
    .nav_on .home-hero__btns, .nav_on .logo, .nav_on header.main.with-bg .logo_small, .scrolled.nav_on header.main.with-bg .logo_small {
        opacity: 0;
    }
    a.nav_toggle::after {
        display: none;
    }
    .nav_on.scrolled .hamburger div {
        background-color: #000 !important;
    }
    .new-category-bg {
        width: 75%;
    }
    .new-category-bg1 {
        width: 25%;
    }
    .text-xs-center {
        text-align: center !important;
    }
    .Jewelry-collection-content p {
        font-size: 14px;
    }
    header.main.with-bg a.nav_toggle::after {
        display: none;
    }
    .shape-img-plan {
        width: 30px;
        height: 30px;
    }
    .input-styles .image-radio span {
        font-size: 10px !important;
    }
    .input-styles .text-radio label {
        padding: 5px 2px;
        font-size: 12px;
        min-width: 30px;
        line-height: 14px;
    }
    .display-xs-none {
        display: none;
    }
    .verify-track-sticky, .diamond-education-top-block {
        top: 50px;
    }
    .slide-menu-open-overlay {
        width: 0;
        height: 0;
        display: block;
        position: fixed;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    .nav_on .slide-menu-open-overlay {
        opacity: 1;
        width: 100%;
        height: 100%;
    }
    .nav_on header.main.with-bg {
        background-color: transparent;
        z-index: 1;
    }
    .plr-xs-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .category-slider-Jewelry .slick-list {
        padding-left: 0 !important;
    }
    .new-category .prev-arrow, .new-category .next-arrow {
        display: none !important;
    }
    .live-chart-popup {
        width: 40px;
        height: 40px;
    }
    .live-chart-popup svg {
        margin: 8px 0;
        width: 25px;
        height: 25px;
    }
    .scroll_top {
        right: 10px;
        width: 30px;
        height: 30px;
        bottom: 60px;
        opacity: 0.6;
    }
    .scroll_top i {
        line-height: 30px;
    }
    .scroll_top i:before {
        line-height: 32px;
    }
    .premium p, .premium a {
        font-size: 10px;
        margin-left: 0;
    }
    .diamond-value h2 {
        margin-top: 0;
        font-size: 16px;
        margin-bottom: 0;
        font-weight: bold;
    }
    .diamond-value .title {
        float: left;
        width: 45%;
        text-align: left;
        margin-right: 15px;
        font-size: 16px;
    }
    .diamond-value .form-group {
        float: left;
    }
    .page-not-found h2 {
        font-size: 20px;
    }
    .inter-nav {
        display: none;
    }
    .superior-quality-last-img {
        height: 236px;
    }
    .new-categories-img {
        height: 120px;
    }
    .new-category-content h3 {
        font-size: 16px;
    }
    .summary-action-btn button {
        margin-right: 5px;
        display: inline-block;
        float: none;
    }
    .choose-ring-steps .step.ring-steps-heading {
        width: 100%;
        display: none;
    }
    .heading h2.nostyle-heading {
        font-size: 10px;
    }
    .choose-ring-steps .num {
        font-size: 20px;
        width: 34px;
        display: none !important;
    }
    .spi-filter {
        padding: 0;
    }
    .spi-filter svg {
        width: 20px;
        margin: 11px 0;
    }
    .choose-ring-steps, .choose-ring-steps .node, .choose-ring-steps .step {
        height: 40px;
    }
    .choose-ring-steps .node:before {
        border-top: 20px solid #f3f3f3;
        border-bottom: 20px solid #f3f3f3;
    }
    .choose-ring-steps .node:after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }
    .choose-ring-steps .node-skin>div {
        padding: 0 8px;
        text-align: center;
    }
    .choose-ring-steps .step-process-1 .node:before {
        content: none;
    }
    .choose-ring-steps .heading {
        line-height: 16px;
    }
    .choose-ring-steps .node-skin>div a {
        font-size: 10px;
        /*display: block;*/
    }
    .Jewelry-listing-wrapper .justify-center {
        overflow: auto;
        display: -webkit-box;
    }
    .Jewelry-listing-wrapper .justify-center::-webkit-scrollbar {
        height: 0px;
        background-color: transparent;
    }
    .Jewelry-listing-wrapper .justify-center::-webkit-scrollbar-thumb {
        background-color: transparent;
    }
    .Jewelry-listing-wrapper .collection-sidebar .widget-filter {
        min-width: 19%;
        float: none;
        display: flex;
        align-items: center;
        position: relative;
        width: auto;
        max-width: max-content;
    }
    .Jewelry-listing-wrapper .collection-sidebar .widget-filter.active {
        border: 1px solid #000;
    }
    .listing-popup ul li a svg {
        display: block;
        margin: auto;
        width: 22px;
        height: 22px;
        fill: #555;
    }
    .listing-popup ul li a span {
        margin-top: 3px;
        display: block;
        text-transform: capitalize;
    }
    .widget-filter.filter-cate .box-view-select.listing-popup ul li a.active {
        background: #fff;
        color: #000;
    }
    /*.listing-popup ul li.active a svg {*/
    /*    fill: #FFF;*/
    /*}*/
    .widget-filter.filter-cate .box-view-select ul li a {
        box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.22);
        border-radius: 5px;
        min-width: 70px;
        display: block;
        padding: 5px 8px;
        background-color: #fff;
    }
    .contact-block p span {
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .summary-action-btn button {
        font-size: 13px;
        padding: 6px 7px;
    }
    .summary-action-btn button:last-child {
        margin-right: 0;
    }
    .summary-second.mainPrice {
        font-size: 16px;
    }
    .heart-arrow-tab li a, .diamond-jourey-tab li a {
        padding: 10px 8px;
        font-size: 14px;
    }
    .light-performance-block {
        width: 100%;
        background-color: #FFF;
        padding: 4px;
    }
    .insurance-now-block {
        width: 100%;
    }
    .light-performance-block .light-diamond {
        height: 80px;
    }
    .spi-graph-tab {
        padding: 10px 3px;
        display: flex;
        justify-content: space-between;
    }
    .spi-graph-btn {
        display: inline-block;
        float: none !important;
    }
    .u-fill--vermeil-lightest #metal .pageHeadingStyle {
        margin-bottom: 20px;
    }
    .about-mission-content {
        padding: 50px 0px;
    }
    .contact-block {
        width: 100%;
        margin-bottom: 20px;
    }
    .contact-block:last-child {
        margin-bottom: 0;
    }
    .policies-img svg {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .store-address {
        font-size: 16px;
    }
    .superior-last-block {
        padding: 220px 15px 40px 15px;
    }
    .superior-img {
        height: 250px;
        top: -50px;
        width: 300px;
        text-align: center;
    }
    .superior-img img {
        display: inline-block;
    }
    .bg-img-mine {
        padding: 50px 30px;
    }
    .shop-order-history {
        padding: 0;
    }
    .user-heading .user-heading-block, .show-all-order {
        position: relative !important;
        left: 0;
        right: auto !important;
        margin-bottom: 20px;
    }
    .engrave-img .engrave-text {
        left: -5px;
        font-size: 12px;
    }
    .price-index-wrap .price-sec h1 {
        font-size: 20px;
    }
    .price-index-wrap .price-sec p {
        font-size: 13px;
    }
    .spi-featured-img img {
        max-width: 100% !important;
        width: 100%;
    }
    .use-my-location, .store-search-btn button {
        font-size: 12px;
        padding: 6px;
        line-height: 24px;
    }
    /*.diamond-carat-clarity-block,
    .diamond-carat-color-block {
        position: relative;
    }*/
    .rangeLabel3.selected.normal-fair~.skintone-img {
        background-position: right -348px;
    }
    .rangeLabel3.selected.normal-dark~.skintone-img {
        background-position: right -699px;
    }
    .rangeLabel3.selected.dark~.skintone-img {
        background-position: right bottom -4px;
    }
    .skintone-img {
        width: 207px;
        background-size: 100%;
        height: 344px;
        bottom: -78%;
    }
    .diamond-carat-block {
        right: -40px;
        bottom: -95%;
        top: auto;
    }
    .journey-tab li {
        margin: 5px 0px;
    }
    .journey-tab li a {
        padding: 8px 8px;
        font-size: 12px;
    }
    .resale-wrapper>ul li {
        margin: 10px 10px;
    }
    .resale-wrapper>ul li a {
        padding: 8px 23px;
    }
    .heart-arrow-tab li, .diamond-jourey-tab li {
        margin: 10px 9px 10px 0px;
    }
    .loop-bg, .Jewelry-slider .banner-slider .banner-slider-img {
        height: 150px;
    }
    .Jewelry-slider .banner-slider {
        padding: 0;
    }
    .branding-banner.Jewelry-slider {
        padding: 45px 0 80px 0;
    }
    .spi-graph-btn a {
        font-size: 11px;
    }
    .spi-graph-btn {
        padding-right: 0px !important;
    }
    .spi-graph-btn:last-child {
        padding-right: 0 !important;
    }
    .our-journey-slider-block .slick-dots li {
        margin: 0 20px;
    }
    .our-journey-slider-block .slick-dots li:after, .our-journey-slider-block .slick-dots li.disabled button:after {
        width: 50px;
    }
    .Jewelry-view-more .Jewelry-upgrade, .Jewelry-upgrade-inner {
        font-size: 10px;
    }
    .all-verify-title h4:after, .heart-arrow-dec h3:after {
        width: 40%;
    }
    .all-page-title h1 {
        font-size: 16px;
    }
    .breadcrumb>li {
        font-size: 10px;
    }
    /*.mobile-right-section{*/
    /*    display: none;*/
    /*}*/
    .mobile-left-section, .mobile-right-section {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .diamond-education-top-tab li a, .total-item-order, .cart-check-left {
        font-size: 14px;
    }
    .about-main-wrapper .popup-content {
        width: 80%;
    }
    .transparent-pricing-wrapper {
        background-position: center right 50%;
    }
    .flex-tb {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
        min-height: inherit;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mt-tb-20 {
        margin-top: 20px;
    }
    .d-block-sm {
        display: block !important;
    }
    .usps-Jewelry {
        background-position: top 0 left 60%;
        background-size: cover;
    }
    .shop-order-history {
        padding: 0;
    }
    .my-pyds-detail span:first-child {
        font-size: 15px;
    }
    .nav-links ul li a {
        font-size: 13px;
    }
    .offer-zone-img {
        height: 150px;
    }
    .history-step:after {
        width: 80px;
    }
    .know-wrap .title {
        font-size: 16px;
    }
    .diamond-value h2 {
        font-size: 21px;
        margin-top: 0;
    }
    .site-footer input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
        width: calc(100% - 80px);
    }
    .summary-first {
        width: 38%;
    }
    .price-index-wrap .price-sec h1 {
        font-size: 26px;
    }
    .our-journey-slider-block .slick-dots li {
        margin: 0 50px;
    }
    .our-journey-slider-block .slick-dots li:after, .our-journey-slider-block .slick-dots li.disabled button:after {
        width: 115px;
    }
    .diamond-education-top-tab li a {
        padding: 15px 16px;
    }
    .spi-filter {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0;
    }
    .insure-login-content.popup-content {
        width: 60%;
    }
    .product-details-block {
        margin-bottom: 20px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .about-preview__image1 {
        right: 11%;
    }
    .store-search-box.sticked .will-expand {
        width: 70.333333%;
    }
    .transparent-pricing-wrapper {
        background-position: center right 60%;
    }
    .usps-Jewelry {
        background-position: top 0 left 60%;
        background-size: cover;
    }
    .verify-track-wrapper li {
        padding: 10px 14px;
    }
    .our-journey-slider-block .slick-dots li {
        margin: 0 70px;
    }
    .our-journey-slider-block .slick-dots li:after, .our-journey-slider-block .slick-dots li.disabled button:after {
        width: 155px;
    }
    .input-styles .btn {
        padding: 6px 8px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .store-search-box.sticked .will-expand {
        width: 40.333333%;
    }
}

@media (min-width: 1025px) {
    .flex-md {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
        min-height: inherit;
    }
}

@media (max-width: 360px) {
    .features-wrap ul li {
        width: auto;
    }
    .light-performance-block .light-diamond {
        height: 50px;
    }
    .light-diamond-text, .light-diamond-text i {
        font-size: 12px;
        margin-bottom: 0;
        margin-top: 20px;
    }
}

@media (min-width: 576px) {
    #guaranteeIcons .slick-list {
        padding-bottom: 32px;
    }
    .hidden-xs-up {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .Jewelry-usps-content {
        padding: 0 30px;
    }
    section.block.new-category {
        padding: 30px 0 90px 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .journey-tab li a {
        padding: 8px 10px;
    }
    .product-detail-slider-zoom {
        max-width: max-content;
    }
    .product-detail-slider-zoom .slick-slider {
        width: 70%;
        margin: 0 auto 15px auto;
    }
}

@media (max-width: 1199px) {
    .news-event-tab button {
        float: none;
        display: block;
        padding: 8px 30px;
    }
}

@media (max-width: 767px) {
    .to-bottom-content {
        left: 0;
    }
    .site-footer .footer-content, .site-footer .site-copyright {
        width: 100%;
        padding: 0 15px;
    }
    .site-footer {
        display: block;
    }
    .site-footer .site-box {
        padding: 50px 0;
    }
    .box--big {
        width: 100%;
        min-height: auto;
    }
}

/*-------------------------------------- thank you by mehul nakum 24-5-19 ------------------------------*/

.thankyou-bg {
    background: url('/client-assets/eCommerce-Branding/images/tahnkyou-bg.png') no-repeat center center;
    background-size: cover;
}

.thank-you-wrap {
    padding-top: 200px;
    padding-bottom: 200px;
}

.thank-you-wrap img {
    max-width: 50vh;
}

.thank-you-wrap h2 {
    margin-bottom: 20px;
    margin-top: 30px;
    color: #fff;
}

.thank-you-wrap h4 {
    color: #fff;
}

.thank-you-wrap a.btn.home-about__btn.icon.icon--inline.icon--arrow-right-dark {
    color: #FFF;
    margin-top: 30px;
    margin-right: 20px;
    transition: all 250ms ease-in-out;
    border: 1px solid #fff;
    padding: 12px 28px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    text-transform: uppercase;
}

.thank-you-wrap a.btn.home-about__btn.icon.icon--inline.icon--arrow-right-dark:hover {
    transform: translateY(-3px);
    background: #FFF;
    color: #000;
    border: 1px solid rgba(18, 41, 71, 0.12);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
}

.thank-you-wrap a.btn.home-about__btn.icon.icon--inline.icon--arrow-right-dark:active {
    transform: scale(0.98);
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .thank-you-wrap img {
        max-width: 40vw;
    }
    .thank-you-wrap {
        padding-bottom: 100px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .thankyou-bg {
        background: url('/client-assets/eCommerce-Branding/images/tahnkyou-bg-mob.png') no-repeat center bottom;
    }
    .thank-you-wrap {
        text-align: center;
        padding-top: 100px;
        padding-bottom: 200px;
    }
    .thank-you-wrap img {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .thankyou-bg {
        background: url('/client-assets/eCommerce-Branding/images/tahnkyou-bg-mob.png') no-repeat center bottom;
    }
    .thank-you-wrap {
        text-align: center;
        padding-top: 100px;
        padding-bottom: 200px;
    }
}

/*-------------------------------------- thank you by mehul nakum 24-5-19 ------------------------------*/

/*-------------------------------------- features new UI by mehul 27-5-19 ------------------------------*/

.features-wrap {
    border-top: 1px solid #eee;
}

.features-wrap ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    /*margin-top: 40px;*/
}

.features-wrap ul li {
    display: inline-block;
    width: 10%;
    padding: 0 10px;
    vertical-align: top;
}

.features-wrap ul li img {
    max-width: 50px;
    display: inline-block;
    background: #dde9ed;
    height: 50px;
}

.features-wrap ul li p {
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    font-size: 16px;
}

.ir251-featured-in-lists {
    padding: 0 40px
}

.mb-40 {
    margin-bottom: 40px;
}

.btn-dark {
    background: #252a2b;
    font-style: normal;
    color: #fff;
    border: 1px solid #252a2b;
    font-size: 14px;
    font-family: FFMarkWebProMedium;
    text-transform: capitalize;
    padding: 8px 30px;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    margin: 0;
    display: inline-block;
    line-height: 32px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
}

.btn-dark:hover {
    background-color: #FFF;
    color: #252a2b;
}

.component-ugc-social-widget>.grid .column.center h5 {
    letter-spacing: 0.12em;
    font-size: 12px;
}

.font-20 {
    font-size: 20px;
}

.pyds-slider {
    width: 100%;
    float: left;
    position: relative;
}

.pyds-slider img {
    max-width: 100%;
    width: 100%;
}

.pyds-slider .slick-arrow, .pyds-slider-landing .slick-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    line-height: 36px;
    text-align: center;
    transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -moz-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -ms-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -o-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.pyds-slider .slick-arrow.prev-arrow, .pyds-slider-landing .slick-arrow.prev-arrow {
    left: 20px;
}

.pyds-slider .slick-arrow.next-arrow, .pyds-slider-landing .slick-arrow.next-arrow {
    right: 20px;
}

.pyds-slider .slick-arrow:hover, .pyds-slider-landing .slick-arrow:hover {
    border-color: rgba(255, 255, 255, 1)
}

.pyds-slider .slick-arrow.prev-arrow svg, .pyds-slider-landing .slick-arrow.prev-arrow svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.pyds-slider .slick-arrow.next-arrow svg, .pyds-slider-landing .slick-arrow.next-arrow svg {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.slide.v5 .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.slide.v5 .slick-dots li button:before {
    font-family: 'slick';
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    background: transparent;
}

.slide.v5 .slick-dots li.slick-active button {
    border-color: #FFF;
}

.slide.v5 .slick-dots li.slick-active button:before {
    opacity: 1;
    color: white;
}

/*-------------------------------------- features new UI by mehul 27-5-19 ------------------------------*/

/*------------------------------------- right side drawer by mehul 28-5-19 -----------------------------*/

.drawer-wrap:after {
    content: '';
    position: fixed;
    transition: all 0.5s;
    top: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.55);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.drawer-wrap.opened:after {
    opacity: 1;
}

.drawer-wrap .drawer-inner {
    position: fixed;
    top: 0;
    right: -450px;
    width: 90%;
    height: 100%;
    max-width: 400px;
    background: rgb(255, 255, 255);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    z-index: 9999990;
}

.drawer-wrap.opened .drawer-inner {
    right: 0
}

.drawer-inner .drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}

.drawer-inner .drawer-header .close-drawer {
    float: right;
    width: 15px;
    cursor: pointer;
}

.drawer-inner .drawer-header .title {
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.cart-drawer .drawer-inner .drawer-header .title span {
    font-size: 12px;
    margin: 0 2px;
}

.drawer-inner .drawer-content {
    float: left;
    width: 100%;
    height: calc(100vh - 124px);
    overflow: hidden;
    overflow-y: auto;
}

.cart-drawer .drawer-inner .drawer-content {
    height: calc(100vh - 150px);
}

.cart-subtotal {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding: 0 15px;
    position: absolute;
    bottom: 55px;
    background: #fff;
    padding-bottom: 15px;
    padding-top: 10px;
}

.cart-subtotal span {
    font-size: 16px;
}

.drawer-inner .drawer-content .product {
    display: flex;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
}

.drawer-inner .drawer-content .product .product-img {
    display: inline-block;
    max-width: 100px;
    border-right: 1px solid #eee;
    margin-right: 15px;
    padding: 5px
}

.drawer-inner .drawer-content .product .product-img img {
    max-width: 100%;
}

.drawer-inner .drawer-content .product .product-detail p {
    font-weight: bold;
}

.drawer-inner .drawer-content .product .product-detail button {
    border-bottom: 1px solid #000;
    margin-right: 15px
}

.drawer-inner .drawer-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

.drawer-empty {
    float: left;
    width: 100%;
    height: calc(100vh - 72px);
    overflow: hidden;
    overflow-y: auto;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
}



.detail-message svg {
    margin: 0px 4px 0 5px;
    display: block;
    float: left;
}

.drawer-empty figure img {
    max-width: 100%;
}

.header-coupon-code {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    padding: 0 10px;
}

.header-cart-coupon {
    background-color: #FFF;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
}

.header-cart-coupon .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.header-cart-coupon .coupon-content {
    width: 100%;
    overflow: hidden;
}

/*------------------------------------- right side drawer by mehul 28-5-19 -----------------------------*/

#DeletePortfolioModel .modal-dialog.top-10per {
    top: inherit;
}

/*------------------------------------- mehul 29-5-19 -------------------------------*/

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.image-slider {
    width: 100%;
    float: left;
    position: relative;
}

.image-slider img {
    max-width: 100%;
    width: 100%;
}

.image-slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 24px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    line-height: 36px;
    text-align: center;
    transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -moz-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -ms-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -o-transition: border-color 400ms Cubic-bezier(1, 0, 0.43, 1);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.image-slider .slick-arrow.prev-arrow {
    left: 20px;
}

.image-slider .slick-arrow.next-arrow {
    right: 20px;
}

.image-slider .slick-arrow:hover {
    border-color: rgba(255, 255, 255, 1)
}

.image-slider .slick-arrow.prev-arrow svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.image-slider .slick-arrow.next-arrow svg {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.mt-40 {
    margin-top: 40px
}

/*------------------------------------- mehul 29-5-19 -------------------------------*/

/*------------------------------------- mehul 30-5-19 -------------------------------*/

@media (max-width: 1199px) {
    .branding-slider {
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        padding-left: 0;
        scroll-padding-left: 25px;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;
    }
    .features-wrap ul {
        display: -webkit-box;
    }
}

@media (max-width: 767px) {
    .plr-xs-0 {
        padding-right: 0;
        padding-left: 0;
    }
    .features-wrap ul li {
        width: 40%;
        display: block;
    }
    .features-wrap ul li p {
        font-size: 14px;
    }
}

.line-height-60 {
    line-height: 60px !important;
}

.pageHeadingStyle h2.line-height-60 {
    line-height: 80px !important;
}

/*------------------------------------- mehul 30-5-19 -------------------------------*/

/*------------------------------------- mehul 31-5-19 -------------------------------*/

.dropdown-show-bottom.banner-sec {
    width: 50%;
}

.banner-title {
    font-size: 16px;
    font-family: 'FFMarkWebProRegular';
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: bold;
}

.banner-desc {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
}

header.global #ownJewelry.drop .container.left {
    width: 64%;
    width: calc(64% + 10px)
}

header.global #diamondEdu.drop .container.left {
    width: 100%;
    width: calc(100% - 10px)
}

header.global #ownJewelry.drop .container.right, header.global #diamondEdu.drop .container.right {
    width: 36%;
    width: calc(36% - 10px);
}

header.global #ownJewelry.drop .container .menu-item-has-children {
    width: 33%;
    text-align: center;
}

header.global #diamondEdu.drop .container .menu-item-has-children {
    width: 23%;
    text-align: center;
    margin-right: 15px;
}

header.global #ownJewelry.drop .container ul li a.secondoryTitleMenu, header.global #diamondEdu.drop .container ul li a.secondoryTitleMenu {
    font-size: 18px
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li {
    text-align: center;
    border-right: 1px solid #ddd;
}

header.global #diamondEdu.drop .container .menu-item-has-children {
    text-align: center;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

header.global #diamondEdu.drop .dropdown-show-bottom ul {
    display: flex;
    align-items: flex-end;
}

header.global #ownJewelry.drop .container .menu-item-has-children:last-child .sub-menu li {
    border-right: 0;
}

header.global #diamondEdu.drop .container .menu-item-has-children:last-child {
    border-right: 0;
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li a, header.global #diamondEdu.drop .container .menu-item-has-children .sub-menu li a {
    color: #fff;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li a:hover, header.global #diamondEdu.drop .container .menu-item-has-children .sub-menu li a:hover {
    color: #252a2b;
    opacity: 1;
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li figure {
    max-width: 150px;
    display: inline-block;
}

header.global #diamondEdu.drop .container .menu-item-has-children .sub-menu li figure {
    max-width: 150px;
    display: inline-block;
    margin-bottom: 15px;
}

header.global #ownJewelry.drop .container .menu-item-has-children .sub-menu li figure img, header.global #diamondEdu.drop .container .menu-item-has-children .sub-menu li figure img {
    max-width: 100%;
}

header.global #collection.drop .container.left {
    width: 64%;
    width: calc(64% + 10px);
    padding-bottom: 60px;
}

header.global #collection.drop .container.right {
    width: 36%;
    width: calc(36% - 10px);
}

header.global #collection.drop .container.left .dropdown-show-bottom {
    width: 61%;
    width: calc(61% + 14px);
}


.filter-wrap {
    margin-bottom: 20px;
    margin-top: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

.Jewelry-filter-wrap.filter-wrap {
    padding: 0 0 30px 0;
}

.filter-wrap.hide-non-sticky {
    display: none
}

.filter-wrap .heading {
    font-weight: 600;
    margin: 0 20px 0 0;
}

.filter-wrap.sticky {
    /* display: block; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: fixed;
    top: 93px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    border-bottom: 0;
    padding: 5px 10px;
    margin: 0;
    height: 70px;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.14);
}

.filter-wrap.Jewelry-filter-wrap.sticky {
    top: 93px;
}

.filter-wrap.sticky.hide-non-sticky {
    display: block
}

.filter-wrap .filter-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.filter-wrap .filter-inner .filter {
    display: inline-block;
    min-width: 10%;
    position: relative;
    margin-right: 20px;
}

.filter-wrap .filter-inner .filter.open-more-filter {
    min-width: auto;
}

.reset-filer.pos-abs {
    position: absolute;
    right: 10px;
}

.filter-wrap .filter-inner .filter .filter-title {
    background: #fff;
    color: #252a2b;
    border: 1px solid #ccc;
    text-transform: uppercase;
    padding: 7px 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.filter-wrap .filter-inner .filter .filter-title span {
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
}

.filter-wrap .filter-inner .filter .filter-title i {
    font-size: 8px;
    margin-left: 20px
}

.filter-wrap .filter-inner .filter .filter-title:after, .filter-view-all .filter-title:after {
    content: '';
    font-size: 0;
}

.filter-view-all {
    justify-content: center !important;
}

.filter-view-all .btn-small.btn-dark {
    padding: 2px 35px !important;
    /* background: #FFF;
     color: #000;*/
    text-transform: capitalize;
    font-size: 14px;
}

.filter-view-all .btn-small.btn-dark:hover {
    /*background: #252a2b;
    color: #fff;*/
}

.filter-wrap .filter-inner .filter .filter-detail {
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 8px;
    position: absolute;
    top: 25px;
    min-width: 300px;
    z-index: 10;
    background: #fff;
    height: 0;
    overflow: hidden;
    opacity: 0;
    /*transition: all 0.5s;*/
    /*-webkit-transition: all 0.5s;*/
    /*-moz-transition: all 0.5s;*/
    /*-ms-transition: all 0.5s;*/
    /*-o-transition: all 0.5s;*/
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    display: none;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter {
    min-width: max-content;
}

.filter-wrap .filter-inner .filter .filter-detail li {
    display: inline-block;
    margin: 5px;
    width: auto;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}

.filter-wrap .filter-inner .filter .filter-detail li a {
    display: inline-block;
    width: 100%;
    /*width: 130px;*/
    padding: 5px 8px;
    text-transform: capitalize;
    border: 1px solid #ccc;
    /*max-width: 130px;*/
    min-width: 30px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Jewelry-filter-wrap.filter-wrap .filter-inner .filter .filter-detail li a {
    width: 130px;
    max-width: 130px;
}

/*.filter-wrap .filter-inner .filter .filter-detail li a:before {*/

/*content: "";*/

/*position: absolute;*/

/*display: block;*/

/*left: 0;*/

/*top: 0px;*/

/*width: 18px;*/

/*height: 18px;*/

/*background-color: #fff;*/

/*border: 1px solid #cdcdcd;*/

/*border-radius: 50%;*/

/*}*/

/*.filter-wrap .filter-inner .filter .filter-detail li a:after {*/

/*content: "";*/

/*position: absolute;*/

/*display: block;*/

/*left: 0;*/

/*top: 0;*/

/*width: 18px;*/

/*height: 18px;*/

/*opacity: 0;*/

/*background: #333;*/

/*border-radius: 50%;*/

/*-webkit-border-radius: 50%;*/

/*-moz-border-radius: 50%;*/

/*-ms-border-radius: 50%;*/

/*-o-border-radius: 50%;*/

/*}*/

/*.filter-wrap .filter-inner .filter .filter-detail li a.active {*/

/*color: #222;*/

/*font-weight: 600;*/

/*}*/

/*.filter-wrap .filter-inner .filter .filter-detail li a.active:before {*/

/*background-color: #222;*/

/*border-color: #222;*/

/*}*/

.filter-wrap .filter-inner .filter .filter-detail.image-filter li {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    max-width: 100px;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a:before, .filter-wrap .filter-inner .filter .filter-detail.image-filter li a:after {
    display: none;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li, .filter-shape-popup ul li {
    max-width: 65px;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a, .filter-shape-popup ul li a {
    text-align: center;
    padding: 5px 8px 3px 8px;
    border: 1px solid #ccc;
    font-weight: 400;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a img, .filter-shape-popup ul li a img {
    max-width: 30px;
    display: inline-block;
    /*margin-bottom: 5px*/
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a img.applied, .filter-shape-popup ul li a img.applied {
    display: none;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a span, .filter-shape-popup ul li a span {
    display: inline-block;
    width: 100%;
    font-size: 11px;
}

.filter-shape-popup ul li a span {
    margin-top: 8px;
}

.filter-wrap .filter-inner .filter .filter-detail li a.active {
    font-weight: 600;
    background: #333;
    color: #fff;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a.active, .filter-shape-popup ul li a.active {
    background: #333;
    color: #fff;
    font-weight: 400;
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a.active img.normal, .filter-shape-popup ul li a.active img.normal {
    display: none
}

.filter-wrap .filter-inner .filter .filter-detail.image-filter li a.active img.applied, .filter-shape-popup ul li a.active img.applied {
    display: inline-block;
}

.filter-wrap .filter-inner .filter:hover .filter-detail {
    opacity: 1;
    overflow: visible;
    height: auto;
    display: block;
}

.filter-wrap .filter-inner .filter .filter-detail .input-styles input {
    padding: 7px 10px;
}

.more-filter-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    display: none;
}

.more-filter-popup.show-more {
    display: flex;
}

.more-filter-popup .filters-wrap {
    max-height: calc(100vh - 100px);
    overflow: auto;
}

.more-filter-popup:after {
    content: '';
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.more-filter-popup .filter-inner-wrap {
    background: #fff;
    width: 100%;
    max-width: 90vw;
    position: relative;
    z-index: 1;
}

.more-filter-popup .filter-inner-wrap .filter-inner-title {
    padding: 8px 15px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

.more-filter-popup .filter-inner-wrap .filter-inner-footer {
    padding: 8px 15px;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.more-filter-popup .filter-inner-wrap .filter-inner-title h4 {
    float: left;
    font-weight: 600;
    font-size: 20px
}

.more-filter-popup .filter-inner-wrap .filter-inner-title i {
    float: right;
    font-size: 25px;
    cursor: pointer;
    line-height: 40px;
}

.more-filter-popup .filter-inner-wrap .filters-wrap {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: flex;
    /*align-items: flex-start;*/
    flex-wrap: wrap;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter {
    padding-bottom: 10px;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #ccc;
    width: 1px;
    height: 100%;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter h4 {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    font-size: 13px;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter li a {
    display: inline-block;
    width: 100%;
    padding: 5px 8px;
    text-transform: capitalize;
    border: 1px solid #ccc;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter li a.active {
    background: #000;
    color: #fff;
}

.more-filter-popup .filter-inner-wrap .filters-wrap .filter li .input-styles input {
    padding: 7px 10px;
}

.old-price {
    font-size: 20px;
    /*margin-left: 15px;*/
    /*Jewelry-list*/
    margin-top: 5px;
    color: #9e9e9e;
    margin-right: 5px;
    text-decoration: line-through;
}

.order-price {
    display: flex;
    align-items: center;
}

.order-price .old-price {
    font-size: 14px;
    margin-top: 0;
}

.product-info .old-price {
    font-size: 16px;
    font-weight: normal;
}

.old-price svg {
    fill: #9e9e9e
}

.no-pad {
    padding: 0
}

.testimonial-slider {
    text-align: center;
}

.testimonial-slider .testimonial, .video-slider .video-content {
    /*padding: 0 50px;*/
    /*opacity: 0.8;*/
    /*transform: scale(0.9);*/
    /*transition: all 0.3s ease-in-out;*/
}

.testimonial-slider .testimonial.slick-current, .video-slider .video-content.slick-current {
    /*opacity: 1;*/
    /*transform: scale(1);*/
}

.testimonial-slider .testimonial figure {
    display: inline-block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 40px
}

.testimonial-slider .testimonial figure img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-slider .testimonial p {
    line-height: 26px;
    font-size: 15px;
}

.testimonial h3 {
    font-size: 20px;
    margin-top: 0;
}

.testimonial-slider .slick-arrow, .video-slider .slick-arrow, .diamond-detail-featured .slick-arrow, .simmilar-product .slick-arrow, .suggested-product .slick-arrow, .about-story-block .slick-arrow {
    border: 1px solid #ccc;
    padding: 9px 9px 5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial-slider .slick-arrow:hover, .video-slider .slick-arrow:hover, .diamond-detail-featured .slick-arrow:hover, .simmilar-product .slick-arrow:hover, .suggested-product .slick-arrow:hover, .about-story-block .slick-arrow:hover {
    border: 1px solid #000;
}

.testimonial-slider .next-arrow.slick-arrow, .about-story-block .next-arrow.slick-arrow {
    right: 0;
}

.testimonial-slider .prev-arrow.slick-arrow, .about-story-block .prev-arrow.slick-arrow {
    left: 0;
}

.testimonial-slider .next-arrow.slick-arrow svg, .video-slider .next-arrow.slick-arrow svg, .diamond-detail-featured .next-arrow.slick-arrow svg, .simmilar-product .next-arrow.slick-arrow svg, .suggested-product .next-arrow.slick-arrow svg, .about-story-block .next-arrow.slick-arrow svg {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/*.about-story-block .prev-arrow.slick-arrow*/

.testimonial-slider .prev-arrow.slick-arrow svg, .video-slider .prev-arrow.slick-arrow svg, .diamond-detail-featured .prev-arrow.slick-arrow svg, .simmilar-product .prev-arrow.slick-arrow svg, .suggested-product .prev-arrow.slick-arrow svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.video-slider .next-arrow.slick-arrow, .diamond-detail-featured .next-arrow.slick-arrow, .simmilar-product .next-arrow.slick-arrow, .suggested-product .next-arrow.slick-arrow {
    right: 10px;
}

.about-story-block .next-arrow.slick-arrow {
    right: -25px;
}

.video-slider .prev-arrow.slick-arrow, .diamond-detail-featured .prev-arrow.slick-arrow, .simmilar-product .prev-arrow.slick-arrow, .suggested-product .prev-arrow.slick-arrow {
    left: 10px;
}

.about-story-block .prev-arrow.slick-arrow {
    left: -25px;
}

.product-detail-slider-zoom {
    position: relative;
}

.product-colors {
    position: absolute;
    right: 15px;
    bottom: 0px;
}

.product-colors .color {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.product-colors ul li a {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    width: 25px;
    text-align: right;
    height: 25px;
}

.product-colors ul li a .text {
    float: left;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    opacity: 0;
    margin-right: 10px;
    position: absolute;
    right: 23px;
    white-space: nowrap;
    display: none;
}

.product-colors ul li a:hover .text {
    opacity: 1;
    display: inline-block;
}

.product-colors .color.active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.product-colors .color.yellow {
    background: #f2d186
}

.product-colors .color.white {
    background: #dcdcdc;
}

.product-colors .color.grey {
    background: #f4a4a5;
}

/*------------------------------------- mehul 31-5-19 -------------------------------*/

/*------------------------------------- mehul 03-6-19 -------------------------------*/

.mt-20 {
    margin-top: 20px;
}

.customize-solitaire .customize-solitaire-heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-size: 16px;
    color: #000;
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.customize-solitaire-heading a {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    font-weight: bold;
}

.customize-solitaire ul li {
    display: inline-block;
    margin-right: 20px;
}

#customize-solitaire ul {
    display: flex;
    justify-content: center;
}

.customize-solitaire ul li span {
    text-transform: capitalize
}

/*.customize-solitaire ul li strong {*/

/*    text-decoration: underline*/

/*}*/

.show-solitaire-list {
    font-weight: 600;
    color: #252a2b;
    font-size: 14px;
    margin: 5px 0px 0px 0;
    letter-spacing: 0.5px;
    background-color: #FFF;
    height: auto;
    padding: 3px 15px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #252a2b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.show-solitaire-list:hover {
    background-color: #252a2b;
    color: #FFF;
}

.more-filter-popup.solitaire-popup .filter-inner-wrap {
    max-width: 60vw;
}

.solitaire-popup .filters-wrap {
    padding: 0 20px
}

.fixed_headers {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_headers th {
    color: #fff;
    text-align: left;
    padding: 10px
}

.fixed_headers td {
    padding: 10px 5px;
    text-align: left;
}

.fixed_headers td, .fixed_headers th {
    width: auto;
    border: 0;
}

.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1) {
    width: 30px;
    min-width: 30px;
}

.fixed_headers td:nth-child(2), .fixed_headers th:nth-child(2) {
    min-width: 12vw;
    /*text-align: center;*/
}

.fixed_headers .shape-wrap img {
    display: none !important;
}

.fixed_headers td:nth-child(3), .fixed_headers th:nth-child(3) {
    min-width: 10vw;
    text-align: center;
}

.fixed_headers td:nth-child(4), .fixed_headers th:nth-child(4) {
    min-width: 10vw;
    text-align: center;
}

.fixed_headers td:nth-child(5), .fixed_headers th:nth-child(5) {
    min-width: 10vw;
    text-align: center;
}

.fixed_headers td:nth-child(6), .fixed_headers th:nth-child(6) {
    min-width: 10vw;
    text-align: center;
}

.fixed_headers td:nth-child(6) {
    font-weight: bold;
}

.fixed_headers tbody tr {
    display: block;
    position: relative;
}

.fixed_headers thead {
    background-color: #333;
    color: #FDFDFD;
}

.fixed_headers thead tr {
    display: block;
    position: relative;
}

.fixed_headers fieldset.register-gender {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: none;
    border: 0;
    box-sizing: border-box;
    /*width: auto;*/
    font-size: 14px;
    padding: 0px;
    width: 20px;
    height: 20px;
    border-top: 0;
}

.fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 400px;
}

.fixed_headers tbody tr:nth-child(even) {
    background-color: #DDD;
}

.fixed_headers td .shape-wrap img {
    max-width: 40px;
    display: inline-block;
    margin-right: 8px;
}

.old_ie_wrapper {
    height: 300px;
    width: 750px;
    overflow-x: hidden;
    overflow-y: auto;
}

.old_ie_wrapper tbody {
    height: auto;
}

.diamond-list-tabs {
    /*border-bottom: 1px solid #ccc;*/
    /*padding-bottom: 10px;*/
    float: left;
    margin-top: 40px;
    padding-top: 10px;
    position: sticky;
    top: 163px;
    z-index: 2;
    background-color: #FFF;
    padding-right: 14px;
}

.diamond-list-wrap table thead tr th, .diamond-list-wrap table thead {
    position: sticky !important;
    position: -webkit-sticky;
    top: 209px;
    z-index: 1;
    background: #333;
    padding: 8px 10px;
}

.diamond-list-tabs .nav-tabs {
    float: left;
}

.diamond-list-tabs .nav-tabs li {
    margin-bottom: 0;
    margin-right: 10px;
}

.diamond-list-tabs .nav-tabs li a {
    border: 1px solid #ccc;
    padding: 7px 10px;
    border-bottom: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.diamond-list-tabs .nav-tabs li.active a {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.diamond-list-tabs .shop-top {
    margin-bottom: 0
}

.diamond-list-tabs .js-filter {
    margin-bottom: 0
}

.diamond-list-tabs .shop-top .shop-element.left>ul>li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.diamond-list-wrap table {
    float: left;
    width: 100%;
}

.diamond-list-wrap table th, .diamond-list-wrap table td {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.diamond-list-wrap table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.diamond-list-wrap table thead tr {
    background: #333;
}

.diamond-list-wrap table thead tr th {
    color: #fff;
    text-transform: capitalize;
}

.diamond-list-wrap table td a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.diamond-list-wrap table td a i {
    margin-right: 5px;
}

.diamond-list-wrap table td a i {
    font-size: 18px;
    font-weight: bold;
}

.diamond-list-wrap table td a svg {
    width: 18px;
    height: 18px;
    stroke: #000;
    stroke-width: 1px;
}

.diamond-list-wrap table td a svg.compare-active {
    height: 18px;
}

.diamond-list-wrap table tr:nth-child(even) {
    background: #eee;
}

.filter-wrap .filter-inner.width-auto .filter {
    min-width: 9%;
}

.filter-wrap .filter-inner.width-auto .filter .filter-title i {
    margin-left: 10px;
}

.filter-wrap .filter-inner .filter.only-border .filter-title {
    background: #fff;
    color: #000;
    border: 1px solid #333;
}

.btn-light {
    background: #fff;
    font-style: normal;
    color: #252a2b !important;
    border: 1px solid #252a2b;
    font-size: 13px !important;
    font-family: FFMarkWebProMedium;
    text-transform: uppercase;
    padding: 8px 30px !important;
    position: relative;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    margin: 0;
    display: inline-block !important;
    line-height: 32px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
}

.btn-light:hover {
    background-color: #252a2b;
    color: #fff !important;
    opacity: 1 !important;
}

ol, ul {
    list-style: none;
    padding: 0;
}
.product-item .banner-img {
    max-height: 304px;
}

.product-item .banner-sec {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.product-item .banner-sec .prod-hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.product-item .banner-sec .prod-hover h3 {
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
}

.product-item:hover .banner-sec .prod-hover {
    position: absolute;
    top: 0;
    transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -ms-transition: top 0.5s;
    -o-transition: top 0.5s;
}

.product-item .banner-sec:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transform-origin: bottom right;
}

.product-item:hover .banner-sec:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform-origin: top left;
}

/*------------------------------------- mehul 03-6-19 -------------------------------*/

/*------------------------------------- mehul 4-6-19 --------------------------------*/

.user-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-section span {
    color: #000;
    font-size: 13px;
}

.m-b-20 {
    margin-bottom: 20px;
}

nav .menu-category-menu-container ul.menu>li .follow-us {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

nav .menu-category-menu-container ul.menu>li .follow-us p {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    line-height: normal;
    font-weight: 600;
    width: auto;
    float: left;
    margin: 0 20px 0 0;
    min-width: 80px;
}

nav .menu-category-menu-container ul.menu>li .follow-us a {
    height: 30px;
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #4b4b4b;
    width: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 100%;
}

nav .menu-category-menu-container ul.menu>li .follow-us a svg {
    width: 14px;
    height: 14px;
    margin: 7px;
}

.timer-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-right: 210px;
}

.timer-wrap .timer {
    margin-left: 10px;
    color: #fff;
    /* display: flex; /
    / align-items: center; */
    justify-content: space-between;
    background-color: #151515;
    margin-top: -8px;
    margin-bottom: -8px;
    padding: 5px 3px;
    border-radius: 5px;
    position: absolute;
    top: -4px;
    right: 0;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .39);
}

.timer-count {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.timer-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 9px;
    margin-top: 3px;
}

.timer-text div {
    /* margin: 0 5px; */
    width: 30px;
    text-align: center;
}

.timer-wrap .timer span {
    position: relative;
}

.timer-wrap .timer span:after {
    content: ':';
    padding-left: 5px;
}

.timer-wrap .timer span:last-child:after {
    content: '';
    padding-left: 0px;
}

/*------------------------------------- mehul 4-6-19 --------------------------------*/

/*------------------------------------- mehul 6-6-19 --------------------------------*/

header.global .drop .container ul li.menu-item a:not(.secondoryTitleMenu) {
    width: 100%;
    align-items: center;
    display: flex;
}

header.global .drop .container ul li.menu-item a:not(.secondoryTitleMenu) img {
    width: 23px;
    display: inline-block;
    margin-right: 7px;
    float: left;
}

header.global .drop .container ul li.menu-item a:not(.secondoryTitleMenu) span {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 22px;
}

header.global .drop .container ul li.menu-item a.btn-dark {
    width: auto;
}

/*------------------------------------- mehul 6-6-19 --------------------------------*/

/*-=-----------------------------------Parul 6-6-2019*/

header.sticky .top-logo, header .sticky-logo {
    display: none;
}

header.sticky .sticky-logo, header .top-logo {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
}

header.sticky .navbar-nav>li>a {
    color: #FFF;
}

header.sticky .element svg {
    fill: #FFF;
}

header.sticky .element .count {
    background-color: #FFF;
    color: #000;
}

.nav_toggle.sticky .hamburger div {
    background-color: #FFF;
}

.slick-dotted.slick-slider {
    margin-bottom: 15px;
}

/*-=-----------------------------------Parul 6-6-2019*/

/*------------------------------------Parul 7-6-2019*/

body.nav_on a.nav_toggle {
    left: 250px;
}

.customer-story {
    display: inline-block;
    border-radius: 3px;
    margin-top: 5px;
}

.home-about__btn {
    border-radius: 3px;
}

.collection-left {
    position: absolute;
    bottom: 0;
    width: 62%;
    text-align: center;
    background: #fff;
    padding-bottom: 10px;
    /* border-top: 1px solid #ddd; */
    padding-top: 10px;
}

/*------------------------------------Parul 7-6-2019*/

/*-------------------------------------8-6-2019 Parul*/

.fill-black {
    fill: #000;
    display: inline-block;
    margin-right: 7px;
    float: left;
}

.diamond-detail-dec h2 {
    color: #000;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    font-size: 20px;
    /*font-weight: 600;*/
    line-height: 28px;
}

.diamond-detail-dec h3 {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 600;
}

.diamond-detail-left {
    margin-bottom: 20px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    /*background-color: #f8f8f8;
    padding: 10px 15px;
    border: 1px solid #ddd;*/
}

.diamond-detail-title {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    display: flex;
}

.diamond-detail-title i {
    font-size: 16px;
    margin-right: 5px;
}

.diamond-detail-title span {
    display: block;
}

.diamond-detail-left:last-child {
    margin-bottom: 0;
}

.diamond-detail-left span:first-child {
    font-weight: bold;
    width: 25%;
    display: block;
}

.diamond-detail-left span:last-child {
    float: right;
    margin-left: 40px;
    width: 25%;
}

.diamond-detail-blok {
    width: 75%;
    display: inline-block;
    text-align: left;
}

.diamond-list-wrap {
    margin-top: 3px;
}

.diamond-detail-testimonial h2 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
}

.diamond-detail-testimonial p {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.diamond-video-slider {
    padding: 0 40px;
}

.diamond-detail-featured li {
    padding: 0 15px;
}

.diamond-detail-featured .slick-list {
    padding-right: 140px !important;
}

.diamond-detail-featured {
    padding-right: 50px;
    padding-left: 50px;
}

.diamond-detail-fe-de {
    font-size: 16px;
    margin-top: 10px;
}

.store-detail-img .store-detail-slider .height-width-images {
    max-width: 670px;
    height: 502px;
    text-align: center;
}

.store-detail-img .store-detail-slider .height-width-images img {
    height: 100%;
    object-fit: cover;
    width: auto;
    display: inline-block;
}

.user-login {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 78px;
    color: #000;
    font-size: 20px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 20px;
}

.mobile-login-user a {
    font-size: 14px;
    color: #000;
    float: left;
    padding-right: 10px;
}

.mobile-login-user {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.mobile-login-user a:first-child:after {
    padding-right: 10px;
    /*margin-right: 10px;*/
    border-right: 2px solid #ddd;
    content: "";
}

.mobile-login {
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 10px;
}

.shop-header .mobile-login {
    background-color: #000;
    padding-top: 25px;
}

.shop-header .user-login, .shop-header .mobile-login-user a {
    color: #FFF;
}

.back-brand ul {
    margin: 0;
}

.back-brand a {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.back-brand a i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    float: left;
    font-size: 5px;
    margin-right: 10px;
    margin-top: 0px;
}

.back-brand a span {
    float: left;
}

.back-brand a svg {
    margin-right: 10px;
}

.header-top-slider {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
}

/*-------------------------------------8-6-2019 Parul*/

/*Solitaire-list filter*/

.mt-30 {
    margin-top: 30px;
}

.dy-filter .flexed-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dy-filter .flexed-box label {
    max-width: 80px;
}

.dy-filter .flexed-box:nth-child(odd) {
    padding-right: 50px;
}

.dy-filter .flexed-box:nth-child(even) {
    padding-left: 50px;
}

.dy-filter .filter-content {
    float: left;
    width: calc(100% - 80px)
}

.dy-filter .filter-detail {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dy-filter .filter-detail.JewelryFilter li {
    width: 100%
}

.dy-filter .filter-detail li {
    display: inline-block;
    /*margin-right: 10px;
    margin-top: 10px;*/
    margin: 5px;
    width: auto;
}

.dy-filter .filter-detail li a {
    display: inline-block;
    width: 100%;
    padding: 5px 8px;
    text-transform: capitalize;
    border: 1px solid #ccc;
    min-width: 30px;
    text-align: center;
}

.dy-filter .filter-detail li a.active {
    background: #333;
    color: #fff;
}

.dy-filter .filter-detail.image-filter li a {
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    max-width: 84px;
}

.dy-filter .filter-detail.image-filter li {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    max-width: 100px;
}

.dy-filter .filter-detail.image-filter li a img {
    max-width: 30px;
    display: inline-block;
    /*margin-bottom: 5px;*/
}

.dy-filter .filter-detail.image-filter li a img.applied {
    display: none;
}

.dy-filter .filter-detail.image-filter li a span {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    margin-top: 8px;
}

.dy-filter .filter-detail li a.active {
    font-weight: 600
}

.dy-filter .filter-detail.image-filter li a.active {
    background: #333;
    color: #fff;
    font-weight: 400;
}

.dy-filter .filter-detail.image-filter li a.active img.normal {
    display: none
}

.dy-filter .filter-detail.image-filter li a.active img.applied {
    display: inline-block;
}

.dy-filter .filter-detail input {
    padding: 7px 8px;
    font-size: 13px;
    text-align: center;
}

.pos-abs {
    position: absolute;
    bottom: -10px;
    width: calc(100% - 155px);
}

.pb-20 {
    padding-bottom: 20px;
}

.text-gray {
    color: #656565;
}

/*-------------------------------parul10-6-2019*/

.solitaire-list-select {
    position: relative;
}

.solitaire-list-select input {
    position: relative;
    z-index: 1;
    width: 18px;
    height: 18px;
    opacity: 0;
    margin: 0;
}

.solitaire-list-select .select-option:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
}

.solitaire-list-select input:checked~.select-option:before {
    background-color: #222;
    border-color: #222;
}

.solitaire-list-select .select-option:after {
    content: "";
    left: 7px;
    position: absolute;
    display: none;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.solitaire-list-select input[type="radio"]:checked~.select-option:after {
    display: block;
}

.view-more-header {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    font-family: FFMarkWebProMedium;
    letter-spacing: 0.5px;
}

.grand-price .product-details-small span {
    font-size: 18px;
    font-weight: bold;
}

/*-------------------------------parul10-6-2019*/

/*-----------------------------------parul 11-6-2019*/

.category-view-all {
    position: absolute;
    bottom: -30px;
    right: 0;
    text-align: center;
    left: 0;
}

.category-view-all a {
    /*text-decoration: underline;*/
    color: #FFF;
    background-color: #000;
    border: 1px solid #000;
    padding: 6px 30px;
    font-size: 12px;
    text-transform: uppercase;
}

.category-view-all a:hover {
    background-color: #FFF;
    color: #000;
}

.box-part .box a img {
    height: 100%;
}

.box-wrapper {
    width: 100%;
    height: 25%;
    position: absolute;
    z-index: 10;
    left: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.box-wrapper-right {
    width: 20%;
    height: 100%;
    position: absolute;
    z-index: 10;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.box-wrapper-left {
    width: 20%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.m-lr-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.m-lr-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.hori-slider::-webkit-scrollbar, .branding-slider::-webkit-scrollbar, .home-mobile-slider::-webkit-scrollbar {
    height: 0px;
    background-color: transparent;
}

.hori-slider::-webkit-scrollbar-thumb, .branding-slider::-webkit-scrollbar-thumb, .home-mobile-slider::-webkit-scrollbar-thumb {
    background-color: transparent;
}

/*-----------------------------------parul 11-6-2019*/

/*----------------------------------parul 12-6-2019*/

.detail-Jewelry svg {
    fill: #555;
}

.detail-Jewelry {
    margin-top: 5px;
    width: 100%;
    overflow: hidden;
}

.detail-Jewelry .detail-img {
    max-width: 14px;
    display: block;
    float: left;
    margin-right: 2px;
}

.detail-Jewelry-info .detail-dec-title {
    margin-right: 5px;
    display: flex;
    font-size: 13px;
    align-items: center;
}

.detail-Jewelry-info {
    margin-right: 10px;
    font-size: 14px;
}

.detail-Jewelry-info .metal-color {
    width: 12px;
    height: 12px;
    background-color: #f2d186;
    border-radius: 100%;
    float: left;
    margin-right: 2px;
}

.product-top-block {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.product-top-block .product-bram {
    border: 1px solid #555;
    float: left;
    margin: 5px 10px 0 0;
    padding: 1px 8px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.product-bram i {
    font-size: 12px;
    margin-left: 5px;
}

/*----------------------------------parul 12-6-2019*/

/*-------------------------------parul13-6-2019*/

.customzie-price {
    float: right;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding-right: 25px;
    position: absolute;
    top: 0;
    right: 0;
}

.pr-40 {
    padding-right: 40px;
}

.ok-listener {
    z-index: 1000 !important;
}

#ok-loupe {
    z-index: 1000 !important;
}

/*-------------------------------parul13-6-2019*/

/* ----------------------------parul 16-6-2019*/

.cart-process {
    display: flex;
    justify-content: center;
    border: 1px solid #ddd;
    background: #f3f4f8;
    padding: 10px 0 25px 0;
    margin-bottom: 30px;
}

/*
body.modal-open .cart-process,
body.auto-scroll .cart-process {
    z-index: 1;
}
*/

.cart-process-step {
    position: relative;
    font-size: 13px;
    text-transform: capitalize;
    /* padding-bottom: 15px; */
}

.cart-process-step:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #FFF;
    border: 1px solid #ddd;
    display: block;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: 5px;
    z-index: 1;
    opacity: 0;
}

.cart-process-step.active:before {
    background-color: #000;
    border: 1px solid #000;
}

.cart-process-step.processed:before {
    background-color: #FFF;
    border: 1px solid #555;
    color: green;
    text-align: center;
    /* width: 20px; */
    content: "\f122";
    /* height: 20px; */
    line-height: 13px;
    font-size: 10px;
    font-family: "Ionicons";
}

.process-step2.cart-process-step:before, .process-step3.cart-process-step:before {
    left: 18px;
}

.cart-process-step:after {
    content: "";
    width: 200px;
    /*height: 2px;*/
    /*background: #dddd;*/
    display: block;
    left: 20px;
    position: relative;
    margin-top: 20px;
    border: 1px solid #999;
}

.cart-process-step .checkout-pro-icon {
    position: absolute;
    bottom: -15px;
    background: #FFF;
    z-index: 1;
    left: 18px;
}

.cart-process-step span {
    position: relative;
    left: 7px;
}

.cart-process-step.process-step1 .checkout-pro-icon {
    left: 0px;
}

.cart-process-step.process-step1 span {
    left: 0;
}

.cart-process-step.process-step3:after {
    content: none;
}

.checkout-pro-icon i {
    font-size: 16px;
    line-height: 18px;
}

.cart-process-step.active .checkout-pro-icon {
    background: #000;
    border: 1px solid #000;
}

.cart-process-step.active .checkout-pro-icon svg {
    fill: #FFF;
}

.listing-popup .modal-dialog {
    position: fixed;
    width: 100%;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto !important;
    transform: translate(0, 100%) !important;
    border-radius: 10px 10px 0 0;
    box-shadow: rgba(11, 11, 11, 0.25) 0px -10px 20px 0px;
}

.listing-popup.in .modal-dialog {
    transform: translate(0, 0) !important;
    margin: 10px auto;
}

.listing-popup .modal-body {
    background-color: #FFF;
}

.listing-popup.modal.in:before {
    background: transparent;
}

.listing-popup .modal-header {
    /*background: #f5f5f5;*/
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    position: relative;
    padding: 0;
}

.listing-popup .close {
    opacity: 1;
    line-height: 20px;
    float: right;
    color: #555;
    font-weight: normal;
    font-size: 13px;
    display: flex;
    margin: 0;
}

.listing-popup i {
    font-size: 14px;
    margin-right: 5px;
}

.listing-popup .reset-btn {
    float: left;
    color: #555;
    font-weight: normal;
    font-size: 13px;
}

.listing-popup .btn-dark {
    padding: 5px 30px;
    font-size: 14px !important;
}

.modal-header-top {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    background: #f5f5f5;
}

.listing-popup .modal-header .modal-title {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 10px 0 10px;
}

.listing-popup ul {
    margin-bottom: 0;
}

.listing-popup .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    border-radius: 10px 10px 0 0;
}

.mobile-dec {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    word-break: break-all;
    margin-bottom: 0;
}

.mobile-dec.active {
    white-space: normal;
}

.pl-0 {
    padding-left: 0 !important;
}

/* ----------------------------parul 16-6-2019*/

/*----------------------------parul 17-6-2019*/

.diamond-list-detail span:first-child {
    font-size: 13px;
    margin-right: 5px;
    max-width: 70px;
    min-width: 70px;
}

.solitaire-mobile-list {
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 0 0 5px;
}

.diamond-list-detail {
    /* margin-right: 5px; */
    display: flex;
    width: 50%;
    margin-bottom: 5px;
}

.mobil-detail-action-cta {
    width: 35px;
    text-align: center;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 0px;
    background: #f5f5f5;
}

.mobil-detail-action-cta.active {
    background-color: #000;
}

.mobil-detail-action-cta.active i {
    color: #fff;
}

.mobil-detail-action-cta.active .default-heart, .mobil-detail-action-cta .heart-active, .mobil-detail-action-cta.active .default-compare, .mobil-detail-action-cta .compare-active {
    display: none;
}

.mobil-detail-action-cta .default-heart, .mobil-detail-action-cta.active .heart-active, .mobil-detail-action-cta .default-compare, .mobil-detail-action-cta.active .compare-active {
    display: block;
}

.mobil-detail-action-cta:first-child {
    margin: 0 5px 0 0;
}

.mobil-detail-action-cta i {
    font-size: 16px !important;
    margin: auto !important;
}

.mobil-detail-action-cta svg {
    width: 16px !important;
    margin: 0 !important;
    height: 16px !important;
}

.diamond-list-detail span:last-child {
    font-size: 12px;
    font-weight: bold;
    display: flex;
}

.diamond-list-mobile-icon i {
    font-size: 16px;
    display: block;
    float: left;
    margin-right: 5px;
}

.diamond-list-mobile-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.mobile-view-space {
    padding: 0 8px;
}

.diamond-list-mobile {
    border: 1px solid #ddd;
    overflow: hidden;
    display: flex;
}

.diamond-list-mobile-img {
    background: #f5f5f5;
    padding: 10px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diamond-list-mobile-info {
    padding: 5px 8px 5px 8px;
}

.diamond-list-mobile-icon {
    display: flex;
    /* border-top: 1px solid #ddd; */
    /* padding: 3px 0 3px 0; */
    /* margin-top: 20px; */
    /* background: #f5f5f5; */
    /*margin-left: -8px;
    margin-right: -8px;
    position: absolute;*/
    width: 100%;
    /*bottom: 0;*/
    margin-top: 10px;
}

.mobile-icon-block {
    width: 50%;
    text-align: center;
    border: 1px solid #000;
    /* padding: 5px 0 0 0; */
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    font-size: 12px;
    margin-right: 5px;
}

/*.mobile-icon-block:first-child,*/

.add-to-ring-jew, .solitaire-list-buynow {
    background: #000;
    border: 1px solid #000;
    color: #FFF;
    /*width: 60%;*/
}

.solitaire-list-buynow a {
    color: #fff;
}

.mobile-icon-block:last-child {
    margin-right: 0;
}

/*.mobile-icon-block:first-child a {*/

/*    color: #FFF;*/

/*}*/

.add-to-ring-jew a {
    color: #FFF;
}

.mobile-icon-block a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.zopim {
    z-index: 100 !important;
    /*SOlitaire-filter-moblie-view*/
}

/*----------------------------parul 17-6-2019*/

/*----------------------------parul 18-6-2019*/

.payment-option-wrapper {
    position: relative;
    padding: 10px 60px 5px 10px;
    cursor: pointer;
}

.payment-option-box {
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #FFF;
}

.option-select {
    font-size: 10px;
    padding: 0 5px 5px;
    color: #555;
}

.payment-option-wrapper img {
    width: 80%;
    cursor: pointer;
}

.payment-option-select {
    float: right;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 18px;
    height: 18px;
}

.payment-info {
    overflow: hidden;
    /*height: 100%;*/
    padding: 20px 0;
    background: #f4f4f8;
    position: sticky;
    top: 147px;
}

.payment-info h2 {
    text-align: center;
}

a.checkout-btn {
    /* padding: 5px;
     font-size: 12px;*/
    width: 35%;
    line-height: 24px;
}

.checkout-btn-show {
    display: none;
}

.checkout-btn-show.active {
    display: inline-block;
}

.font-24 {
    font-size: 24px;
}

/*----------------------------parul 18-6-2019*/

/*-----------------------------parul 19-6-2019*/

.product-mobile-separet-block {
    background: #f4f4f5;
    height: 8px;
    margin-left: -15px;
    margin-right: -15px;
    /*border-top: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
}

.filter-process {
    position: absolute;
    top: 0px;
    right: 1px;
}

.filter-process svg {
    width: 12px;
    height: 12px;
    fill: #555;
}

/*-----------------------------parul 19-6-2019*/

/*Parul 20-6-2019*/

.compare-price-text {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

.compare-price-text span.compare-price-first {
    font-size: 14px;
    width: 45%;
    display: block;
    float: left;
}

.compare-price-text span.compare-price-center {
    display: block;
    float: left;
    margin-right: 30px;
}

.compare-price-text span.compare-price-right {
    display: block;
    float: left;
}

#compare .k-datepicker .k-picker-wrap input::placeholder {
    font-weight: normal;
}

.current-value-box {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.current-value-box:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.compare-message {
    display: block;
    overflow: hidden;
    /* width: 100%; */
    font-size: 11px;
    text-align: left;
    padding: 0 10px;
    margin-top: 5px;
    color: #555;
}

.product-detail-top {
    width: 100%;
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/
    background-color: rgba(241, 241, 241, 0.82);
    position: sticky;
    top: 48px;
    display: flex;
    z-index: 3;
    justify-content: space-between;
    padding: 5px 0;
    left: 0;
    box-shadow: 0 1px 2px 0 rgba(148, 150, 159, .3);
    margin-top: 10px;
}

body.auto-scroll .product-detail-top {
    z-index: 1;
}

.product-mobile-cta {
    position: absolute;
    right: -15px;
    top: 0;
}

.product-detail-top-icon {
    width: 30px;
    height: 30px;
    background: #f0f0f0;
    margin: 0 8px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    /*float: left;*/
    margin-bottom: 5px;
}

.product-detail-top-icon i {
    color: #000;
    font-size: 15px;
    display: block;
    line-height: 32px;
}

.product-detail-top-icon svg {
    margin: 6px 0;
}

.pincode-check {
    position: absolute;
    right: 9px;
    top: 0;
    bottom: 0;
    height: 18px;
    margin: auto;
    font-weight: bold;
    line-height: 18px;
    display: block;
    cursor: pointer;
}

.pincode-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    width: 100%;
    z-index: 100000001;
    background: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 15px 10px;
}

.overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
    display: none;
}

.overlay.active {
    display: block;
}

.pincode-popup.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.popup-pincode input {
    width: 100% !important;
}

.pincode-message {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
}

.product-timer {
    display: flex;
    width: auto;
    border: 1px solid #999;
    border-radius: 10px;
    padding: 5px;
    align-items: center;
    /* overflow: hidden; */
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 15px;
    margin-bottom: 10px;
}

.product-timer li {
    float: left;
    font-weight: bold;
    margin: 0 2px;
    color: #ff5a5a;
    font-size: 11px;
    font-weight: bold;
}

.product-timer h2 {
    font-size: 10px;
    margin: 0 5px 0 0;
}

/*Parul 20-6-2019*/

.position-sticky {
    position: sticky;
    top: 0;
}

.offer-detail-block img {
    width: 100% !important;
    max-width: 100%;
}

.zoom-img-wrap:after {
    content: "\f12a";
    font-family: "Ionicons";
    font-size: 18px;
    color: #000;
    position: absolute;
    right: -10px;
    top: -30px;
    display: block;
    width: 20px;
    height: 20px;
    /* background: #000; */
    z-index: 5;
}

.product-add-cart svg {
    margin-right: 5px;
    fill: #fff;
    display: block;
    float: left;
}

.product-add-cart:hover svg {
    fill: #000;
}

/*parul 24-6-2019*/

.order-img {
    width: 100px;
    float: left;
    margin-right: 20px;
    background: #fafafa;
    border: 1px solid #ddd;
}

.order-information {
    overflow: hidden;
    padding-right: 70px;
}

.order-information h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.order-detail-block {
    margin-bottom: 5px;
}

.order-information p {
    margin-bottom: 5px;
    color: #555;
}

.order-detail-block span {
    color: #555;
}

.product-price {
    display: flex;
    align-items: center;
    margin-top: 0px;
    justify-content: center;
    /*product-price*/
}

.order-return-price {
    justify-content: start;
}

.product-price .old-price {
    margin: 0 8px 0 0;
    font-size: 14px;
}

.product-price .new-price {
    font-size: 16px;
    font-weight: bold;
    margin-right: 8px;
}

.product-price .product-offer {
    color: #ff5a5a;
    font-weight: bold;
    font-size: 11px;
}

.order-num-block {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-num {
    float: left;
}

.order-detail {
    float: right;
    font-size: 12px;
    background: #555;
    color: #FFF;
    padding: 5px;
    min-width: 90px;
}

.order-top-block {
    box-shadow: 0px 0.5px 2.5px 2px rgba(40, 44, 63, 0.05);
    padding: 10px;
    margin-bottom: 15px;
}

.order-block {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.order-num span:last-child {
    font-weight: bold;
}

.order-status {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    text-align: center;
}

.delivered {
    color: #20bd99;
}

.cancelled {
    color: #ee5f73;
}

.show-all-order {
    background: #000;
    border: 1px solid #000;
    color: #FFF;
    padding: 8px 12px;
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 13px;
    text-transform: uppercase;
}

.show-all-order:hover {
    background: #FFF;
    color: #000;
}

textarea {
    min-height: 30px;
}

.graf-zoom {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 3px;
}

.graf-image {
    top: -5px;
}

.graf-zoom i {
    font-size: 18px;
}

#graf-zoom.in, #grafimage-zoom.in {
    z-index: 1000000;
}

#graf-zoom.in .modal-dialog, #grafimage-zoom.in .modal-dialog {
    width: 100%;
    top: 0;
    height: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

#graf-zoom.in .modal-dialog canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    transform: rotate(90deg);
}

#graf-zoom .modal-dialog {
    margin: 0;
}

#grafimage-zoom.in .modal-dialog img {
    -webkit-transform: rotate(90deg) scale(1.9);
    transform: rotate(90deg) scale(1.9);
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
}

.modal-dialog .spi-graph-hiden {
    background: transparent;
}

.canvas-close {
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: #000;
    font-size: 14px;
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    border-radius: 100%;
    z-index: 999
}

/*#graf-zoom #chartContainer1 canvas {*/

/*    -webkit-transform: rotate(90deg) scale(1.2);*/

/*    transform: rotate(90deg) scale(1.2);*/

/*}*/

#graf-zoom .canvasjs-chart-container {
    width: 100%;
    height: 100%;
    /*padding: 25px 0;*/
    overflow: hidden;
}

/*parul 24-6-2019*/

.lottie {
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: -webkit-filter .25s ease-in;
    transition: filter .25s ease-in;
    transition: filter .25s ease-in, -webkit-filter .25s ease-in;
}

.lottie svg {
    display: none;
}

.lottie svg:nth-child(1) {
    display: block !important;
}

.product-wishlist .lottie {
    width: 0;
    height: 0;
}

.wishlist-heart {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lottie.is-active {
    -webkit-filter: none;
    filter: none;
}

.wishlist-hover {
    width: 30px;
    height: 30px;
    transform: scale(0.7);
}

@keyframes heart-fill {
    0% {
        background-position: 0px 0;
    }
    100% {
        background-position: -700px 0px;
    }
}

.product-wishlist .wishlist-heart {
    background-image: url("/client-assets/eCommerce-Branding/images/heart.png");
    background-position: 0px 0;
}

.product-wishlist.wishlist-active .wishlist-heart {
    -webkit-animation: heart-fill 1s steps(7);
    /* Safari 4+ */
    -moz-animation: heart-fill 1s steps(7);
    /* Fx 5+ */
    -o-animation: heart-fill 1s steps(7);
    /* Opera 12+ */
    animation: heart-fill 0.5s steps(7);
    /* IE 10+, Fx 29+ */
    background-position: -700px 0px;
    transition: background .5s steps(7);
    /*animation: fave-heart 1s steps(28);*/
}

/*parul 28-6-2019*/

.checkbox-input, .product-check {
    margin-right: 8px;
    position: relative;
    height: 14px;
}

.checkbox-input input, .product-check input {
    width: 14px;
    height: 14px;
    margin: 0;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.checkbox-input .checkbox-check, .product-check .checkbox-check {
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.product-check .checkbox-check {
    border: 1px solid #ddd;
}

.checkbox-input .checkbox-check:after, .product-check .checkbox-check:after {
    content: "";
    left: 4px;
    position: absolute;
    display: none;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox-input input:checked~.checkbox-check:after, .product-check input:checked~.checkbox-check:after {
    display: block;
}

.user-account-profile {
    /*display: flex;*/
    /*margin-left: 150px;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    padding: 15px 0;
    border-bottom: 8px solid #f4f4f8;
}

.user-account-profile h1 {
    font-size: 20px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.user-login-account {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    border-radius: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.user-login-account img {
    border-radius: 100%;
}

.user-login-account svg {
    margin: 24px;
}

.user-login-account i {
    width: 25px;
    height: 25px;
    background: #FFF;
    color: #000;
    cursor: pointer;
    font-size: 20px;
    display: block;
    line-height: 25px;
    border-radius: 100%;
    position: absolute;
    right: -7px;
    top: auto;
    bottom: 11px;
    margin: auto;
    /*padding: 6px;*/
    border: 1px solid #000;
}

.user-login-account i:before {
    display: block;
    height: 25px;
    line-height: 25px;
}

/*parul 28-6-2019*/

/*1-7-2019*/

.pydj {
    background: #f8f9fd;
    overflow: hidden;
    padding: 30px 0;
}

.emi-form .transparent-btn {
    border: 1px solid #fff;
    padding: 6px 45px;
    background: #FFF;
    color: #000;
}

.emi-form .transparent-btn:hover {
    background: #000;
    color: #FFF;
}

.emi-form label {
    width: 100%;
    font-size: 14px;
    color: #FFF;
    margin-bottom: 5px;
}

.emi-form input {
    width: 100%;
    border: 1px solid #FFF;
    padding: 10px;
    height: 35px;
    background: rgba(255, 255, 255, 0.42);
    box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.27);
    color: #000;
    font-weight: bold;
}

.emi-form input::placeholder {
    color: #000;
    font-weight: bold;
}

.emi-form {
    /*background: rgba(255, 255, 255, 0.47);
    padding: 20px;*/
    /*border: 10px solid rgba(221, 221, 221, 0.67);*/
    /*box-shadow:0px 5px 20px rgba(0, 0, 0, 0.13);*/
}

.emi-benefit {
    padding: 20px 10px;
}

.emi-heading h2 {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
    /*font-weight: bold;*/
    font-family: "Meta Serif", sans-serif;
}

.emi-benefit ul {
    /*overflow: hidden;*/
    margin: 0;
}

.emi-benefit ul li {
    width: 23%;
    float: left;
    text-align: center;
    /* margin-bottom: 20px; */
    /* border: 1px solid #ddd; */
    margin: 0 5px;
    background: #FFF;
    padding: 25px 6px;
    transition: all 0.3s;
    border-radius: 10px;
    /* font-weight: bold; */
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.08);
}

.emi-benefit ul li:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13);
    background-color: #FFF;
}

.emi-benefit ul span {
    width: 100%;
    display: block;
    margin-top: 5px;
    font-size: 14px;
}

.benefits-img {
    width: 50px;
    height: 50px;
    margin: auto;
    margin-bottom: 20px;
    /* background: #FFF; */
    /* border-radius: 100%; */
    position: relative
}

.benefits-img img {
    max-width: 100%;
    width: 50px;
    height: 50px;
    /*position: relative;
    z-index: 2;*/
    /*margin-top: -21px;*/
}

.benefits-img svg {
    width: 50px;
    height: 50px;
    fill: #77787b;
    /*position: relative;
    z-index: 2;*/
    /*margin-top: -21px;*/
}

/*.benefits-img:after {
    content: "";
    width: 70px;
    height: 70px;
    background: #FFF;
    border-radius: 100%;
    position: absolute;
    top: -35px;
    left: -14px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13);
}*/

.pydj-process h2 {
    text-align: left;
}

.mb-15 {
    margin-bottom: 15px !important;
}

/*1-7-2019*/

/*2-7-2019*/

.pydj-process-top-block {
    /*margin-top: 30px;*/
    /*overflow: hidden;*/
    padding-top: 20px;
}

.pydj-step-block {
    width: 100%;
    /*float: left;*/
    text-align: left;
    position: relative;
    margin-bottom: 40px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: center;
    /*align-items: center;*/
    transition: 0.3s all ease-in-out;
}

.pydj-step-block:last-child {
    margin-bottom: 0;
}

.pydj-step {
    width: 70px;
    height: 70px;
    display: block;
    float: left;
    background: #f8f9fd;
    border-radius: 100%;
    padding: 18px;
    box-shadow: 0 0 7px 2px rgba(190, 190, 190, 0.75);
    /*position: relative;
    z-index: 1;*/
    position: relative;
    z-index: 1;
}

.pyds-procedd-bar {
    position: relative;
    margin-right: 20px;
}

.pyds-procedd-bar:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    bottom: -96%;
    left: 50%;
    border: 1px dashed rgba(0, 0, 0, 0.18);
    /*background-color: #000;*/
}

.step-3 .pyds-procedd-bar:after {
    content: none;
}

.continue-btn-process a {
    font-size: 14px;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    padding: 6px 12px;
    border-radius: 5px;
    background: #000;
    color: #FFF;
}

.continue-btn-process {
    position: absolute;
    bottom: -30px;
    right: 18px;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.continue-btn-process a img {
    width: 18px;
    margin-right: 5px;
}

.continue-btn-process:hover {
    bottom: -20px;
    box-shadow: 0 0 19px 1px rgba(0, 0, 0, 0.62);
}

.how-to-work {
    background-image: url('/client-assets/eCommerce-Branding/images/bg-video.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 50px 0;
}

.pydj-info-block span {
    display: block;
    font-size: 20px;
    color: #555;
    margin: 0 0 5px 0;
}

.pydj-info-block b {
    margin-top: 8px;
    /*display: none;*/
}

.pydj-info-block p {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
}

.pydj-info-block {
    /*padding: 0 80px;*/
    /*margin-top: 15px;*/
    overflow: hidden;
}

.pydj-step-block:hover {
    transform: translate(-20px, 0px);
}

.emi-calculator-block {
    height: 100%;
    /*display:flex;*/
    /* justify-content:center;
     align-items:center;*/
    margin-top: 0px;
    /*background-color:#EEF2CB;*/
}

.emi-calculator-content {
    width: 100%;
    text-align: center;
    /*height:500px;*/
}

.pay-amount {
    width: 400px;
    display: inline-block;
    margin-bottom: -10px;
}

.coin-img {
    display: block;
    width: 100%;
    float: left;
    padding: 0 10px;
}

.coin-count-machine img {
    width: 450px;
    display: block;
    margin: auto;
    margin-top: -20px;
}

.pay-discount {
    right: 0;
    font-size: 16px;
    font-weight: bold;
    /*width: 50%;*/
    display: block;
    float: left;
    text-align: left;
    position: relative;
    color: #000;
}

.pay-discount b {
    margin-top: 3px;
    font-size: 44px;
    font-family: 'digital-7';
    color: #ce0000;
    display: block;
    font-weight: normal;
}

.svg-coins {
    width: 250px;
    height: 200px;
    margin: auto;
}

.you-pay {
    left: 0
}

.coin-count {
    width: 350px;
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 0;
    margin: auto;
}

/*2-7-2019*/

/*3-7-2019*/

.emi-amount {
    position: relative;
    overflow: hidden;
}

.emi-amount label {
    width: 100%;
    color: #555;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.emi-amount input {
    width: 100%;
    margin-right: 10px;
    float: left;
    border: 1px solid #ddd;
    background-color: #FFF;
    height: 50px;
    padding: 5px 10px;
}

.emi-amount button {
    width: auto;
    float: left;
    /* color: #FFF; */
    height: 50px;
    /* background-color: #000; */
    position: absolute;
    right: 20px;
    font-size: 16px;
    bottom: 0;
    padding: 0 10px;
    text-align: center;
}

.emi-amount button:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 2px solid #000;
    transition: all 0.3s;
    bottom: 0;
    position: absolute;
    right: 0;
}

.emi-amount button:hover:after {
    transform: scale(1.5);
}

.top-banner-pydj {
    position: relative;
    /* height: 450px;*/
}

.top-banner-pydj img {
    height: 100%;
    object-fit: cover;
}

.pydj-form {
    position: absolute;
    top: 45%;
    /* bottom: 0; */
    margin: auto;
    padding: 0;
    left: 7%;
}

.pydj-banner-text {
    position: absolute;
    left: 7%;
    top: 6%;
    text-align: left;
    padding: 0;
}

.pydj-banner-text h2 {
    font-size: 32px;
    font-family: "Meta Serif", sans-serif;
    color: #FFF;
}

.pydj-banner-text p {
    font-size: 20px;
    margin-top: 10px;
    color: #FFF;
    line-height: 41px;
}

.pydj-banner-text p b {
    font-size: 40px;
}

.emi-calculator-img {
    /*padding: 0 50px;*/
}

.monthly-installment-block {
    /*width: 75%;*/
    /*overflow: hidden;*/
    /*display: inline-block;*/
}

.amount-pay-img {
    margin-bottom: 20px;
}

.amount-right {
    margin: 0 -10px;
}

.amount-total {
    width: 47%;
    float: left;
    padding: 15px 10px;
    text-align: center;
    background: #FFF;
    margin: 0 10px;
    /*border: 1px solid #ddd;*/
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
}

.monthly-installment-block h4 {
    /*padding: 0 15px;*/
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    text-align: left;
}

.monthly-installment {
    /*width: 33.33%;*/
    position: relative;
    margin: 0;
    /*margin: 0;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;*/
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    /* border-right: 1px solid #333; */
    background: #fff;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15);
}

.monthly-calendar {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    /*margin-top: -20px;*/
}

/*.monthly-installment:last-child{*/

/*     background: #f5f4f4;*/

/*}*/

.amount-total h3 {
    font-size: 16px;
    margin-top: 0;
    /*font-weight: bold;*/
    margin-bottom: 10px;
}

.amount-total .mionthly-installment-price {
    font-size: 26px;
}

.monthly-installment h3 {
    font-weight: normal;
    font-size: 14px;
}

.monthly-installment i {
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: 10px;
}

#emi-slider {
    border-radius: 10px;
}

.noUi-connect {
    background: #555 !important;
    border-radius: 10px !important;
    pointer-events: none;
}

.noUi-connects {
    pointer-events: none;
}

#emi-slider .noUi-handle.noUi-handle-lower {
    border: none;
    background: transparent;
    box-shadow: none;
    width: 30px !important;
    height: 30px !important;
}

#emi-slider .noUi-handle.noUi-handle-lower:after {
    content: "";
    width: 35px;
    height: 35px;
    background: transparent;
    display: block;
    border-radius: 100%;
    top: -2px;
    left: -2px;
}

#emi-slider .noUi-handle.noUi-handle-lower:focus:after {
    /*border: 1px solid #000;*/
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.79);
}

#emi-slider .noUi-handle.noUi-handle-lower:focus {
    outline: none;
}

.noUi-touch-area {
    border-radius: 100%;
    background: #555;
    width: 30px !important;
    height: 30px !important;
}

#emi-slider .noUi-handle.noUi-handle-lower:before {
    content: "$" !important;
    position: absolute;
    display: block;
    color: #fff;
    background: transparent;
    width: 100%;
    left: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    line-height: 30px;
    height: 30px;
    border: none;
}

.pydj-chart {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    /* border-right: 1px solid #333; */
    background: #fff;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .15);
}

.pydj-chart span {
    font-size: 22px;
}

/*.noUi-handle.noUi-handle-upper:after{
    content: none !important;
}*/

.redemption-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.tp-content .tp-text {
    font-size: 14px;
    font-weight: bold;
}

.installment-text {
    font-size: 12px;
}

.total-payment {
    font-size: 15px;
}

.tp-content .Jewelry-worth {
    font-size: 14px;
    font-weight: normal;
}

.total-amount-block .total-payment {
    font-weight: bold;
}

.tooltip-redamly {
    position: absolute;
    width: 320px;
    background: #FFF;
    padding: 10px;
    border: 1px solid #ddd;
    left: 0;
    bottom: calc(100%);
    z-index: 1;
    display: none;
}

.monthly-installment:hover .tooltip-redamly {
    display: block;
}

.pudj-faq a {
    padding: 10px 40px 10px 10px;
    font-weight: normal !important;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0 !important;
}

.pydj-faqs-wrapper {
    width: 60%;
    display: inline-block;
}

.pudj-faq {
    text-align: left;
}

.pudj-faq .faqs-details-collapse {
    transition: all 0.3s;
}

.pudj-faq .faq-info:hover .faqs-details-collapse {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.27);
    background: #FFF;
    z-index: 1;
}

.pudj-faq .faq-info:hover .panel-heading .panel-title a {
    border-bottom: 1px solid #FFF;
}

.pudj-faq .faqs-details-collapse {
    margin-bottom: 0;
}

.pudj-faq h3 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}

.pudj-faq .faqs-content .panel-body {
    padding: 15px;
}

.question-block span {
    font-size: 16px;
    display: block;
    font-weight: bold;
}

.question-block span:first-child {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: normal;
}

.question-block svg {
    margin-right: 20px;
    float: left;
}

.question-right-block {
    overflow: hidden;
    text-align: left;
}

.question-main-block {
    display: inline-block;
    margin: 0 10px;
    text-align: left;
}

.question-main-block label {
    font-size: 12px;
    color: #666;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.question-block {
    text-align: center;
}

.question-main-wrapper {
    /*background: #f4f4f8;*/
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/*3-7-2019*/

.left-arrow-profile {
    float: left;
    margin-right: 15px;
    margin-top: 6px;
    line-height: 16px;
}

.left-arrow-profile i {
    font-size: 24px;
}

.delivery-address-block {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.payment-page-adddress h2 {
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.payment-page-adddress span {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.payment-page-adddress p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #555;
}

.order-main-block {
    display: flex;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.order-process-date {
    width: 15%;
    float: left;
    text-align: center;
}

.order-process-date span:first-child {
    font-weight: bold;
    display: block;
}

.order-process {
    width: 70%;
    float: left;
    border: 1px dashed #ddd;
    position: relative;
}

.order-process:after {
    width: 20%;
    border: 1px dashed #000;
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
}

.order-process-block:before, .order-process:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: -6px;
}

.order-process-block:before {
    background-color: #000;
    left: -2px;
}

.order-process:before {
    background-color: #ddd;
    right: -2px;
}

.order-process-block:after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #000;
    display: block;
    position: absolute;
    top: -9px;
    left: -5px;
}

.vision-content p {
    text-align: center;
    font-size: 18px;
    padding: 0 100px;
    line-height: 35px;
    color: #555;
    margin-bottom: 0;
}

.vision-content {
    position: relative;
    padding: 15px 10px;
}

.vision-content:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border: 2px dashed #ddd;
    top: 0;
    position: absolute;
    -webkit-transform: skewX(-18deg);
    transform: skewX(-18deg);
    left: 0;
    right: 0;
}

.left-comment {
    width: 40px;
    height: 40px;
    position: absolute;
    fill: #999;
    top: -17px;
    left: 62px;
    z-index: 1;
}

.right-comment {
    width: 40px;
    height: 40px;
    position: absolute;
    fill: #999;
    bottom: -17px;
    right: 62px;
    z-index: 1;
    transform: rotate(180deg);
}

/*upgrade 12-7-2019*/

.upgrade-block {
    background-color: #f3f4f8;
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
}

.enter-id label {
    color: #000;
    margin-bottom: 20px;
    /* font-weight: bold; */
    font-size: 17px;
}

.enter-id .enter-id-input {
    position: relative;
    width: 80%;
}

.enter-id .enter-id-input input {
    width: 100%;
    height: 36px;
    padding: 5px 15px;
    border: 1px solid #ddd;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.enter-id .enter-id-input button {
    position: absolute;
    font-size: 14px;
    right: 0;
    top: 0;
    color: #555;
    height: 36px;
    border-left: 1px solid #ddd;
    padding: 0 12px;
}

.upgrade-detail h3 {
    margin-bottom: 30px;
    position: relative;
    font-size: 20px;
    border-bottom-width: 2px;
    width: auto;
    display: inline-block;
    margin-top: 0;
}

.upgrade-detail h3:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    bottom: -10px;
    left: 0;
}

.top-detail {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.top-detail-block {
    margin-bottom: 10px;
}

.top-detail-block span:first-child {
    font-size: 14px;
    text-transform: uppercase;
}

.top-detail-block span:nth-child(2) {
    font-size: 13px;
    font-weight: bold;
}

.purchase-detail-left {
    width: 75%;
    float: left;
}

.purchase-detail-right {
    width: 25%;
    float: left;
}

.purchase-detail-dec {
    margin-bottom: 8px;
    display: -webkit-flex;
    display: flex;
    /*align-items: center;*/
    position: relative;
}

.purchase-detail-dec span b {
    /*!*font-size: 10px;*!Total price*/
}

.purchase-detail-dec span:first-child {
    color: #666;
    width: 120px;
    display: block;
}

.customer-detail .purchase-detail-dec span:first-child {
    width: auto;
    margin-right: 10px;
}

.upgrade-info .purchase-detail-dec span:first-child {
    width: 180px;
}

.upgrade-solitaire {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 8px;
}

.upgrade-solitaire i {
    font-size: 12px;
}

.purchase-detail-right {
    margin-top: 50px;
}

.purchase-detail-right .purchase-detail-dec span {
    width: auto;
    margin: 2px 0;
}

.purchase-btn button {
    padding: 5px 30px;
    border-radius: 3px;
    min-width: 150px;
}

.purchase-text span {
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-top: 10px;
}

.solitaire-detail-block {
    font-size: 12px;
    color: #000;
    font-weight: normal;
}

.solitaire-label {
    font-size: 12px;
    color: #555;
}

.upgrade-popup-detail {
    display: flex;
    justify-content: space-between;
}

.upgrade-solitaire-detail {
    background: #FFF;
    padding: 8px 5px;
    width: 385px;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.25);
    display: none;
    z-index: 1;
}

.upgrade-popup-detail:first-child {
    margin-bottom: 8px;
}

.upgrade-solitaire:hover .upgrade-solitaire-detail {
    display: block;
}

.upgrade-faqs .faqs-details-collapse {
    background-color: #FFF;
}

.resale-login {
    display: flex;
    justify-content: center;
}

.resale-login button {
    padding: 5px 30px;
    color: #000;
    display: flex;
    align-items: center;
    margin: 0 5px;
}

.resale-login button i {
    font-size: 18px;
    margin-right: 6px;
}

button.facebook-btn {
    background-color: #354da4;
    color: #FFF;
}

button.google-btn {
    background: #b73535;
    color: #FFF;
}

#upgrade-login-popup .modal-header {
    border-bottom: 1px solid #e5e5e5;
    background: #f4f4f4;
}

#upgrade-login-popup .modal-body {
    padding: 25px 15px 20px 15px;
}

.useing-email-address {
    margin: 20px 10px;
    display: block;
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
}

.useing-email-address span {
    background: #FFF;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    font-size: 14px;
}

span.useing-email-address:after {
    content: "";
    width: 100%;
    height: 0;
    border: 0.5px dashed #ddd;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.resale-login-block {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.resale-login-block a {
    width: 25%;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
}

.resale-login-block a:first-child {
    border-right: 1px solid #ddd;
}

#upgrade-login-popup .close {
    font-size: 18px;
    color: #000;
    opacity: 1;
}

.upgrade-info .purchase-detail-dec input {
    border: none;
    float: left;
    width: 26px;
}

.upgrade-info .slider-carat {
    height: 5px;
    background: #ddd;
    margin-top: 20px;
}

.upgrade-info .ui-slider-range {
    height: 5px;
    background: #000;
}

.upgrade-info .ui-slider-handle {
    border-radius: 100%;
    background: #000 !important;
    top: -8px !important;
    border: 1px solid #000 !important;
}

.upgrade-info .ui-slider-handle:focus {
    outline: none;
}

.comment-section {
    background: #f3f4f8;
    padding: 10px;
}

.comment-section p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}

.upgrade-info .purchase-detail-dec {
    margin-bottom: 10px;
}

.additional-comment h4 {
    font-size: 14px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 15px;
}

.additional-comment textarea {
    width: 100% !important;
    padding: 10px;
    border: 1px solid #ddd;
    height: 100px;
    color: #666;
    font-size: 13px;
}

.condition-accept {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
}

.condition-accept label {
    color: #000;
    margin: 0;
}

.condition-accept label a {
    text-decoration: underline;
    font-weight: bold;
}

.condition-accept input:focus {
    outline: none;
}

.condition-accept input {
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    -webkit-appearance: none;
    margin: 0;
    position: relative;
    margin-right: 10px;
}

.condition-accept input:checked:after {
    content: "";
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}

.purchase-btn .btn--transparent {
    background: #FFF;
    color: #000;
}

.purchase-btn .btn--transparent:hover {
    background-color: #000;
    color: #FFF;
}

.upgrade-btn button {
    line-height: 26px;
}

.upgrade-carat {
    color: #666;
}

/*upgrade 12-7-2019*/

/*Buyback-15-7*/

.buy-back-upgrade-cont {
    width: calc(100% - 100px);
    margin: auto;
}

.buy-back-process {
    display: flex;
    justify-content: center;
    /* margin-bottom: 30px; */
    box-shadow: 0 7px 9px 0px rgba(0, 0, 0, 0.08);
    padding-bottom: 20px;
    position: relative;
    position: sticky;
    top: 70px;
    z-index: 1;
    background: #FFF;
    padding-top: 30px;
}

.buy-back-step-wrapper {
    width: 20%;
    position: relative;
}

.buy-back-step-wrapper:last-child {
    width: auto;
}

.buy-back-process .buy-back-step-wrapper:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #ddd;
    position: absolute;
    left: 18px;
    top: -8px;
}

.buy-back-process .buy-back-step-wrapper:last-child:after {
    content: none;
}

.buy-back-step-wrapper span:before {
    content: "";
    width: 14px;
    height: 14px;
    background: #000;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -13px;
    z-index: 1;
    left: 12px;
}

.buy-back-step-wrapper span:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #ddd;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -14px;
    z-index: 1;
    left: 11px;
}

.buy-back-step-wrapper.active span:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #FFF;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -9px;
    z-index: 1;
    left: 16px;
}

.buy-back-step-wrapper.complete span:after {
    content: "";
    left: 16px;
    top: -11px;
    width: 5px;
    height: 9px;
    border: solid #FFF;
    z-index: 1;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    border-radius: 0;
    background: transparent;
}

.buyback-detail .purchase-detail-dec span:first-child {
    width: 225px;
}

.buy-back-block .buyback-detail {
    text-align: left;
    padding: 20px;
    background: #FFF;
    /* box-shadow: 0 0px 13px 1px rgba(0, 0, 0, 0.15); */
    border: 1px solid #ddd;
    display: inline-block;
}

.buy-back-reason {
    width: 100%;
    /*padding: 15px !important;*/
}

.buyback-select-option input, .reason-option-select input {
    width: 14px;
    height: 14px;
    display: block;
    border: 1px solid #666;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-appearance: none;
    position: relative;
    margin-right: 10px;
    float: left;
}

.buyback-select-option input {
    margin: 12px 10px 12px 10px;
}

.buyback-select-option input:checked, .reason-option-select input:checked {
    border: 1px solid #000;
}

.buyback-select-option.active input:checked {
    border: 1px solid #FFF;
}

.buyback-select-option input:checked:after, .reason-option-select input:checked:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.buyback-select-option.active input:checked:after {
    background-color: #FFF;
}

.buyback-select-option input:focus {
    outline: none;
}

.buyback-select-option input:checked~label {
    /*font-weight: bold;*/
    color: #000;
}

.buyback-select-option input:checked~label, .buyback-select-option.active label {
    color: #FFF;
}

.buyback-select-option label {
    color: #666;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
    font-size: 14px;
    padding: 12px 10px 12px 0;
    width: calc(100% - 30px);
}

.buyback-select-option {
    /*display: flex;*/
    /*margin: 10px;*/
    background: #FFF;
    /* padding:12px 10px;*/
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 65px;
    display: flex;
    align-items: center;
}

.buyback-select-option.active {
    background: #000;
}

.buy-back-option span {
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.buyback-select-option:last-child {
    border-bottom: 1px solid #ddd;
}

.buy-back-process-wrapper {
    box-shadow: 0 2px 10px #dcdcdc;
    position: sticky;
    top: 140px;
    /*padding: 10px;*/
    background: #FFF;
}

.buyback-select-option.active:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-left: 30px solid #000;
    border-bottom: 32px solid transparent;
    position: absolute;
    right: -30px;
    top: 0px;
    /* background: #FFF; */
    /* transform: rotate(45deg); */
    /* z-index: -1; */
    /* box-shadow: 0 2px 10px #dcdcdc; */
}

.reason-option-select label {
    margin-bottom: 0;
    color: #555;
    overflow: hidden;
    display: block;
    font-size: 14px;
}

.reason-option-select input {
    margin: 4px 10px 0 0;
}

.reason-option-select {
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
}

.fullpage-4 .reason-option-select {
    width: 25%;
}

.reason-comment textarea {
    height: 60px;
}

.buy-back-block {
    /*display: flex;
    justify-content: center;*/
}

.buy-back-wrapper {
    background: #f5f4f8;
    padding: 50px 0;
}

.purchase-detail-dec select {
    width: 300px;
    background-color: #FFF;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    font-size: 13px;
    color: #555;
}

.buyback-detail-edit {
    font-weight: bold;
    position: absolute;
    right: 6px;
    top: 3px;
}

.buyback-return-option {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
}

.buy-back-option.text-center {
    margin-right: 20px;
}

.buyback-return-option.active {
    box-shadow: 0 0px 13px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
}

.buyback-return-option svg, .buyback-return-option img {
    margin: 15px auto;
}

.select-option-drop label {
    font-size: 13px;
}

.pr-4 {
    padding-right: 4px;
}

.pl-4 {
    padding-left: 4px;
}

.buyback-select-option label span {
    display: block;
}

.different-block {
    border-left: 1px solid #ddd;
}

/*Buyback-15-7*/

/*online-buy-back 17-7-2019*/

.upload-img {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: #ddd;
    border-radius: 5px;
    position: relative;
    border: 1px solid #ddd;
}

.img-add-upload {
    margin-right: 28px;
}

.upload-img img {
    width: 100%;
    background: #FFF;
    border-radius: 5px;
}

.upload-img .upload-im-add {
    position: absolute;
    font-size: 18px;
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    line-height: 20px;
    text-align: center;
}

.upload-img-view-delete {
    position: absolute;
    right: -28px;
    top: 6px;
}

.upload-img-view-delete i {
    color: #333;
    font-size: 18px;
    display: block;
    border: 1px solid #ddd;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
}

.upload-block {
    width: 31%;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.upload-block span {
    display: block;
    color: #555;
    margin-top: 10px;
}

.buyback-detail .form-textbox input {
    padding: 16px 30px 16px 210px;
}

.form-select-option {
    border: solid 1px #ebebeb;
    display: flex;
    align-items: center;
}

.form-select-option label {
    color: #888;
    font-size: 14px;
    font-family: FFMarkWebProMedium;
    padding: 0 20px;
    width: 200px;
    min-width: 200px;
}

.form-select-option select {
    border: none;
    box-sizing: border-box;
    width: 100% !important;
    background-color: transparent !important;
    font-size: 14px;
    padding: 16px 30px 16px 15px;
    -webkit-appearance: none;
    position: relative;
    z-index: 1;
}

.form-select-option select:focus {
    outline: none;
}

.form-select-option .select-dropdown {
    position: absolute;
    right: 15px;
    top: 0;
    height: 20px;
    margin: auto;
    bottom: 0;
    color: #555;
}

.fill-address h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.fill-address p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

.view-address {
    font-size: 14px;
    width: 100%;
    text-align: right;
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.view-address i {
    font-size: 18px;
    margin-right: 5px;
}

.packing-steps .emi-loan-block {
    background-color: #f5f4f8;
    border-right: 1px solid rgba(221, 221, 221, 0.52);
}

.select-area-block .reason-option-select {
    width: auto;
    margin: 2px 10px 0 0;
}

.select-area-block .reason-option-select input {
    margin: 0;
}

.addres-nearby {
    overflow: hidden;
}

.addres-nearby h4 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 5px;
}

.addres-nearby p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.select-area-block {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.view-all-address {
    float: right;
    font-weight: bold;
}

.font-10 {
    font-size: 10px;
}

.diamond-education-main-menu {
    position: absolute;
    width: 100%;
    height: 98%;
    padding: 80px 15px 15px 15px;
    background: #FFF;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.diamond-education-open, .diamond-menu-open, .Jewelry-menu-open, .design-menu-open, .collection-menu-open {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.diamond-education-main-menu li {
    position: relative;
    padding: 0 0 10px 0;
}

.diamond-education-main-menu li a {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    width: 100%;
    display: flex;
    font-size: 12px;
    justify-content: flex-start;
}

.diamond-education-main-menu li a>span {
    display: flex;
    justify-content: flex-start;
    width: calc(100% - 18px);
    font-size: 13px;
}

.diamond-education-main-menu li a img {
    max-width: 20px;
    display: inline-block;
    margin-right: 7px;
    float: left;
    height: 20px;
}

.diamond-education-main-menu::-webkit-scrollbar, nav.main::-webkit-scrollbar {
    background-color: #FFF;
    width: 0;
}

.diamond-education-main-menu::-webkit-scrollbar-thumb, nav.main::-webkit-scrollbar-thumb {
    background-color: #FFF;
    width: 0;
}

.menu-toggle-open {
    width: 14px;
    height: 14px;
    fill: #555;
}

.sub-menu-hiden {
    color: #000;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    align-items: center;
}

.sub-menu-hiden svg {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}

.diamond-sub-toggle svg {
    width: 14px;
    height: 14px;
    fill: #555;
}

.sub-menu-close, .diamond-icon-close .sub-menu-open {
    display: none;
}

.diamond-icon-close .sub-menu-close, .sub-menu-open {
    display: block;
}

.sub-toggle-menu-open {
    opacity: 1;
    height: auto;
    display: block;
    visibility: visible;
}

.diamond-education-sub-menu li {
    padding: 8px 0;
    margin: 0 15px;
}

.packing-steps {
    display: flex;
}

.packing-steps .emi-loan-step {
    margin: 0 10px;
    width: 33.33%;
}

/*online-buy-back 17-7-2019*/

/*Update-profile-view*/

.upgrade-profile-view {
    /*display: flex;*/
    box-shadow: 0px 0 11px 0px rgba(0, 0, 0, 0.17);
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 15px;
    background-color: #FFF;
}

.upgrade-status {
    display: block;
}

.upgrade-profile-block .upgrade-profile-detail {
    margin-bottom: 10px;
}

.upgrade-status {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.upgrade-status i {
    margin-right: 5px;
    font-size: 16px;
}

.upgrade-profile-action {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.upgrade-id-block {
    display: flex;
    padding: 15px 15px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    margin-bottom: 10px;
    justify-content: space-between;
}

.upgrade-profile-detail span:first-child {
    color: #888;
}

.background-light {
    background-color: #f3f4f8;
}

.upgrade-view-popup .modal-header button {
    position: absolute;
    right: -10px;
    z-index: 1;
    color: #000;
    opacity: 1;
    top: -10px;
    background: #f5f5f5;
    width: 20px;
    height: 20px;
    font-size: 14px;
    border-radius: 100%;
    line-height: 20px;
}

.request-btn .btn-dark {
    line-height: 24px;
}

.upgrade-view-popup .modal-body {
    padding: 0 15px;
}

.additional-comment-popup {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 20px;
}

.additional-comment-popup h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.additional-comment-popup p {
    font-size: 14px;
    line-height: 24px;
    color: #555;
}

.Jewelry-solitaire-detail h4 {
    font-size: 14px;
    margin-bottom: 10px !important;
}

.Jewelry-solitaire-block {
    display: flex;
    margin-bottom: 10px;
    font-size: 13px;
}

.Jewelry-solitaire-detail {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
}

.Jewelry-solitaire-block span:first-child {
    font-weight: bold;
    width: 150px;
}

.text-orange {
    color: #ef7f00;
}

/*Update-profile-view*/

/*Counter*/

.calculation-block {
    width: calc(100% - 100px);
    margin: auto;
}

.example-row {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
}

.example {
    display: block;
    /*background: #000;*/
}

.example h3 {
    text-align: center;
    color: #000;
}

.example .prepend {
    display: block;
    font-size: 16px;
}

.counter {
    position: relative;
    text-align: center;
    font-size: 22px;
    display: block;
    align-self: center;
    margin: 0 auto;
    color: #000;
}

.counter.radial {
    width: 300px;
    height: 190px;
    padding: 100px 0 0;
}

.counter.radial .display {
    position: relative;
    display: block;
}

.example .count1, .example .decorator {
    font-weight: bold;
    display: none;
}

.counter.grid-counter .display {
    display: inline-flex;
    vertical-align: middle;
    width: 76px;
}

.counter.grid-counter .grid {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    flex-wrap: wrap;
    height: 80px;
    width: 262px;
}

.counter.grid-counter .grid span {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 2px;
    background: #444;
    position: relative;
}

.counter.grid-counter .grid span:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transition: all .5s;
}

.counter.grid-counter .grid.blue span:after {
    background: #7DFDFE;
}

.counter.grid-counter .grid.green span:after {
    background: #5EFB6E;
}

.counter.grid-counter .grid .active:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.counter canvas {
    display: block;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 150px);
}

.mt-70 {
    margin-top: 70px;
}

/*Counter*/

/*---------------------------------- responsive 6-6-19 ------------------------------*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #guaranteeIcons .guaranteeIcon:hover span {
        bottom: -20px;
    }
    .features-wrap ul {
        display: -webkit-box;
    }
    .features-wrap ul li {
        width: 23%;
        display: block;
    }
    .features-wrap ul li p {
        margin-bottom: 0;
    }
    a.nav_toggle {
        /*top : 0;*/
        left: 0;
    }
    nav.shop-header.main {
        top: 0px;
    }
    .justify-sm-start {
        justify-content: flex-start;
    }
    .drawer-inner .drawer-content {
        height: calc(100vh - 125px);
    }
    .created-ring {
        padding: 45px 0;
    }
    .diamond-ring img {
        top: 155px;
        right: -144px;
    }
    .about-preview__image1 {
        width: 11.1875rem;
        right: 17%;
    }
    .about-preview-borders {
        padding-bottom: 1px;
    }
    .btn-dark, .btn-light {
        padding: 7px 28px;
    }
    .hori-slider {
        display: -webkit-box;
        width: auto;
        overflow: auto;
    }
    .hori-slider div.col-xs-10 {
        float: none;
        display: block;
    }
    .pyds-slider .slick-slide img, .image-slider img {
        display: block;
        height: 26vh;
        object-fit: cover;
    }
    .main-slider .slick-slide img {
        display: block;
        height: 50vh;
        object-fit: cover;
    }
    .love-outer-wrap {
        padding: 0px 0 60px;
    }
    .mb-md-0 {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 1024px) {
    .JewelryFilter .input-styles input {
        padding: 5px 15px;
    }
    .product-shape ul li a:before, .product-shape ul li a:after {
        content: none !important;
    }
    .product-shape.widget-filter.filter-cate ul li {
        width: 64px;
        padding: 2px;
    }
    .widget-filter.filter-cate.product-shape ul li a {
        padding: 5px;
        display: block;
    }
    .widget-filter.filter-cate.product-shape ul li a.active {
        background: #333;
        color: #fff;
    }
    .product-shape ul li a .applied, .product-shape ul li a.active .normal {
        display: none;
    }
    .product-shape ul li a.active .applied, .product-shape ul li a .normal {
        display: inline-block;
    }
    .product-shape.widget-filter.filter-cate ul li span {
        /*padding: 5px 0 5px 0;*/
        /*line-height: 18px;*/
        font-size: 11px;
    }
    .close-sidebar-collection {
        margin: 0 -15px 0;
    }
}

@media (max-width: 1199px) {
    .buy-from-contect {
        padding: 10px 5px;
    }
    .emi-benefit ul li {
        float: none;
    }
    .emi-benefit {
        padding: 0px 0;
    }
    .emi-benefit ul {
        padding: 0 0 20px 0;
    }
    .vision-content-left-right {
        padding-left: 40px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 991px) {
    .mobile-responsive {
        overflow-x: auto;
        min-height: 0.01%;
    }
    .diamond-list-tabs, .diamond-list-wrap table thead tr th, .diamond-list-wrap table thead {
        position: relative;
        top: 0;
    }
    .different-block {
        border-left: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .pt-t-30 {
        padding-top: 30px;
    }
    .payment-block-space {
        margin-bottom: 10px;
    }
    .cart-mobile-block {
        margin-bottom: 20px !important;
    }
    .top-banner-pydj {
        height: 450px;
    }
    .emi-form input {
        width: 50%;
    }
    .mb-tb-20 {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .address .default a {
        font-size: 8px;
    }
    .product-item .banner-img {
        height: 100%;
        object-fit: cover;
    }
    .mb-sm-0 {
        margin-bottom: 0px !important;
    }
    #guaranteeIcons .guaranteeIcon:hover span {
        bottom: -20px;
    }
    .features-wrap ul {
        display: -webkit-box;
    }
    .features-wrap ul li {
        width: 23%;
        display: block;
    }
    .features-wrap ul li p {
        margin-bottom: 0;
    }
    a.nav_toggle {
        top: 60px;
        left: 0;
    }
    nav.shop-header.main {
        top: 0px;
    }
    .justify-sm-start {
        justify-content: flex-start;
    }
    .drawer-inner .drawer-content {
        height: calc(100vh - 125px);
    }
    .created-ring {
        padding: 25px 0;
    }
    .created-ring-content span {
        margin-top: 28px;
        display: inline-block;
        vertical-align: top;
        padding: 0 10px;
        font-size: 14px;
    }
    .created-ring-content .button {
        padding: 2px 10px;
        height: auto;
        display: inline-block;
        line-height: 42px;
        width: 44%;
    }
    .diamond-ring img {
        top: 155px;
        right: -144px;
    }
    .about-preview__image1 {
        width: 11.1875rem;
        right: 17%;
    }
    .about-preview-borders {
        padding-bottom: 1px;
    }
    .btn-dark, .btn-light {
        padding: 7px 28px;
    }
    .hori-slider {
        display: -webkit-box;
        width: auto;
        overflow: auto;
    }
    .hori-slider div.col-xs-10 {
        float: none;
        display: block;
    }
    .pyds-slider .slick-slide img, .image-slider img {
        display: block;
        height: 26vh;
        object-fit: cover;
    }
    .love-outer-wrap {
        padding: 0px 0 60px;
    }
    .main-slider .slick-slide img {
        display: block;
        height: 50vh;
        object-fit: cover;
    }
    .filter-wrap .filter-inner .filter .filter-title {
        padding: 7px 3px;
    }
    .filter-wrap .filter-inner .filter .filter-title span {
        font-size: 9px;
    }
    .filter-wrap .filter-inner.width-auto .filter .filter-title i {
        margin-left: 5px;
        font-size: 4px;
    }
    .filter-wrap .filter-inner.width-auto .filter {
        min-width: 7%;
        margin-right: 5px;
    }
    .filter-wrap .heading {
        margin: 0 5px 0 0;
        font-size: 14px;
    }
    .filter-wrap.sticky {
        padding: 10px;
    }
    .dy-filter .flexed-box:nth-child(odd) {
        padding-right: 15px !important;
    }
    .dy-filter .flexed-box:nth-child(even) {
        padding-left: 15px !important;
    }
    .portfolio-content {
        font-size: 13px;
    }
    .portfolio-content i {
        font-size: 18px;
        margin: 0 0 0 4px;
    }
    .portfolio-solitaire-title {
        font-size: 14px;
    }
    .dy-filter .filter-detail.image-filter li a {
        max-width: 55px;
    }
    .dy-filter .filter-detail li a {
        padding: 3px 5px;
    }
    .dy-filter .filter-detail.image-filter li {
        margin-right: 5px;
    }
    .dy-filter .filter-detail.image-filter li a span {
        font-size: 10px;
    }
    .categoris-main-img {
        height: 228px;
    }
    .new-cart-price .new-price, .cart-title-sub {
        font-size: 14px;
    }
    .cart-old-price, .cart-discount-price {
        font-size: 12px;
    }
    .buy-back-upgrade-cont {
        width: calc(100% - 30px);
    }
    .buyback-select-option {
        display: block;
    }
    .buyback-select-option input {
        margin: 23px 10px 12px 10px;
    }
    .reason-option-select {
        width: 100%;
    }
    .buyback-detail .purchase-detail-dec.different-detail span:first-child {
        width: 230px !important;
    }
    .packing-steps .emi-loan-step {
        text-align: center;
        padding: 10px 0 10px 0;
        display: block;
    }
    .packing-steps .emi-loan-block {
        border: 1px solid rgba(221, 221, 221, 0.52);
        display: inline-block;
        float: none;
    }
    .packing-steps .emi-loan-step .emi-loan-step-name {
        line-height: 20px;
        font-size: 12px;
        padding: 10px 15px 0 15px;
        text-align: center;
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .vision-content p {
        padding: 0;
        font-size: 16px;
        line-height: 24px;
    }
    #guaranteeIcons.style-ring-block .guaranteeIcon:hover.spriteB:before, .guaranteeIcon.guaranteeIcon:hover .shop-style-img {
        background-color: rgba(255, 255, 255, 0.2);
        transform: scale(0.9) !important;
    }
    #guaranteeIcon.styleEarrings.home-mobile-slider-block:hover span {
        font-weight: 500;
    }
    .thumbnail--ir251-features .h2, .featured-products header h2, .created-ring h2 {
        font-size: 20px;
    }
    .d-carousel-cener .active.center .dc-inner img {
        transform: scale(1.4);
    }
    .d-carousel-cener.owl-carousel .owl-stage-outer {
        padding-top: 25px;
    }
    .ir251-featured-in-lists .slick-prev {
        left: 0px;
    }
    .ir251-featured-in-lists .slick-next {
        right: -8px;
    }
    .ir251-home-difference {
        padding: 20px 0;
    }
    section.explore.section-gallery {
        padding: 5px 0;
    }
    .about-preview__image1 {
        width: 136px;
    }
    .about-preview-borders {
        padding-bottom: 1px;
    }
    .thumProductPadd {
        padding: 20px 0px;
    }
    .main-slider.slide.v5 {
        padding-bottom: 0px;
    }
    .created-ring {
        padding: 20px 0 85px 0;
        text-align: center;
    }
    .diamond-ring img {
        top: 256px;
    }
    .ir251-home-difference .guaranteeIcon {
        margin-bottom: 25px;
    }
    #guaranteeIcons .guaranteeIcon:hover span {
        bottom: -20px;
        font-weight: normal;
    }
    .love-outer-wrap {
        padding-top: 0px;
    }
    .slide.v5 {
        /* height: 45vh; */  /* Shop in Slider Issue */
    }
    .main-slider .slick-slide img, .pyds-slider .slick-slide img, .image-slider img {
        display: block;
        height: 200px;
        object-fit: cover;
        width: 100%;
    }
    .hori-slider {
        display: -webkit-box;
        width: auto;
        overflow: auto;
    }
    .hori-slider div.home-category {
        float: none;
        display: block;
    }
    .created-ring-content span {
        margin-top: 29px;
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        width: 100%;
    }
    .created-ring-content .button {
        padding: 5px;
        height: auto;
        display: inline-block;
        line-height: 22px;
        width: 55%;
        margin-top: 5px;
        font-size: 12px;
    }
    a.btn-dark.customer-story {
        padding: 5px;
        height: auto;
        display: inline-block;
        line-height: 22px;
        width: 28%;
        margin-top: 5px;
        font-size: 12px;
    }
    .collectionSlider {
        padding: 0 0px;
    }
    a.nav_toggle {
        top: 30px;
        padding: 15px 0 0 15px;
        left: 0;
    }
    .nav_on a.nav_toggle {
        top: 0;
    }
    nav.shop-header.main, a.nav_toggle.sticky {
        top: 0px;
    }
    .nav>li>a>img {
        max-width: 75%;
    }
    .visible-inline-xs {
        display: inline-block;
    }
    .pad-xs-0 {
        padding: 0
    }
    header.global.sticky .veil {
        max-height: 48px;
    }
    .nav_toggle.sticky .hamburger div {
        background: #FFF;
    }
    .element {
        padding: 0 8px;
    }
    .element svg {
        width: 18px;
        height: 18px;
    }
    header.sticky .element svg {
        fill: #FFF;
    }
    .element .count {
        width: 16px;
        height: 16px;
        line-height: 16px;
    }
    header.sticky .count {
        background: #FFF;
        color: #000;
    }
    .pl-xs-25 {
        padding-left: 25px;
        padding-right: 0;
    }
    .pl-xs-40 {
        padding-left: 40px;
        padding-right: 0;
    }
    .search-form-wrapper {
        left: -10px;
        right: auto;
    }
    .drawer-inner .drawer-footer {
        /*bottom: 3px;*/
    }
    .drawer-inner .drawer-content {
        height: calc(100vh - 122px);
    }
    .pageHeadingStyle h2.line-height-60 {
        line-height: 30px !important;
    }
    .d-carousel-cener .active.center .dc-inner .dc-containt h2 {
        font-size: 13px;
        font-weight: 600;
    }
    .d-carousel-cener .active.center .dc-inner .dc-containt p {
        font-size: 12px;
    }
    .d-carousel-cener .owl-nav .owl-prev, .d-carousel-cener .owl-nav .owl-next {
        width: 50px !important;
        background-size: 100% !important;
        top: -90px !important;
    }
    .d-carousel-cener .owl-nav .owl-prev {
        left: -55px;
    }
    .d-carousel-cener .owl-nav .owl-next {
        right: -55px;
    }
    .image-slider .slick-arrow, .pyds-slider .slick-arrow {
        width: 30px;
        height: 30px;
        line-height: 27px;
    }
    #guaranteeIcons .guaranteeIcon {
        width: 40%;
    }
    p.raise {
        font-size: 12px;
    }
    .created-ring p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .created-ring h2 {
        margin-bottom: 20px;
    }
    .navbar-nav {
        margin: 0;
        width: auto !important;
        float: right;
        display: block;
    }
    .thumbnail--ir251-features p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .main-slider .slick-track, .main-slider .slick-list, .main-slider figure, .main-slider .slide-image, .main-slider .slick-slide img {
        height: auto;
    }
    .search-form-wrapper.search--open {
        width: 320px;
    }
    .header-center .row.flex.align-items-center.justify-content-between {
        height: 48px;
        margin: 0;
    }
    .home-page-featured .slick-list {
        padding-right: 60px !important;
    }
    .home-page-featured .slick-prev, .home-page-featured .slick-next {
        display: none !important;
    }
    .ir251-featured-in-lists.home-page-featured {
        padding: 0;
    }
    .topbar span, .topbar p {
        font-size: 11px;
    }
    .topbar span {
        white-space: nowrap;
    }
    .just-xs-last {
        justify-content: flex-end;
    }
    .p-xs-5 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .mr-xs-8 {
        margin-right: 8px;
    }
    .about-preview__title {
        width: 100%;
    }
    .featured-products header p {
        margin-bottom: 10px;
    }
    .about-preview__title {
        padding: 10px 0 10px 0;
        margin-top: 0;
        font-size: 20px;
        font-weight: 900;
    }
    .about-preview__image1 {
        right: -2px;
    }
    .about-preview__image1 {
        top: 29px;
        position: relative;
        z-index: 2;
    }
    .love-inner {
        /*margin-top: -29px;*/
    }
    .style-ring-block .spriteB:before {
        height: 100px;
        width: 100px;
    }
    .navbar-nav .nohover {
        padding-right: 0;
        text-align: center;
    }
    .topbar .timer p {
        /* width: 22px; */
        height: 14px;
        line-height: 14px;
        font-size: 5px;
        display: block;
        white-space: nowrap;
    }
    .diamond-list-tabs .nav-tabs {
        float: none;
    }
    .diamond-list-tabs .nav-tabs li a {
        padding: 5px;
        font-size: 12px;
        border-bottom: 1px solid #ccc;
    }
    .diamond-list-content h3 {
        font-size: 20px;
    }
    .mobile-dec {
        font-size: 12px;
    }
    .nav-tabs li {
        margin-right: 1px !important;
        margin-bottom: 5px !important;
    }
    .shop-top .shop-element.left>ul {
        float: right;
        margin: 6px 0;
    }
    .shop-top .shop-element.left>ul>li>a i {
        font-size: 12px;
        margin-right: 5px;
    }
    .showing-list-mobile {
        float: left;
        font-size: 11px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 60%;
        text-align: left;
    }
    .shop-top .shop-element.left>ul>li>a:after, .shop-bottom .shop-element.left>ul>li>a:after {
        right: -15px;
    }
    .shop-top .shop-element.left>ul>li>a span {
        font-size: 12px;
    }
    .shop-top .shop-element.left>ul>li {
        border-bottom: none;
    }
    .shop-top .shop-element.left>ul>li .dropdown-menu, .shop-bottom .shop-element.left>ul>li .dropdown-menu {
        left: auto;
        right: 0;
    }
    .dy-filter .flexed-box:nth-child(odd) {
        padding-right: 15px !important;
    }
    .dy-filter .flexed-box:nth-child(even) {
        padding-left: 15px !important;
    }
    .dy-filter .filter-detail.image-filter li a {
        max-width: 57px;
    }
    .dy-filter .filter-detail.image-filter li a span {
        font-size: 11px;
    }
    .dy-filter .filter-detail.image-filter li {
        margin-right: 0;
        margin-top: 0;
    }
    .dy-filter .filter-detail.image-filter li a img {
        max-width: 30px;
        margin-bottom: 2px;
    }
    .filter-wrap.sticky.hide-non-sticky {
        display: none;
    }
    .mb-xs-10 {
        margin-bottom: 10px !important;
    }
    .diamond-video-slider {
        padding: 0;
    }
    .diamond-video-slider.video-slider .prev-arrow.slick-arrow {
        left: -50px;
        top: auto;
        bottom: -40px;
        transform: translate(0);
        right: 0;
        margin: auto;
        width: 35px;
    }
    .diamond-video-slider.video-slider .next-arrow.slick-arrow {
        left: 0;
        top: auto;
        bottom: -40px;
        transform: translate(0);
        right: -50px;
        margin: auto;
        width: 35px;
    }
    .simmilar-product .slick-list, .suggested-product .slick-list {
        padding-right: 140px;
    }
    .input-styles label i {
        font-size: 12px;
    }
    .input-styles label {
        font-size: 14px;
    }
    .input-styles input, .input-styles textarea, .input-styles select {
        padding: 10px 15px;
    }
    .topbar p {
        margin-right: 5px;
    }
    .user-heading {
        margin-bottom: 20px;
    }
    .timer-wrap .timer {
        align-items: center;
        /*position: relative;
        top: 0;
        margin: 0;*/
        width: 140px;
        right: -14px;
        padding: 0px 3px 0px 3px;
        top: -7px;
        margin: 0;
    }
    .timer-wrap {
        padding-right: 130px;
        line-height: 13px;
    }
    .topbar .p-lr-35 {
        padding: 0;
    }
    .header-top-slider p {
        line-height: 14px;
    }
    .topbar {
        padding: 0;
    }
    .header-top-slider>p {
        padding: 7px 0;
    }
    .timer-text div {
        margin: 0 0 0 8px;
        width: 26px;
    }
    .topbar .timer p pan {
        width: 10px;
        font-size: 12px;
        height: 14px;
        line-height: 14px;
    }
    .timer-text {
        justify-content: flex-start;
        font-size: 6px;
        margin-top: 0px;
    }
    .timer-text div:first-child {
        margin-left: 0;
    }
    .header-top-slider-block .slick-track {
        display: flex;
        align-items: center;
    }
    .m-xs-0 {
        margin: 0;
    }
    .store-detail-img .store-detail-slider .height-width-images {
        height: 250px;
    }
    .store-detail-img .store-detail-slider .height-width-images img {
        width: 100%;
    }
    .filter-mobile-view {
        position: sticky !important;
        top: 46px;
        z-index: 1004;
        margin-top: 20px;
    }
    .filter-mobile-view.product-listing-mobile {
        top: 47px;
    }
    .js-filter .filter {
        padding: 5px 15px !important;
    }
    .build-your-own-ring {
        padding: 0 10px;
    }
    .choose-ring-steps {
        border: 1px solid #ddd;
    }
    .product-item .banner-img {
        object-fit: cover;
        height: 246px;
    }
    .product-item .banner-sec {
        height: 100%;
    }
    .product-detail-slider #thumbs {
        width: 100%;
    }
    .emi-block {
        font-size: 14px;
        float: none;
    }
    .customize-solitaire .customize-solitaire-heading, .custome-design-title, .pincode-block h4, .product-tab ul li a, .product-details-name, .directly-right, .buy-form-title {
        font-size: 14px;
    }
    .customize-solitaire ul li {
        margin-right: 5px;
        font-size: 11px;
    }
    .metal-diamond-text, .about-story-text p, .testimonial-slider .testimonial p, .metal-custom span, .Jewelry-track-solitaire, .Jewelry-track-price, .product-size-chart a, .detail-message, .product-title a, .widget-filter h3, .delivery-available span, .cart-old-price, .cart-discount-price {
        font-size: 12px;
    }
    .new-cart-price .new-price {
        font-size: 14px;
    }
    .product-info .old-price, .product-new-price {
        font-size: 10px;
    }
    .pincode-block h4 {
        font-weight: bold;
    }
    .metal-diamond-text {
        line-height: 20px;
    }
    .about-story-text p {
        line-height: 24px;
    }
    .metal-diamond-text .mr-10 {
        margin-right: 5px !important;
    }
    .delivery-available {
        margin-left: 5px;
    }
    .product-tab ul li {
        margin: 5px 5px 5px 0;
    }
    .product-tab-content .panel-body h2 {
        font-size: 14px;
    }
    .product-details-name, .product-details-small {
        width: 48%;
    }
    .about-story-text h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .product-inner-title h2 {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 24px;
        text-align: left;
        padding: 0 15px;
        font-weight: bold;
        font-family: FFMarkWebProRegular;
    }
    /*.product-inner-title h2:after {*/
    /*    content: "";*/
    /*    width: 50px;*/
    /*    height: 2px;*/
    /*    background: #000;*/
    /*    display: block;*/
    /*}*/
    .directly ul li:nth-child(3), .directly ul li:nth-child(4) {
        padding-bottom: 0;
    }
    .prod-qual-title {
        font-size: 14px;
        margin-bottom: 0;
        text-align: left;
        padding: 10px;
        position: relative;
    }
    .product-colors .color {
        width: 15px;
        height: 15px;
    }
    .product-colors ul li a .text {
        margin-right: 10px;
        font-size: 10px;
    }
    .testimonial-slider .testimonial figure {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .testimonial-slider .testimonial, .video-slider .video-content {
        padding: 0 10px;
    }
    .product-detail-price {
        font-size: 16px;
    }
    .product-details-content .old-price {
        line-height: 22px;
    }
    .old-price {
        font-size: 14px;
        margin-top: 3px;
    }
    .product-discount {
        font-size: 12px;
        line-height: 22px;
    }
    /*.emi-block a{*/
    /*    display:block;*/
    /*}*/
    .mobile-view-section {
        flex-wrap: wrap;
        /*margin-bottom: 40px;*/
    }
    .mobile-product-slider .slick-dots {
        bottom: 0px;
    }
    .mobile-product-slider .slick-dots li, .mobile-product-slider .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
    .left-order {
        order: 2;
    }
    .product-detail-slider-zoom {
        order: 1;
        background-color: #FFF;
    }
    #pics-thumbs {
        padding: 10px 20px;
    }
    .product-zoom .slick-prev, .product-zoom .slick-next {
        top: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        bottom: 0;
    }
    .product-zoom .slick-prev {
        left: 0;
        right: auto;
    }
    .product-zoom .slick-next {
        left: auto;
        right: 0;
    }
    .product-detail-top-block .product-buy, .product-detail-top-block .product-add-cart {
        /*position: fixed;*/
        width: 50%;
        min-width: 50%;
        /*bottom: 0;
        z-index: 2;*/
    }
    .bottom-sticky-btn {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 3;
        padding: 10px 10px;
        /*width:100%;*/
        /*  left:15px;
          right:15px;*/
        margin-left: -15px;
        margin-right: -15px;
        background: #FFF;
    }
    body.auto-scroll .product-details-btn {
        z-index: 2;
    }
    .product-details-info .product-buy {
        left: 0;
    }
    .product-details-info .product-add-cart {
        right: 0;
    }
    .product-details-btn .product-try-home, .product-details-btn .product-add-cart, .product-details-btn .product-buy {
        margin: 0 2px;
        padding: 6px 2px;
        text-align: center;
        width: 49%;
        min-width: min-content;
        font-size: 12px;
    }
    .product-details-btn span {
        font-size: 14px;
        margin-right: 4px;
    }
    .mobilew-view-detail .product-add-cart {
        width: 14% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobilew-view-detail .product-add-cart .zoa-icon-cart {
        margin-right: 0;
    }
    .input-mobile-view {
        width: 48%;
    }
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .portfolio-product-detail h4 {
        margin-top: 0;
        margin-bottom: 4px;
    }
    #ok-loupe, .ok-listener {
        display: none !important;
    }
    .product-detail-top-block .product-details-btn .product-add-cart {
        background-color: #FFF;
        color: #252a2b;
    }
    .product-detail-top-block .product-details-btn .product-add-cart svg {
        fill: #000;
    }
    .product-detail-top-block .product-details-btn .product-try-home, .product-detail-top-block .product-details-btn .product-buy:hover {
        background-color: #252a2b;
        color: #FFF;
    }
    .product-detail-top-block .product-details-btn .product-try-home svg, .product-detail-top-block .product-details-btn .product-buy:hover svg {
        fill: #FFF;
    }
    .pincode-block, .product-block {
        margin: 10px 0;
    }
    .zopim {
        display: none !important;
    }
    .product-block .product-ring select {
        width: 50%;
    }
    .metal-custom-block {
        width: 40%;
        float: none;
    }
    .more-filter-popup.solitaire-popup .filter-inner-wrap {
        max-width: 95vw;
    }
    .solitaire-popup .shape-wrap {
        font-size: 11px;
    }
    .product-tab-content li {
        background: #555;
        padding: 10px;
        margin-bottom: 10px;
        position: relative;
    }
    .product-details-all {
        border: none;
    }
    .product-tab-content li a {
        color: #FFF;
    }
    .toggle-icon-mobile i {
        color: #FFF;
        font-size: 14px;
    }
    .prod-qual-title i {
        color: #555;
    }
    .product-tab-content li[aria-expanded="true"] .up-arrow, .product-tab-content li[aria-expanded="false"] .down-arrow, .prod-qual-title[aria-expanded="false"] .down-arrow, .prod-qual-title[aria-expanded="true"] .up-arrow {
        display: none;
    }
    .product-tab-content li[aria-expanded="true"] .down-arrow, .product-tab-content li[aria-expanded="false"] .up-arrow, .prod-qual-title[aria-expanded="true"] .down-arrow, .prod-qual-title[aria-expanded="false"] .up-arrow {
        display: block;
    }
    .toggle-icon-mobile {
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        height: 20px;
        margin: auto;
        bottom: 0;
        line-height: 20px;
    }
    .about-story-block {
        padding: 20px 0 0 0;
    }
    .product-item .banner-sec .prod-hover, .product-item:hover .banner-sec:after {
        display: none;
    }
    .product-item .banner-sec .prod-hover h3 {
        font-size: 14px;
        margin-top: 0;
    }
    .product-item .banner-sec .prod-hover h2 {
        font-size: 18px;
    }
    .product-item .banner-sec .prod-hover p {
        font-size: 12px;
    }
    .portfolio-info .tooltip-hover {
        position: absolute;
        display: none;
        width: 300px;
        right: 0;
        z-index: 1;
        background: #FFF;
        color: #555;
        border: 1px solid #999;
        padding: 3px;
        font-family: FFMarkWebProRegular;
        font-size: 11px;
        box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.44);
    }
    .portfolio-info:hover .tooltip-hover {
        display: block;
    }
    .justify-content-xs-center {
        justify-content: center;
    }
    .testimonial-slider-wrap {
        padding-right: 0;
        padding-left: 0;
    }
    .testimonial-slider .slick-list, .video-slider .slick-list {
        padding-right: 80px;
    }
    .only-one-slider .slick-list {
        padding-right: 0;
    }
    .product-item {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .grand-price {
        border-top: 1px solid #ddd;
    }
    .collection-sidebar .widget-filter {
        position: relative;
        padding: 5px 7px;
        min-width: 22%;
        float: none;
    }
    .collection-sidebar .widget-filter.active {
        border: 1px solid #000;
    }
    .metal-custom {
        display: -webkit-box;
        overflow: auto;
        border-radius: 50px 0 0 50px;
        width: 65%;
        /*background: #f5f5f5;*/
        padding: 0;
    }
    .product-ring .metal-round {
        margin: 10px auto;
    }
    .metal-custom::-webkit-scrollbar {
        height: 0px;
        background-color: transparent;
    }
    .metal-custom::-webkit-scrollbar-thumb {
        background-color: transparent;
    }
    .product-ring-block {
        /*margin-right: -15px;*/
        /*display: flex;*/
        align-items: center;
    }
    #metal.product-ring-block {
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        display: flex;
    }
    .pr-xs-20 {
        padding-right: 20px;
    }
    .customize-solitaire-heading svg {
        right: 0;
        bottom: 3px;
        top: auto;
    }
    .custome-design-title, .customize-solitaire-heading {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
    /*.product-ring .metal-round{*/
    /*    margin: 0 auto 10px auto;*/
    /*}*/
    .product-block .product-ring {
        width: auto;
        float: none;
        margin-right: -15px;
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: center;
    }
    .detail-label {
        width: 35%;
    }
    .mobile-ring-size {
        overflow: visible;
        display: inline-block;
    }
    .prod-qual {
        padding: 0;
    }
    .input-styles .btn.btn-bordered {
        /*font-size: 12px;*/
        padding: 0;
        /*width: 100%;*/
        float: left;
        line-height: 35px;
        background: #000 !important;
        color: #FFF !important;
    }
    .mobilew-view-detail {
        position: relative;
        width: 100%;
        display: inline-block;
    }
    .product-feature img, .buy-from-contect svg {
        width: 40px;
        height: 40px;
        padding: 5px;
    }
    .buy-from-contect span {
        font-weight: normal;
    }
    .buy-form-title {
        text-align: left;
        padding: 0 15px;
        font-weight: bold;
    }
    .current-value-border {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }
    .show-solitaire-list {
        padding: 1px 10px;
        font-size: 12px;
    }
    .pincode-block .pincode {
        float: right;
    }
    .diamond-detail-blok {
        width: 100%;
        display: block;
        justify-content: center;
    }
    .diamond-detail-order {
        display: flex;
        /* flex-wrap: wrap; */
    }
    .diamond-detail-left {
        font-size: 14px;
        margin-right: 5px;
        margin-bottom: 4px;
        justify-content: flex-start;
    }
    .diamond-detail-dec {
        /*display: flex;*/
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
    }
    .diamond-detail-dec h3 {
        width: 50%;
        padding: 0 15px;
    }
    .diamond-detail-dec h2 {
        margin-bottom: 0;
        padding-bottom: 0;
        width: 50%;
        font-size: 14px;
    }
    .mobile-order-1 {
        order: 1;
    }
    .mobile-order-2 {
        order: 2;
    }
    .mobile-order-3 {
        order: 3;
    }
    .diamond-detail-title {
        font-size: 16px;
        text-align: left;
    }
    .diamond-detail-img {
        max-width: 100% !important;
    }
    .diamond-detail-left span:first-child {
        width: auto;
    }
    .diamond-detail-left span:last-child {
        margin-left: 5px;
        width: auto;
    }
    .product-colors {
        right: 0;
    }
    .product-timer {
        bottom: 20px;
        left: -7px;
        padding: 3px;
    }
    .mobile-visible {
        overflow: visible;
    }
    .about-mobile-slider {
        float: none;
        width: 80%;
    }
    .faqs-details-collapse a {
        line-height: 24px;
        font-size: 14px !important;
    }
    .testimonial-img-block {
        max-height: 200px;
        width: 70%;
        margin: auto;
    }
    .slideStories {
        margin-bottom: 20px;
    }
    .portfolio-close {
        position: absolute;
        right: -5px;
    }
    .certificate-btn button {
        min-width: 245px;
    }
    .Jewelry-sticky img {
        max-width: 70%;
        margin: auto;
    }
    .flex-xs {
        display: flex;
        flex-wrap: wrap;
    }
    .h-a-img {
        width: 100px;
        margin: auto;
    }
    .solitaire-popup .filters-wrap {
        padding: 0;
    }
    .fixed_headers th, .fixed_headers td {
        font-size: 10px;
    }
    /*.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1){
        min-width:2vw;
    }*/
    .fixed_headers fieldset.register-gender {
        width: 20px;
        height: 20px;
    }
    /*fieldset.register-gender input[type="radio"]:checked + label, fieldset.register-gender input[type="radio"]:not(:checked) + label{
        display: block;
    }*/
    /*.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1){
        width:30px;
        min-width: min-content;
    }*/
    .fixed_headers td:nth-child(5), .fixed_headers th:nth-child(5), .fixed_headers td:nth-child(2), .fixed_headers th:nth-child(2), .fixed_headers td:nth-child(3), .fixed_headers th:nth-child(3), .fixed_headers td:nth-child(4), .fixed_headers th:nth-child(4), .fixed_headers td:nth-child(5), .fixed_headers th:nth-child(5), .fixed_headers td:nth-child(6), .fixed_headers th:nth-child(6) {
        text-align: center;
        width: 19.5%;
        padding: 10px 3px;
    }
    .fixed_headers td .shape-wrap img {
        display: block;
        margin: auto;
    }
    .listing-popup.in .modal-dialog {
        max-width: 100vw;
        margin: 0;
    }
    .product-shape.widget-filter.filter-cate ul li {
        display: inline-block;
        float: none;
    }
    .listing-popup ul.image-filter {
        text-align: center;
    }
    .pincode-code {
        width: 100%;
    }
    .product-detail-cart {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        background: #fff;
        padding: 5px;
    }
    .product-details-btn.product-detail-cart {
        position: -webkit-sticky;
        position: sticky;
        margin-top: 10px;
        overflow: hidden;
    }
    .product-details-btn.light .product-add-cart {
        width: 100%;
        margin: 5px 5px !important;
        display: block;
        min-width: auto !important;
        padding: 6px 1px;
    }
    .diamond-detail-dec h3, .diamond-detail-dec h1 {
        margin: 5px 0;
        font-size: 16px;
        padding: 0;
    }
    .categories-slider {
        padding: 0;
    }
    .categories-slider .slick-list {
        padding-right: 80px;
    }
    .category-view-all {
        position: relative;
        bottom: 0;
    }
    .category-view-all a {
        display: inline-block;
    }
    .offer-zone-block {
        padding: 10px;
    }
    .cart-process-step:after {
        width: 100px;
    }
    .cart-title-sub {
        padding-right: 0;
        font-size: 13px;
        width: 100%;
        margin-bottom: 5px;
    }
    .new-cart-price {
        float: none !important;
        width: 100%;
        display: inline-block;
        margin-bottom: 8px;
    }
    #dynamic_light_perfomance iframe {
        height: 600px;
    }
    .newcart-qty select {
        height: 20px;
        line-height: 18px;
        padding: 0;
        font-size: 12px;
    }
    .cart-info, .cart-pro-short-dec p {
        font-size: 12px;
    }
    .cart-mobile-block {
        border-bottom: 8px solid #f4f4f8;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .cart-buy-from {
        border-bottom: 8px solid #f4f4f8;
        padding-bottom: 10px;
    }
    .cart-action-btn .cart-wishlist, .cart-action-btn .cart-remove {
        width: 50%;
        margin-right: 0;
        display: -webkit-flex;
        display: flex;
        -moz-box-align: center;
        justify-content: center;
    }
    .cart-product-dec {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .gift-message-detail {
        width: 280px;
    }
    .continue-shopping-btn button {
        width: 100%;
    }
    .cart-info span:first-child {
        font-size: 12px;
    }
    .cart-process-step {
        font-size: 11px;
    }
    .cart-process-step .checkout-pro-icon {
        left: 13px;
        width: 28px;
        height: 28px;
        padding: 5px;
    }
    .cart-process-step:after {
        margin-top: 15px;
        top: 2px;
    }
    .payment-info h2 {
        font-size: 20px;
    }
    .payment-option-wrapper img {
        width: 60%;
    }
    .address-wrap .address {
        margin-bottom: 20px;
        padding: 10px;
    }
    .user-heading h2 {
        font-size: 24px;
    }
    .order-information {
        padding-right: 0;
    }
    .checkout-page .checkout-info .panel-body {
        padding: 15px 0 0 0;
    }
    .top-banner-pydj {
        height: 400px;
    }
    .top-banner-pydj:after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.24);
        display: block;
        position: absolute;
        top: 0;
    }
    .pydj-banner-text {
        top: 0;
        z-index: 1;
    }
    .pydj-banner-text h2, .pydj-banner-text p b {
        font-size: 20px;
    }
    .pydj-banner-text p {
        line-height: 24px;
        font-size: 14px;
        margin-top: 0;
    }
    .pydj-form {
        top: 30%;
        z-index: 1;
    }
    .emi-form input {
        width: 92%;
    }
    .pydj-process {
        position: relative;
        z-index: 1;
    }
    .how-to-work {
        position: relative;
        padding: 20px 0 20px 0;
    }
    .how-to-work:after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.85);
        display: block;
        position: absolute;
        top: 0;
    }
    .amount-total h3, .monthly-installment h3, .pydj-info-block p {
        font-size: 12px;
    }
    .amount-total .mionthly-installment-price {
        font-size: 16px;
    }
    .amount-total {
        padding: 15px 5px;
    }
    .emi-calculator-img {
        padding: 0 15px;
    }
    .pydj-info-block span {
        font-size: 16px;
        color: #000;
    }
    .pydj-faqs-wrapper {
        width: 100%;
    }
    .question-main-block {
        width: 100%;
        margin: 10px 0 0px 0;
    }
    .emi-heading h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .pydj-faqs-wrapper .emi-heading h2 {
        text-align: left;
    }
    .pudj-faq .panel-heading .panel-title a {
        font-weight: bold !important;
    }
    .mlr-xs-0 {
        margin-right: 0 !important;
    }
    .amount-pay-img {
        margin-bottom: 10px;
    }
    .emi-benefit ul li {
        width: 60%;
        margin: 0 10px;
    }
    .cart-process {
        padding: 10px 0 18px 0;
    }
    .checkout-pro-icon svg {
        width: 16px;
        height: 16px;
    }
    .buy-mobile-block {
        display: block !important;
    }
    .buy-back-upgrade-cont {
        width: calc(100% - 30px);
    }
    .buyback-select-option.active:after {
        display: none;
    }
    .buy-back-process-wrapper {
        margin-bottom: 20px;
    }
    .buy-back-process-wrapper {
        box-shadow: none;
    }
    .buyback-select-option {
        margin-right: 10px;
        height: auto;
        display: block;
        /*box-shadow: 0 2px 10px #dcdcdc;*/
    }
    .buyback-select-option label {
        padding: 12px 0px 12px 0;
    }
    .buyback-select-option.active {
        background: #FFF;
    }
    .buyback-select-option.active input:checked {
        border: 1px solid #000;
    }
    .buyback-select-option.active input:checked:after {
        background-color: #000;
    }
    .buyback-select-option input:checked~label, .buyback-select-option.active label {
        color: #000;
        font-weight: bold;
    }
    .buyback-select-option label span {
        display: inline-block;
    }
    .buyback-select-option:last-child {
        border-bottom: none;
    }
    .buy-back-wrapper {
        padding: 20px 0;
        background: #FFF;
    }
    .buy-back-process {
        display: flex;
        justify-content: space-between;
        padding: 20px 15px 10px 15px;
        top: 50px;
        z-index: 7;
    }
    .buy-back-step-wrapper {
        width: 100%;
        font-size: 12px;
    }
    .buy-back-step-wrapper:last-child {
        min-width: 44px;
    }
    .upgrade-detail h3, .additional-comment h4 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
        text-transform: capitalize;
    }
    .upgrade-detail h3:after {
        display: none;
    }
    .reason-option-select {
        width: 100%;
    }
    .purchase-btn button {
        min-width: 100px;
        width: 100%;
    }
    .mb-xs-8 {
        margin-bottom: 8px;
    }
    .upgrade-mobile-view {
        background: #FFF;
        padding: 15px 15px;
    }
    .upgrade-block {
        padding: 8px 0;
    }
    .purchase-btn {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        background-color: #FFF;
        margin: 0;
        padding: 8px;
        /*width:100%;*/
        margin: 0 -15px;
        display: -webkit-flex;
        display: flex;
    }
    .enter-id .enter-id-input button {
        background: #000;
        color: #FFF;
    }
    .purchase-text {
        padding: 0 15px !important;
    }
    .top-detail-block span:first-child {
        font-size: 12px;
    }
    .purchase-text span {
        margin-top: 20px;
        font-size: 14px;
        background: #f4f4f8;
        padding: 15px;
        text-align: center;
        color: #000;
        text-decoration: none;
    }
    .upgrade-solitaire-detail {
        width: 290px;
    }
    .enter-id .enter-id-input {
        width: 100%;
    }
    .upgrade-mobile-view-border {
        border-bottom: 8px solid #f3f4f8;
        padding: 15px;
    }
    .top-detail-block {
        width: 50%;
        float: left;
    }
    .top-detail-block:nth-child(2), .top-detail-block:nth-child(4) {
        text-align: right;
    }
    .mobile-view-buyback {
        border-bottom: 8px solid #f5f4f8;
        margin-bottom: 20px;
    }
    .mobile-buyback-space {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px 15px 15px;
    }
    .buy-back-block .buyback-detail {
        border: none;
        padding: 0;
        display: block;
    }
    .buyback-select-option input {
        margin: 14px 10px 12px 0;
    }
    .purchase-detail-dec select {
        width: 100%;
        padding: 15px 0;
        background-color: #FFF;
    }
    .float-xs {
        float: none !important;
    }
    .mobile-full-width {
        width: 100%;
    }
    .justify-center-xs {
        justify-content: space-evenly;
    }
    .packing-steps {
        display: block;
    }
    .packing-steps .emi-loan-step {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .d-flex-xs {
        display: flex;
    }
    .diamond-education-main-menu {
        top: 156px;
        padding: 15px;
    }
    .upgrade-view-popup .modal-dialog {
        width: 90%;
    }
    .condition-accept {
        background: #f4f4f8;
        padding: 10px 15px;
        margin: 10px -15px 0 -15px;
    }
    .pay-amount, .coin-count-machine img {
        width: 100%;
    }
    .coin-count {
        width: 100%;
        padding: 0 15px;
    }
    .pay-discount {
        font-size: 14px;
    }
    .pay-discount b {
        font-size: 36px;
    }
    .continue-btn-process {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        right: 0;
    }
}

@media (max-width: 400px) {
    .portfolio-diamond, .purchase-detail-portfolio span, .porfolio-detail, .portfolio-content, .purchase-detail-portfolio h3, .purchase-detail-portfolio h3, .portfolio-name, .portfolio-price, .portfolio-product-detail h4, .portfolio-product-detail {
        font-size: 10px;
    }
}

@media screen and (max-width: 360px) {
    .element {
        padding: 0 6px;
    }
    .navbar-nav>li {
        padding: 0;
    }
    .search-form-wrapper.search--open {
        width: calc(320px - 50px);
    }
    .widget-filter h3 {
        font-size: 12px;
    }
    .diamond-list-tabs .nav-tabs li {
        margin-right: 1px;
    }
    .diamond-detail-left {
        font-size: 10px;
    }
    .summary-second.mainPrice {
        font-size: 13px;
    }
    .summary-second {
        font-size: 12px;
    }
    .summary-second span {
        line-height: 18px;
    }
    .metal-custom {
        padding: 0 12px;
        border-radius: 30px 0 0 30px;
    }
    .detail-label {
        width: 47%;
    }
}

@media (max-width: 340px) {
    .diamond-list-tabs .nav-tabs li a {
        padding: 5px 4px;
        font-size: 10px;
    }
    .buyback-select-option label {
        font-size: 12px;
    }
    .topbar span, .topbar p, .topbar i {
        font-size: 9px;
    }
    .input-styles .text-radio label {
        min-width: 25px;
        font-size: 10px;
    }
    .diamond-list-detail span:first-child, .diamond-list-detail span:last-child {
        font-size: 11px;
    }
    .diamond-list-detail span:first-child {
        max-width: 55px;
        min-width: 55px;
    }
    .diamond-list-mobile-icon i {
        font-size: 12px;
    }
    .timer-wrap .timer {
        right: -10px;
    }
    .mobile-icon-block {
        font-size: 11px;
    }
    #pics-thumbs img {
        height: 60px;
    }
    .diamond-list-mobile-img {
        padding: 10px 2px;
    }
    .spi-graph-btn a {
        font-size: 10px;
    }
    .panel-default>.panel-heading.p10 {
        padding: 10px 0;
    }
    .customize-solitaire ul li {
        margin-right: 2px;
    }
    .journey-tab li a {
        padding: 8px 6px;
        font-size: 11px;
    }
    .new-cart-price {
        margin-bottom: 5px;
    }
}

@media (max-width: 575px) {
    #guaranteeIcons {
        display: -webkit-box;
        width: auto;
    }
    #guaranteeIcons .guaranteeIcon {
        float: none;
        display: block;
    }
    .col-12 {
        width: 100%;
    }
    .contact-icon-block {
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
    }
    .contact-block i {
        font-size: 20px;
        line-height: 40px;
    }
    .mobile-contact-info {
        /*float: left;*/
        overflow: hidden;
        text-align: left;
    }
    .contact-bottom .about-element h3 {
        margin-top: 0;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .verify-track-wrapper {
        margin-bottom: 0 !important;
    }
    .diamond-list-mobile-icon i {
        font-size: 12px;
    }
    .diamond-list-mobile-icon svg {
        width: 12px;
        height: 12px;
    }
    .cart-check-out-btn {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 10px;
        background: #FFF;
    }
    .cart-check-out-btn button {
        margin: 0;
        font-size: 12px;
        padding: 6px 2px;
    }
    .payment-info {
        z-index: 2;
    }
    .checkout-btn-show.active {
        display: block;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 2;
        padding: 10px;
        background: #FFF;
    }
    .checkout-btn-show a {
        width: 100%;
    }
    body.modal-open .payment-info {
        z-index: 0;
    }
    .nav-links {
        border: none;
    }
    .order-information p, .product-price .old-price, .product-price .new-price, .tp-content .tp-text {
        font-size: 12px;
    }
    .product-price .product-offer {
        font-size: 10px;
    }
    .order-num {
        margin-bottom: 5px;
    }
    .order-num-block {
        display: block;
    }
    .order-detail {
        float: left;
    }
    .order-status {
        text-align: left;
        padding: 5px 0 0 0;
        position: relative;
    }
    .order-moblie-block {
        border-bottom: 7px solid #f3f4f8;
        margin-bottom: 20px;
        padding: 0;
    }
    .order-moblie-block:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }
    .order-top-block {
        box-shadow: none;
    }
    .order-process-date {
        width: 25%;
    }
    .order-process {
        width: 50%;
    }
    .hidden-xs-down {
        display: none !important;
    }
    .newcart-qty {
        float: none !important;
        margin-bottom: 5px;
        font-size: 12px;
    }
    .monthly-installment i {
        font-size: 12px;
        right: 5px;
        top: 6px;
    }
    .monthly-installment-block {
        overflow: visible;
        display: block;
    }
    .monthly-installment-block .postion-relative {
        display: -webkit-box;
        overflow: auto;
        margin: 0 -15px;
        padding: 15px 0;
    }
    .monthly-installment-block .postion-relative .early-pay-block {
        width: 80%;
    }
    .monthly-installment {
        padding: 15px 5px;
        float: none;
        width: 99%;
        border: none;
    }
    .monthly-installment i, .monthly-installment h3, .amount-total .mionthly-installment-price {
        display: none;
    }
    .tooltip-redamly {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        display: block;
        margin: 0 10px;
    }
    .redemption-title {
        font-size: 14px;
    }
    .total-payment {
        font-size: 12px;
    }
    .installment-text {
        font-size: 10px;
    }
    .monthly-installment:last-child {
        background: transparent;
    }
    .monthly-installment:last-child .tooltip-redamly {
        background: #f5f4f4;
    }
    #guaranteeIcons {
        padding: 0;
    }
    #upgrade-login-popup .modal-dialog {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    header .header-center.white .navbar-nav>li>a {
        color: #000;
    }
    header .header-center.white .element svg {
        fill: #000;
    }
    header .header-center.white .element .count {
        background: #000000;
        color: #fff;
    }
    header .header-center.white .top-logo {
        display: block;
    }
    header .header-center.white .sticky-logo {
        display: none;
    }
    .nav_toggle.white .hamburger div, .scrolled.nav_on .hamburger div {
        background: #000;
    }
    .simmilar-product .slick-list, .suggested-product .slick-list {
        padding-right: 150px;
    }
    .know-form.input-styles form input {
        padding: 10px 15px;
        font-size: 16px;
    }
    .simmilar-product, .suggested-product {
        padding: 0 50px;
    }
    #product-details {
        height: 100% !important;
        opacity: 1 !important;
    }
    .listing-popup .modal-dialog {
        bottom: auto;
    }
    .size-chat-mobile {
        bottom: 5px;
        font-size: 14px;
        z-index: 9999;
    }
    .customize-solitaire-heading svg {
        top: 3px;
    }
    .emiopen {
        font-size: 14px;
    }
    .product-mobile-cta {
        position: absolute;
        right: 5px;
        top: 5px;
    }
    .buyback-detail .purchase-detail-dec.different-detail span:first-child {
        width: 148px;
    }
    .packing-steps .step-emi {
        position: absolute;
        right: -34px;
        height: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
    .packing-steps .emi-loan-step .step-emi span {
        bottom: 0;
        right: 29px;
    }
    .packing-steps .step-emi:after {
        transform: rotate(0);
        top: 4px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .diamond-value {
        padding: 15px 100px;
    }
    .diamond-solitaire-info li.slick-slide.slick-current.slick-active.slick-center a {
        width: 70%;
    }
    .emi-form input {
        width: 50%;
    }
    .emi-benefit ul li {
        width: 40%;
    }
    .question-main-block {
        width: 49%;
    }
}

@media (min-width: 1025px) {
    .diamond-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .choose-ring-steps .active-step .node-skin>div, .choose-ring-steps .active-step .node-skin>div a {
        color: #FFF;
    }
}

/*@media (min-width:1500px){*/

/*.diamond-detail-width{*/

/*width: calc(100vw - 358px);*/

/*}*/

/*}*/

/*---------------------------------- responsive 6-6-19 ------------------------------*/

/*- -------------------------------- mehul 11-6-19 ----------------------------------*/

.product-details-btn.light .product-add-cart {
    color: #fff;
    background-color: #252a2b;
    margin: 10px auto;
    padding: 6px 15px;
}

.product-details-btn.light .product-add-cart:hover {
    background-color: #fff;
    color: #252a2b;
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .filter-wrap .filter-inner.width-auto .filter {
        min-width: 7%;
    }
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.branding-language {
    float: left;
    margin-right: 10px;
}

.home-hero__btns a:first-child {
    margin-right: 10px;
}

.branding-language button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF;
}

.branding-language button img, .branding-language .dropdown-menu img {
    width: 20px;
    margin-right: 8px;
}

.branding-language .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 120px;
    z-index: 3;
}

.branding-language button span {
    margin-right: 5px;
}

.branding-language .dropdown-menu span {
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.branding-language .dropdown-menu li a {
    padding: 6px 10px;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .branding-language {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .branding-language button {
        background: #FFF;
        color: #000;
        border: 1px solid #000;
        margin: 20px 0 0px 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .branding-language .dropdown-menu {
        min-width: 100%;
        top: 100%;
        position: relative;
    }
}

body.scrolled header.main.with-bg .branding-language .btn {
    background-color: #000;
    color: #FFF;
}

header.with-bg .desktop-user {
    margin: 10px 5px !important;
}

/*- -------------------------------- mehul 11-6-19 ----------------------------------*/

/*3-9-2019*/

.select-store-label {
    margin-bottom: 20px;
}

.store-lab-select-block {
    width: calc(50% - 10px);
    text-align: left;
    padding: 10px 5px 5px 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

.store-lab-select-block:nth-child(odd) {
    margin-right: 10px;
}

.store-lab-select-block {
    border: 1px solid #ddd;
}

.store-lab-select-block .select-area-block {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    display: flex;
}

.divine-modal .modal-body .store-lab-select-block h4 {
    margin-bottom: 8px;
}

.d-flex {
    display: flex;
}

.gender-image {
    margin: 10px 20px;
    text-align: center;
}

.gender-image span {
    display: block;
    font-size: 14px;
    margin-top: 5px;
}

.gender-image img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.gender-image img.active {
    border: 1px solid #000;
}

.store-lab-select-block .addres-nearby h4 {
    color: #000;
}

.select-option-block {
    text-align: left;
}

.select-option-wrapper label {
    color: #000;
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-right: 22px;
    min-width: 200px;
}

.select-option-wrapper {
    margin-bottom: 20px;
}

.select-option-wrapper svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.select-option-wrapper input {
    height: 34px;
    width: calc(100% - 200px);
    border-radius: 18px;
    border: 1px solid #ddd;
    padding: 5px;
}

.select-option-wrapper .k-datepicker .k-picker-wrap, .select-option-wrapper .k-header {
    height: 34px !important;
    border-radius: 18px;
    padding-top: 0;
    padding-bottom: 0;
    background: #FFF !important;
}

.select-option-wrapper .k-datepicker .k-picker-wrap input, .select-option-wrapper .k-datepicker .k-picker-wrap .k-select {
    height: 34px !important;
    line-height: 32px !important;
    border-radius: 18px;
    background: #FFF;
}

.use-location-btn button {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.use-location-btn svg {
    margin: auto 8px auto 0;
    display: block;
}

.use-location-btn button:hover svg {
    fill: #000;
}

.store-lab-speartor {
    text-align: center;
    margin: 20px 0;
    position: relative;
}

.store-lab-speartor span {
    background-color: #FFF;
    color: #999;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}

.store-lab-speartor:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ddd;
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
}

@media (min-width: 768px) {
    #upgrade-login-after-popup .modal-dialog {
        width: 450px;
    }
    .enquiry.zoa-wishlist.left.product-check {
        display: none;
    }
}

@media (max-width: 767px) {
    .enquiry.zoa-wishlist.left.product-check {
        display: block;
    }
    .upload-document-block {
        display: inline-block;
        text-align: center;
    }
    .upload-block {
        width: calc(50% - 10px);
        margin-bottom: 16px;
    }
    .select-option-wrapper input, .select-option-wrapper .k-header {
        width: 100% !important;
    }
    .store-lab-select-block {
        width: 100%;
    }
    .store-lab-select-block:nth-child(odd) {
        margin-right: 0;
    }
    .mobile-inquiry {
        background-color: #000 !important;
        color: #FFF;
    }
    .mobile-inquiry h3 {
        font-size: 14px;
    }
    .diamond-detail-testimonial h2 {
        font-size: 14px;
        line-height: 24px;
    }
    .product-mobile-cta {
        right: 10px;
    }
    #DeleteCartModel .store-search-btn button, #DeleteWishlistModel .store-search-btn button {
        padding: 4px 10px;
    }
    .diamond-detail-featured li img {
        max-width: 100%;
    }
    a.checkout-btn {
        width: 90%;
        padding: 5px;
        font-size: 12px;
    }
    #guaranteeIcons .guaranteeIcon span {
        font-size: 14px;
    }
    .diamond-detail-featured .slick-list {
        padding-right: 70px !important;
    }
    .video-content iframe {
        height: 150px;
    }
    .diamond-detail-fe-de {
        font-size: 14px;
    }
    .diamond-list-content h2.h3 {
        font-size: 14px;
        font-weight: bold;
    }
    .mobile-load-more {
        padding: 5px;
        width: 55%;
        line-height: 28px;
        font-size: 12px;
    }
    .mobile-load-more a {
        color: #fff;
    }
}

/*Try At Home*/

.process-price {
    display: block;
    font-size: 10px;
    color: #000;
}

.try-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.try-title svg {
    margin-right: 5px;
}

.try-form-wrapper label {
    width: 100%;
    color: #555;
    font-size: 14px;
}

.try-form-wrapper input, .try-form-wrapper textarea, .try-form-wrapper select {
    width: 100% !important;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.try-form-wrapper textarea {
    height: 80px;
}

.try-close-popup {
    position: absolute;
    right: 10px;
    top: 10px;
}

#try-at-home .modal-header {
    background: #fafafa;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

#try-at-home .modal-footer {
    text-align: center;
}

#try-at-home .k-datepicker {
    width: 100% !important;
    height: 34px;
    padding: 0;
}

#try-at-home .k-picker-wrap.k-state-default>.k-select {
    padding: 0 5px;
}

#try-at-home .k-datepicker .k-picker-wrap {
    height: 34px !important;
    background: #fff;
}

#try-at-home .k-datepicker .k-picker-wrap input {
    height: 34px !important;
    background: #FFF;
    width: 0 !important;
    height: 0 !important;
    color: #fff !important;
}

#try-at-home .k-datepicker .k-picker-wrap .k-select {
    line-height: 34px !important;
    padding: 0 5px;
}

#try-at-home .modal-dialog {
    width: 700px;
}

.k-list>.k-state-selected {
    color: #000 !important;
    font-weight: bold;
}

#try-at-home .k-timepicker .k-picker-wrap {
    border: 1px solid #ddd;
    background: #fff;
    height: 34px;
}

#try-at-home .k-timepicker {
    width: 100% !important;
}

#try-at-home .k-timepicker .k-picker-wrap input {
    padding: 0 10px;
    background: #fff;
    height: 0 !important;
    width: 0 !important;
    color: #fff !important;
}

.pincode-check-box {
    display: block;
    width: 100%;
    font-size: 12px;
    text-transform: capitalize;
}

.pincode-check-box.text-red {
    color: red;
}

.pincode-check-box.text-red svg {
    fill: red;
}

.pincode-check-box.text-green {
    color: green;
}

.pincode-check-box.text-green svg {
    fill: green
}

.zoa-wishlist.left.enquiry.product-check {
    right: 0;
    left: 10px;
    top: 8px;
}

.text-underline {
    text-decoration: underline;
}

.password-icon {
    position: absolute;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
}

#confirm-portfolio .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #f5f5f5;
    color: #000;
    text-align: center;
    font-size: 22px;
}

.text-area-label {
    position: relative;
}

.teaxt-area-place {
    position: absolute;
    top: 18px;
    left: 11px;
    color: #555;
}

.text-area-label.textAreaCls {
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 10px 0px 0px 10px;
    color: #555;
}

.text-area-label.textAreaCls textarea {
    border: none;
    margin-top: 5px;
    padding: 0;
}

.ratingUserimg {
    /*width: 55px;*/
    /*height: 55px;*/
    /*border-radius: 50%;*/
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: block;
    object-fit: cover;
}

span.pyds-order #decrease, span.pyds-order #number {
    background-color: #fff !important;
}

.profile-upload-input {
    height: 25px;
    width: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
}

.saving-discount {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.saving-discount:first-child {
    font-size: 14px;
}

.diamond-detail-img {
    max-width: 80%;
    margin: auto;
}

p.raise {
    font-size: 16px;
    line-height: 1.9;
    color: #000;
}

.without_sticky_icon {
    top: 25px !important;
    position: absolute !important;
}

.withsticky_icon, header.sticky .without_sticky_icon, .nav_on .slider-open-after.withsticky_icon.sticky {
    display: none !important;
}

.withsticky_icon.sticky {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .without_sticky_icon {
        top: 0px !important;
    }
    .component-ugc-social-widget .home-about__btn {
        padding: 5px;
        border-radius: 0;
        font-size: 12px;
        width: 55%;
        line-height: 22px;
        height: auto;
        display: inline-block;
    }
    .view-wishlist, .wishlist-view-btn a {
        padding: 5px;
        width: 55%;
        line-height: 22px;
        font-size: 12px;
    }
    .cart-footer-btn a {
        padding: 5px;
        width: 48%;
        text-align: center;
        line-height: 22px;
        font-size: 12px;
    }
    .modal-dialog .store-search-btn {
        display: flex;
        justify-content: center;
    }
    .modal-dialog .store-search-btn button {
        margin: 0 5px;
    }
    .wishlist-view-btn {
        text-align: center;
    }
    .diamond-detail-title span {
        font-size: 13px;
    }
    #try-at-home .modal-dialog {
        width: 95%;
    }
    .gift-modal-mobile {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 484px;
    }
    .cart-order-summary {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .order-confirmation-icon {
        /*float: none !important;*/
        display: inline-block;
        margin-right: 0;
    }
    .order-confirmation-content {
        width: 100%;
        text-align: left;
    }
    .order-confirmation-block {
        padding: 20px;
        text-align: center;
    }
    .order-confirmed-no {
        width: 100%;
    }
    .my-order-btn {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .my-order-btn button {
        display: inline-block;
        float: none !important;
    }
    .video-dec-more {
        /*-webkit-line-clamp: 4;*/
        /*-webkit-box-orient: vertical;*/
        /*!*max-height: 100px;*!*/
        /*display: -webkit-box;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*-webkit-line-clamp: 4;*/
        /*-webkit-box-orient: vertical;*/
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 100px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
    }
    .checkbox-login {
        width: 100%;
    }
    .checkout-btn {
        text-align: center;
    }
    .checkout-btn button {
        padding: 5px;
        width: 48%;
        font-size: 12px;
        line-height: 22px;
    }
    #addAddressModal .checkout-btn {
        display: flex;
    }
    .product-info .product-title {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .product-item:hover .product-info .product-title, .product-item:hover .product-design-number {
        opacity: 1 !important;
    }
    .product-item:hover .product-price {
        top: 0 !important;
    }
    .product-item:hover .product-button-group, .contact-form .contact-item:hover .product-button-group {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    .Jewelry-list-number h3 {
        font-size: 10px;
    }
    .Jewelry-listing-setting {
        font-size: 10px;
    }
    .request-call-content {
        width: 90%;
    }
    .d-xs-block {
        display: block;
    }
    .history-btn {
        float: none !important;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 10px;
    }
    .history-img {
        height: 80px;
        width: 80px;
    }
    .history-info .float-left {
        width: 100%;
    }
    .history-info {
        width: calc(100% - 80px);
    }
    .return-btn {
        float: none !important;
        width: 100%;
        /*display: flex;*/
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .call-back {
        display: block;
    }
    .call-back h5 {
        text-align: center !important;
    }
    .cart-check-out-btn button, .continue-shopping-btn button, .compare-no-data button {
        padding: 6px 6px;
    }
    .gift-message-detail {
        right: 0;
    }
    a.checkout-btn {
        width: 47%;
        line-height: 28px;
    }
    .more-filter-popup .filter-inner-wrap .filters-wrap .filter {
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 0;
    }
    .more-filter-popup .filter-inner-wrap .filters-wrap .filter:after {
        height: 100%;
    }
    .more-filter-popup .filter-inner-wrap .filters-wrap {
        align-items: normal;
    }
    .diamond-detail-order {
        display: block;
    }
    .diamond-detail-dec h1 {
        font-size: 26px;
    }
    .mb-tv-20 {
        margin-bottom: 20px;
    }
    .p-lr-35 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .any-question p span {
        color: #000;
        font-weight: bold;
        margin: 3px 4px;
        display: flex;
        font-size: 12px;
        align-items: center;
    }
    .store-search-btn {
        display: flex;
        justify-content: center;
        margin-top: 14px;
    }
    .store-search-btn button {
        margin: 0 5px;
    }
    .pos-abs {
        width: calc(100% - 120px);
    }
    .more-filter-popup.solitaire-popup .filter-inner-wrap {
        max-width: 70vw;
    }
    .product-detail-top-block>.row.d-flex {
        display: block;
    }
    /*.element:first-child {*/
    /*    padding-right: 0;*/
    /*}*/
    .topbar span {
        font-size: 9px;
    }
    .element:last-child {
        padding-left: 10px;
    }
    .tablet-view-pd {
        padding: 0;
    }
    .topbar p {
        margin-right: 4px;
    }
    .checkbox-login {
        width: 100%;
    }
    #collectionSliderJewelry {
        padding: 0 30px;
    }
}

.main-slider .vdPAnel .slide-image img {
    width: 100%;
}

.diamond-list-wrap table td a i.ion-android-favorite {
    font-size: 23px;
    height: 18px;
    margin-top: -12px;
}

.drawer-wrap.cart-drawer.opened, .drawer-wrap.notification-drawer.opened, .drawer-wrap.wishlist-drawer.opened {
    position: fixed;
    width: 100%;
    z-index: 100000;
    height: 100%;
}

.overflow-visible {
    overflow: visible;
}

.payment-option {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.side-cart-view {
    width: 40%;
    text-align: center;
}

.side-cart-checkout {
    width: 59%;
    text-align: center;
}

.pointer {
    cursor: pointer;
}

/*.video-dec-more{*/

/*    white-space: normal;*/

/*    word-break: normal;*/

/*}*/

.video-dec-more.active {
    height: max-content;
    -webkit-line-clamp: unset;
}

.all-read-more, .all-read-less {
    display: none;
}

.all-read-more.active, .all-read-less.active {
    display: block;
    /* text-decoration: underline; */
    color: #000;
    font-weight: bold;
}

.delivery-address-form-new {
    padding-top: 15px;
}

.delivery-address-form-new label {
    position: absolute;
    left: 15px;
    top: 15px;
    transition: all 0.5s ease-in-out;
}

.delivery-address-form-new input, .delivery-address-form-new select {
    position: relative;
    z-index: 1;
}

.delivery-address-form-new input::placeholder {
    color: inherit !important;
    opacity: 0 !important;
}

.delivery-address-form-new input:focus+label, .delivery-address-form-new input:not(:placeholder-shown)+label, .delivery-address-form-new select+label {
    top: 0px;
    font-size: 12px !important;
}

@media screen and (max-width: 767px) {
    .video-sliders .video-contents iframe {
        height: 220px !important;
    }
    .header-top-slider-block {
        overflow: hidden;
    }
    .gift-title {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .product-colors {
        z-index: 9999;
        width: 80px;
        text-align: right;
        height: 200px;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    .mobile-view-section .product-mobile-cta {
        z-index: 9999;
    }
    body.show-drop .product-colors {
        z-index: 9;
    }
}

.cityBack {
    width: 20px;
    background-color: #fff;
    padding: 0px 5px;
    font-size: 17px;
    border: 1px solid #dcdcdc;
    line-height: 22px;
}

.cityBacklabel {
    margin-left: 27px;
}

.p-l-5 {
    padding-left: 5px !important;
}

.payment-fail-strip {
    padding: 5px 15px !important;
    background: #f8090926;
}

.pt-15 {
    padding-top: 15px;
}

.l-h-15 {
    line-height: 15px !important;
}

.l-h-0 {
    line-height: 0px !important;
}

.terms-content .panel-title a span {
    font-weight: 500 !important;
}

#popupManager .modal-dialog {
    top: 0;
}

.home-solitaire-height {
    height: 317px;
}

.background-color-show, .main-slider {
    background: #dde9ed;
}

.pyds-slider img {
    height: 398px;
    background: #dde9ed;
}

.component-ugc-social-widget>.grid .column.gallery>div img {
    /* height: 263px; */
    background: #dde9ed;
    object-fit: cover;
}

@media (max-width: 767px) {
    .home-solitaire-height {
        height: 131px;
    }
    .pyds-slider img {
        height: 200px;
    }
    .component-ugc-social-widget>.grid .column.gallery>div img {
        height: 180px;
    }
    .mobile-product-sliders img {
        min-width: auto !important;
    }
    .product-details-text .h2 {
        font-size: 16px;
    }
    .ir251-featured-in-lists li {
        height: 50px;
    }
    .ir251-home-difference .pageHeadingStyle .MetaSerif {
        margin-bottom: 10px !important;
    }
    .drawer-empty h3 {
        font-size: 18px;
    }
    .drawer-inner .drawer-header .title {
        font-size: 16px;
    }
    .grand-price .product-details-small span {
        margin-right: 0;
        font-size: 16px;
    }
    .about-story-block .next-arrow.slick-arrow {
        right: 0;
    }
    .about-story-block .prev-arrow.slick-arrow {
        left: 0;
    }
    .collection-slider .slick-track {
        max-height: 250px;
        height: auto;
    }
    .checkout-info.content .order-summary-dec h4 {
        font-size: 16px;
    }
    .my-history-all .history-info .float-left h4, .my-history-all .history-info .float-left span {
        font-size: 14px;
    }
    .size-chat-mobile {
        z-index: 1000000;
    }
    .size-chat-mobile .sizepopup-overlay {
        display: flex;
    }
    .size-chat-mobile .sizepopup-content {
        padding: 20px 10px !important;
    }
    .cart-center-card {
        width: 100%;
    }
    .cart-center-card img {
        margin-bottom: 20px;
    }
    .empty-cart-heading {
        margin-top: 15px;
    }
    .cart-center-card .font-20 {
        font-size: 18px;
    }
    .cart-center-card .font-18 {
        font-size: 14px;
    }
    .mobile-filter-scroll {
        display: -webkit-box;
        overflow: auto;
        width: auto;
        flex-wrap: nowrap;
    }
    #popupManager.all-model-content .modal-dialog{
        width: 95%;
    }
}

.reasons-detail h2 {
    font-size: 15px !important;
    font-weight: 700;
}

.mobile-product-sliders img {
    /*min-height: 351px;*/
    /*min-width: 351px;*/
    background: #ccc;
}

.mobile-product-sliders a.prev-arrow.slick-arrow {
    top: 0;
    position: absolute;
    bottom: 0;
    left: -16px;
    /* right: 0; */
    margin: auto;
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    /* bottom: 0; */
    display: block !important;
}

.mobile-product-sliders a.next-arrow.slick-arrow {
    position: absolute;
    right: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    display: block !important;
}

img.png-img {
    background: transparent !important;
}

.z-indx {
    z-index: 1 !important;
}

.checkout-pin-check {
    bottom: 30px !important;
}

.faq-question {
    word-break: break-all;
    white-space: unset;
    line-height: 28px;
}

a.faq-question-title {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.payment-fail-strip-pending {
    padding: 5px 15px !important;
    background: #bee5eb;
}

.mobile-popup-slider {
    width: 100%;
    height: 100%;
}

#popup-img .modal-dialog {
    top: 0;
    transform: translate(0, 0);
}

.mobile-popup-slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#popup-img .close {
    right: 10px;
    top: 10px;
    position: absolute;
}

#popup-img a.prev-arrow.slick-arrow, #popup-img a.next-arrow.slick-arrow {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    transform: rotate(-90deg);
    border: 1px solid #ddd;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    z-index: 1;
}

#popup-img a.next-arrow.slick-arrow {
    left: auto;
    right: 10px;
    transform: rotate(90deg);
}

select.focused:focus {
    border: 1px solid #333 !important;
}

.full-pay-button button {
    float: right;
    padding: 5px 25px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    color: #FFF;
    font-size: 16px;
    margin: 5px 10px 5px 10px;
}

.full-pay-button button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.full-buy-now-button button {
    float: none;
    padding: 5px 25px;
    background-color: #252a2b;
    border: 1px solid #252a2b;
    color: #FFF;
    font-size: 16px;
    margin: 0;
}

.full-buy-now-button button:hover {
    background-color: #FFF;
    color: #252a2b;
}

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

.pt-8 {
    padding-top: 8px !important;
}

.pt-xs-20 {
    padding-top: 20px !important;
}

.p-15 {
    padding: 15px !important;
}

#addAddressModal .pincode-check {
    top: 12px;
    bottom: auto !important;
    right: 15px;
}

#simmilar-product-id.simmilar-product {
    display: none;
}

#simmilar-product-id.simmilar-product.slick-initialized {
    display: block;
}

.return-order button {
    background-color: #252a2b;
    color: #fff;
    border: 1px solid #252a2b;
}

.return-order button:hover {
    background-color: #FFF;
    color: #252a2b;
}

.return-btn {
    margin-bottom: 5px;
}

.return-btn button {
    background-color: #FFF;
    color: #252a2b;
    padding: 5px 25px;
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #252a2b;
}

.return-btn button:hover {
    background-color: #252a2b;
    color: #FFF;
}

.simmilar-product i.ion-chevron-left, .simmilar-product i.ion-chevron-right {
    line-height: 22px;
    padding-left: 4px;
    padding-right: 4px;
}

.simmilar-product .slick-arrow {
    padding: 4px 8px 5px;
}

.simmilar-product .prev-arrow.slick-arrow {
    left: -3%;
}

.simmilar-product .next-arrow.slick-arrow {
    right: -3%;
}

#collectionSliderJewelry .slick-arrow i, .testimonial-slider .slick-arrow i {
    line-height: 21px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
}

.return-btn {
    margin-bottom: 5px;
}

.return-btn a {
    background-color: #FFF;
    color: #252a2b;
    padding: 5px 25px;
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    border: 1px solid #FFF;
}

.return-btn a:hover {
    background-color: #252a2b;
    color: #FFF;
}

.return-cancel-btn a {
    background-color: #252a2b;
    color: #fff;
    border: 1px solid #252a2b;
}

.return-cancel-btn a:hover {
    background-color: #FFF;
    color: #252a2b;
}

.mobile-slider-min-height {
    /*max-height: 351px !important;*/
    overflow: hidden;
}

.pyds-alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.p25 {
    padding: 25px !important;
}

.pydscityBack {
    width: 36px;
    background-color: #fff;
    padding: 6px 5px;
    font-size: 17px;
    border: 1px solid #dcdcdc;
    line-height: 35px;
}

.pyds-alert-disp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cursor-default {
    cursor: default;
}

.checkout-bottom.out-of-stock {
    position: relative;
    padding: 15px;
    width: auto;
}

.out-of-stock {
    position: relative;
    display: inline-block;
    width: 100%;
}

.out-of-stock:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.63);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    left: 0;
    right: 0;
}

.out-of-stock .wishlist-product-remove {
    z-index: 4;
}

.out-of-stock .cart-action-btn, .drawer-inner .drawer-content .out-of-stock .product-detail button, .out-of-stock .checkout-summary-btn {
    z-index: 4;
    position: relative;
}

/*#addAddressModal form.active{*/

/*    padding-left: 15px;*/

/*}*/

.cate-icon {
    height: 30x;
    width: 30px;
}

/* ---------------------- Start TT - CMS Top Banner block  --------------------------*/
#ttcmstopbanner {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 80px;
	background: #ffbf07;
	text-align:;
	padding: 50px 0;
	overflow: hidden;
}
#ttcmstopbanner .ttcmstopbanner {
	float: left;
	position: relative;
	width: 100%;
	display: block;
}
@media (min-width: 768px) {
	#ttcmstopbanner .ttcmstopbanner {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all 500ms ease 0s;
		-moz-transition: all 500ms ease 0s;
		-o-transition: all 500ms ease 0s;
		transition: all 500ms ease 0s;
	}
	#ttcmstopbanner .ttcmstopbanner:hover {
		-webkit-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
		-webkit-transition: all 500ms ease 0s;
		-moz-transition: all 500ms ease 0s;
		-o-transition: all 500ms ease 0s;
		transition: all 500ms ease 0s;
		
	}
}
#ttcmstopbanner .ttbanner-title {
	font: 700 italic 45px/48px "Meta Serif", sans-serif;
	color: #111;
	padding: 28px 0;
	text-transform: capitalize;
	float: none;
	display: inline-block;
	vertical-align: top;
	width: auto;
}
#ttcmstopbanner .tttop-title {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: auto;
	background:;
	font: 400 36px "Meta Serif", sans-serif;
	color: #fff;
	padding: 20px 00px;
	text-transform: capitalize;
	letter-spacing: 0.4px;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	width: auto;
	margin: 14px 25px;
}
@media (min-width: 768px) {
	#ttcmstopbanner .tttop-title:hover {
		/*background: #333;*/
	}
}
#ttcmstopbanner .topcontent {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: auto;
	padding: 18px 0;
}
#ttcmstopbanner .title {
	font: 400 italic 26px/28px "Meta Serif", sans-serif;
	color: #111;
	text-transform: capitalize;
	letter-spacing: 0.4px;
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
#ttcmstopbanner .ttbtn a {
	font: 400 italic 26px/28px "Meta Serif", sans-serif;
	color: #000;
	float: left;
	width: 100%;
	text-transform: capitalize;
	text-align: left;
	letter-spacing: 0.4px;
	transition: all 500ms ease-in-out 0s;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
}
#ttcmstopbanner .ttbtn a:hover {
	color: #000;
	letter-spacing: 1px;
}
@media (max-width: 1199px) {
	#ttcmstopbanner {
		margin: 0 0 70px;
	}
	#ttcmstopbanner .ttbanner-title {
		font-size: 30px;
	}
	#ttcmstopbanner .tttop-title {
		font-size: 40px;
		padding: 20px 40px;
	}
	#ttcmstopbanner .title {
		font-size: 20px;
	}
	#ttcmstopbanner .ttbtn a {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	#ttcmstopbanner {
		padding: 30px 0;
		margin: 0 0 50px;
	}
	#ttcmstopbanner .tttop-title {
		padding: 20px 15px;
		margin: 0 15px;
	}
}
@media (max-width: 767px) {
	#ttcmstopbanner {
		margin: 0 0 40px;
	}
	#ttcmstopbanner .ttbanner-title {
		float: left;
		width: 100%;
		padding: 0;
	}
	#ttcmstopbanner .tttop-title {
		float: left;
		width: 100%;
		margin: 15px 0;
		padding: 15px;
	}
	#ttcmstopbanner .topcontent {
		float: left;
		width: 100%;
		padding: 0;
	}
	#ttcmstopbanner .ttbtn a {
		text-align: center;
		font-size: 18px;
		line-height: 22px;
	}
}
@media (max-width: 543px) {
	#ttcmstopbanner {
		margin: 0 0 30px;
		padding: 20px 0;
	}
	#ttcmstopbanner .ttbanner-title {
		font-size: 26px;
		line-height: 32px;
	}
	#ttcmstopbanner .tttop-title {
		font-size: 30px;
		line-height: 34px;
	}
	#ttcmstopbanner .title {
		font-size: 18px;
		line-height: 22px;
	}
}
/* ---------------------- End TT - CMS Top Banner block  --------------------------*/

/*----------------- Start TT - CMS About US -----------------*/
#ttcmsaboutus {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 80px;
}
#ttcmsaboutus {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 80px;
}
.tt-title {
	color: #111;
	float: left;
	font: 36px "Meta Serif", sans-serif;
	margin: 0 0 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize !important;
	width: 100%;
}
.sub-title {
	text-align: left;
    font-size: 15px;
    float: none;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
	color: #777;
	margin: 0 0 30px;
	text-transform: capitalize;
}

#ttcmsaboutus .about-content {
	float: left;
	width: 100%;
	text-align: center;
}
#ttcmsaboutus .ttcmsabout-subtitle {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	position: relative;
	color: #777;
	font: 400 italic 16px/26px "Roboto", Helvetica, sans-serif;
	margin: 0 0 30px;
	text-transform: capitalize;
	letter-spacing: 0.4px;
}
#ttcmsaboutus .ttaboutbanner .ttbanner-title {
	writing-mode: vertical-lr;
	float: left;
	position: relative;
	font: 400 italic 20px/22px "Meta Serif", sans-serif;
	color: #111;
	letter-spacing: 0.2px;
	background: #fff;
	padding: 0 0 20px 0px;
}
#ttcmsaboutus .ttaboutbanner .ttabout-img {
	float: left;
	padding: 0 10px 0 0px;
	position: relative;
}
#ttcmsaboutus .ttaboutbanner .ttabout-img a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
}
#ttcmsaboutus .ttaboutbanner .ttabout-img::after {
	background: #f9dbdb;
	bottom: 0;
	content: "";
	height: 85%;
	left: auto;
	margin: 0 auto;
	position: absolute;
	right: -10px;
	top: auto;
	width: 1px;
}
@media (min-width: 1200px) {
	#ttcmsaboutus .ttaboutbanner .ttabout-img::before {
		background: #ffbf07;
		bottom: 0;
		content: "";
		height: 0;
		left: auto;
		margin: 0 auto;
		position: absolute;
		right: -10px;
		top: auto;
		width: 1px;
		transition: all 900ms ease-in-out 0s;
		-webkit-transition: all 900ms ease-in-out 0s;
		-moz-transition: all 900ms ease-in-out 0s;
		-o-transition: all 900ms ease-in-out 0s;
		-ms-transition: all 900ms ease-in-out 0s;
		z-index: 1;
	}
	#ttcmsaboutus .ttaboutbanner:hover .ttabout-img:hover::before {
		height:75%;
	}
	#ttcmsaboutus .ttaboutbanner1 .ttaboutbanner:hover .ttabout-img:hover::before {
		height: 80%;
	}
}
#ttcmsaboutus .block2.ttaboutcontent {
	float: left;
}
#ttcmsaboutus .ttaboutcontent .ttbanner-title {
	font: 700 54px/60px "Meta Serif", sans-serif;
	letter-spacing: 0.4px;
	color: #000;
	padding: 30px 0;
	text-transform: capitalize;
	float: left;
	width: 100%;
	transition: all 500ms ease-in-out 0s;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
}
@media (max-width: 1199px) {
	.tt-title {
		font-size: 32px;
		margin: 0 0 20px;
	}
	.sub-title{
		width:50%;	
	}
}
@media (max-width: 991px) {
	.tt-title {
		font-size: 34px;
		line-height: 38px;
	}
	.sub-title{
		width:60%;	
	}
}
@media (min-width: 768px) {
	#ttcmsaboutus .ttaboutcontent .ttbanner-title:hover {
		letter-spacing: 1.2px;
	}
}
#ttcmsaboutus .ttaboutcontent .ttbanner-title:hover {
	color: #ffbf07;
}
#ttcmsaboutus .ttaboutcontent .ttbanner-title span {
	float: right;
}
#ttcmsaboutus .ttaboutcontent .ttbtn{
	float: left;
	width: 100%;
}
#ttcmsaboutus .ttaboutcontent .ttbtn a {
	font: 400 14px/20px "Roboto", Helvetica, sans-serif;
	padding: 12px 25px;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #fff;
	background: #111;
	float: none;
	display: inline-block;
	vertical-align: top;
	width: auto;
	text-transform: capitalize;
}
#ttcmsaboutus .ttaboutcontent .ttbtn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffbf07;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#ttcmsaboutus .ttaboutcontent .ttbtn a:hover::before, 
#ttcmsaboutus .ttaboutcontent .ttbtn a:focus::before, 
#ttcmsaboutus .ttaboutcontent .ttbtn a:active::before {
	-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#ttcmsaboutus .ttaboutcontent .ttbtn a:hover, #ttcmsaboutus .ttaboutcontent .ttbtn a:active, #ttcmsaboutus .ttaboutcontent .ttbtn a:focus{
	color: #000;
}
#ttcmsaboutus .block4 {
	margin: 30px 0 0;
	padding: 0;
}