.xbat-configurator {
	background: #BFBFBF;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #BFBFBF 0%, #FFFFFF 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#ffffff));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #BFBFBF 0%, #FFFFFF 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #BFBFBF 0%, #FFFFFF 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #BFBFBF 0%, #FFFFFF 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #BFBFBF 0%, #FFFFFF 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=0 );
	/* IE6-8 */
}
/* left side */
.side-menu {
	border-radius: 4px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	padding: 17px 23px;
}
.white-menu {
	background: #FFF;
}
.blue-menu {
	background: #30A3DA;
	color: #FFF;
	margin-bottom: 25px;
}
.blue-menu h2 {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
	border-bottom: 1px #44AAEA solid;
}
.blue-menu h2 span.glyphicon {
	font-size: 18px;
}
.blue-menu h2:after {
	border-bottom: 1px #0073FF solid;
	content: "";
	display: block;
	padding-bottom: 12px;
}
.blue-menu ul {
	line-height: 30px !important;
}
.blue-menu ul li {
	color: #FFF;
	border-bottom: 1px #3BA7E3 solid;
}
.blue-menu .badge {
	float: none;
	background: #FFF;
	color: #30A3DA;
}
.white-menu ul li.active {
	background: #419FED;
	padding-left: 7px;
	border-radius: 2px;
}
.white-menu ul li.active a {
	color: #FFF;
}
ul.boxing li {
	float: left;
	border: 1px #EEE solid;
	padding: 10px 5px;
	width: 20%;
	text-align: center;
	margin: 5px;
}
.blue-menu .total {
	font-size: 16px;
	font-weight: 400;
	margin-top: 6px;
	margin-bottom: 15px;
}
.side-menu h3 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
}
.side-menu ul {
	list-style: none;
	padding: 0px;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
}
.side-menu ul li a {
	color: #000;
	text-decoration: none;
}
.side-menu ul li a:hover {
	text-decoration: none;
}
.hr {
	width: 90%;
	height: 1px;
	background: #D8D8D8;
	margin: 10px auto;
}
.btn-submit {
	border-radius: 6px !important;
	background-color: #1B7FB1;
	box-shadow: 0px 2px 0px 0px rgba(15, 94, 154, 1);
	font-size: 164% !important;
	color: #FFF;
	font-weight: 600 !important;
	width: 100%;
}
.btn-submit:hover {
	background-color: #1974A2;
	box-shadow: 0px 2px 0px 0px rgba(15, 80, 130, 1);
	color: #FFF !important;
}
.btn-submit.disabled {
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.65;
	pointer-events: auto !important;
}
/* right side */
.configurator-title {
	font-size: 44px;
	text-transform: uppercase;
	text-shadow: 0.5px 0.866px 3px rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #FFF;
	font-weight: 300;
	margin-bottom: 7px;
}
.bat-wrapper {
	min-height: 65px;
	margin-top: 20px;
}
#default-bat {
	text-align: center;
}
.bat-shadow {
	background: url('../img/bat-shadow.png') no-repeat center top;
	height: 53px;
	margin-top: 1px;
}
.sep-shadow {
	background: url('../img/sep-shadow.png') no-repeat center top;
	height: 18px;
}
.configurator-choises {
	list-style: none;
	padding: 0px;
	margin-top: 5px;
}
.configurator-choises > li {
	background: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.18);
	/* min-height: 55px; */
	padding: 9px 15px;
	margin-top: 8px;
}
.configurator-choises > li h2 {
	font-size: 21px;
	font-weight: 300;
	cursor: pointer;
	margin-bottom: 0;
	margin-top: 0px;
}
.configurator-choises > li h3 {
	font-size: 21px;
	font-weight: 300;
	cursor: pointer;
	margin-bottom: 0;
	margin-top: 0px;
}
.configurator-choises > li h3 span {
	margin-right: 15px;
}
.configurator-choises > li h2 small {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 300;
}
.configurator-choises > li h2 small a {
	color: #0073FF;
}
.configurator-choises > li h2 small a:hover {
	text-decoration: none;
}
.configurator-choises > li.open-choise h2 {
	border-bottom: 1px #DCDCDC solid;
	padding-bottom: 11px;
}
.configurator-choises > li.close-choise h2:before {
	content: "\2b";
	font-family: "Glyphicons Halflings";
	line-height: 1.9;
	font-size: 16px;
	margin-right: 12px;
	float: left;
}
.configurator-choises > li.open-choise h2:before {
	content: "\2212";
	font-family: "Glyphicons Halflings";
	line-height: 1.9;
	float: left;
	font-size: 16px;
	margin-right: 12px;
}
.coise-content {
	margin-top: 15px;
	display: none;
}
/* ui slider range */
.slider {
	margin-top: 8px;
}
.ui-slider-range {
	background: #0073FF !important;
	border: 0 !important;
}
.ui-widget-content {
	border: 0 !important;
	background: #EEEEEE !important;
}
.ui-slider-handle {
	border-radius: 12px;
	background: #0073FF !important;
	border: 0 !important;
	width: 22px !important;
	height: 22px !important;
}
.valBox {
	width: 100%;
	height: 30px;
	float: right;
	border: 1px #E4E4E4 solid;
	border-radius: 3px;
	color: #0073FF;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	padding-left: 10px;
}
.conf-label {
	margin-top: 4px;
}
.coise-content .row {
	margin-top: 10px;
}
#model-loader {
	display: none;
	text-align: center;
}
#wood-loader {
	display: none;
	text-align: center;
}
#AJAX_ERROR {
	display: none;
	margin-top: 25px;
}
#big-loader {
	display: none;
}
.summary {
	/*position: absolute; */
	margin-top: 8px;
}
.summary-list li span {
	font-weight: 400;
}
.colors-box {
	list-style: none;
	padding: 0;
}
.colors-box li {
	cursor: pointer;
	float: left;
	margin: 0;
	display: inline-block;
	text-align: center;
	padding: 0;
	width: 8%;
	height: 61px;
	position: relative;
	font-size: 12px;
	min-width: 49px;
    line-height: 1;
}
.colors-box li span {
	background: url('../img/colors.jpg') no-repeat;
	width: 29px;
	height: 30px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.colors-box li {
		width: 32%;
	}
}
/* bat-choise */
#bat-choise {
	max-width: 900px;
	margin: 0 auto;
	height: 60px;
}
/* handels*/
/*default handle*/
#handle-background {
	background: url('../img/handles/small/Unfinished---Handle.png') no-repeat left;
	background-size: 100%;
	width: 52.7%;
	height: 62px;
	float: left;
	position: relative;
}
#handle-background.Black {
	background: url('../img/handles/small/Black---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Burgundy {
	background: url('../img/handles/small/Burgundy---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Camo-Green {
	background: url('../img/handles/small/Camo-Green---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Carolina-Blue {
	background: url('../img/handles/small/Carolina-Blue---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Charcoal {
	background: url('../img/handles/small/Charcoal---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Cherry {
	background: url('../img/handles/small/CHerry---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Chestnut {
	background: url('../img/handles/small/Chestnut---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Dark-Green {
	background: url('../img/handles/small/Dark-Green---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Emerald-Green {
	background: url('../img/handles/small/Emerlad-Green---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Electric-Green {
	background: url('../img/handles/small/Electric-Green---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Electric-Orange {
	background: url('../img/handles/small/Electric-Orange---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Electric-Yellow {
	background: url('../img/handles/small/Electric-Yellow---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Galen {
	background: url('../img/handles/small/Galen---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Gold {
	background: url('../img/handles/small/Gold---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Golden-Oak {
	background: url('../img/handles/small/Golden-Oak---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Lavender {
	background: url('../img/handles/small/Lavender---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Mahogany {
	background: url('../img/handles/small/Mahogany---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Metallic-Gold {
	background: url('../img/handles/small/Metallic-Gold---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Metallic-Silver {
	background: url('../img/handles/small/Metallic-Silver---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Natural {
	background: url('../img/handles/small/Natural---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Navy {
	background: url('../img/handles/small/Navy---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Orange {
	background: url('../img/handles/small/Orange---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Pink {
	background: url('../img/handles/small/Pink---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Purple {
	background: url('../img/handles/small/Purple---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Red {
	background: url('../img/handles/small/Red---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Red-Mahogany {
	background: url('../img/handles/small/Red-Mahogany---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Royal-Blue {
	background: url('../img/handles/small/Royal-Blue---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Silvergray {
	background: url('../img/handles/small/Silvergray---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Teal-Blue {
	background: url('../img/handles/small/Teal---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Teal-Green {
	background: url('../img/handles/small/Teal-Green---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Unfinished {
	background: url('../img/handles/small/Unfinished---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Vegas-Gold {
	background: url('../img/handles/small/Vegas-Gold---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Violet {
	background: url('../img/handles/small/Violet---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Walnut {
	background: url('../img/handles/small/Walnut---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.White {
	background: url('../img/handles/small/White---Handle.png') no-repeat left;
	background-size: 100% !important;
}
#handle-background.Yellow {
	background: url('../img/handles/small/Yellow---Handle.png') no-repeat left;
	background-size: 100% !important;
}
/* ring */
#ring-background {
	background: url('../img/rings/big/hb-ring-black-big.png') no-repeat left 14px;
	background-size: 100% 64%;
	width: 1%;
	height: 55px;
	float: left;
}
#bat-choise[data-wood=Maple].bright #ring-background {
	background: url('../img/rings/big/hb-ring-silver-big.png') no-repeat left 14px !important;
	background-size: 100% 64% !important;
}
#bat-choise[data-wood=Maple].bright #ring-background.dark {
	background: url('../img/rings/small/hb-ring-black.png') no-repeat left !important;
}
#bat-choise[data-wood=Birch] #ring-background {
	background: url('../img/rings/big/hb-ring-bronz-big.png') no-repeat left 14px !important;
	background-size: 100% 63% !important;
}
#bat-choise[data-wood=Ash].bright #ring-background {
	background: url('../img/rings/big/hb-ring-white-big.png') no-repeat left 14px !important;
	background-size: 100% 63% !important;
}
#bat-choise[data-wood=Ash].dark #ring-background {
	background: url('../img/rings/big/hb-ring-black-big.png') no-repeat left 14px !important;
	background-size: 100% 63% !important;
}
#bat-choise[data-wood=Hickory] #ring-background {
	background: url('../img/rings/small/hb-ring-gold.png') no-repeat left 13px;
	background-size: 100%;
}
/* barrels */
#barrel-background {
	background: url('../img/Unfinished-Barrel.png') no-repeat left;
	background-size: 100%;
	width: 46%;
	height: 61px;
	float: left;
	position: relative;
}
#barrel-background.Black {
	background: url('../img/barrels/small/Black---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Burgundy {
	background: url('../img/barrels/small/Burgundy---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Camo-Green {
	background: url('../img/barrels/small/Camo-Green---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Carolina-Blue {
	background: url('../img/barrels/small/Carolina-Blue---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Charcoal {
	background: url('../img/barrels/small/Charcoal---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Cherry {
	background: url('../img/barrels/small/CHerry---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Chestnut {
	background: url('../img/barrels/small/Chestnut---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Dark-Green {
	background: url('../img/barrels/small/Dark-Green---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Emerald-Green {
	background: url('../img/barrels/small/Emerlad-Green---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Electric-Green {
	background: url('../img/barrels/small/Electric-Green---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Electric-Orange {
	background: url('../img/barrels/small/Electric-Orange---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Electric-Yellow {
	background: url('../img/barrels/small/Electric-Yellow---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Galen {
	background: url('../img/barrels/small/Galen---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Gold {
	background: url('../img/barrels/small/Gold---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Golden-Oak {
	background: url('../img/barrels/small/Golden-Oak---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Lavender {
	background: url('../img/barrels/small/Lavender---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Mahogany {
	background: url('../img/barrels/small/Mahogany---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Metallic-Gold {
	background: url('../img/barrels/small/Metallic-Gold---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Metallic-Silver {
	background: url('../img/barrels/small/Metallic-Silver---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Natural {
	background: url('../img/barrels/small/Natural---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Navy {
	background: url('../img/barrels/small/Navy---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Orange {
	background: url('../img/barrels/small/Orange---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Pink {
	background: url('../img/barrels/small/Pink---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Purple {
	background: url('../img/barrels/small/Purple---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Red {
	background: url('../img/barrels/small/Red---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Red-Mahogany {
	background: url('../img/barrels/small/Red-Mahogany---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Royal-Blue {
	background: url('../img/barrels/small/Royal-Blue---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Silvergray {
	background: url('../img/barrels/small/Silvergray---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Teal-Blue {
	background: url('../img/barrels/small/Teal---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Teal-Green {
	background: url('../img/barrels/small/Teal-Green---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Unfinished {
	background: url('../img/barrels/small/Unfinished---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Vegas-Gold {
	background: url('../img/barrels/small/Vegas-Gold---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Violet {
	background: url('../img/barrels/small/Violet---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Walnut {
	background: url('../img/barrels/small/Walnut---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.White {
	background: url('../img/barrels/small/White---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
#barrel-background.Yellow {
	background: url('../img/barrels/small/Yellow---Barrel.png') no-repeat left;
	background-size: 100% !important;
}
/* colors palete */
.black {
	background-position: 0 0 !important;
}
.burgundy {
	background-position: -30px 0px !important;
}
.camo-green {
	background-position: -60px 0px !important;
}
.carolina-blue {
	background-position: -90px 1px !important;
}
.charcoal {
	background-position: -120px 1px !important;
}
.cherry {
	background-position: -150px 0 !important;
}
.chestnut {
	background-position: -180px 0px !important;
}
.dark-green {
	background-position: -209px 0px !important;
	width: 30px !important;
}
.emerald-green {
	background-position: -239px 0 !important;
	width: 30px !important;
}
.electric-green {
	background-position: -269px 0px !important;
	width: 30px !important;
}
.electric-orange {
	background-position: -299px 0px !important;
	width: 30px !important;
}
.electric-yellow {
	background-position: -330px 1px !important;
}
.galen {
	background-position: 0px -30px !important;
}
.gold {
	background-position: -30px -30px !important;
}
.golden-oak {
	background-position: -60px -30px !important;
}
.lavender {
	background-position: -90px -30px !important;
}
.mahogany {
	background-position: -120px -30px !important;
}
.metallic-gold {
	background-position: -150px -30px !important;
}
.metallic-silver {
	background-position: -180px -30px !important;
}
.natural {
	background-position: -210px -30px !important;
}
.navy {
	background-position: -239px -30px !important;
	width: 30px !important;
}
.orange {
	background-position: -269px -30px !important;
	width: 30px !important;
}
.pink {
	background-position: -299px -30px !important;
	width: 30px !important;
}
.purple {
	background-position: -329px -30px !important;
	width: 30px !important;
}
.red {
	background-position: 0px -59px !important;
}
.red-mahogany {
	background-position: -30px -59px !important;
}
.royal-blue {
	background-position: -60px -59px !important;
}
.silver-gray {
	background-position: -90px -60px !important;
}
.teal {
	background-position: -120px -59px !important;
}
.teal-greenwich {
	background-position: -150px -59px !important;
}
.unfinished {
	background-position: -180px -59px !important;
}
.vegas-gold {
	background-position: -209px -59px !important;
	width: 30px !important;
}
.violet {
	background-position: -239px -59px !important;
	width: 30px !important;
}
.walnut {
	background-position: -269px -59px !important;
	width: 30px !important;
}
.white {
	background-position: -300px -59px !important;
}
.yellow {
	background-position: -330px -60px !important;
}
/* logo */
#logo-background {
	position: absolute;
	left: 1%;
	top: 17%;
	background: url('../img/logos/hb-x-logo-bl-red.png') no-repeat left;
	background-size: 100%;
	max-width: 170px;
	max-height: 67px;
	width: 28%;
	height: 65%;
}
@media (min-width: 425px) and (max-width: 540px) {
	#logo-background {
		top: 30%;
	}
}
@media (min-width: 321px) and (max-width: 425px) {
	#logo-background {
		top: 34%;
	}
}
@media (max-width: 320px) {
	#logo-background {
		top: 39%;
	}
}
#bat-choise[data-wood=Maple].bright #logo-background {
	background: url('../img/logos/hb-x-logo-white.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Maple].bright #logo-background.dark {
	background: url('../img/logos/hb-x-logo-bl-red.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Birch] #logo-background {
	background: url('../img/logos/hb-x-logo-bronz.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Ash] #logo-background {
	background: url('../img/logos/hb-x-logo-black.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Ash] #logo-background {
	background: url('../img/logos/hb-x-logo-black.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Ash].bright #logo-background {
	background: url('../img/logos/hb-x-logo-white-white.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Ash].dark #logo-background {
	background: url('../img/logos/hb-x-logo-black.png') no-repeat left !important;
	background-size: 100% !important;
}
#bat-choise[data-wood=Hickory] #logo-background {
	background: url('../img/logos/hb-x-logo-gold.png') no-repeat left !important;
}
/* additional bat details on the barrel*/
#bat-choise[data-wood=Maple].dark .bat-text, #bat-choise[data-wood=Maple].dark .engraving-name, #bat-choise[data-wood=Maple].dark .engraving-name-special {
	color: #2B373A;
}
#bat-choise[data-wood=Maple].bright .bat-text, #bat-choise[data-wood=Maple].bright .engraving-name, #bat-choise[data-wood=Maple].bright .engraving-name-special {
	color: #9A9A9A;
}
#bat-choise[data-wood=Birch] .bat-text, #bat-choise[data-wood=Birch] .engraving-name, #bat-choise[data-wood=Birch] .engraving-name-special {
	color: #DBA178;
}
#bat-choise[data-wood=Ash].dark .bat-text, #bat-choise[data-wood=Maple].dark .engraving-name, #bat-choise[data-wood=Maple].dark .engraving-name-special {
	color: #2B373A;
}
#bat-choise[data-wood=Ash].bright .bat-text, #bat-choise[data-wood=Maple].bright .engraving-name, #bat-choise[data-wood=Maple].bright .engraving-name-special {
	color: #FFF;
}

#line1, #line1-sp,
#line2, #line2-sp,
#line3, #line3-sp,
#line4, #line4-sp{
	position: absolute;
    right: 3%;
    color: #000;
    font-size: 64%;
    font-weight: 400;
    min-width: 120px;
    text-align: center;
}
#line1, #line1-sp {
	top: 9%;
}
#line2, #line2-sp {
	top: 30%;
}
#line3, #line3-sp {
	top: 49%;
}
#line4, #line4-sp {
	top: 70%;
}
.dark #line1,
.dark #line1-sp,
.dark #line2,
.dark #line2-sp,
.dark #line3,
.dark #line3-sp,
.dark #line4,
.dark #line4-sp {
    color: #2B373A;
}
.bright #line1,
.bright #line1-sp,
.bright #line2,
.bright #line2-sp,
.bright #line3,
.bright #line3-sp,
.bright #line4,
.bright #line4-sp {
    color: #9A9A9A;
}
.engraving-name-special #line1-sp, .engraving-name-special #line2-sp, .engraving-name-special #line3-sp, .engraving-name-special #line4-sp {
	left: 120px;
	text-align: left;
}
.engraving-name-special #line1, .engraving-name-special #line2, .engraving-name-special #line3, .engraving-name-special #line4 {
	left: 40%;
}
/* #line4 {
	top: 62%;
} */
#line5-sp {
	position: absolute;
	top: 10%;
	left: 50%;
	right: 0%;
	color: #000;
	font-size: 64%;
	font-weight: 400;
	min-width: 120px;
	text-align: center;
}
#line6-sp {
	position: absolute;
	top: 60%;
	left: 63%;
	right: 0%;
	color: #000;
	font-size: 64%;
	font-weight: 400;
	min-width: 120px;
	text-align: left;
}
.handle-text {
	position: relative;
	width: 100%;
	height: inherit;
}
#handle {
	position: absolute;
	top: 35%;
	left: 18%;
	color: #000;
	font-size: 74%;
	font-weight: 400;
	min-width: 340px;
	text-align: center;
}
#open-close-menu {
	cursor: pointer;
}
.summary-list {
	display: none;
}
.side-menu small span {
	color: #FFF;
	float: right;
}
.side-menu.open-menu small span.glyphicon-plus {
	display: none;
}
.side-menu.close-menu small span.glyphicon-plus {
	display: block;
}
.side-menu.open-menu small span.glyphicon-minus {
	display: block;
}
.side-menu.close-menu small span.glyphicon-minus {
	display: none;
}
/* model name */
#model-text {
	position: absolute;
	right: 7%;
	top: 9%;
	text-transform: uppercase;
	font-size: 74%;
	font-weight: bold;
	min-width: 120px;
	text-align: center;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
#engraving-text {
	height: 14px;
	/*width: 120px;*/
	text-align: center;
	overflow: hidden;
	position: absolute;
	right: 7%;
	top: 36%;
	font-size: 71%;
	font-weight: 600;
	text-transform: uppercase;
	font-family: arial, sans-serif;
	font-style: italic;
}
#pro-text {
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	font-size: 56%;
	min-width: 120px;
	text-align: center;
	position: absolute;
	right: 7%;
	top: 64%;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
.barrel-v-mark {
	position: absolute !important;
	top: 12px !important;
	right: 26px;
	font-size: 14px;
	color: #00FF12;
}
.handle-v-mark {
	position: absolute !important;
	top: 13px !important;
	right: 26px;
	font-size: 14px;
	color: #00FF12;
}
.label-line-height {
	line-height: 36px;
}
/* flags */
.flags-list {
	list-style: none;
	padding: 0;
}
.flags-list li {
	float: left;
	width: 124px;
	height: 53px;
	background: #F7F7F7;
	border: 1px #F0F0F0 solid;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	margin: 0 14px 14px;
	cursor: pointer;
}
.flags-list li.flag-active, .flags-list li:hover {
	background: #D7E9FF;
	border: 1px #A4CAF9 solid;
}
.flags-list li > span:first-of-type {
	display: block;
	width: 41px;
	height: 22px;
	background: url('../img/flags.png');
	margin: 0 auto 6px;
}
.no-flag {
	background-position: 0px 0px !important;
}
.usa {
	background-position: -41px 0px !important;
}
.canada {
	background-position: -82px 0px !important;
}
.dominican-republic {
	background-position: -123px 0px !important;
}
.germany {
	background-position: -164px 0px !important;
}
.great-britain {
	background-position: -205px 0px !important;
}
.italy {
	background-position: -246px 0px !important;
	width: 40px !important;
}
.ireland {
	background-position: -287px 0px !important;
	width: 40px !important;
}
.israel {
	background-position: -328px 0px !important;
}
.japan {
	background-position: -369px 0px !important;
}
.korea {
	background-position: -410px 0px !important;
}
.mexico {
	background-position: -451px 0px !important;
}
.netherlands {
	background-position: -492px 0px !important;
}
.puerto-rico {
	background-position: -533px 0px !important;
}
.sweden {
	background-position: -574px 0px !important;
}
.spain {
	background-position: -615px 0px !important;
}
.taiwan {
	background-position: -656px 0px !important;
	width: 40px !important;
}
.venezuela {
	background-position: -697px 0px !important;
}
#flag-icon {
	position: absolute;
	right: 4px;
	top: 22px;
	width: 26px;
	height: 14px;
	background: url('../img/flags.png');
	background-position: -26px 0;
	background-size: 474px 13px;
	display: none;
}
#flag-icon.usa {
	background-position: -26px 0px !important;
}
#flag-icon.canada {
	background-position: -53px 0px !important;
}
#flag-icon.dominican-republic {
	background-position: -79px 0px !important;
}
#flag-icon.germany {
	background-position: -106px 0px !important;
	width: 25px;
}
#flag-icon.great-britain {
	background-position: -132px 0px !important;
}
#flag-icon.italy {
	background-position: -158px 0px !important;
	width: 26px !important;
}
#flag-icon.ireland {
	background-position: -185px 0px !important;
	width: 26px !important;
}
#flag-icon.israel {
	background-position: -211px 0px !important;
}
#flag-icon.japan {
	background-position: -237px 0px !important;
}
#flag-icon.korea {
	background-position: -264px 0px !important;
}
#flag-icon.mexico {
	background-position: -290px 0px !important;
}
#flag-icon.netherlands {
	background-position: -316px 0px !important;
}
#flag-icon.puerto-rico {
	background-position: -343px 0px !important;
}
#flag-icon.sweden {
	background-position: -369px 0px !important;
}
#flag-icon.spain {
	background-position: -396px 0px !important;
	width: 25px !important;
}
#flag-icon.taiwan {
	background-position: -422px 0px !important;
	width: 26px !important;
}
#flag-icon.venezuela {
	background-position: -448px 0px !important;
}
.info-icon {
	font-size: 19px;
	color: #419FED;
	padding-top: 14px;
	line-height: 45px;
	text-align: right;
}
p.bat-desc {
	width: 80%;
	text-align: center;
	margin: 37px auto 0px;
	font-size: 16px;
	font-weight: 300;
	background: rgba(0, 0, 0, 0.0980392);
	border-radius: 8px;
	padding: 12px;
}
#conf-disclaimer {
	background: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.18);
	padding: 9px 15px;
	margin-top: 8px;
	/* color: #fff; */
}
#conf-disclaimer h2 {
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 0px;
	border-bottom: 1px #DFDFDF solid;
	padding-bottom: 11px;
	color: #000;
}
.disclaimer-desc {
	padding-top: 5px;
	line-height: 23px;
}
.secAddToCart {
	width: 190px;
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	#ring-background {
		background-size: 100%;
		width: 4px;
		height: 47px;
		float: left;
	}
}
@media screen and (max-width: 425px) {
	#ring-background {
		background-size: 100%;
		width: 3px;
		height: 47px;
		float: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#ring-background {
		background: url('../img/hb-ring-black4.png') no-repeat left 13px;
		background-size: 100%;
		width: 1%;
		height: 48px;
		float: left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#ring-background {
		background: url('../img/hb-ring-black4.png') no-repeat left 16px;
		background-size: 100%;
		width: 1%;
		height: 44px;
		float: left;
	}
}
@media (max-width: 767px) {
	#ring-background {
		background: url('../img/hb-ring-black4.png') no-repeat left 17px;
		background-size: 100%;
		width: 1%;
		height: 44px;
		float: left;
	}
}
@media (max-width: 400px) {
	#ring-background {
		background: url('../img/hb-ring-black4.png') no-repeat left 26px;
		background-size: 100% 29% !important;
		width: 1%;
		height: 39px;
		float: left;
	}
	#bat-choise[data-wood=Birch] #ring-background {
		background: url('../img/rings/big/hb-ring-bronz-big.png') no-repeat left 26px !important;
		background-size: 100% 29% !important;
	}
	#bat-choise[data-wood=Ash].dark #ring-background {
		background: url('../img/rings/big/hb-ring-black-big.png') no-repeat left 26px !important;
		background-size: 100% 29% !important;
	}
	#bat-choise[data-wood=Maple].bright #ring-background {
		background: url('../img/rings/big/hb-ring-silver-big.png') no-repeat left 26px !important;
		background-size: 100% 29% !important;
	}
	#bat-choise[data-wood=Ash].bright #ring-background {
		background: url('../img/rings/big/hb-ring-white-big.png') no-repeat left 26px !important;
		background-size: 100% 29% !important;
	}
	#barrel-background {
		background: url('../img/Unfinished-Barrel.png') no-repeat left;
		background-size: 100%;
		width: 45%;
		height: 62px;
		float: left;
		position: relative;
	}
	#model-text {
		position: absolute;
		right: 0%;
		top: 15%;
		text-transform: uppercase;
		font-size: 74%;
		font-weight: bold;
		min-width: 120px;
		text-align: center;
		font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	}
	#engraving-text {
		height: 14px;
		width: 120px;
		text-align: center;
		overflow: hidden;
		position: absolute;
		right: 0%;
		top: 35%;
		font-size: 71%;
		font-weight: 600;
		text-transform: uppercase;
		font-family: arial, sans-serif;
		font-style: italic;
	}
	#pro-text {
		text-transform: uppercase;
		font-style: italic;
		font-weight: 600;
		font-size: 56%;
		min-width: 120px;
		text-align: center;
		position: absolute;
		right: 0%;
		top: 64%;
		font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	}
	#logo-background {
		position: absolute;
		left: 4%;
		top: 42%;
		background: url('../img/logos/hb-x-logo-bl-red.png') no-repeat;
		background-size: 100% !important;
		max-width: 78px;
		max-height: 29px;
		width: 23%;
		height: 15%;
	}
}
.engraving-name-6 #line1-sp6, .engraving-name-6 #line2-sp6, .engraving-name-6 #line3-sp6, .engraving-name-6 #line4-sp6 {
	left: 105px;
	text-align: left;
}
#line5-sp6 {
	position: absolute;
	top: 15%;
	left: 50%;
	right: 0%;
	color: #000;
	font-size: 64%;
	font-weight: 400;
	min-width: 120px;
	text-align: center;
	line-height: 135%;
}
#line6-sp6 {
	position: absolute;
	top: 60%;
	left: 63%;
	right: 0%;
	color: #000;
	font-size: 64%;
	font-weight: 400;
	min-width: 120px;
	text-align: left;
}
input.date-3 {
	width: 35% !important;
	margin: 0 !important;
}
select.date-3 {
	padding: 9px 6px 10px 6px !important;
	width: 35% !important;
	margin: 0 !important;
}
select.date-2 {
	padding: 9px 6px 10px 6px !important;
	width: 27% !important;
	margin: 0 !important;
}
.v-sub {
	vertical-align: sub;
}