/* Next&Prev Arrows */
.hb2 .slick-arrow{ width: 65px; height: 150px; position: absolute; right: 0px; top:50%; margin-top:-75px; z-index: 5; padding: 0; background: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.hb2 .slick-arrow span{ width: 0px; height: 1px; background: white; position: absolute; display: block; left:20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
.hb2 .slick-arrow:before, .hb2 .slick-arrow:after{ width: 18px; height: 1px; background: white; content:''; position: absolute; left:10px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
/* Next rotate options */
.hb2 .slick-arrow.slick-next:before{ margin-top:-6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hb2 .slick-arrow.slick-next:after{ margin-top:6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
/* Reverse - Previous settings */
.hb2 .slick-arrow.slick-prev{ right: auto; left:0px; }
.hb2 .slick-arrow.slick-prev span{ left: auto; right: 20px; }
.hb2 .slick-arrow.slick-prev:before, .hb2 .slick-arrow.slick-prev:after{ left:auto; right:10px; }
.hb2 .slick-arrow.slick-prev:before{ margin-top:6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.hb2 .slick-arrow.slick-prev:after{ margin-top:-6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }


.hb_mobile_cart {
    display: none
}

.hb_mobile_cart {
    float: right;
    padding: 0 15px;
    cursor: pointer
}

@media only screen and (max-width:1120px) {

    .hb_mobile_cart {
        display: block
    }
}


.drop-effect.show .dropdown-menu>li>.link {
    float: left;
    width: 100%;
}

.g-recaptcha{
    transform: scale(0.76);
    -webkit-transform: scale(0.76);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.footer_hb .uppercase {
    text-transform: unset!important;
}

.footer_hb .nav-link {
    display: block;
    padding: .1rem 0rem;
}

.hb_justify{
	text-align: justify;
	padding-top: 7px;
	text-indent: 20px;
	line-height: 24px;
}

.hb_ul li{
	list-style: square outside;
	margin-left: 20px;
	text-indent: 0px;
}


.hb_rotate-box{
	width: 100%;
    height: 400px;
    position: relative;
    -webkit-transition: .6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: .6s;
    -moz-transform-style: preserve-3d;
    -o-transition: .8s;
    -o-transform-style: preserve-3d;
    transition: .8s;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    pointer-events: none;	
}

.hb_rotate-box .box-details {
    -webkit-transform: translate3d(0,-50%,75px) scale(.85);
    -moz-transform: translate3d(0,-50%,75px) scale(.85);
    -o-transform: translate3d(0,-50%,75px) scale(.85);
    transform: translate3d(0,-50%,75px) scale(.85);
    display: block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: inherit;
    top: 50%;
    position: relative;
    text-align: center;
    width: 100%;
}

.hb_rotate-box .front {
    z-index: 2;
}
.hb_rotate-box .back, .hb_rotate-box .front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    perspective: inherit;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.hb_rotate-box .front {
    width: 100%;
    height: 100%;
}

.hb_round {
    border: 1px solid #a7a7a7;
    padding: 7px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-family: arial;
}

.hb_color_calypso{
	color: #57a7b3;
}

.hb_bg_calypso{
	background-color:#57a7b3;
	color: #fff;
	padding: 8px;
}

.hb_float {
	float: left;
    border: 1px solid #fff;
    margin: 5px;	
}

.hb_float:hover{
	border: 1px solid #e2e2e2;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;	
	background-color:rgba(0,0,0,0.17);	
}

.hb_main_cats{
	position: absolute;
    bottom: 0;
    height: 155px;
    left: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.hb_bg-red{
	background: rgba(128, 128, 128, 0.4);
}


.hb_pt_pl{
    padding-top: 41%;
    float: left;
	width: 100%;
}

@media only screen and (min-height: 980px){
	/* #footer { */
		/* position: absolute; */
		/* left: 0; */
		/* bottom: 0; */
		/* width: 100%; */
		/* height: 186px; */
	/* } */
}


@media only screen and (max-width: 640px){
	.hb_pt_pl{
		padding-top: 41%;
		float: left;
		width: 100%;
	}
}

/* .hb_pt_pl{ */
    /* padding-top: 73px; */
    /* float: left; */
    /* padding-left: 39px; */
/* } */

/* @media only screen and (max-width: 640px){ */
	/* .hb_pt_pl{ */
		/* padding-top: 72px; */
		/* float: left; */
		/* padding-left: 45px; */
	/* } */
/* } */

@media only screen and (max-width: 1120px){
	.hb_mobile_padding{
		margin: 5px;
		width: 90%;
	}
	
	.hb_mobile_margin{
		background: none;
		float: left;
		margin-top: -40px;
	}	
}


.hb_border {
    border: 1px solid #ececec;
}

.hb_border_dgrey {
    border: 1px solid #a0a0a0;
}

.hb_border_tb
{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* Next&Prev Arrows */
	.hb .slick-arrow{ width: 65px; height: 150px; position: absolute; right: 0px; top:50%; margin-top:-75px; z-index: 5; padding: 0; background: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.hb .slick-arrow span{ width: 0px; height: 1px; background: white; position: absolute; display: block; left:20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
	.hb .slick-arrow:before, .hb .slick-arrow:after{ width: 18px; height: 1px; background: white; content:''; position: absolute; left:10px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
	/* Next rotate options */
	.hb .slick-arrow.slick-next:before{ margin-top:-6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.hb .slick-arrow.slick-next:after{ margin-top:6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
	/* Reverse - Previous settings */
	.hb .slick-arrow.slick-prev{ right: auto; left:0px; }
	.hb .slick-arrow.slick-prev span{ left: auto; right: 20px; }
	.hb .slick-arrow.slick-prev:before, .hb .slick-arrow.slick-prev:after{ left:auto; right:10px; }
	.hb .slick-arrow.slick-prev:before{ margin-top:6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.hb .slick-arrow.slick-prev:after{ margin-top:-6px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg); }
	/* Hover for desktops */
	@media only screen and (min-width: 640px){
		.hb .slick-arrow:hover{ background-color:rgba(0,0,0,0.17); }
		.hb .slick-arrow:hover span{ width: 50px; left:-15px; opacity: 1; visibility: visible; }
		.hb .slick-arrow:hover:before, .hb .slick-arrow:hover:after{ left:23px; }
		/* Hover to prev */
		.hb .slick-arrow.slick-prev:hover span{ left:auto; right:-15px; }
		.hb .slick-arrow.slick-prev:hover:before, .hb .slick-arrow.slick-prev:hover:after{ left:auto; right:23px; }
		/* Texts to arrows when mouse over */
		.hb .slick-arrow span:before{ position: absolute; content:'Next'; display: block; right:16px; top:-30px; opacity: 0; width:0px; white-space: nowrap; overflow: hidden; font-family: 'Playfair Display', serif; font-style: italic; font-size: 17px; -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); -moz-transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.77, 0, 0.2, 1); }
		.hb .slick-arrow.slick-prev span:before{ left:16px; right: auto; content:'Previous'; }
		/* to previous */
		.hb .slick-arrow:hover span:before{ right:22px; width: 40px; opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
		.hb .slick-arrow.slick-prev:hover span:before{ left:22px; width: 70px; }
	}

	@media only screen and (max-width: 640px){
		.hb .slick-arrow{ width: 35px; height: 60px; margin-top:-30px; opacity: .5;}
		.hb .slick-arrow:active{ background-color:#333; opacity: 1; }
	}
	
	
.size-wrapper{margin:28px 0 0 17px}
.sizes .size{display:inline-block;padding:0;margin:0 2px 7px 0;width:123px;height:37px;border:1px solid #c7cad1;text-align:center;line-height:37px;cursor:pointer}
.sizes .size.active, .sizes .size:hover{border: 1px solid #d4d4d4; background-color:#f3f6f7}
.sizes .size.disabled{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNrMV7tOw0AQ9Dku05MP8AfQ4z4fkPTQpHLlKhWSpVRUrqio6EkPvalo8gFJD30+gF20lhZ0Due7vcdJI+fs2BrN7O3NZVmCo23bOeAOf6sUycGlBOwA+yJBAWsieA84Fokph6o9060j3DurhMhVgBXgDPNmeJaKgmvALeAB0PMHswTUe4LLB+AEeEVb+XMV2VZU7hOthflG9788cs2hrYsxcjFrEFfrXFdzUQmScjW1ElSv/1tz0QiyHaKkeWPyXkgFa6q7nx3C9KUikHId4I3vEKbvqwDkrgE3aO2l1To28gDkcMW+Axqb7/i0uKNaw5o7TLHVq8WsleDWtUTlbMmJK8haSUXzjes3Cw+tpJzaSrwTHAubEt9WQuS0YTMVBUfDpsSYOap3MWxGs9g0bEqM3KGVrP4Lm7FqcAibYq1EhCApt6VUspRsJc4Ema0LTCbSrURCwTXVXBBbjVcxC5t7Uu8lhK1GBFkrubINm97aDAubuEN82YZNnzW4oybsFDbFCWrOrVHJ/SLIUkk15dwaUsHh3ProI5VYE9SEzT62rbpVuwV0WcqDlExufAswAM+Np25BGHuhAAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-color:#F0F0F0}

	@media only screen and (min-width: 640px){
		.helloween {
			background-image: url(/calypso/images/helloween/helloween2.jpg);
			background-repeat: no-repeat;
			background-position: center;
			height: 30px;
			background-color: #291548!important;
		}
	}
	
	@media only screen and (max-width: 639px){
		.helloween {
			background-image: url(/calypso/images/helloween/helloween_m2.jpg);
			background-repeat: no-repeat;
			background-position: center;
			height: 80px;
			background-color: #291548!important;
		}
	}
	
/*

	@media only screen and (min-width: 640px){
		.helloween3 {
			background-image: url(/calypso/images/helloween/cNEWyear.jpg);
			background-repeat: no-repeat;
			background-position: center;
			height: 30px;
			background-color: #45999b!important;
		}
	}
	
	@media only screen and (max-width: 639px){
		.helloween3 {
			background-image: url(/calypso/images/helloween/cNEWyear_m.jpg);
			background-repeat: no-repeat;
			background-position: center;
			height: 80px;
			background-color: #45999b!important;
		}
	}
*/

.shop .item .title{
    display: block;
    height: 24px;
    overflow: hidden;
}

.shop .item .price .new{
	margin-left: 0px;
}