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

/* pixdian.css */
.pixDian{ margin-bottom:15px}.pixDian .accContent{display:none;width:100%;padding:2%;margin:0;padding:16px 10px;}.accHeading{margin-bottom:3px;background:#004F2F;font-size:1.4rem;line-height:2.4rem;padding:8px 20px;color:#fff;cursor:pointer;position:relative;font-weight:normal;border-radius:4px}.accHeading:before{content:"";border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 4px; transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top:-8px;position:absolute;right:25px;top:50%}.accHeading.active:before{ transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top:-2px;}.accHeading:after{content:"";clear:both;display:table}.accHeading:hover, .accHeading.active{background:#6C0D03;}@media only screen and (min-width:768px){.accHeading{font-size:1.6rem;line-height:2.6rem;}.accHeading:before{font-size:3.4rem;font-weight:bold;}} @media only screen and (min-width:1025px){.accHeading:before{font-size:3.8rem;}}


/* pixtab.css */
.js .pixTab >.pix-tab-wrapper>.pix-tab-item >.pix-tab-content{
	display:none;	
}
.js .pixTab >.pix-tab-wrapper>.pix-tab-item.active-tab >.pix-tab-content{
	display:inline-block;	
}
.pix-tab-nav{
	display:none;	
}
@media only screen and (min-width:920px) {
	.js .pixTab >.pix-tab-wrapper>.pix-tab-item >.pix-tab-heading{
	display:none;	
	}
	.pix-tab-nav{
		display:block;	
	}
}
/*-----------Vertical tabs-----------*/
.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 27px;
	margin-right: 15px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid;
}

h3.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid;
}

/*-----------Accordion styles-----------*/
h3.resp-tab-active {
	background: #dbfdcc;
	/* !important;*/
	border-color: #d3efc8;
}

.resp-easy-accordion h3.resp-accordion {
	display: block;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
	background: #e7edee;
	padding: 0 25px 25px;
}

.prod-tab-content img{
	width: 300px;
	float: right;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 980px) {
	ul.resp-tabs-list {
		display: none;
	}
	h3.resp-accordion {
		display: block;
		padding-left: 25px;
	}
	.resp-accordion-closed {
		display: none !important;
	}
	.prod-tab-content{
		padding: 10px;
	}
}*/