@charset "utf-8";
/* CSS Document */

@font-face
{
	font-family:"TW Cen MT";
	src:url("../fonts/TCM.TTF"),
	url("../fonts/TCBI.TTF"),
	url("../fonts/TCB.TTF");
}

body
{
}

a
{
	color:White;
	transition:color 0.2s, border 0.2s !important;
	cursor:pointer !important;
}

ul
{
	list-style:none !important;
	padding:0; margin:0;
}

a:hover, a:visited, a:link
{
	text-decoration:none !important;
}

#scroll_top
{
	font-size:13pt;
}

.middle
{
	vertical-align:middle;
}

.mg-bottom
{
	margin-bottom:25px;
}

.web-body
{
	position:relative;
}

.site-top
{
	background:#2f2f2f;
	padding:10px 0;
	font-size:16px;
}

.top-menu-left
{
	list-style:none;
	color:White;
	padding:0; margin:0;
	height:100%;
}

.top-menu-right
{
	list-style:none;
	color:White;
	text-align:right;
	padding:0; margin:0;
}

.top-menu-middle
{
	list-style:none;
	color:White;
	text-align:center;
	padding:0; margin:0;
}

.top-menu-left li, .top-menu-right li, .top-menu-middle li
{
	display:inline-block;
	vertical-align:middle;
}

.top-menu-left li
{
	/*border-right:1px Solid White;*/
	padding-right: 7px;
	padding-left: 2px;
}

.top-menu-left li:first-child, .top-menu-right li:first-child, .top-menu-middle li:first-child
{
	padding-left:0px;
}

.top-menu-left li:last-child, .top-menu-right li:last-child, .top-menu-middle li:last-child
{
	border-right:none;
}

.top-menu-left li i, .top-menu-right li i, .top-menu-middle li i
{
	font-size:18pt;
}

.top-menu-left li a, .top-menu-right li a, .top-menu-middle li a
{
	color:White;
}

.top-menu-left li a:hover, .top-menu-right li a:hover, .top-menu-middle li a:hover
{
	color:#0f75bc;
	text-decoration:none;
}

.header
{
	box-sizing:border-box;
	box-shadow:0 0 10px #333;
	position:relative;
	z-index:3;
}

.logo
{
	padding: 15px 0;
}

.menu
{
	height:100%;
	padding-top:15px;
}

.menu ul
{
	list-style:none;
	text-align:right;
	height:100px;
	font-size:14pt;
	padding:0; margin:0;
}

.menu ul li
{
	display:inline-block;
	padding-left:12px;
	padding-top:32px;
}

.menu ul li a
{
	color:#0f75bc;
	padding-bottom:41px;
	transition:color 0.2s, border 0.2s;
}

.menu ul li a:hover
{
	text-decoration:none;
	color: #bf1e2e;
	border-bottom:4px Solid #bf1e2e;
}

.menu-child:before
{
	clear:both;
}

.menu-child
{
	width:100%;
	background:#FFFFFF;
	height:0px;
	position:absolute;
	box-sizing:border-box;
	transition:height 0.2s;
	overflow:hidden;
	box-shadow:0 5px 5px #666;
}

.menu-child-list
{
	font-size:20px;
	padding:25px 0px;
}

.menu-child-list li
{
	padding:10px 0px;
	border-bottom: 1px Solid #c3c3c3;
}

.menu-child-list li:last-child
{
	border:none;
}

.menu-child-listitem
{
	padding:10px 0px;
	color: #2f2f2f;
	width:100%;
}
.menu-child-listitem:hover
{
	color:#0f75bc;
}
.menu-child .menu-footer
{
	background:#e3e3e3;
	position:absolute;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	padding:15px 0px;
}

.menu-child .menu-footer h1
{
	pading:0; margin:0;
	color:#666;
}

.menu-search
{
	position:absolute;
	z-index:10;
	right:40px;
	top:42px;
	display:none;
	width:550px;
	border:1px Solid #c3c3c3;
	padding:3px 7px;
}
.menu-responsive-search
{
	padding:5px 10px;
}

.menu-responsive-search input
{
	box-sizing:border-box;
	border:1px Solid #c3c3c3;
	padding:3px 7px;
	width:100%;
}

.header-slider
{
	background:#e3e3e3;
	width:100%;
	box-sizing:border-box;
}


.middle-section
{
	padding:25px 0;
}

.products-slider
{
	width:100%;
}

.slider
{
	padding:30px;
	text-align:center;
}

.slider img
{
	height: 150px;
}

.callout
{
	background:#0f75bc;
	width:100%;
	box-sizing:border-box;
	padding:15px 0;
}

.callout h1, .callout h3
{
	margin:0; padding:0;
	color:White;
	text-transform:uppercase;
}

.callout a
{
	font-size:20pt;
}

.callout .button
{
	border:2px Solid #0f75bc;
}

.callout .button:hover
{
	border:2px Solid White;
}

.brands
{
	padding: 25px 0;
}

.brands .img-responsive
{
	margin:0 auto;
}

footer
{
	background:#333;
	color:White;
}

.footer-top
{
	font-size:13pt;
}

.footer-top h3
{
	font-weight:bold;
}

.footer-top i
{
	font-size:18pt;
}

.footer-top p
{
	text-align:justify;
}

.footer-top a
{
	color:White;
}

.footer-contact-us i, .footer-contact-us p
{
	display:inline-block;
	vertical-align:top;
}

.footer-top a:hover
{
	color:#0f75bc;
}

.footer-bottom
{
	border-top:1px Solid #a3a3a3;
	padding: 10px 0;
	text-align:center;
	color:White;
}

.footer-bottom a
{
	color:White;
}

.footer-bottom a:hover
{
	text-decoration:none;
	color:#bf1e2e;
	text-shadow:0 0 1px #333;
}

.sidebar-toggle
{
	/*padding-top:25px;*/
}

.sidebar-toggle a
{
	text-align:center;
	display:block;
	font-size:24pt;
	color:#2f2f2f;
	padding-top:25px;
}

.sidebar-toggle a:visited, .sidebar-toggle a:link
{
	color:#2f2f2f;
}

.box
{
	width:100%;
	box-sizing:border-box;
	min-height:100px;
	margin-bottom:25px;
}

.box-border
{
	border-top:4px Solid #0f75bc;
}

.box-header
{
	padding:10px 0;
}

.box-header h3
{
	text-transform:uppercase;
	font-weight:bold;
	margin:0; padding:0;
}

.box-content
{
	box-sizing:border-box;
	width:100%;
}

.button
{
	padding: 10px 10px;
	background: #2f2f2f;
	color:White;
	box-sizing:border-box;
	border:none;
	transition:background 0.2s, border 0.2s !important;
	text-align:center;
	text-transform:uppercase;
}

.button:hover
{
	background:#0f75bc;
	color:White;
	text-decoration:none;
}

.product
{
	border:1px Solid #c3c3c3;
	border-right:none;
}

.product:last-child
{
	border-right:1px Solid #c3c3c3;
}

.product img
{
	height:200px;
	margin:auto;
	border-bottom: 0px Solid #c3c3c3;
	padding-bottom:15px;
}

.product .product-discount
{
	position:absolute;
	top:0;
	background:#bf1e2e;
	padding:10px;
	color:White;
	font-weight:bold;
	font-size:12pt;
}

.product .product-code
{
	display:block;
	padding: 5px 10px;
}

.product h5, .product h4, .product h3, .product h2
{
	padding:5px 10px; margin:0;
	text-transform:uppercase;
	font-weight:bold;
}

.menu-responsive
{
	display:block;
	position:absolute;
	height:100%;
	width:0;
	background:#f3f3f3;
	z-index:9;
	overflow:hidden;
	box-shadow:0 0 15px #2f2f2f;
	transition:width 0.2s;
}

.menu-responsive-close
{
	position:absolute;
	display:block;
	right:0;
	top:0;
	font-size:16pt;
	color:#2f2f2f;
	padding-right:15px;
	padding-top:5px;
}

.menu-responsive ul
{
	width:100%;
	padding:15px 0;
}

.menu-responsive ul li img
{
	margin:auto;
	margin-bottom:25px;
	padding:25px;
}

.menu-responsive ul li a
{
	width:100%;
	display:block;
	color:#2f2f2f;
	padding:15px;
	padding-left:25px;
}

.menu-responsive ul li a:hover
{
	background:#2f2f2f;
	color:White;
}

.menu-responsive-child
{
	overflow:hidden;
	background:#c3c3c3;
	border-top:2px Solid #b1b1b1;
	border-bottom:2px Solid #b1b1b1;
	display:none;
}

.menu-responsive-child ul li a
{
	padding-left:75px;
}

.filter-box
{
	width:100%;
	border:1px Solid #2f2f2f;
}

.filter-box button.clear
{
	width:100%;
	display:block;
	border:none;
	padding:15px 10px;
	font-weight:bold;
	background:#cd0202;
	color:White;
}


.filter-box button.clear:hover
{
	background:#920707;
}

.filter-box ul li
{
	cursor:pointer;
}

.filter-box ul li:hover
{
	text-decoration:underline;
}

button.accordion
{
	width:100%;
	display:block;
	border:none;
	padding:15px 10px;
	font-weight:bold;
	background:#2f2f2f;
	border-bottom:1px Solid #d1d1d1;
	color:White;
}

button.accordion::after
{
	font-family: FontAwesome;
	content: '\f067';
    float: right;
	font-size:12px;
	font-weight:normal;
}

button.accordion.active
{
	border:none;
}

button.accordion.active::after
{
	content:'\f068';
}

button.accordion:hover
{
	background:#0f75bc;
}

div.accordion-panel
{
	width:100%;
	display:block;
	padding: 0 10px;
	overflow:hidden;
	transition:max-height 0.4s ease-out;
	-webkit-transition:max-height 0.4s ease-out;
}

div.accordion-panel.non-active
{
	max-height:0px;
}

div.accordion-panel input[type=text]
{
	box-sizing:border-box;
	margin:10px 0px;
	width:100%;
	padding:5px 5px;
	border:1px Solid #e3e3e3;
}

div.accordion-panel ul
{
	list-style-type:none;
	margin:0px;
	padding:10px;
}

div.accordion-panel ul li
{
	padding: 5px 0px;
	font-size:16px;
}

div.accordion-panel ul li label
{
	font-weight:normal;
	cursor:pointer;
}
	
div.accordion-panel ul li label:hover
{
	text-decoration:underline;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.product
	{
		margin-bottom:10px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.product
	{
		margin-bottom:10px;
	}
}