.ptg-matrix-top-menu-item{ float:left; width:33%; }
.ptg-matrix-top-menu-item > h3{ float:left; width:100%; color:#FFF !important; font-size:18px; font-weight:normal; }
.ptg-matrix-top-menu-item > button{ float:left; padding:10px; color:#FFF; border-radius:5px; background:#0f4f81; border:none; margin-right:5px; cursor:pointer; }
.ptg-matrix-top-menu-item > button:hover, .ptg-matrix-top-menu-item > button.selected{ background:#2e78b3; }
.ptg-matrix-top-menu-item > button.selected{ padding-right:15px; }
.ptg-matrix-top-menu-item > button.selected:before{ font-family:dashicons; content:"\f147"; line-height:1; font-weight:400; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:14px; height:14px; font-size:14px; vertical-align:top; text-align:center; transition:color .1s ease-in; padding-right:5px; }
.ptg-matrix-left{ float:left; width:25%; }
.ptg-matrix-right{ float:right; width:74%; margin-left:1%; }
.ptg-matrix-filter-box{ float:left; width:100%; background:#f3f3f3; padding:15px; margin-bottom:15px; }
.ptg-matrix-filter-box > h3{ float:left; width:100%; margin-bottom:15px; font-size:16px; color:#0b5997; font-weight:bold; }
.ptg-matrix-filter-box > h5{ float:left; font-weight:normal; font-size:14px; margin-bottom:5px; text-align:center; background:#0b5997; padding:10px; color:#FFF !important; text-transform:uppercase !important; border-radius:5px; clear:both; }
.ptg-matrix-filter-row{ float:left; width:100%; background:#FFF; margin-bottom:2px; padding:10px; }
.ptg-matrix-filter-row > input{ float:left; margin:7px 10px 0 0; }
.ptg-matrix-filter-row > label{ float:left; font-size:14px !important; color:#212121; font-weight:normal !important; }

.ptg-matrix-top-bar{ float:left; width:100%; background:#0f4f81; padding:12px; }
.ptg-matrix-breadcrumbs{ float:left; width:100%; font-size:14px; font-weight:normal; color:#FFF; margin-bottom:5px; }
.ptg-matrix-fault-options{ float:left; width:100% !important; margin-bottom:0px !important; color:#333 !important; }

.ptg-matrix-fix-menu{ float:left; width:100%; margin:15px 0 0 0; padding-left:0; list-style:none; border-bottom:1px solid #0f4f81; border-color:#0f4f81 !important; }
.ptg-matrix-fix-menu > li{ float:left; cursor:pointer; position:relative; display:block; color:#fff; cursor:pointer; background-color:#0f4f81; margin:0 5px 0 0; padding:5px 10px; }
.ptg-matrix-fix-menu > li:hover, .ptg-matrix-fix-menu > li.selected{ background-color:#2e78b3; }

.ptg-matrix-content-box{ float:left; width:100%; background:#F7F7F7; padding:15px; border:1px solid #0f4f81; border-color:#0f4f81 !important; }
.ptg-matrix-content-box h3{ float:left; width:100%; margin:0 0 5px; color:#0f4f81 !important; font-size:16px; font-weight:bold; }
.ptg-matrix-standard-content{ float:left; width:100%; margin:0 0 25px; color:#212121; font-size:14px; font-weight:normal; }

.ptg-matrix-ball-flight-menu{ float:left; width:100%; margin:0; padding-left:0; list-style:none; }
.ptg-matrix-ball-flight-menu > li{ float:left; cursor:pointer !important; position:relative; display:block; color:#fff; cursor:pointer; border-radius:5px; background-color:#0f4f81; margin:0 5px 0 0; padding:5px 10px; }
.ptg-matrix-ball-flight-menu > li:hover, .ptg-matrix-ball-flight-menu > li.selected{ background-color:#2e78b3; }
.ptg-matrix-ball-flight-menu > li.selected:before{ font-family:dashicons; content:"\f147"; line-height:1; font-weight:400; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:14px; height:14px; font-size:14px; vertical-align:top; text-align:center; transition:color .1s ease-in; padding-right:5px; line-height:26px; }

.ptg-matrix-fault-menu{ float:left; width:100%; margin:0; padding-left:0; list-style:none; }
.ptg-matrix-fault-menu > li{ float:left; cursor:pointer !important; position:relative; display:block; color:#fff; cursor:pointer; border-radius:5px; background-color:#0f4f81; margin:0 5px 0 0; padding:5px 10px; }
.ptg-matrix-fault-menu > li:hover, .ptg-matrix-fault-menu > li.selected{ background-color:#2e78b3; }
.ptg-matrix-fault-menu > li.selected:before{ font-family:dashicons; content:"\f147"; line-height:1; font-weight:400; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:14px; height:14px; font-size:14px; vertical-align:top; text-align:center; transition:color .1s ease-in; padding-right:5px; line-height:26px; }

.ptg-matrix-fault-video-list{ float:left; width:100%; margin:0; padding-left:0; list-style:none; }
.ptg-matrix-fault-video-list > li{ float:left; cursor:pointer !important; position:relative; display:block; color:#fff; cursor:pointer; border-radius:5px; background-color:#0f4f81; margin:0 5px 0 0; padding:5px 10px; }
.ptg-matrix-fault-video-list > li:hover, .ptg-matrix-fault-video-list > li.selected{ background-color:#2e78b3; }
.ptg-matrix-fault-video-list > li.selected:before{ font-family:dashicons; content:"\f147"; line-height:1; font-weight:400; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:14px; height:14px; font-size:14px; vertical-align:top; text-align:center; transition:color .1s ease-in; padding-right:5px; line-height:26px; }

.ptg-matrix-drill-video-list{ float:left; width:100%; margin:0; padding-left:0; list-style:none; }
.ptg-matrix-drill-video-list > li{ float:left; cursor:pointer !important; position:relative; display:block; color:#fff; cursor:pointer; border-radius:5px; background-color:#0f4f81; margin:0 5px 0 0; padding:5px 10px; }
.ptg-matrix-drill-video-list > li:hover, .ptg-matrix-drill-video-list > li.selected{ background-color:#2e78b3; }
.ptg-matrix-drill-video-list > li.selected:before{ font-family:dashicons; content:"\f147"; line-height:1; font-weight:400; font-style:normal; speak:none; text-decoration:inherit; text-transform:none; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:14px; height:14px; font-size:14px; vertical-align:top; text-align:center; transition:color .1s ease-in; padding-right:5px; line-height:26px; }

.ptg-matrix-video-standard{ float:left; width:100%; display:none; }

.ptg-matrix-fix-menu-select{ display:none !important; float:left; width:100%; margin:10px 0 0 !important; }

@media only screen and (max-width: 1170px) {
	.ptg-matrix-fix-menu{ display:none !important; }
	.ptg-matrix-fix-menu-select{ display:block !important; }
}

@media only screen and (max-width: 1010px) {
	.ptg-matrix-top-menu-item{ width:50%; }
}

@media only screen and (max-width: 975px) {
	.ptg-matrix-left{ width:40%; }
	.ptg-matrix-right{ width:59%; }
}

@media only screen and (max-width: 650px) {
	.ptg-matrix-top-menu-item{ width:100%; text-align:center; }
	.ptg-matrix-top-menu-item:first-child{ margin-top:20px; margin-bottom:30px; }
	.ptg-matrix-top-menu-item > button{ float:none; display:inline-block; }
	.ptg-matrix-left{ width:100%; }
	.ptg-matrix-right{ width:100%; margin-left:0px; }
}

/* Simple Version Starts */
.matrix-simple-wrap{ position:relative; float:left; width:100%; overflow:hidden; }

.matrix-simple-selection{ float:left; width:100%; transition: all .4s ease-out; }
.matrix-simple-selection.completed{ margin-left:-200%; }
.matrix-simple-selection.completed.farleft{ margin-left:-400%; }

.matrix-simple-results{ position:relative; float:left; width:100%; transition: all .4s ease-out; margin-left:200%; }
.matrix-simple-results.ready{ margin-left:0px; }
.matrix-simple-results.ready.completed{ margin-left:-200%; }

.matrix-fault-details{ position:relative; float:left; width:100%; transition: all .4s ease-out; margin-left:200%; }
.matrix-fault-details.ready{ margin-left:0px; }

.matrix-simple-h1{ position:relative; float:left; width:100%; text-align:center; font-size:32px; font-weight:lighter; color:#444 !important; margin:45px 0 20px; padding:0 25px; }

.matrix-simple-top-bar{ float:left; width:100%; margin:0 0 120px 0; }
.matrix-simple-step-item{ float:left; width:24%; background:#bfd1e0; color:#FFF; padding:25px 0 0; margin-right:1.333333%; }
.matrix-simple-step-item:nth-child( n+4 ){ margin-right:0; }
.matrix-simple-step-item.current{ background:#0b5897; }
.matrix-simple-step-item.completed{ background:#333; }
.matrix-simple-step-num{ float:left; width:100%; text-align:center; font-size:24px; }
.matrix-simple-step-label{ float:left; width:100%; text-align:center; font-size:16px; }
.matrix-simple-step-value{ float:left; width:100%; text-align:center; font-size:14px; font-weight:bold; margin-bottom:15px; }

.ptg-matrix-simple-wrap{ float:left; width:100%; margin-top:25px; padding:50px 0; }
.ptg-matrix-simple-wrap > h1{ text-align:center; float:left; width:100%; margin-bottom:50px; }

.mx-step1-choice{ float:left; width:40%; text-align:center; font-size:18px; font-weight:bold; text-align:right; }
.mx-step1-choice:last-child{ text-align:left; }
.mx-step1-choice > div{ display:inline-block; width:150px; height:150px; text-align:center; background:#333; color:#FFF; font-size:16px; font-weight:bold;  }
.mx-step-choice-or{ float:left; width:20%; text-align:center; font-size:32px; font-weight:bold; line-height:150px; }

.matrix-simple-step-options{ list-style:none !important; float:left; width:100%; margin:0; padding:30px 20px 20px; text-align:center; border:1px solid #0b5897; border-color:#0b5897 !important; background:#FFF; }
.matrix-simple-step-options > li{ float:left; width:100%; text-align:center; padding:0px; margin:0; }
.matrix-simple-step-options > li input{ }
.matrix-simple-step-options > li label{ font-size:18px !important; font-weight:normal !important; text-align:left; }

.matrix-simple-start-wrap{ float:left; width:100%; text-align:center; }
.matrix-simple-start-button, .matrix-simple-results-button{ cursor: not-allowed; margin:0 auto; border-radius:6px; display:inline-block;padding:8px 45px; background:#bfd1e0; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase; }
.matrix-simple-start-button.ready, .matrix-simple-results-button.ready{ background:#0b5897; cursor:pointer; }
.matrix-simple-result-half{ width:49%; margin-right:1.5%; }
.matrix-simple-result-half:nth-child( 2n+2 ){ margin-right:0; }
.matrix-simple-result-half:nth-child( 2n+1 ){ clear:both; }

.matrix-simple-step-item.steep{ background:#970b0b; }
.matrix-simple-step-item.steep .matrix-simple-step-options{ border-color:#970b0b !important; }
.matrix-simple-step-item h3{ font-size:18px; color:#FFF; text-align:center; float:left; width:100%; }

.matrix-back1, .matrix-back2{ position:absolute; left:0; top:0; cursor:pointer; }
.matrix-restart{ position:absolute; right:0; top:0; cursor:pointer; }
.matrix-back1 > span, .matrix-back2 > span, .matrix-restart > span{ font-size:28px; background:#0b5897; width:36px; height:36px; border-radius:36px; line-height:36px; color:#FFF; }
.matrix-restart > span{ font-size:22px; }

.no-results{ float:left; width:100%; text-align:center; color:#222; font-weight:bold; }

.matrix-simple-full{ float:left; width:100%; background:#f5f5f5; padding:15px; border:1px solid #0b5897; border-color:#0b5897 !important; margin-bottom:25px; }
.matrix-simple-left{ float:left; width:35%; }
.matrix-simple-left h3, .matrix-simple-full h3{ float:left; width:100%; font-weight:bold !important; font-size:16px; margin:15px 0 0; text-transform:uppercase !important; color:#0b5897; }
.matrix-simple-left h3.first, .matrix-simple-full h3.first{ margin-top:0px !important; }
.matrix-simple-left h3{ text-align:center; }
.matrix-simple-description{ float:left; width:100%; font-size:14px; color:#444 !important; }

.matrix-simple-ball-flight-item{ float:left; width:50%; position:relative; text-decoration:underline; cursor:pointer; font-size:16px; font-weight:bold; }
.matrix-simple-ball-flight-item > span{ display:none; position:absolute; z-index:9; left:0; top:100%; width:450px; height:200px; overflow-y:auto; padding:15px; background:#efefef; color:#222; border:1px solid #999; border-color:#999 !important; }
.matrix-simple-ball-flight-item:hover{ color:#0b5897; }
.matrix-simple-ball-flight-item:hover > span{ display:block; }

.matrix-simple-right{ float:right; width:63%; background:#f5f5f5; }
.matrix-simple-videos{ float:left; width:100%; }

.matrix-simple-video{ float:left; width:100%; position: relative; padding-bottom: 56.25%; overflow: hidden; background:#000; }
.matrix-simple-video iframe, .matrix-simple-video object, .matrix-simple-video embed{ position:absolute; left:0; top:0; width:100%; height:100%; }

.matrix-simple-video-section-wrap > h3{ float:left; width:100%; margin:25px 0 0; text-align:center; padding:0px 15px; }
.matrix-simple-video-section-wrap > p{ float:left; width:100%; margin:5px 0; padding:5px 15px 15px; }

.matrix-simple-video-button{ position:relative; float:left; width:100%; margin:5px 0; border:1px solid #FFF; border-color:#FFF !important; padding:5px 25px 5px 25px; text-align:center; background:#0b5897; color:#FFF; font-weight:bold; cursor:pointer; font-size:15px; line-height:26px; }
.matrix-simple-video-button > .dashicons-controls-play{ display:none; position:absolute; left:5px; top:5px; color:#FFF; font-size:26px; }
.matrix-simple-video-button > .dashicons-arrow-right-alt2{ display:none; position:absolute; right:5px; top:5px; color:#FFF; font-size:26px; }
.matrix-simple-video-button:hover{ background:#619ece; }
.matrix-simple-video-button.selected{ background:#222; }
.matrix-simple-video-button.selected > .dashicons-controls-play{ display:none; }
.matrix-simple-video-button.selected > .dashicons-arrow-right-alt2{ display:block; }


@media only screen and (max-width: 768px) {
    .matrix-simple-left, .matrix-simple-right, .matrix-simple-result-half, .matrix-simple-step-item, .matrix-simple-ball-flight-item{ width:100%; margin-right:0; }
}
    
.b-contain *, .b-contain *::before, .b-contain *::after {
	box-sizing: content-box !important;
}

.b-contain input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.b-contain span {
	line-height: 1.54;
	font-size: 15px !important;;
	font-family: inherit;
    text-transform:uppercase;
}

.b-contain {
	display: table;
	position: relative;
	padding-left: 2.3rem;
	cursor: pointer;
	margin-bottom: .5rem;
    margin-left:20px;
}

.b-contain input[type="checkbox"] ~ .b-input {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.25rem;
	width: 1.25rem;
	background: rgba(241, 245, 248, 1);
	transition: background 250ms;
	border: 1px solid rgba(184, 194, 204, 1);
	border-radius: 0.125rem;
}

.b-contain input[type="radio"] ~ .b-input {
	position: absolute;
	top: 0;
	left: 0;
	height: 1.25rem;
	width: 1.25rem;
	background: rgba(241, 245, 248, 1);
	transition: background 250ms;
	border: 1px solid rgba(184, 194, 204, 1);
	border-radius: 2.0rem;
}

.b-contain input[type="checkbox"] ~ .b-input::after {
	content: '';
	position: absolute;
	display: none;
	left: .45rem;
	top: .18rem;
	width: .25rem;
	height: .6rem;
	border: solid rgba(255, 255, 255, 1);
	border-width: 0 2px 2px 0;
	transition: background 250ms;
	transform: rotate(45deg);
}

.b-contain input[type="radio"] ~ .b-input::after {
	content: '';
	position: absolute;
	display: none;
	left: .25rem;
	top: .25rem;
	width: .75rem;
	height: .75rem;
	border-radius: 2.0rem;
	background: rgba(255, 255, 255, 1);
	transition: background 250ms;
}

.b-contain input:disabled ~ .b-input::after {
	border-color: rgba(135, 149, 161, 1);
}

.b-contain input:checked ~ .b-input::after {
	display: block;
}

.b-contain:hover input ~ .b-input,
.b-contain input:focus ~ .b-input {
	background: rgb(231, 238, 243);
}

.b-contain input:focus ~ .b-input {
	box-shadow: 0 0 0 2px rgba(52,144,220,0.5);
}

.b-contain input:checked ~ .b-input {
	background: rgba(0, 130, 243, 1);
	border-color: rgba(0, 130, 243, 1);
}

.b-contain input[type="checkbox"]:disabled ~ .b-input {
	background: rgba(241, 245, 248, 1);
	border-color: rgba(184, 194, 204, 1);
	opacity: 0.6;
	cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input {
	background: rgba(241, 245, 248, 1);
	border-color: rgba(184, 194, 204, 1);
	opacity: 0.6;
	cursor: not-allowed;
}

.b-contain input[type="radio"]:disabled ~ .b-input::after {
	background: rgba(135, 149, 161, 1);
}

.b-contain input:checked:focus ~ .b-input, .b-contain:hover input:not([disabled]):checked ~ .b-input {
	background: rgba(13, 143, 255, 1);
	border-color: rgba(13, 143, 255, 1);
}

.b-contain .b-input::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	margin-left: -0.85rem;
	margin-top: -0.85rem;
	background: rgba(0, 130, 243, 1);
	border-radius: 2rem;
	opacity: .6;
	z-index: 99999;
	transform: scale(0);
}

@keyframes b-ripple {
	0% {
		transform: scale(0);
	}

	20% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

@keyframes b-ripple-duplicate {
	0% {
		transform: scale(0);
	}

	30% {
		transform: scale(1);
	}

	60% {
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1);
  	}
}

.b-contain input + .b-input::before {
	animation: b-ripple 250ms ease-out;
}

.b-contain input:checked + .b-input::before {
	animation-name: b-ripple-duplicate;
}

.b-contain .b-input::before {
	visibility: hidden;
}

.b-contain input:focus + .b-input::before {
	visibility: visible;
}

.b-contain:first-child .b-input::before {
	visibility: hidden;
}