.bundle3Container {
	width: 100%;
    max-width: 1200px;
    padding: 0 0 12px 0;
    margin: 5px auto 5px auto;
}

.bundle3Cells {display: flex}

.bundle3Cells > div {
	background-color: #fff;
	width:50%;
	margin: 10px;
	padding: 20px}

@media (max-width:575px) {
	.bundle3Cells {flex-direction: column-reverse}
	
	.bundle3Cells > div {
		background-color: #fff;
		width:100%;
		margin: 0px;
		padding: 20px}
}

.bundle3Display {display: none}
img {vertical-align: middle}

.slideshow3container {
	position: relative;
	margin: auto}

.selector3Container {
	text-align:center;
	margin:0;
	padding:0;
	white-space: nowrap
}

.bundle3Selector {
	cursor: pointer;
	height: 40px;
	width: 34%;
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #ccc;
	color:#42607f;
	font-size:20px;
	font-weight:700;
	display: inline-block;
	border:solid 1px #000;
	transition: background-color 0.9s ease}

@media (max-width:575px) {
	.bundle3Selector {
		width: 32%;
		margin: 0;
		padding: 3px 0 0 0}
	.bundle3Selector1 {border-right:none;width: 32%}
	.bundle3Selector2 {border-right:solid 1px #000;width: 32%}
	.bundle3Selector3 {border-left:none;width: 32%}		
					
}

.active3Bundle {
	background-color: #42607f;
	color:#fff
}
.bundle3Selector:hover {
	background-color: #42607f;
	color:#fff;
}

.bundle3Selector1 {border-right:none;width: 33%;}
.bundle3Selector3 {border-left:none;width: 33%;}

.bundle3Heading{
	display:inline;
	color: #22598f;
	margin:0;
}

.bundleContent{
	color: #22598f;
	font-weight:700;
}

.fade {animation-name: fade;animation-duration: 1s}

@keyframes fade {
	from {opacity: 0} 
	to {opacity: 1}
}

div.bundle3ContentContainer {
	width:99.7%;
	height: 26vw;
	max-height: 500px;
	min-height: 380px;
	max-width: 1200px;
	margin: 1px 1px;
	padding: 0;		
	background:#fff;
}

div.bundle3ContentContainerAutoHeight {
	width:99.7%;
	height: auto;
	margin: 1px 1px;
	padding: 0;		
	background:#fff;
}

	
@media (max-width:575px) {
div.bundle3ContentContainer {
	width:100%;
	margin: 15px auto 0 auto;
	padding: 5px 2px 0 2px;
	background:white;
	max-height: unset;
	height: auto;
	border:unset;
	border-radius:unset;
	box-shadow:unset}

.prevImage,.nextImage,.text {
	background:#ccc;
	font-size: 14px;
	padding:4px 6px}
	
.prevImage:hover, .nextImage:hover {
	color: #333;
	background:#eee
	}
}

img.bundleImage,img.bundleImageNoShad {
	display: block;
	width: 100%;
	height: auto;
	max-width: 900px;
	margin: 0;
	box-shadow: 5px 6px 3px #ccc;
}

img.bundleImageNoShad {box-shadow: unset}