@CHARSET "UTF-8";

@font-face {
	font-family: Anago-Black;
	src: url('font/Anago-Black.otf') format("opentype");
}

@font-face {
	font-family: Anago-Book;
	src: url('font/Anago-Book.otf') format("opentype");
}

@font-face {
	font-family: Anago-Medium;
	src: url('font/Anago-Medium.otf') format("opentype");
}

@font-face {
	font-family: Anago-Thin;
	src: url('font/Anago-Thin.otf') format("opentype");
}

html, body, .ui-widget, .demochip, .start_text, #share_sm_text, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea,
	.ui-widget button, .search_count, #calculator_block_1 .leftside, #calculator_block_2 .leftside, #calculator_block_4 .leftside,
	#calc_needetnum, #more_methods_title, .aocon_content>.textline, .aoacc_front, .shariff li .share_count, .shariff li .share_text
	{
	font-family: Anago-Thin, Hevetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
	#share_sm_title, .main_objconf_header, .main_header {
	font-size: 30px;
}

#supersized_show {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	color: #fff;
}

#supersized {
	z-index: 0;
}

#play-button, #tray-button, #thumb-tray {
	background: url('../../img/bg-hover.png') repeat-x 0 44px;
}

#prevslide, #nextslide {
	z-index: 0; /*5*/
}

#progress-back, #controls-wrapper {
	background: transparent;
}

#progress-bar, #controls {
	display: none;
}

#nextthumb, #prevthumb {
	bottom: 129px;
}

#supersized li {
	/* 	z-index: 0; */
	
}

#dia_inspi_overlay {
	display: none;
}

.menu_bar {
	display: none;
}

#menu_btt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	cursor: pointer;
	background-position: 0px -4200px;
}

#menu_btt:hover {
	background-position: -150px -4200px;
}

#menu_logo {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	cursor: pointer;
}

.nippie_text {
	margin-top: 6px;
}

.nippie_ab {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
}

.nippie_ab {
	background-position: -225px -4425px;
	transform: translate(-10px, -10px);
	color: #000;
}

.nippie_ab.bright {
	color: #000;
}

.nippie_ab.bright {
	color: #fff;
}

.nippie_tsr_val {
	position: absolute;
	top: calc(50% - 22px);
	right: 0px;
	width: 22px;
	height: 22px;
	overflow: visible;
	white-space: nowrap;
	text-align: right;
	height: 22px;
}

.tsr_val_min {
	top: calc(50% - 4px);
}

.tsr_val {
	position: absolute;
	top: calc(50% - 22px);
	left: -34px;
	height: 22px;
}

#dia_hbzw_warn {
	min-height: 75px;
	background-color: rgba(152, 18, 9);
}

#hbzw_warn_content {	
    margin: auto;
    width: calc(100% - 200px);
    overflow: hidden;
}

#hbzw_warn_ico {
	display: inline-block;
	margin-left: 0rem;
	height: 75px;
	width: 75px;
	background-position: 0px -5775px;
}

#hbzw_warn_main {
	display: inline-block;
	margin-left: 3rem;
	height: 75px;
	line-height: 75px;
	vertical-align: top;
}

#hbzw_warn_btt {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	vertical-align: top;
	margin: 11px 0rem 0px 3rem;
	padding: 10px;
	cursor: pointer;
	text-decoration: none;
}

.ui-widget-content a#hbzw_warn_btt {
	color: #fff;
}

#rooms_content {
	margin-left: 75px;
}

#btt_rooms_selection {
	background-position: -0px -4050px;
}

#btt_rooms_selection:hover, #btt_rooms_selection.act, #btt_rooms_selection.hightlight {
	background-position: -150px -4050px;
}

#btt_resetInspi {
	background-position: -0px -3825px;
}

#btt_resetInspi.act {
	background-position: -75px -3825px;
}

#btt_resetInspi:hover, #btt_resetInspi.highlight {
	background-position: -150px -3825px;
}

.desc {
	text-transform: capitalize;
}

#dia_collection {
	width: 300px;
}

#main_prod_selection {
	width: 0rem;
	opacity: 0;
}

#selection_coll_selection {
	width: 100%;
}

@media ( min-width : 2560px) {
	.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
		#share_sm_title, .main_header, .main_objconf_header {
		font-size: 40px;
	}
	html, body, .ui-widget, .demochip, .start_text {
		font-size: 28px;
	}
	#menu_btt, .nippie_ab {
		width: 100px;
		height: 100px;
	}
	#menu_btt {
		background-position: -0px -5600px;
	}
	#menu_btt:hover {
		background-position: -200px -5600px;
	}
	#menu_logo {
		bottom: 0px;
		width: 100px;
		height: 100px;
	}
	.nippie_ab {
		background-position: -300px -5900px;
		transform: translate(-11px, -13px);
	}
	.nippie_tsr_val, .tsr_val {
		top: calc(50% - 32px);
	}
	.tsr_val_min {
		top: calc(50% - 4px);
	}
	.tsr_val {
		left: -64px;
	}
	#dia_hbzw_warn {
		min-height: 100px;
	}
	#hbzw_warn_ico {
		height: 100px;
		width: 100px;
		background-position: 0px -7700px;
		margin-left: 0rem;
	}
	#hbzw_warn_main {
		height: 100px;
		line-height: 100px;
		margin-left: 3rem;
	}
	#hbzw_warn_btt {
		height: 40px;
		line-height: 40px;
		margin: 16px 0rem 0px 3rem;
		padding: 14px;
	}
	#rooms_content {
		margin-left: 100px;
	}
	#btt_rooms_selection {
		background-position: -0px -5400px;
	}
	#btt_rooms_selection:hover, #btt_rooms_selection.act, #btt_rooms_selection.highlight {
		background-position: -200px -5400px;
	}
	#btt_resetInspi {
		background-position: -0px -5100px;
	}
	#btt_resetInspi.act {
		background-position: -100px -5100px;
	}
	#btt_resetInspi:hover, #btt_resetInspi.highlight {
		background-position: -200px -5100px;
	}
}

@media ( max-width : 1024px) {
	/*1024px*/
	.start_title, .subbar_title, .main_cloud_header, .desc>span, #search_accordion h3, #colorchip_info_title, #btt_cust_gallery_text,
		#share_sm_title, .main_header, .main_objconf_header {
		font-size: 17px;
	}
	html, body, .ui-widget, .demochip, .start_text {
		font-size: 9px;
	}
	#menu_btt, .nippie_ab {
		width: 50px;
		height: 50px;
	}
	#menu_btt {
		background-position: -0px -2800px;
	}
	#menu_btt:hover {
		background-position: -100px -2800px;
	}
	#menu_logo {
		bottom: 0px;
		width: 50px;
		height: 50px;
	}
	.nippie_ab {
		background-position: -150px -2950px;
		transform: translate(-6px, -5px);
	}
	.nippie_tsr_val, .tsr_val {
		top: calc(50% - 12px);
	}
	.tsr_val_min {
		top: 50%;
		right: -5px;
	}
	.tsr_val {
		left: -16px;
	}
	#dia_hbzw_warn {
		max-height: 50px;
	}
	#hbzw_warn_ico {
		height: 50px;
		width: 50px;
		background-position: 0px -3850px;
		margin-left: 0rem;
	}
	#hbzw_warn_main {
		height: 50px;
		line-height: 50px;
		margin-left: 3rem;
	}
	#hbzw_warn_btt {
		height: 20px;
		line-height: 20px;
		margin: 10px 0rem 0px 3rem;
		padding: 4px;
	}
	#rooms_content {
		margin-left: 50px;
	}
	#btt_rooms_selection {
		background-position: -0px -2700px;
	}
	#btt_rooms_selection:hover, #btt_rooms_selection.act, #btt_rooms_selection.highlight {
		background-position: -100px -2700px;
	}
	#btt_resetInspi {
		background-position: -0px -2550px;
	}
	#btt_resetInspi.act {
		background-position: -50px -2550px;
	}
	#btt_resetInspi:hover, #btt_resetInspi.highlight {
		background-position: -100px -2550px;
	}
}