/* CUSTOM COLOURS */
.as-orange 			{	color: #ea753c;					}
.as-bg-orange 		{	background-color: #ea753c;		}
.as-grey			{	color: #f4eeeb;					}
.as-bg-grey			{	background-color: #f4eeeb;		}
.as-white			{ 	color: #fff;					}
.as-bg-white		{	background-color: #fff;			}
.as-dark-orange		{	color: #eb6b1e;					}
.as-bg-dark-orange 	{	background-color: #eb6b1e;		}
.as-bg-dark-grey	{	background-color: #f6f6f6;		}
.as-red 			{	color: #f83600;					}


/* CUSTOM STYLES */
.as-slider-row		{ 	top: 144px; height: 524px; border-bottom: 12px solid #ea753c; background-color: #ea753c;  																		}
.as-bg-questions		{ 	background-image: linear-gradient(to top right, #e79b17, #ff512f);																							}
.as-privacy-background 	{ 	background-image: linear-gradient(to top right, #e79b17, #ff512f); opacity: 0.9; transition: all 0.5s ease-in-out;																			}
.as-pathway-row		{ 	height: 424px; background-image: url('../img/pathway-background.jpg'); background-size: auto 424px; background-position: center; background-repeat: no-repeat;	}
.as-myspa-row 		{	height: 584px; background-image: url('../img/orange-bg.png'); background-size: auto 584px; background-position: center; background-repeat: no-repeat; 			} 
.as-swing-man		{	background-image: url('../img/man-with-swing.jpg'); background-size: cover; background-position: top center; background-repeat: no-repeat;						}
header 				{	position: fixed; width: 100%; z-index: 100;																														}
footer 				{ 	border-top: 12px solid #eb3710; 																																}
.as-header-container{	background-image: url('../img/top-banner.png');	height: 68px !important; background-color: #f0eae7; background-repeat: no-repeat; background-position: calc(50% - 1050px) 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;	}
.as-close-lines		{	line-height: 1em;					}
#as-orange-slash 	{ 	float: right;	 }
h1,h2,h3,h4,h6 		{	font-family: "vag-rundschrift-d",sans-serif;																													}
h5 					{	font-family: 'Alegreya Sans', sans-serif; font-weight: 300;																										}
p 					{	font-family: 'Alegreya Sans', sans-serif; line-height: 1.2em; margin-bottom: 0.5em;																				}

/* SLIDER STYLES */
.as-slider-frame 	{	height: 512px; position: absolute; width: 100%;	left: 0; background-size: cover; background-position: top center; opacity: 0;	}
#as-slider-1 		{	background-image: url('../img/slider-1.jpg');																					}
#as-slider-2 		{	background-image: url('../img/slider-2.jpg');																					}
#as-slider-3 		{	background-image: url('../img/slider-3.jpg');																					}
#as-slider-4 		{	background-image: url('../img/slider-4.jpg');																					}
.as-slider-frame img {	height: 512px;	overflow: hidden;																								}

.as-resource,   { 	box-shadow: 0px 0px 14px #999; padding-bottom: 15px;	}

/* LAYOUT ADJUSTMENTS */
.as-144-spacer 	{	height: 144px; width: 144px; clear: both;	}
.as-124-spacer 	{	height: 68px; width: 68px; clear: both; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;	}
.as-50-spacer 	{	height: 50px; width: 50px; clear: both;		}
.as-40-spacer 	{	height: 60px; width: 40px; clear: both;		}
.as-30-spacer 	{	height: 30px; width: 30px; clear: both;		}
.as-20-spacer 	{	height: 20px; width: 20px; clear: both;		}
.as-10-spacer 	{	height: 10px; width: 10px; clear: both;		}
.as-50-width	{	max-width: 49% !important; float: left; padding-right: 15px; margin-bottom: 0px !important;	}

/* RETINA IMAGE HANDLING */
#as-header-logo		{	width: 158px; height: 26px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;	}	
#as-header-shadow 	{ 	width: 60%; position: absolute; top: 68px; left: 20%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#as-quiz-shadow		{	width: 60%; z-index: 20; position:relative; top: 40px; }
#as-swing			{	width: 100%; min-width: 320px;			}
#as-pathway-icons 	{	max-height: 344px;	}
#as-myspa-icon 		{ 	width: 60px; 	}
#as-myspa-screens 	{	width: 100%; max-width: 450px; 	}
#as-myspa-features 	{ 	height: 100px; 	}
#as-app-icon 		{ 	height: 40px; 	}
#as-novartis-logo	{	width: 158px;	}
#as-novartis-logo-footer	{	width: 208px;	}
#as-nass-logo		{	height: 110px; max-width: 350px;	}
#as-raj-video		{	max-width:	500px; width: 100%;	}
.as-resource img	{ 	max-width: 100%; margin-bottom: 15px; }
#as-orange-slash	{	max-width: 189px; }
.as-pathway-icons	{ 	max-width: 155px; width: 100%; }

/* BUTTONS */
button {
	background-color: #fff;
	border: 2px solid #ea753c;
	color: #ea753c;
	transition: 0.5s ease-in-out;
	font-family: "vag-rundschrift-d",sans-serif;
	width: 150px;
	padding: 5px 0px;
}

button:hover {
	background-color: #ea753c;
	color: #fff;
}

button.as-whiteout {
	background-color: #ea753c;
	color: #fff;
	border: 1px solid #fff;
}

button.as-whiteout:hover {
	background-color: #fff;
	color: #ea753c;
}

button.as-whiteout a {
	display: initial;
	color: #fff;
}

button.as-whiteout a:hover {
	color:#ea753c;
	background-color: #fff;
}

button.as-wide-button {
	width: 250px;
}

button.as-white-button {
	background-color: #fff;
}

button a, button.as-white-button a, button.as-wide-button a {
	display: block;
	color: #ea753c;
}	

button a:hover, button.as-white-button a:hover, button.as-wide-button a:hover{
	color: #fff;
}	

button.as-white-button:hover {
	background-color: #ea753c;
	color: #fff;
}

button a:hover {
	text-decoration: none;
}

/********************* QUESTIONS **************************/

.as-bg-questions 		{	height: 450px; padding: 40px 0px;																				}
.as-question-number, .as-question-text, .as-question-text-center {	color: #fff; font-family: "vag-rundschrift-d",sans-serif; font-size: 1.4em;	font-weight: 300;	}
.as-question-number 	{	border-bottom: 5px solid #f84a2c; padding-bottom: -3px;	font-weight: 400; 										}
.as-questions-popup 	{	display: none; position: absolute; z-index: 10;	padding: 20px; width: 600px; background-color: #f87d00;			}
.as-answer-option 		{	float:left;	width: 130px; height: 105px; margin-right: 16px; margin-top: 24px; background-color: #f87d00; color: #fff; padding-top:10px; text-align: center; font-weight: 300; font-family: 'Alegreya Sans', sans-serif; transition: background-color 0.5s; }
.as-answer-option:hover {	background-color: #f84a2c; box-shadow: 0px 4px 1px #a92805;														}
.as-answer-text-option textarea 	{	width: 400px; resize:none; height: 80px; float:left;												}
.as-answer-text-option button 		{	background-color: #f87d00; border-color: #fff; position: relative; top: 40px; left:10px;			}
.as-slim 				{	width: 71px !important;																							}
.as-progress-icon 		{	float:left; border: 1px solid #fff; background-color: #fff; color: #666; border-radius:50%; width: 20px; height: 20px; vertical-align: middle; font-size: 12px; margin-right: 10px; text-align: center; }
.as-progress-selected 	{	background-color: #f84a2c; color: #fff; width: 26px; height: 26px; margin-top:-3px; padding-top: -1px; font-size: 16px; 	}
.as-progress-complete 	{	background-color: #f84a2c; color: #fff; border-color: yellow;													}
.as-questions-label 	{	float:left; color: #fff; font-family: "vag-rundschrift-d", sans-serif; font-weight: 300; padding-right: 20px;	}
.as-questions-progress 	{	clear:both; padding-top: 20px;																					}
.as-questions-privacy	{	position: relative; top: 10px;																					}
.as-image 				{	float:left;																										}
.as-questions-holder 	{	float:left;	max-width: 610px;																					}
.as-controls 			{	clear: both; padding-top: 20px;																					}
.as-back-button, .as-start-again {	float: right; color: #fff;																				}
.as-back-button, .as-start-again { 	color: #fff; display: block; border: 1px solid #fff; width: 100px; height: 30px; margin-left: 10px; text-align: center; padding-top:5px; transition: background-color 0.5s; }
.as-back-button:hover, .as-start-again:hover {	color: #f87d00;	background-color: #fff;														}
.as-questions-privacy 	{	float:left;																										}
.as-question 			{	display: none;																									}
#as-current-image 		{	width: 500px; position: relative; left: -160px;																	}
#q1 					{	display: block;																									}
.as-privacy-background	{	height:0px; margin-top: -400px; display: none; z-index: 19;														}
.as-characters			{	color: #fff; font-size: 12px; clear: both; 																		}

/********************* RESPONSIVE ELEMENTS *********************/
/* LARGE DESKTOP */
@media (max-width: 1199.98px) {
	#as-current-image {
		width: 400px;
		left: -140px;
	}
}

/* SMALL DESKTOP */
@media (max-width: 991.98px) {
	.as-no-tab br 		{	display: none;															}
	#as-current-image 	{	width: 300px; left: -130px; top: 40px;									}
	.as-questions-holder{	min-width: 590px; left: -120px; position: relative;						}
	.as-pathway-row { background-image: none !important;	height: auto !important; 	}
	.as-myspa-row { background-position: bottom right; height: auto !important; background-image: url('../img/orange-bg-mobile.png'); }
	.as-pathway-mobile-bg { background-image: url('../img/pathway-background.png'); background-position: left;}
	.header-disclaimer 		{   opacity:0; 													}
	.mobile-header-disclaimer {	display: block !important;												}
}
/* TABLET */
@media (max-width: 767.98px) {
	.as-no-mob 			{	display: none;													}
	#as-header-shadow 	{	width: 100% !important;	left: 0% !important;					}
	#as-quiz-shadow 	{	width: 100% !important;	left: 0% !important; 					}
	#as-slider-1 		{	background-image: url('../img/slider-tablet-1.jpg') !important;	}
	#as-slider-2 		{	background-image: url('../img/slider-tablet-2.jpg') !important;	}
	#as-slider-3 		{	background-image: url('../img/slider-tablet-3.jpg') !important;	}
	#as-slider-4 		{	background-image: url('../img/slider-tablet-4.jpg') !important;	}
	#as-current-image 		{	left: 0px; top:-30px; width: 240px;							}
	#as-image-holder		{	width: 100%; text-align: center;							}
	.as-bg-questions 		{	height: 730px; padding: 40px 0px;							}
	.as-questions-holder 	{	min-width: 100%; float:left; width: 100%; left: initial; top: -60px;	}
	.as-answer-option 		{	float:none;	width: 100%; height: 45px; margin-right: 0px; margin-top: 15px; text-align: left; padding-left: 10px; }
	.as-answer-option br 	{	display: none;												}
	.as-answer-option input	{	margin-right: 10px; 										}
	.as-questions-label		{	display: none;												}
	.as-slim 				{	width: 48% !important; float: left !important; margin-right: 2%; 				}
	.as-back-button 		{	float: right; clear: both;									}
	.as-privacy-background	{	margin-top: -700px; height: 700px !important;				}
	.as-characters			{	position: relative; top: -30px;								}
	.as-questions-popup		{ 	width: 100% !important; top: 100px; 						}
	.as-answer-text-option textarea {	width: 100%;										}	
	.as-answer-text-option button 	{ 	left: 0px;											}
	.as-questions-progress	{	padding-top: 40px;											}

/* MOBILE */
@media (max-width: 574.98px) {
	.sticky 			{	height: 43px !important; 										}
	.as-change-40		{	-webkit-transition: all 0.4s ease; transition: all 0.4s ease;	}
	.as-scroll-logo		{	width: 102px !important; height: 17px !important;				}
	.nass-scroll-logo   {   width: 52px !important; height: 32px !important; margin-top: 7px;				}
	.as-header-shadow 	{ 	top: 43px !important;											}
	#as-quiz-shadow 	{	width: 100% !important;	left: 0% !important; top: 35px;			}
	.as-mob-40			{	height: 10px !important;										}
	.as-40-spacer 		{	height: 40px !important;										}
	.as-mob-124			{	height: 42px !important;										}
	#as-slider-1 		{	background-image: url('../img/slider-mobile-1.jpg') !important;	}
	#as-slider-2 		{	background-image: url('../img/slider-mobile-2.jpg') !important;	}
	#as-slider-3 		{	background-image: url('../img/slider-mobile-3.jpg') !important;	}
	#as-slider-4 		{	background-image: url('../img/slider-mobile-4.jpg') !important;	}
	.as-slider-row		{	height: 407px !important; top: 72px !important;				   	}
	.as-slider-frame	{	height: 395px !important;										}
	#as-myspa-icon		{	width: 100px !important;										}
	#as-app-icon		{	max-width: 150px !important;									}
	p 					{	font-size: 1.2em;												}
	button 				{	width: 100%; font-size: 1.3em;									}
	.as-pathway-row { background-image: none !important;	height: auto !important; }
	.as-pathway-row img, .as-myspa-row img { 	width: 100% !important;	height: auto !important; }
	.as-myspa-row { background-size: contain; background-image:url('../img/orange-bg-small.png'); }
	/* QUESTIONS */
	.as-back-button a, .as-start-again a {padding-top: 3px !important;}
	.as-privacy-background p { font-size: 16px; }

}
    
						}


.covid      { 
    background-image: url('../img/slider-1.jpg');
    background-size: cover; background-position: top center; height: 512px;}

button.as-yellow-button {
	background-color: #f5e000;
}

.as-question-text-center,
.association,
.logos,
.section-heading{
    text-align: center;
    line-height: 1.5;
}

.nass-section,
.monitoring-section,
.exercise-section,
.other-section{
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
}

.monitoring-section{
    background-color: #ebe5e2;
    background-image: url('../img/corner3.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 95px;
}

.exercise-section{
    background-color: #d4611c;
}

.other-section{
    background-color: grey;
}

.resource {
    font-size: 120%;
    color: #4f4f4f;
    text-align: center;
}

.freq-link,
.freq-link-blue {
    text-decoration: underline;
}

.freq-link-blue {
    color:  #225590;
}

.intro-rev-link{
    color:  #fff;
    text-decoration: underline;
}

.base,
.strip {
    background-color: #ea753c;
    padding-top: 0px;
    padding-bottom: 1px;
    text-align: center;
    min-height: 10px;
}

.strip {
    background-color: #244990;
}

.cov-section-heading,
.cov-section-heading-main,
.cov-section-subhead,
.cov-section-subhead-blue {
    font-size: 220%;
    color: #555;
    vertical-align: middle;
}

.cov-section-heading-main {
    font-size: 260%;
    vertical-align: text-bottom;
}

.cov-section-subhead-blue{
    color: #0460a9;
    font-size: 160%;
}

.cov-section-subhead{
    font-size: 160%;
}

.cov-body,
.cov-body-small {
    font-size: 120%;
    line-height: 1.5;
    color: #555;
}

.cov-body-small{
    font-size: 90%;
}

a {
    color: #ffffff;
    text-decoration: underline;
}

a:hover {
color: orange;
}

hr{
    padding-top: 2em;
    padding-bottom: 0em;
    margin-bottom: 0;
}

.center-arrow{
    align-items: center;
    width= 5%;
    padding-top: 0px;
    vertical-align: top;
}

.midsize{
    font-size: 130%;
    line-height: 1.6;
}

.page-heading {
    font-size: 300%;
}

.small-size {
    font-size: 100%;
}

.icons {
    width: 40px;
    height: 40px;
}

.tint {
    background-color: #e5f0f8
}

.shad{ 
    box-shadow: 0px 0px 30px #b5b5b5; 
    padding-bottom: 30px;
}

.text-bottom {
    vertical-align: text-bottom;}

.baseline {
    vertical-align: baseline;
}

.nass-logo-top{
    width:80px; position: relative; top:-12px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
}

.linespacing{
    line-height: 1.2;
}