/* CSS Document */
body {
	background: #000 !important;
}
.logo {
	margin: 10px 0;
}
.homeFriendly{
   font-weight: 400;
    color: #ffd206;
    font-size: 18px;
    max-width: 332px;
    margin: 0 auto;
}
.recommendtitle {
    font-size: 17px;
    margin-bottom: 4px;
}
.ax-psq-wrap .transcribed-prg-txt {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 400;
	margin: 0 auto 20px;
	max-width: 650px;
}
.chooseOption {
    font-size: 15px;
    color: #646464;
}
.ax-psq-wrap {
	color: #ffffff;
	padding: 30px 0;
	max-width: 650px;
	box-sizing: border-box;
    min-height: 620px;
    /* max-height: 620px; */
	flex-grow: 1;
	z-index: 5;
}
.ax-psq-wrap * {
	line-height: 1.2em;
}
.homeSelctorWraper {
	display: flex;
    max-width: 1300px;
    margin: 0 auto;
}
.mouseDown {
    box-shadow: inset 0 0 11px 5px rgb(0 0 0);
    border-color: #656565 !important;
}
.selectorJeffImage img {
    margin-left: -142px;
	max-width: 764px;
	height: auto !important;
	position: relative !important;
	min-width: 764px;
	bottom: -5px !important;
}

.selectorJeffImage {
	position: relative;
	align-self: flex-end;
	flex-shrink: 1;
	width: 50%;
}
.ax-psq-box {
	border-radius: 10px;
	padding: 10px;
	font-size: 26px;
	font-weight: 100;
	margin-bottom: 10px;
	background: #3c3c3c;
	background-position: center top;
	background-size: contain;
	min-height: 515px;
    max-width: 480px;
	box-sizing: border-box;
}

.ax-psq-box.darkColor {
    background: url(https://athleanx.com/wp-content/themes/engage-ax/psq/darkaxbackground.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.ax-psq-top-text {
	padding-bottom: 10px;
}
.ax-psq-top-text span {
	width: 33%;
	display: block;
	float: left;
	font-size: 19px;
	text-align: center;
	font-weight: 700;
	line-height: 1.2em;
	color: #313131;
}
.ax-psq-shred-text.psq-head-txt {
    font-size: 28px;
}
.ax-psq-top-text span.active {
	color: #ffffff;
}
.ax-psq-nav-bar {
	/*border-top: 2px solid #313131;
	border-bottom: 2px solid #313131;
	background: #1a1a1a;*/
	width: 100%;
	position: relative;
	flex: 1;
	align-self: center;
}
#ax-psq-prog {
	background: -moz-linear-gradient(left, rgba(165,14,21,0) 0%, rgba(165,14,21,0.64) 28%, rgba(165,14,21,1) 44%, rgba(165,14,21,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(165,14,21,0) 0%,rgba(165,14,21,0.64) 28%,rgba(165,14,21,1) 44%,rgba(165,14,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(165,14,21,0) 0%,rgba(165,14,21,0.64) 28%,rgba(165,14,21,1) 44%,rgba(165,14,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a50e15', endColorstr='#a50e15',GradientType=1 ); /* IE6-9 */
	height: 25px;
	width: 05%;
	max-width: 100%;
    position: absolute;
    left: 0;
    top: -12px;
}
.ax-psq-tab {
	display: none;
	text-align: center;
	margin: 10px;
	position: relative;
    min-height: 430px;
    padding: 30px 0 0 0;
    box-sizing: border-box;
}
.ax-psq-tab.active {
	display: block;
}
.ax-psq-start.ax-psq-tab {
    padding: 10px 0 0 0;
}
#ax-psq-splash .font-up-2 {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.yellow-text {
    color: #e5c200;
    padding-right: 20px;
}
.psq-start-top {
	text-transform: uppercase;
	font-size: 35px;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.ax-psq-start-text {
	margin: 20px auto;
	width: 83%;
	font-size: 28px;
	line-height: 1.3em;
}
.psq-video {
	max-width: 500px;
	margin: 0 auto 30px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ax-psq-start-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,a50200+100 */
	background: rgb(204,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(165,2,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(165,2,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,0,0,1) 0%, rgba(165,2,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#a50200', GradientType=0 ); /* IE6-9 */
	font-size: 48px;
	line-height: 1.5em;
	width: 185px;
	margin: 10px auto;
	transform: skewX(-20deg);
	font-weight: 900;
	cursor: pointer;
}
.area-focus {
    text-transform: uppercase;
    font-size: 22px;
    margin: 1em;
    font-style: italic;
    color: gold;
}
.noskew {
	transform: skewX(20deg);
}
.ax-psq-gender .ax-psq-center-box {
	margin-top: 60px;
}
.ax-psq-age-text {
	text-align: center;
}
.ax-psq-center-box {
	max-width: 600px;
	margin: 10px auto;
	position: relative;
}
.ax-psq-equip .ax-psq-center-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#ax-psq-exp .ax-psq-center-box {
	max-width: 700px;
}
#ax-psq-age .ax-psq-center-box, #ax-psq-mil .ax-psq-center-box, #ax-psq-pushup .ax-psq-center-box, #ax-psq-pullup .ax-psq-center-box {
	margin-top: 70px;
}
.ax-psq-nxtpop .psq-head-txt {
    margin-bottom: 0px;
}
.ax-psq-red-box {
    background: linear-gradient(rgb(51 51 51) 5%, rgb(0, 0, 0) 100%) rgb(66, 66, 66);
    margin: 10px 1%;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 10px;
	font-weight: 500;
	text-align: center;
	font-size: 22px;
}
.ax-psq-mil-text.psq-head-txt {
    font-size: 24px;
}
.ax-psq-mil-text {
	margin-bottom: 40px;
}
.psq-head-txt {
    font-size: 35px;
    font-weight: 500;
	margin-bottom: 30px;
}
.ax-psq-pullup .psq-head-txt, .ax-psq-pushup .psq-head-txt {
    font-size: 28px;
}
.ax-psq-focus .psq-head-txt {
    font-size: 30px;
}
.ax-psq-gender .ax-psq-red-box {
	margin: 5% 0;
	font-size: 22px;
}
.ax-psq-red-box:hover {
	cursor : pointer;
}
.ax-psq-red-box.selected {
	background: #ff0202;
}
.ax-psq-equip .ax-psq-red-box.ax-psq-single {
    max-width: 80%;
    margin: 0 auto;
}
.ax-psq-equip .ax-psq-red-box {
    width: 40%;
    margin: 5% 1%;
    flex-grow: 1;
}
.ax-psq-red-box-3 {
	width: 31%;
	margin: 7px 1%;
}
/*
.ax-psq-single {
	background: linear-gradient(to bottom, hsl(0, 0%, 19%) 0%, hsl(0, 0%, 18.83%) 7.8%, hsl(0, 0%, 18.37%) 14.6%, hsl(0, 0%, 17.65%) 20.5%, hsl(0, 0%, 16.72%) 25.8%, hsl(0, 0%, 15.63%) 30.6%, hsl(0, 0%, 14.42%) 35.2%, hsl(0, 0%, 13.15%) 39.8%, hsl(0, 0%, 11.85%) 44.5%, hsl(0, 0%, 10.58%) 49.7%, hsl(0, 0%, 9.37%) 55.4%, hsl(0, 0%, 8.28%) 61.9%, hsl(0, 0%, 7.35%) 69.4%, hsl(0, 0%, 6.63%) 78.2%, hsl(0, 0%, 6.17%) 88.3%, hsl(0, 0%, 6%) 100%);
	max-width: 80%;
} */
.ax-psq-hdr {
	font-size: 30px;
    color: #fff;
    font-weight: 900;
}
#ax-psq-exp .ax-psq-hdr {
	font-size: 24px;
}
.ax-psq-content {
	font-size: 18px;
	font-weight: 400;
	padding: 5px;
	line-height: 1.4em;
	position: relative;
	color: #c9c9c9;
}
.whydisabled {
	font-size: 14px;
	font-style: italic;
	line-height: 1.2em;
	bottom: 5px;
	display: none;
	width: 92%;
}
.ax-psq-hist .ax-psq-hist-ul, .ax-psq-nxtpop .ax-psq-hist-ul {
	width: auto;
}
.ax-psq-equip .ax-psq-content {
    font-size: 15px;
}

.ax-psq-equip .ax-psq-hdr {
    font-size: 28px;
}
/*
.ax-psq-exp .ax-psq-red-box, .ax-psq-equip .ax-psq-red-box {
	background: #98000a;
} */
.ax-psq-exp .ax-psq-red-box.active, .ax-psq-equip .ax-psq-red-box.active {
	background: #e0000e;
}
.ax-psq-exp .ax-psq-red-box.disabled {
    background: #3a3a3a;
    border: none;
    cursor: not-allowed;
}
.ax-psq-beast .ax-psq-red-box {
    margin: 5% 0;
}
.ax-psq-exp .ax-psq-red-box, .ax-psq-bf .ax-psq-red-box {
    text-align: left;
	padding: 5px 10px;
}
.ax-psq-askax .ax-psq-red-box {
    margin: 10px 0 30px;
}
.ax-psq-bf-imgs, .ax-psq-bf-f-imgs {
	width: 30%;
	height: 400px;
	float: left;
	background: #404040;
}
.ax-psq-bf-imgs img, .ax-psq-bf-f-imgs img {
	display: none;
	width: 230px;
	margin: 72px auto;
}
.ax-psq-bf .psq-head-txt {
    font-size: 33px;
}
.ax-psq-female {
	display: none;
}
#shred-level {
	margin-left: 40px;
	font-size: 18px;
	display: none;
}
.ax-psq-bf .ax-psq-hdr {
    font-size: 22px;
}
.ax-psq-ul {
	list-style: none;
	float: left;
	width: auto;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 0 2%;
	font-weight: 400;
    padding-left: 0;
}
.ax-psq-ul li {
	color: #AAAAAA;
	display: block;
	position: relative;
}
.ax-psq-ul li input[type=radio] {
	position: absolute;
	visibility: hidden;
}
.ax-psq-ul li input[type=checkbox] {
	position: absolute;
	visibility: hidden;
}
.ax-psq-ul li label {
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 18px;
	margin: 6px auto;
	z-index: 9;
	cursor: pointer;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	color: #ddd;
	padding: 5px 0 5px 20px;
	line-height: 1.2em;
}
.ax-psq-nxtpop .ax-psq-ul li label {
    font-size: 16px;
}
.ax-psq-ul li:hover label {
	color: #fff;
}
.ax-psq-ul li .check {
    display: block;
    position: absolute;
    border: 6px solid #333333;
    border-radius: 100%;
    height: 0;
    width: 0;
    top: 8px;
    left: -5px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    -moz-transition: border .25s linear;
    -o-transition: border .25s linear;
}
.ax-psq-ul li:hover .check {
	border: 5px solid #FFFFFF;
}
.ax-psq-ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 9px;
	width: 9px;
	top: 3px;
	left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
	-moz-transition: background 0.25s linear;
	-o-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
	border-color: #c00;
}
input[type=checkbox]:checked ~ .check {
	border-color:#c00;
}
/*
input[type=radio]:checked ~ .check::before {
	background: #c00;
}
input[type=checkbox]:checked ~ .check::before {
	background: #c00;
} */
input[type=radio]:checked ~ label {
	color: #c00;
}
input[type=checkbox]:checked ~ label {
	color: #c00;
}
/* FOCUS SLIDE */

#focus-slider-wrap {
	background: url(https://athleanx.com/wp-content/themes/engage-ax/psq/verticalScale.png) no-repeat;
	background-size: contain;
	background-position: 30% 0;
	width: 86%;
	margin: 10px auto;
}
#focus-slider {
	position: relative;
	width: 92%;
	margin: 0 auto;
	min-height: 226px;
}
.ui-slider-handle {
    left: 38%;
    background: url(https://athleanx.com/wp-content/themes/engage-ax/psq/red-arrow.png);
    bottom: 50%;
    margin-left: -65px;
    margin-bottom: -7px;
    position: absolute;
    z-index: 2;
    width: 35px;
    height: 15px;
    cursor: default;
    touch-action: none;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.focusSliderText {
    font-weight: 400;
    position: absolute;
    font-size: 18px;
    left: 45%;
    white-space: nowrap;
    text-align: left;
}

.burnFat {
    top: -2%;
}

.burnFatBuild {
    top: 47%;
}

.buildMusc {
    top: 95%;
}
.ax-psq-focus-slide {
	width: 100%;
	margin: 30px 0 0 0;
}
.one-third-slide-top {
	font-size: 19px;
	color: #fff;
	width: 33.3%;
	float: left;
	line-height: 1.4em;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;

}
.text-right {
	text-align: right;
}
.one-third-slide-bottom {
	font-size: 25px;
	line-height: 1.1em;
	margin-top: 10px;
}
.ax-psq-thin-gray {
    font-size: 16px;
    font-weight: 500;
    color: #9f9f9f;
    font-family: "Roboto Condensed";
}
.ax-psq-bottom-buttons {
	position: relative;
	margin: 10px auto;
	display: none;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.numericSteps {
    font-weight: 500;
    position: absolute;
    left: 50%;
    margin-left: -15px;
	top: -10px;
    font-size: 15px;
}


div#ax-psq-next-button.disabled, #ax-psq-back-button.disabled {
	filter: brightness(0.5);
	cursor: not-allowed;
}
.navigationBtn {
    font-weight: 500;
    cursor: pointer;
	flex-shrink: 1;
    font-size: 16px;
    border: 2px solid var(--brand-red);
    width: 48px;
    height: 48px;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    background: #1d1f27;
}
.ax-psq-bump-left {
	float: left;
	max-width: 35%;
}
.ax-psq-bump-left img {
	width: 100%;
	border: 1px solid #404040;
}
.ax-psq-bump-right {
	float: left;
	width: 60%;
	margin-left: 5%;
}
.xeroProgramName {
    font-weight: 300;
}
.ax-sq-bump-text {
	font-size: 21px;
	font-weight: 400;
	line-height: 1.4em;
	text-align: left;
}
.ax-psq-beast-pop .psq-head-txt {
    font-size: 18px;
}
.ax-psq-bump-learn {
	position: absolute;
	bottom: 0px;
	background: #c40000;
	font-size: 24px;
	padding: 4px 20px;
    font-weight: 400;
	cursor: pointer;
	border-radius: 4px;
}
.ax-psq-equip-pop .ax-psq-final-learn-more a {
    font-weight: 400;
    color: #fff;
}
.ax-psq-equip-pop img {
	max-width: 210px;
    width: 60%;
}
.ax-psq-beast-pop .psq-head-txt {
    font-size: 18px;
}
.ax-psq-bump-learn a, .ax-psq-learn a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
}
.ax-psq-no-thanks {
	right: 0px;
}
#ax-psq-final .ax-psq-center-box {
	max-width: 740px;
}
#ax-psq-final-left {
	float: none;
	width: 100%;
	margin: 0 auto;
}
#ax-psq-final-center {
	width: 20%;
	margin-top: 125px;
	display: none;
	position: absolute;
    right: 42%;
    top: -110px;
}
#ax-psq-final-right {
	float: right !important;
	width: 45%;
	display: none;
	margin: 0 0 0 4%;
}
.ax-psq-final-dual #ax-psq-final-left, .ax-psq-final-dual #ax-psq-final-right, .ax-psq-final-dual #ax-psq-final-center {
	float: left;
	display: block;
}
.ax-psq-final-dual #ax-psq-final-left {
	width: 45%;
    margin: 0 4% 0 0;
}

#ax-psq-final-right img, #ax-psq-final-left img {
	width: 60%;
	max-width: 200px;
}
#ax-psq-final-title, #ax-psq-final-title2 {
	margin: 10px 0;
	font-size: 22px;
	min-height: 2.4em;
}
.ax-psq-final-learn-more {
	background: #c40000;
	font-size: 22px;
	cursor: pointer;
	max-width: 80%;
	width: 195px;
	margin: 20px auto;
	text-decoration: none;
	padding: 10px;
}
#ax-psq-final-link, #ax-psq-final-link2 {
	color: white;
}

.ax-psq-final-text {
	line-height: 1.4em;
	margin: 20px 0;
	border-top: 8px solid #333;
	border-bottom: 8px solid #333;
	padding: 20px 0;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	display: none;
}
.ax-psq-final-text img {
	margin-right: 5%;
	float: left;
	width: 25%;
	margin-top: 15px;
	display: none;
}
.ax-psq-final-text2 {
	float: left;
	width: 100%
}
.ax-psq-final-text h2 {
	font-size: 20px;
	font-weight: 700;
}

.psq-jtext-img-wrap {
	padding-top: 20px;
    max-width: 90%;
    margin: 0 auto;
}
.psq-jtext-img {
	max-width: 100%;
}

.ax-psq-box .psq-head-txt {
    padding-top: 0;
}
#ax-psq-gender .psq-head-txt, #ax-psq-age .ax-psq-age-text.psq-head-txt {
    margin-top: 0.2em;
}


	#ax-psq-age .ax-psq-center-box, #ax-psq-mil .ax-psq-center-box, #ax-psq-pushup .ax-psq-center-box, #ax-psq-pullup .ax-psq-center-box {
		margin-top: 20px !important;
	}
	.workoutLocation {
		display: flex;
	}

	.workoutLocation > div {
		flex-grow: 1 !important;
		justify-content: center;
		display: flex;
		padding: 30px 0 !important;
	}

	.gymWorkout, .homeWorkout {
		cursor: pointer;
		position: relative;
		flex: 1 1 50%;
	}
	.gymWorkout:after {
		position: absolute;
		content: "";
		height: 60%;
		width: 1px;
		background: #676767;
		right: -23px;
		top: 20px;
	}
	.workoutLocation h4 {
		font-size: 34px;
		line-height: 1;
		font-weight: 600;
		margin: 7px 0 5px !important;
		font-family: 'Poppins';
	}
	span.bigText {
		font-size: 62px;
		font-weight: 900;
	}

	.psq-start-top.psq-head-txt {
		line-height: .6;
		font-size: 45px;
		font-weight: 900
	}
	.ax-psq-bottom-buttons.active {
    display: flex;
    width: 98%;
    border-radius: 30px;
	background: #1a1a1a;
    padding: 4px;
    box-sizing: border-box;
}
.transcribed-prg-txt p {
    font-size: 24px;
    font-weight: 600;
    color: #a6a6a6;
}

.ax-psq-bottom-buttons.active > div {display: flex;}
@media (max-width: 1000px) {
.psq-jtext-equip {
	position: relative;
	left: auto;
	bottom: auto;
}
}
@media (max-width:767px) {
	.homeSelctorWraper {
		display: flex;
		flex-wrap: wrap;
	}
	.ax-psq-wrap {
		max-width: 100%;
		padding: 0 0 30px 0;
		min-height: 740px;
		max-height: 100%;
   		/* max-height: 740px; */
	}
	.ax-psq-box {
		margin: 0 auto 0 auto;
		padding: 20px 10px 10px;
	}
}
@media (max-width:600px) {
	.selectorJeffImage{
		display: none;
	}
	.ax-psq-box {
		border-radius: 0;
    	background-position: center center;
	}
	.psq-start-top.psq-head-txt {
		font-size: 35px;
	}
	.ax-psq-bf .psq-head-txt {
		font-size: 24px;
	}
	.ax-psq-start-button {
    	font-size: 38px;
	}
	#ax-psq-final-right img, #ax-psq-final-left img {
    	width: 100%;
	}
	.ax-psq-focus-slide {
		margin: 30px 0 40px;
	}
	.ax-psq-start-text {
		font-size: 20px;
	}
	.psq-start-top {
		font-size: 5.2vw;
	}
	.ax-psq-tab {
		margin: 2px;
		min-height: 400px;
	}
	.ax-psq-box {
		font-size: 24px;
	}
	#ax-psq-exp .ax-psq-hdr {
		font-size: 20px;
	}
	.ax-psq-content {
		font-size: 16px;
	}
	.whydisabled {
		font-size: 11px;
	}
	.ax-psq-top-text span {
		font-size: 14px;
	}
	.psq-gender-btns {
		margin-top: 50px;
	}
	.ax-psq-mil-text {
		font-size: 20px;
		line-height: 1.4em;
		padding-top: 50px;
	}
	.ax-psq-ul li label {
		font-size: 14px;
		padding: 10px 0 5px 34px;
	}
	.ax-psq-ul li .check {
		top: 7px;
		padding: 7px 0 5 34px;
	}
	.ax-psq-hist .ax-psq-hist-ul, .ax-psq-nxtpop .ax-psq-hist-ul {
		max-width: 45%;
	}
	.ax-psq-bf-hdr {
		font-size : 24px;
		Line-height: 1.3em;
	}
	.ax-psq-ul, .ax-psq-hist .ax-psq-hist-ul, .ax-psq-nxtpop .ax-psq-hist-ul {
		width: 48%;
	}
	#ax-psq-bf .ax-psq-ul {
		width: 100%;
	}
	.ax-psq-bump-learn {
		position: relative;
		margin: 20px 0;
	}
	.ax-sq-bump-text {
		font-size: 18px;
	}
	.ax-psq-bump-learn {
		font-size: 20px;
	}
	#ax-psq-final-title, #ax-psq-final-title2 {
		font-size: 18px;
	}
	#ax-psq-final-left {
		width: 60%;
	}
	#ax-psq-center {
		margin-top: 75px;
	}
	.ax-psq-center-or {
		font-size: 17px;
	}
	.ax-psq-final-learn-more {
		font-size: 18px;
		width: 140px;
	}
	.ax-psq-wrap .transcribed-prg-txt {
		font-size: 16px;
	}
	span.bigText {
		font-size: 48px;
		font-weight: 900;
	}
	.transcribed-prg-txt p {
    	font-size: 20px;
	}

}







.ax-quiz__popup {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	align-items: flex-start;
	justify-content: space-around;
	min-height: 475px;
}
.ax-quiz__popup img.program-cover {
	display: block;
	width: 125px;
	height: auto;
	border-radius: 3px;
	border: 1px solid var(--size);
}
.ax-quiz__popup .ax-quiz__program {
	display: flex;
	align-items: center;
}
.ax-quiz__popup .ax-quiz__program-info {
	text-align: left;
	padding-left: 1.25rem;
}
.ax-quiz__popup .ax-quiz__program-info p {
    font-weight: 400;
    font-size: 15px;
	line-height: 1.35;
	margin-bottom: 10px;
	letter-spacing: 0.15pt;
}
.ax-quiz__popup .ax-quiz__program-info h3 {
	font-size: 19px;
	line-height: 1 !important;
	font-weight: 700;
	font-family: Roboto Condensed, Roboto;
	margin: 0 0 5px 0;
	color: var(--aalpha);
}
.ax-quiz__popup .ax-quiz__program-info .ax-btn {
	line-height: 16px !important;
}
.ax-quiz__popup .ax-quiz__program-actions {
	display: flex;
	grid-gap: 10px;
	gap: 10px;
}
.ax-quiz__popup .ax-quiz__popup-header {
	width: 100%;
	text-align: center;
	color: #ffd206;
	font-family: Roboto Condensed, Roboto;
}
.ax-quiz__popup .ax-quiz__popup-header h2 {
	line-height: 1;
	font-size: 30px;
	margin-bottom: -5px;
	margin-top: 0.125rem;
	text-transform: uppercase;
	color: #ffffff;
}
.ax-quiz__popup .ax-quiz__popup-header h3 {
	line-height: 1;
	font-size: 19px;
	margin-bottom: 0;
	margin-top: 0.25rem;
	text-transform: uppercase;
	letter-spacing: 0.5pt;
}
.ax-quiz__divider {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffd206;
	width: 100%;
	background: #666;
	height: 1px;
	margin: 1.5rem 0;
}
.ax-quiz__divider span {
	text-transform: uppercase;
	height: 35px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border-radius: 50%;
	box-sizing: border-box;
	padding-right: 5px;
	margin-left: 5px;
	background: #3c3c3c;
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
}

@media screen and (max-width: 479px) {
	.ax-quiz__program {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		max-width: 320px;
    position: relative;
    margin: auto;
	}
	.ax-quiz__popup .ax-quiz__program-info {
		margin-top: 0.5rem;
		text-align: center;
		padding-left: unset;
	}
	.ax-quiz__popup .ax-quiz__program-info p {
		font-size: 17px;
	}
	.ax-quiz__popup img.program-cover {
		width: 125px;
	}
	.ax-quiz__popup .ax-quiz__popup-header h2 {
		font-size: 24px;
	}
	.ax-quiz__popup .ax-quiz__popup-header h3 {
		font-size: 16px;
	}
}