/*
 * Manulife JH Optimized
 *
 * NOTE: Font file import order is important! (because browser issues)
 */
@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Light.13a22eca18c95b72a3c4a26ace46a9a4.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Light.35e2458f291d9fd810e4929ed6cbe851.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-LightItalic.8c118a8e50b7fb6421ac041dbc83d902.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-LightItalic.3198bbedac68104db9df467ec1348a1a.woff) format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized.370826b6d82d3a2dcf3d2f0d28d6ace8.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized.9c9573960113446038628d1983b26d3f.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Italic.e5a400c78a4182cdadc03adf14d3e6b5.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Italic.15ed706a14479f74835ae71441f4eea9.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Demibold.3b00a725881a9dff4cbb3a783414fd6d.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Demibold.e2d805c5606efb42363bf6bed1a0613f.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Demibold.3b00a725881a9dff4cbb3a783414fd6d.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Demibold.e2d805c5606efb42363bf6bed1a0613f.woff) format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Bold.f8dd0e87b6da8f3009d8fc96f0fa6ac6.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-Bold.629d3c6a9b1ece0dd25c87c97cc72b03.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Sans';
  src: url(/hdlpublic/static/media/ManulifeJHSans-Optimized-BoldItalic.59e74c159fe4fc0474ae784340b2b435.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSans-Optimized-BoldItalic.651096f6944a8338527168b2f1a08018.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Manulife JH Serif';
  src: url(/hdlpublic/static/media/ManulifeJHSerif-Optimized-Italic.cbe90c8b13460ddd4d38ee801d8f6ef7.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSerif-Optimized-Italic.43f47385cd375bcf19dd3956d39d0bcb.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manulife JH Serif';
  src: url(/hdlpublic/static/media/ManulifeJHSerif-Optimized-Italic.cbe90c8b13460ddd4d38ee801d8f6ef7.woff2) format('woff2'),
    url(/hdlpublic/static/media/ManulifeJHSerif-Optimized-Italic.43f47385cd375bcf19dd3956d39d0bcb.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}

strong,
b {
  font-family: 'Manulife JH Sans', 'Helvetica', 'Arial', sans-serif;
  font-weight: 700;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.buttonSelectorMain{display:flex;flex-direction:column;max-width:400px}.buttonSelectorMain fieldset{padding:0;border:none;width:100%;margin:0 0 10px 0}.buttonSelectorMain fieldset legend{display:block;line-height:24px;color:#34384b;border-width:0px;margin-bottom:5px;font-family:"Manulife JH Sans","Helvetica","Arial",sans-serif;font-size:16px;font-weight:600;text-align:left;width:auto}.buttonSelectorMain fieldset div{display:flex;margin-top:0;position:relative;z-index:0;clear:left}.buttonSelectorMain fieldset div button{cursor:pointer;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:600;text-align:center;min-width:100px;margin:0;padding:12px 24px;cursor:pointer;font-family:"Manulife JH Sans","Helvetica","Arial",sans-serif;vertical-align:middle;color:#34384b;background-color:#fff;border:2px solid #34384b;border-right:none;width:100%;z-index:2}.buttonSelectorMain fieldset div button:last-child{border:2px solid #34384b}.buttonSelectorMain fieldset div button:hover{background-color:#ededed}.buttonSelectorMain fieldset div button:focus,.buttonSelectorMain fieldset div button.bsSelected{background-color:#34384b !important;border:2px solid #34384b !important;color:#fff !important}.textAreaMain{width:295px;font-family:"Manulife JH Sans",Helvetica,Arial,sans-serif;display:flex;flex-flow:column nowrap}.textAreaMain>div{display:flex;-webkit-box-pack:justify;justify-content:space-between;align-items:flex-end;width:100%;flex-flow:row nowrap}.textAreaMain>div>div{font-size:14px;line-height:24px;color:#5e6073;margin-bottom:7px}.textAreaMain>div>div>span{font-size:14px;line-height:24px;color:#5e6073;margin-bottom:7px}.textAreaMain>div>label{font-family:"Manulife JH Sans",Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:600;color:#34384b;text-align:left;width:auto;display:block;cursor:default;margin-bottom:8px;border-width:0px}.textAreaMain>textarea{font-family:"Manulife JH Sans",Helvetica,Arial,sans-serif;font-size:16px;font-weight:300;line-height:24px;resize:none;outline-style:none;padding:5px;margin:0px;border-style:solid;border-width:1px;border-color:#c2c3c9}.textAreaMain>textarea:focus{border-color:#00a758}.checkBoxMain{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;top:-10px}.checkBoxMain input[type=checkbox]{opacity:0}.checkBoxMain input[type=checkbox]:checked~.dottMark,.checkBoxMain input[type=checkbox]:focus~.dottMark{background-color:#fff;border:solid 2px #00a758}.checkBoxMain input[type=checkbox]:checked~.dottMark:after{display:block}.checkBoxMain .dottMark{position:absolute;top:10px;left:2px;height:28px;width:28px;background-color:#fff;border:solid 1px #5e6073}.checkBoxMain .dottMark:after{left:10px;top:6px;width:5px;height:10px;border:solid #00a758;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute;display:none}.radioButtonMain{position:relative;box-sizing:border-box;width:28px;height:28px;min-width:28px;min-height:28px;vertical-align:bottom;margin-right:12px;-webkit-appearance:none;cursor:pointer;background:#fff;border-style:solid;border-width:1px;border-color:#5e6073;border-radius:50%}.radioButtonMain:checked{border-color:#00a758;border-width:2px}.radioButtonMain:checked::after{height:10px;width:10px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#00a758;border-radius:50%}.errorStateStyle button{border-color:#db1f00 !important}.ccerror{border:2px solid #db1f00}.errorMsg{color:#db1f00;font-family:"Manulife JH Sans","Arial",sans-serif;font-size:16px;line-height:24px;font-weight:400;margin:0;margin-top:.5em !important;text-align:left}.ageSelectorButtons .buttonSelectorMain{margin-top:20px !important}.heightWeightBlock .buttonSelectorMain{margin-top:25px;max-width:50px}.transcriptButtons{z-index:9999 !important;top:12%}@media(min-width: 768px){.transcriptButtons{top:7%}}.transcriptButtons .buttonSelectorMain{width:300px !important}.transcriptButtons aside{background:#fff;top:20%;height:80%;max-height:80%}@media(min-width: 768px){.transcriptButtons aside{height:83%;max-height:83%;top:15%}}.sideNavContainer{height:100% !important;background:#424559;top:0}@media(min-width: 768px){.sideNavContainer{min-width:80px;position:fixed}}@media(max-width: 1023px){.sideNavContainer{height:unset !important;z-index:2}}.footerContainer footer{z-index:999 !important;position:sticky;padding-bottom:5px}@media only screen and (max-width: 768px){.button-wrapper button{display:block;width:100%}}.button-wrapper button:first-child{margin-right:25px}@media only screen and (max-width: 768px){.button-wrapper button:first-child{margin-right:0;margin-bottom:15px}}