html {}
/*
babyblue: #89CFF0
boy: #f0f8FF;
girl: #ffe6f1     ;
*/
body {font-size:16px; background:#ffffff; margin:0 auto; padding:0; color:#000000;
    overflow-x: hidden;
    width: 100%;
    z-index:0;
    font-family: 'Cabin', sans-serif;
}

small {font-size:.9em; line-height:120%; display:inline-block; }

.small {font-size:.95em !important; line-height:120%; display:inline-block; }
p {
    line-height: 125% !important;
    font-size:15px !important;
}
li {
    line-height: 125% !important;
    font-size:15px !important;
   
}
li > b {
    font-size:16px !important;
}

@media only screen and (max-width : 767px) {
    body {
        font-size:16px !important;
    }
    
.small {font-size:.9em; margin:0; padding:0; line-height:120%; display:inline-block; }

    p {
        line-height: 135%;
        font-size:16px;
    }
    li {
        line-height: 135%;
        font-size:16px;
    }
}


.noscroll {
    position: fixed !important;
    margin-top: 0;
    width: 100%;
}

.pageAjaxLoader {
    position: fixed !important;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 180px;
    top: calc(50vh);
    left: calc(50vw);
    transform: translate(-50%, -50%);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
}

#voiceSearch {
    background-color: white;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    opacity: 0;
    visibility: hidden;
}

.voiceSearchClose {
    position:absolute;
    top:-20px;
    right:80px;
    background-color: white;
    border-radius: 50%;
    width:44px;
    height:44px;
}

h1.product {font-size:2.35em;}
h2.product {font-size:2.0em;}
h3.product {font-size:1.75em;}
h4.product {font-size:1.5em;}
h5.product {font-size:1.25em;}
h6.product {font-size:1.15em;}

.border-light {
    border-color: #f8f9fa !important;
}

.productBoxArea {position:relative; top:0; bottom:0; min-height:320px;}

.tooltip {z-index:200 !important;}
.tooltip-main {background: #c00000 !important; color:white !important; width: 300px; !important; }
.tooltip-inner {background: #c00000 !important; color:white !important; font-size:14px !important; }

.filterGroup a
     {
        text-decoration:none !important;
        margin-bottom: 5px !important;
        display: block !important;
    }

.filterGroup span.filterItem {
	font-size: 1.05em !important;
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .border-right-none {border-width:0 !important;}
    h1.product {font-size: 2.0em !important;}
    .productBoxArea {min-height: 340px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .border-sm-right-none {border-width:0 !important;}
    .border-sm-right {border-right:solid #e0e0e0 1px !important;}
    .productBoxArea {min-height: 400px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .border-md-right-none {border-width:0 !important;}
    .productBoxArea {min-height: 460px;}
    .filterGroup a {margin-bottom: 4px !important;}
    .filterGroup span.filterItem {font-size: .95em !important;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .border-lg-right-none, .border-xl-right-none {border-width:0 !important;}
    .border-lg-right, .border-xl-right {border-right:solid #e0e0e0 1px !important;}

    h1.product {font-size:2.35em;}
    .productBoxArea {min-height: 410px;}
}
.hideSelector {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.hideSelector.select::-ms-expand {
    display: none;
}


.text-indent {
    text-indent: 25px;
}

.workspace {
    max-width:1500px !important;
}

.dropdown-menu {
    min-width: 100% !important;
    width: 100% !important;
}

.top-label-brick {
    border-color: white #ececec white #f0f0f0 !important;
}

.main-menu-spacer {
    display: block;
    height: 52px;
}

.carousel-control-next ,
.carousel-control-prev {
    filter: invert(100%);
}

span {display:inline-block;}

.w-30 {
    width: 30%!important;
}

.w-35 {
    width: 35%!important;
}

.w-40 {
    width: 40%!important;
}

.w-60 {
    width: 60%!important;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c0c0c0;
    opacity: 1; /* Firefox */
    font-weight: normal !important;
}

.search::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c0c0c0;
    font-weight: normal !important;
}

.search::-ms-input-placeholder { /* Microsoft Edge */
    color: #c0c0c0;
    font-weight: normal !important;
}

.search {
    font-size: 1.12em !important;
}

.btn-sm-py {
  padding: 0;
  padding-bottom: 1px;
}


.no-text-decoration {text-decoration: none;}
.href:hover {
    text-decoration: underline;
    cursor: pointer;
    border-bottom: 1px solid;
}

.cursor-pointer {cursor: pointer !important;}
.cursor-context-menu {cursor: context-menu !important;}
.cursor-not-allowed {cursor: not-allowed !important;}

.text-small {font-size:.9em !important; }
.text-mini {font-size:.85em !important; }
.text-micro {font-size:.75em !important; }
.text-big {font-size: 1.15em !important;}
.text-mega {font-size: 1.35em !important;}
.text-giga {font-size: 1.95em !important;}
.text-g1 {font-size: 2.35em; line-height:10px !important;}
.text-g2 {font-size: 2.85em; line-height:15px !important;}
.text-g3 {font-size: 3.35em; line-height:20px !important;}
.text-pink {color: pink;}
.text-deeppink {color: deeppink;}
.text-red {color: #c80000 !important;}
.text-darkblue {color: darkblue;}
.text-silver {color: silver;}
.text-darkSilver {color: #787878;}
.text-nocturno {color: #606060;}
.text-black {color: black;}
.text-success-dark {color: #009000;}

.text-sex-boy {color: #007bff !important;}
.text-sex-girl {color: deeppink !important;}
.text-sex-fire {color: #d0213f !important;}
.text-sex-eco {color: #23c03f !important;}

.bg-black {background: black;}
.bg-silverLight {background: #dad6d0;}
.bg-red {background: red !important;}
.bg-silver {background: silver;}
.bg-pink {background: pink;}
.bg-darkSilver {background: #787878;}
.bg-menuDark {background: #dad6d0;}
.bg-formDanger {background: #ffcccc;}
.bg-success-dark {background: #008000;}


.bg-sex-boy {background: #103060 !important;}
.bg-sex-girl {background: #ffe6f1 !important;}
.bg-sex-unisex {background: #fcfcfc !important;}

.outline-none {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.requiredStarterPackProduct {font-size: 0.75em; position:relative; top:2px;}

.registrationAgreementCheckbox {
    width: 36px;
}

#mobileMenuContent::-webkit-scrollbar {
    width: 5px;  /* remove scrollbar space */
    background: #f0f0f0;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
#mobileMenuContent::-webkit-scrollbar-thumb {
    background: #787878;
}

#mobileMenuContent {
    background: #f0f0f0;
    left: -290px;
    width: 290px;
}

.scrollerY::-webkit-scrollbar {
    width: 5px;  /* remove scrollbar space */
    background: #f0f0f0;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.scrollerY::-webkit-scrollbar-thumb {
    background: #787878;
}

.scrollerX::-webkit-scrollbar {
    height: 5px;  /* remove scrollbar space */
    background: #f0f0f0;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.scrollerX::-webkit-scrollbar-thumb {
    background: #787878;
}

.categoryScrollerX::-webkit-scrollbar {
    height: 0;  /* remove scrollbar space */
    background: #f0f0f0;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.categoryScrollerX::-webkit-scrollbar-thumb {
    background: #787878;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

#customSetTableProductsBody::-webkit-scrollbar {
    width: 4px;  /* remove scrollbar space */
    background: #f0f0f0;  /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
#customSetTableProductsBody::-webkit-scrollbar-thumb {
    background: #787878;
}

.accountType {
    border-width: 4px;
    border-style: solid;
    border-radius: 4px;
}
.accountBox {
    border-color: #f6f4ec;
}
.accountBoxHover {
    border-color: #d8d8d8;
}
.accountBoxActive {
    border-color: #28a745;
}

.productBoxHover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
    transition:all 0.2s;
}

.catProductName {
    min-height: 46px;
}
.productName {
    font-weight: bold;
}

.productPhotoThumbnail {
    height: 100px;
    width: 100%;
    padding:4px;
    border-width: 1px;
    border-color: #d0d0d0;
    border-style: solid;
    border-radius: 5px;
    background: #faf7f2;
}

.productAddBasketBox {
    width: 100%;
    padding:4px;
    border-radius: 4px;
    background:#fefcf6;
    box-shadow: 1px 1px 2px #707070;
}

.productPrice {
    font-family: Georgia;
    font-weight:bold;
}

h1.productPrice {
    font-size: 32px;
}

.customProductVolume {
    font-size: .9em;
    border-radius: 5px;
    padding: 1px;
    outline: none;
    margin: 0;
}

h1.productTitle {
    font-size: 28px;
    font-weight: bold;
}

.countrySelectModalContent {
    background: #e4e4e4;
}

.countryFlag {
    border: 1px silver solid;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    box-shadow:  2px 2px 3px #aaa;
}

.countryFlagOption {
    border: 2px #e4e4e4 solid;
    border-radius: 4px;
}

.countryFlagCurrent {
    border: 2px #000000 solid;
    border-radius: 4px;
    background: white;
}

.countryFlagHover {
    border: 2px #b8b8b8 solid;
    border-radius: 4px;
    background: #ececec;
}

[data-notify="progressbar"] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

[data-notify="container"] {
    width: 100%;
    text-align: center;
    max-width: 300px;
}

.search-input-icons i {
    position: absolute;
   left :0;
}

.search-input-icons {
    width: 100%;
    margin-bottom: 0;
}

.search-icon {
    padding: 13px 16px;
    min-width: 40px;
}

.search-input-field {
    width: 100%;
    text-align: left;
}

.photostoryItem {
    border: 2px #f6f4ec solid;
    border-radius: 5px;
}

.photostoryItemBox {
    border: 2px #404040 solid;
    border-radius: 5px;
}

.menu-caret-down {
    position:absolute;
    bottom:-9px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.menu-category {
    height:480px !important;
}

.scrollArea {
    width:100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollAreaY {
    width:100%;
    height: 480px;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.searchField {
    margin-left: 1px;
    margin-right: 1px;
}
.searchField:focus {
    outline: none !important;
    -webkit-appearance:none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #ced4da;
}

.searchAreaSelector {
    filter: grayscale(100%);
}

.mobileIconGray {
    filter: grayscale(100%);
    opacity: 0.4;
}

.searchAreaSelector:focus {
    outline: none !important;
    -webkit-appearance:none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-color: #ced4da;
}

.boxProductName {
    height: 36px;
}

.profilePhoto-xs, .profilePhoto-sm, .profilePhoto-md {
   height: 100px;
   width: 100px;
}

.profilePhoto-lg, .profilePhoto-xl {
    height: 140px;
    width: 140px;
}

.gm-style-iw {
    width: 340px;
    max-width: 90%;
    min-height: 50px;
}


.navigatorLabel {
    min-width:50px;
}


.carousel-ctrl-arrow  {
    filter: invert(100%) !important;
}

a {
    text-decoration: none !important;
}

.guide-index {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-underline-offset: .2em !important;
    cursor: pointer;
    color: black !important;
}

.guide-index-found {
    background-color: #ffffec !important;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
    .categoryDescTop > p {
        font-size: 0.92em;
    }
    .categoryDescTop > h2 {
        font-size: 1.15em;
    }

}



.badgeButton {
    width: 48px;
    height: 48px;
    margin:auto; left:0; right:0;
}

.code {
    left:-25%; right:-25%;  top:28px; padding-top:2px; padding-bottom:2px; font-size: 11px!important;
}

.couponIcon {
    top:12px !important;
}

.couponSmallIcon {
    top:4px !important;
}
.favoriteIcon {
    top:14px !important;
    font-size:18px !important;
}

.activeFavoritesMark {
    top:14px;
}
.favoriteSmallIcon {
    font-size:26px;
    top:12px;
}

.favoritesNumber {
    font-size:12px !important; right:-8px; top:-5px;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 768px) {
    .badgeButton {
        position: relative !important;
        top: 9px !important;
        width: 36px !important;
        height: 36px !important;
    }


    .code {
        left: -40%;
        right: -40%;
        top: 22px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 11px !important;
    }

    .couponIcon {
        top: 7px !important;
    }

    .couponSmallIcon {
        top: 1px !important;
        font-size: 12px !important;
    }

    .favoriteIcon {
        top: 8px !important;
    }

    .favoriteSmallIcon {
        font-size:22px !important;
        top: -6px !important;
    }

    .activeFavoritesMark {
        top: 14px !important;
    }

    .favoritesNumber {
        font-size:12px !important; right:-10px; top:-23px;
    }

}