.main-custom-page, .main-custom-women-page {
    background: #f7f7f7
}

.main-custom-page .header-top, .main-custom-women-page .header-top {
    display: none
}

.container {
    max-width: 1080px
}

@media (min-width: 1200px) {
    .main-custom-page .wrapper-header, .main-custom-women-page .wrapper-header {
        position: fixed;
        top: -100%;
        width: 100%;
        z-index: 2;
        transition: top .5s
    }

    .showTop .wrapper-header {
        top: 0
    }
}

@media (max-width: 1199px) {
    .main-custom-page .header-bottom, .main-custom-women-page .header-bottom {
        position: fixed;
        top: -100%;
        width: 100%;
        z-index: 1;
        transition: top .5s
    }

    .showTop .header-bottom {
        top: 0
    }
}

#customGrey {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    overflow: hidden;
    top: 0
}

#leftWing {
    width: 75%;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100vh;
    align-content: center;
}

body.zoomChrome #leftWing {
    height: 100vh
}

#rightWing {
    width: 25%;
    box-sizing: border-box
}

.navBock {
    height: 90px;
    display: flex;
    padding: 0 40px;
    align-items: center;
    border-bottom: 2px solid #fff;
    font-family: Anton, sans-serif;
    color: #989898;
    font-size: 28px
}

.navBock:hover {
    cursor: pointer;
    background: #e1e1e1
}

.swinger {
    position: absolute;
    right: -25%;
    height: 100vh;
    overflow: hidden;
    width: 25%;
    background: #f7f7f7;
    -webkit-transition: right .6s, -webkit-transform .6s;
    transition: right .6s, transform .6s
}

#main-product-detail .tagBig {
    width: 5.2vw !important
}

#main-product-detail .tagSmall {
    width: 4.1vw !important
}

#main-product-detail #parker.necklace .beadPic img {
    width: 4.5vw;
    margin-top: 25vw;
    z-index: 999;
    position: absolute;
    left: 2.2vw
}

#main-product-detail #parker.necklace #drop1 .beadPic img {
    margin-top: 29vw
}

#main-product-detail .dropper i {
    display: none
}

#shopify-section-beadpics, #shopify-section-bracelet_styles {
    height: 100vh;
    overflow: scroll;
    padding: 0
}

#beadSizer {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    align-item: self-start
}

#customGrey .input-row.quantity-submit-row {
    display: flex
}

.oneBeadSize {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    border: 2px solid #fff;
    padding: 1vw 3vw;
    cursor: pointer;
    align-self: self-start
}

#beadSizeBock {
    display: none
}

#beadSizeBock.yesser {
    display: flex
}

#colorBock.yesser {
    display: none
}

.shugMe {
    right: 0 !important
}

.closer {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    border-bottom: 3px solid #f7f7f7;
    justify-content: space-between;
    font-size: 20px
}

.closer i {
    padding: 30px 5.8vw;
    cursor: pointer
}

#beadPuller {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
   /* padding-bottom: 300px*/
}

#beadPuller .oneBead {
    width: 50%;
    box-sizing: border-box
}

#beadPuller .beadPic img, #customGrey .beadPic img, #leftWing .beadPic img {
    width: 5.8vw;
    margin: 0 auto;
    max-width: 10000%;
    display: block;
    cursor: grab
}

#beadTagSizer {
    display: none !important
}

#sheller.Classic #beadTagSizer, #sheller.Elastic #beadTagSizer {
    display: flex !important
}

div#beadPuller h1 {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background: #ddd;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600
}

.ui-droppable-hover img {
    opacity: 0
}

.ui-droppable-hover {
    background: 0 0 !important
}

.ui-draggable-dragging {
    z-index: 9;
    cursor: grabbing
}

.hideHov {
    position: absolute;
    top: 5%;
    width: 4.7vw;
    left: calc(50% - 2.35vw);
    pointer-events: none;
    opacity: 1 !important
}

.oneBead.hovert {
    position: relative
}

.hovert img {
    opacity: 0
}

.oneSize h4 {
    font-weight: 900;
    font-family: Anton, sans-serif;
    font-size: 28px;
    color: #989898;
    cursor: pointer
}

.oneSize h4.activated, .oneSize h4:hover {
    color: #333
}

.oneStyle img {
    padding: 20px 20px 0;
    box-sizing: border-box
}

.oneStyle h4 {
    padding: 0 10px;
    margin: 0 !important
}

#loader, #sizeLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fbfbfb;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    flex-direction: column
}

#metaTrail {
    min-width: 220px;
    margin-left: 5%;
    max-width: 220px
}

.beadStock div {
    min-width: 40px
}

#infoTag {
    max-height: 40vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.beadStock {
    background: #fff;
    border: 1px solid #ddd;
    display: flex;
    justify-content: flex-start;
    border-bottom: none;
    font-size: 10px;
    padding: 0 4px;
    text-align: left
}

.beadStock:last-child {
    border-bottom: 1px solid #ddd
}

#potHolder {
    margin: 0 auto 70px auto;
    display: none
}

@media (max-width: 768px) {
    #potHolder {
        margin: 0 auto 120px auto;
        display: none
    }

}



#priceBox {
    font-size: 40px;
    font-family: anton;
    line-height: 50px;
    margin-top: 10px;
    text-align: right
}

#styleTag {
    font-size: 28px;
    margin-top: 10px;
    white-space: nowrap
}

#cartForm {
    cursor: no-drop;
    margin: 10px 0 20px;
    position: relative
}

#formProtect {
    width: 102%;
    height: 46px;
    background: #ffffff80;
    position: absolute;
    cursor: not-allowed;
    display: block;
    z-index: 9999
}

#cartForm.vizzi {
    display: block
}

#cartForm.vizzi #formProtect {
    display: none !important
}

#cartForm p {
    display: none
}

#cartForm #quantity {
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 0
}

#cartForm .add-to-cart-btn {
    width: calc(100% - 46px)
}

#putBox {
    position: absolute;
    right: 0;
    font-size: 16px;
    font-family: arial;
    top: 0;
    color: #fff;
    padding: 6px 20px;
    text-transform: uppercase;
    z-index: 9;
    height: 44px;
    width: calc(100% - 46px);
    opacity: 0;
    cursor: pointer;
    background: #000
}

#putBox.vizzi {
    display: block
}

html {
    overflow: hidden
}

#jvlabelWrap, div#chat-widget-container {
    display: none
}

.showTop #shopify-section-header {
    top: 0
}

#shopify-section-header {
    position: fixed;
    z-index: 999999;
    width: 100%;
    top: -263px;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    transition: top .5s
}

.aph_bar_container, .aph_bar_bar {
    display: none
}

#topPuller {
    position: absolute;
    z-index: 1;
    display: flex;
    width: 100%;
    justify-content: left;
    top: 20px;
    left: 20px;
    -moz-transition: top .5s;
    -webkit-transition: top .5s;
    transition: top .5s;
}



@media (max-width: 768px) {

    #topPuller {
        justify-content: center;
        left: 0px;
        top: 10px;
    }

}


.showTop #topPuller {
    top: 197px
}

#topPuller .menuTop {
    background: #fff;
    padding: 0px 30px 0px 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px #ddd;
    font-weight: 700
}

#topPuller .fa.fa-bars {
    background: #fff;
    padding: 4px 20px 6px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 4px #ddd
}

#content {
    padding-bottom: 0
}

#pagefooter {
    display: none
}

#cart-summary-overlay {
    display: none !important
}

#beadPuller .oneBead h4 {
    margin: 5px 0 0 0;
    padding: 2px 4%;
    font-size: 14px;
    text-align: center
}

#beadPuller .oneBead p {
    margin: 0;
    padding: 0 4%;
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

#emBrace {
    z-index: 0;
    pointer-events: none;
    width: 38vw;
    height: auto;
    position: relative;
    margin: 0 auto;
    display: block
}

#sheller div {
    display: inline
}

#sheller {
    font-size: 12px;
    line-height: 16px;
    margin: 6px 0 10px;
    display: flex;
    flex-direction: column
}

.bracketz {
    width: 100%;
    display: flex !important;
    white-space: nowrap
}

.bracketz div, .bracketz span {
    margin-left: 4px;
    font-weight: 700
}

.beadStock div:nth-child(2) {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px
}

.beadStock div:nth-child(3) {
    text-align: right
}

#parker {
    position: relative;
    top: var(sizer);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}

#dropAnim {
    width: 60%;
    margin: 0 auto;
    display: block;
    align-self: center
}

.main-image .metaInfo {
    display: none
}

#tabs .metaInfo {
    display: flex !important;
    flex-wrap: wrap
}

.tableMeta {
    width: 60%;
    position: relative;
    margin-top: 30px
}

.tableMeta .beadStock {
    display: flex !important;
    justify-content: space-between
}

.tableMeta .beadStock:first-child:before {
    content: "added beads:";
    position: absolute;
    top: -22px;
    left: 0;
    font-size: 12px
}

.oneBeadSize:nth-child(3) img {
    width: 4.6vw !important;
    margin-top: 1vw
}

.oneBeadSize:nth-child(2) img {
    width: 5.6vw !important
}

.oneBeadSize:first-child img {
    width: 8vw !important
}

[class*=your-custom] a.qview-product-handle {
    pointer-events: none
}

.timez {
    width: 100%;
    font-size: 12px
}

#cartform .desc .name div, #main-product-detail .title div {
    display: none
}

#basePriceTag {
    margin: 0
}

.dropper {
    width: 6.3vw;
    height: 6.3vw;
    position: absolute;
    background-image: url(../image/ghost.png);
    background-size: 5.8vw 5.8vw !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    opacity: .4
}

.dropper.dropped {
    opacity: 1;
    background: 0 0
}

.beadPic img, .dropper img {
    transform: rotate(0);
    -webkit-transition: transform .6s, -webkit-transform .6s;
    transition: transform .6s, transform .6s
}

#stylePuller {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 120px
}

.oneStyle {
    width: 50%
}

.oneStyle h4 {
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    color: #728089;
    font-weight: 900
}

.navBock a {
    margin-right: 20px;
    text-decoration: none !important;
    border-bottom: none !important;
    color: #989898
}

.navBock a.activated, .navBock a:hover {
    color: #333
}

#parkerBoy #parkeroy {
    display: none
}

#lockEr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    pointer-events: none
}

#baseEr {
    position: absolute;
    top: 0;
    left: 0
}

.swingWrapper {
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 0px);
    overflow-y: scroll;
    overflow-x: hidden;
    align-content: start
}

#stylesBox .swingWrapper {
    overflow: hidden
}

#colorPuller, #lockPuller {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.leather_anchor #beadBock, .leather_anchor_women #beadBock, .leather_bigclasp #beadBock, .leather_bigclasp_women #beadBock, .leather_bighook #beadBock, .leather_bighook_women #beadBock, .leather_wrap #beadBock, .leather_wrap_women #beadBock, .stingray #beadBock, .stingray_women #beadBock {
    display: none
}

.oneColor, .oneLock {
    width: calc(40% - 4px);
    padding: 5%;
    border: 2px solid #fff
}

.oneColor img, .oneLock img {
    width: 4.7vw;
    margin: 0 auto;
    display: block;
    height: 4.7vw
}

.oneColor h4, .oneLock h4 {
    margin: 0;
    text-align: center
}

.oneBead {
    padding: 5%;
    border: 2px solid #fff
}

.oneStyle {
    border: 2px solid #fff;
    box-sizing: border-box;
    padding-bottom: 5%
}

.oneBeadSize.activated, .oneBeadSize:hover, .oneColor.activated, .oneColor:hover, .oneLock.activated, .oneLock:hover, .oneSize:hover, .oneStyle.activated, .oneStyle:hover {
    background: #efefef;
    cursor: pointer
}

.oneLock img {
    width: 4.7vw;
    margin: 0 auto;
    display: block;
    height: auto
}

.oneSize h4 {
    padding: 1vw 0;
    margin: 0 !important;
    text-align: center
}

.oneSize {
    border: 2px solid #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.circleTrigger {
    width: 4.7vw;
    height: 4.7vw;
    border-radius: 100%;
    margin: 0 auto
}

#parker.classic_medium .dropper, #parker.classic_xlarge .dropper {
    z-index: 9
}

#sizeBox .oneStyle {
    width: 40%;
    margin: 10px 5% 0
}

#parkeroy #parker.strung_xlarge .beadPic img {
    width: 4.3vw !important
}

#parkeroy #parker.strung_xlarge .dropper {
    width: 4.3vw;
    height: 4.3vw
}

#parkeroy #parker.strung_large .beadPic img {
    width: 4.4vw !important
}

#parkeroy #parker.strung_large .dropper {
    width: 4.4vw;
    height: 4.4vw
}

#parkeroy #parker.strung_medium .beadPic img {
    width: 4.6vw !important
}

#parkeroy #parker.strung_small .beadPic img {
    width: 4.4vw
}

#parkeroy #parker.classic_xlarge10 .dropper {
    width: 3.7vw;
    height: 3.7vw
}

#parkeroy #parker.classic_xlarge10 .beadPic img {
    width: 3.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large10 .dropper {
    width: 4.3vw;
    height: 4.3vw
}

#parkeroy #parker.classic_large10 .beadPic img {
    width: 4.3vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium10 .dropper {
    width: 4.5vw;
    height: 4.5vw
}

#parkeroy #parker.classic_medium10 .beadPic img {
    width: 4.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small10 .dropper {
    width: 4.8vw;
    height: 4.8vw
}

#parkeroy #parker.classic_small10 .beadPic img {
    width: 4.8vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_xlarge8 .dropper {
    width: 3.5vw;
    height: 3.5vw
}

#parkeroy #parker.classic_xlarge8 .beadPic img {
    width: 3.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large8 .dropper {
    width: 3.7vw;
    height: 3.7vw
}

#parkeroy #parker.classic_large8 .beadPic img {
    width: 3.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium8 .dropper {
    width: 3.7vw;
    height: 3.7vw
}

#parkeroy #parker.classic_medium8 .beadPic img {
    width: 3.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small8 .dropper {
    width: 4.1vw;
    height: 4.1vw
}

#parkeroy #parker.classic_small8 .beadPic img {
    width: 4.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_xlarge6 .dropper {
    width: 2.4vw;
    height: 2.4vw
}

#parkeroy #parker.classic_xlarge6 .beadPic img {
    width: 2.4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large6 .dropper {
    width: 2.7vw;
    height: 2.7vw
}

#parkeroy #parker.classic_large6 .beadPic img {
    width: 2.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium6 .dropper {
    width: 2.85vw;
    height: 2.85vw
}

#parkeroy #parker.classic_medium6 .beadPic img {
    width: 2.85vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small6 .dropper {
    width: 3.1vw;
    height: 3.1vw
}

#parkeroy #parker.classic_small6 .beadPic img {
    width: 3.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large10_women .dropper {
    width: 4.5vw;
    height: 4.5vw
}

#parkeroy #parker.classic_large10_women .beadPic img {
    width: 4.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium10_women .dropper {
    width: 4.8vw;
    height: 4.8vw
}

#parkeroy #parker.classic_medium10_women .beadPic img {
    width: 4.8vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small10_women .dropper {
    width: 5.1vw;
    height: 5.1vw
}

#parkeroy #parker.classic_small10_women .beadPic img {
    width: 5.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_xsmall10_women .dropper {
    width: 5.5vw;
    height: 5.5vw
}

#parkeroy #parker.classic_xsmall10_women .beadPic img {
    width: 5.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large8_women .dropper {
    width: 3.7vw;
    height: 3.7vw
}

#parkeroy #parker.classic_large8_women .beadPic img {
    width: 3.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium8_women .dropper {
    width: 4.1vw;
    height: 4.1vw
}

#parkeroy #parker.classic_medium8_women .beadPic img {
    width: 4.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small8_women .dropper {
    width: 4.3vw;
    height: 4.3vw
}

#parkeroy #parker.classic_small8_women .beadPic img {
    width: 4.3vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_xsmall8_women .dropper {
    width: 4.5vw;
    height: 4.5vw
}

#parkeroy #parker.classic_xsmall8_women .beadPic img {
    width: 4.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_large6_women .dropper {
    width: 3.1vw;
    height: 3.1vw
}

#parkeroy #parker.classic_large6_women .beadPic img {
    width: 3.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_medium6_women .dropper {
    width: 3.2vw;
    height: 3.2vw
}

#parkeroy #parker.classic_medium6_women .beadPic img {
    width: 3.2vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_small6_women .dropper {
    width: 3.4vw;
    height: 3.4vw
}

#parkeroy #parker.classic_small6_women .beadPic img {
    width: 3.4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.classic_xsmall6_women .dropper {
    width: 3.5vw;
    height: 3.5vw
}

#parkeroy #parker.classic_xsmall6_women .beadPic img {
    width: 3.5vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small6 .dropper {
    width: 3.2vw;
    height: 3.2vw
}

#parkeroy #parker.elastic_small6 .beadPic img {
    width: 3.2vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium6 .dropper {
    width: 3.07vw;
    height: 3.07vw
}

#parkeroy #parker.elastic_medium6 .beadPic img {
    width: 3.07vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large6 .dropper {
    width: 2.86vw;
    height: 2.86vw
}

#parkeroy #parker.elastic_large6 .beadPic img {
    width: 2.86vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xlarge6 .dropper {
    width: 2.65vw;
    height: 2.65vw
}

#parkeroy #parker.elastic_xlarge6 .beadPic img {
    width: 2.65vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small8 .dropper {
    width: 4.2vw;
    height: 4.2vw
}

#parkeroy #parker.elastic_small8 .beadPic img {
    width: 4.2vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium8 .dropper {
    width: 4vw;
    height: 4vw
}

#parkeroy #parker.elastic_medium8 .beadPic img {
    width: 4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large8 .dropper {
    width: 3.84vw;
    height: 3.84vw
}

#parkeroy #parker.elastic_large8 .beadPic img {
    width: 3.84vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xlarge8 .dropper {
    width: 3.65vw;
    height: 3.65vw
}

#parkeroy #parker.elastic_xlarge8 .beadPic img {
    width: 3.65vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small10 .dropper {
    width: 5.08vw;
    height: 5.08vw
}

#parkeroy #parker.elastic_small10 .beadPic img {
    width: 5.08vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium10 .dropper {
    width: 4.7vw;
    height: 4.7vw
}

#parkeroy #parker.elastic_medium10 .beadPic img {
    width: 4.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large10 .dropper {
    width: 4.6vw;
    height: 4.6vw
}

#parkeroy #parker.elastic_large10 .beadPic img {
    width: 4.6vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xlarge10 .dropper {
    width: 4.4vw;
    height: 4.4vw
}

#parkeroy #parker.elastic_xlarge10 .beadPic img {
    width: 4.4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xsmall10_women .dropper {
    width: 5.7vw;
    height: 5.7vw
}

#parkeroy #parker.elastic_xsmall10_women .beadPic img {
    width: 5.7vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small10_women .dropper {
    width: 5.4vw;
    height: 5.4vw
}

#parkeroy #parker.elastic_small10_women .beadPic img {
    width: 5.4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium10_women .dropper {
    width: 5.1vw;
    height: 5.1vw
}

#parkeroy #parker.elastic_medium10_women .beadPic img {
    width: 5.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large10_women .dropper {
    width: 4.8vw;
    height: 4.8vw
}

#parkeroy #parker.elastic_large10_women .beadPic img {
    width: 4.8vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xsmall8_women .dropper {
    width: 4.6vw;
    height: 4.6vw
}

#parkeroy #parker.elastic_xsmall8_women .beadPic img {
    width: 4.6vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small8_women .dropper {
    width: 4.4vw;
    height: 4.4vw
}

#parkeroy #parker.elastic_small8_women .beadPic img {
    width: 4.4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium8_women .dropper {
    width: 4.2vw;
    height: 4.2vw
}

#parkeroy #parker.elastic_medium8_women .beadPic img {
    width: 4.2vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large8_women .dropper {
    width: 4vw;
    height: 4vw
}

#parkeroy #parker.elastic_large8_women .beadPic img {
    width: 4vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_xsmall6_women .dropper {
    width: 3.6vw;
    height: 3.6vw
}

#parkeroy #parker.elastic_xsmall6_women .beadPic img {
    width: 3.6vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_small6_women .dropper {
    width: 3.3vw;
    height: 3.3vw
}

#parkeroy #parker.elastic_small6_women .beadPic img {
    width: 3.3vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_medium6_women .dropper {
    width: 3.1vw;
    height: 3.1vw
}

#parkeroy #parker.elastic_medium6_women .beadPic img {
    width: 3.1vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.elastic_large6_women .dropper {
    width: 2.9vw;
    height: 2.9vw
}

#parkeroy #parker.elastic_large6_women .beadPic img {
    width: 2.9vw !important;
    z-index: 9;
    position: relative
}

#parkeroy #parker.strung_large_women .beadPic img, #parkeroy #parker.strung_medium_women .beadPic img {
    width: 4.7vw !important
}

#parkeroy #parker.strung_medium_women .dropper {
    width: 4.7vw;
    height: 4.7vw
}

#parkeroy #parker.strung_small_women .beadPic img {
    width: 4.9vw
}

#parkeroy #parker.strung_small_women .dropper {
    width: 4.9vw;
    height: 4.9vw
}

#turnerMe {
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999999;
    justify-content: center;
    align-items: center
}

.highlight {
    color: green
}

#sizePuller {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    align-self: start
}

@media (max-width: 768px) and (orientation: landscape) {
    #turnerMe {
        display: flex
    }
}

@media (max-width: 768px) {
    .oneStyle {
        width: 30vw !important;
        max-width: 30vw;
        min-width: 30vw
    }

    .oneStyle h4 {
        font-size: 8px;
        padding: 0;
        margin: 0 !important
    }

    .oneStyle img {
        padding: 4px 0;
        box-sizing: content-box;
        max-width: 20vw;
        margin: 0 auto;
        display: block
    }

    #sizePuller {
        width: 100%;
        overflow: scroll;
        display: block !important;
        height: 30vw
    }

    #leftWing {
        border: none;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 15px;
        height: auto
    }

    #cartForm, #priceBox {
        order: 2;
        width: 100%
    }

    #priceBox {
        font-size: 20px;
        text-align: left;
        flex: 0 0 25%
    }

    #cartForm {
        margin: 10px 0 20px;
        position: relative;
        flex: 0 0 70%
    }

    #cartForm input {
        min-width: 0;
        overflow: hidden;
        font-size: 10px
    }

    #metaTrail {
        position: fixed;
        background: #fff;
        display: flex;
        margin: 0;
        width: 100%;
        flex-wrap: wrap;
        max-width: 100%;
        z-index: 999;
        height: 150px;
        overflow: auto;
        border-bottom: 0 solid #333;
        top: -60vw;
        -moz-transition: top 1s;
        -webkit-transition: top 1s;
        transition: top 1s;
        padding: 15px
    }

    .showTop #topPuller {
        top: 200px !important
    }

    .showTop #metaTrail {
        top: 50px;
        left: 0;
        right: 0
    }

    #beadPuller .oneBead {
        width: 25vw;
        box-sizing: border-box;
        padding: 5vw
    }

    #dropAnim {
        width: auto;
        margin: 0 auto;
        display: block;
        height: 20vw;
        align-self: center
    }

    #rightWing {
        box-sizing: border-box;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        height: 20vw;
        background: #f7f7f7;
        z-index: 99999;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .swinger {
        position: fixed;
        bottom: 0vw;
        display: none;
        height: 30vw;
        overflow: hidden;
        width: 100%;
        background: #f7f7f7;
        -webkit-transition: display .6s, -webkit-transform .6s;
        transition: display .6s, transform .6s;
        left: 0 !important;
        z-index: 999999
    }

    .swingWrapper {
        height: 30vw;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: 0vw
    }

    #stylesBox .swingWrapper {
        overflow-x: hidden !important
    }

    #stylePuller {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 0
    }

    .shugMe {
        display: block !important;
        right: 0
    }

    .navBock {
        height: 15vh;
        display: flex;
        padding: 2vh;
        align-items: center;
        border-top: 2px solid #fff;
        font-family: Anton, sans-serif;
        color: #989898;
        font-size: 4vw;
        flex-direction: column;
        justify-content: flex-start;
        text-align: center;
        line-height: 5vw
    }

    #emBrace {
        width: 80vw
    }

    #sheller, #styleTag {
        width: 100%;
        float: left
    }

    #styleTag {
        margin-top: 0;
        font-size: 16px
    }

    .closer {
        height: 30vw;
        right: -100vw;
        align-self: center;
        display: flex;
        align-items: center;
        position: fixed;
        bottom: 20vw
    }

    .closer i.fa-times {
        position: absolute;
        left: -14vw;
        background: #fff;
        top: 0;
        height: 30vw;
        display: flex;
        width: 10vw;
        padding: 0 6vw;
        align-items: center
    }

    #beadPuller .oneBead {
        box-sizing: border-box;
        padding: 2vw;
        width: 18.5vw !important;
        overflow: hidden;
    }

    #beadPuller {
        flex-wrap: nowrap;
        padding-bottom: 0;
        height: 30vw
    }

    #beadPuller .beadPic img, #customGrey .beadPic img {
        width: 12.5vw !important
    }

    #beadPuller h1 {
        display: none
    }

    #colorPuller, #lockPuller, #sizePuller {
        flex-wrap: nowrap;
        display: flex
    }

    .oneColor img, .oneLock img {
        width: 10vw;
        height: 10vw;
        max-width: 10vw
    }

    .oneColor, .oneLock, .oneSize {
        width: auto;
        box-sizing: border-box;
        padding: 2vw
    }

    .oneSize h4 {
        font-weight: 900;
        font-family: Anton, sans-serif;
        font-size: 4vw;
        color: #989898;
        cursor: pointer;
        padding: 2vw
    }

    .dropper {
        width: 15%;
        height: 15%;
        background-size: 100% !important
    }

    #leftWing .beadPic img {
        width: 100%
    }

    .dropper.dropped {
        background: 0 0
    }

    #beadPuller .oneBead p {
        display: none
    }
}

@media (max-width: 1080px) {
    .uncontain-desktop-down {
        padding-left: 0;
        padding-right: 0
    }
}

.slideshow .container, .template-article, .template-blog, .template-collection, .template-index, .template-page, .template-product, .template-search {
    padding-left: 0;
    padding-right: 0
}

.template-index #content {
    padding-bottom: 0
}

.main-custom-page .site-footer, .main-custom-women-page .site-footer {
    display: none
}

h4 {
    text-align: center !important
}

/*# sourceMappingURL=/cdn/shop/t/124/assets/custom-bracelets.css.map?v=32108153715722013491748441695 */