/* francois-one-regular - latin */
@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/francois-one-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Francois One Regular'), local('FrancoisOne-Regular'),
       url('../fonts/francois-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/francois-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/francois-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/francois-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/francois-one-v14-latin-regular.svg#FrancoisOne') format('svg'); /* Legacy iOS */
}
/* fredoka-one-regular - latin */
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fredoka-one-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fredoka One'), local('FredokaOne-Regular'),
       url('../fonts/fredoka-one-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fredoka-one-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fredoka-one-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fredoka-one-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fredoka-one-v7-latin-regular.svg#FredokaOne') format('svg'); /* Legacy iOS */
}
/* henny-penny-regular - latin */
@font-face {
  font-family: 'Henny Penny';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/henny-penny-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Henny Penny'), local('HennyPenny-Regular'),
       url('../fonts/henny-penny-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/henny-penny-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/henny-penny-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/henny-penny-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/henny-penny-v7-latin-regular.svg#HennyPenny') format('svg'); /* Legacy iOS */
}
/* rum-raisin-regular - latin */
@font-face {
  font-family: 'Rum Raisin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rum-raisin-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rum Raisin'), local('RumRaisin-Regular'),
       url('../fonts/rum-raisin-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rum-raisin-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rum-raisin-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rum-raisin-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rum-raisin-v7-latin-regular.svg#RumRaisin') format('svg'); /* Legacy iOS */
}



.custom-bottle-container {}
.custom-bottle-container label {
    font-size:12px;
    display: block;
}

.product-thumb {
    height:150px;
	text-align: center;
}
.product-thumb:hover {
    background:#e5e5e5;
	border-radius:10px;
}

.logoarea-container {
position: relative;
}

#logoarea {
    position: absolute;
    bottom:100px;
    margin:0 auto;
    left: 0;
    right: 0;
    border:1px dashed red;
    font-size:22px;
    line-height:22px;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#logoarea.horizontal {

}
#logoarea.vertical {
    bottom:150px;
    transform: rotate(-90deg);
    text-align: left;
    align-items: left;
}
#bottle-image img {
    
}


.picker {
    border-radius: 5px;
    color:#fff;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    border: thin solid #eee;
}
.picker:hover {
    transform: scale(1.1);
}
.slider-border-radius-container {
    display: none;
}
#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    border-radius:5px;
  }

#show-preview {
    transform:scale(1.8);
}


.text-alignment i {
    font-size:30px;
    cursor: pointer;
}
.text-alignment i:hover {
    color:red;
}


@media(max-width:768px){
    .fixedonsmall {
        position:fixed;
        right:0;
    }
    .mobilebox {
        position: absolute;
    }
}