/*@charset "UTF-8";
@namespace "http://www.w3.org/1999/xhtml";
@namespace epub "http://www.idpf.org/2007/ops";*/

@font-face {
	font-family: 'Conv_SourceSansPro-Light';
	src: url('../fonts/SourceSansPro-Light.eot');
	src: local('☺'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_InklingSerifWeb-Regular';
	src: url('../fonts/InklingSerifWeb-Regular.eot');
	src: local('☺'), url('../fonts/InklingSerifWeb-Regular.woff') format('woff'), url('../fonts/InklingSerifWeb-Regular.ttf') format('truetype'), url('../fonts/InklingSerifWeb-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: "Conv_InklingSerifWeb-Regular", Georgia, serif;
    background: #f2f2f6;
    font-weight: 100;
    font-size: 18px;
    line-height: 1.5;
	margin:0px;
	padding:0px;
	width:100%;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	
}

p {
    padding: 0;
    text-align: left;
	margin-bottom: 0px;
}

hgroup, figure.block, figcaption, section {
    display: block;
}

hgroup#covertitle {
    margin-top: 4em;
}

hgroup#covertitle h2 {
    margin-left: 8em;
}

h1, h2 {    
    font-weight: normal;
   
}

h1 {
    margin-bottom: 0.3em;    
}

h2 {
    margin-top: 0em;
    margin-left: 4em;
    font-size: 95%;
}

a:link, a:visited, a:hover, a:active {
    color:inherit;
}
/*---- Header -------*/
header {
	background-color:#eef1f3;
	height:60px;
	width:100%;
	display:block;
	position:fixed;
	top:0;
}
.zoom-slider {
	display:inline-block;
	width: auto;
	float: right;
    margin: 20px;
}
button.btn, button.btn2 {
    float: left;
}
div#slider {
    display: inline-block;
    float: left;
}
input#slide {
    width: 100px;
}
.main-document-area {
    background-color: white;
    position: relative;   
    max-width: 979px;
    margin: 0 auto;

}
.container {
	display: flex;
    height: 100vh;
    width: 100vw;
}
.text-serif {
    font-family: 'Times New Roman', Times, serif;
}
/*----- Image Zoom -----*/
.center {
	display: flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
}
#img {

}

/*-----  ques Ans  -----*/

.review{
    padding: 10px 120px;

	
}
h1.review-heading {
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 20px 0;
	font-family:"Conv_SourceSansPro-Light", Verdana, Helvetica, sans;  
    font-size: 38px;
    font-weight: 200;
    line-height: 1.2;
	color: #5f1a65;	
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	
}

span.ans {
	color: #037bb5;
    display: inline-block;
    min-height: 1.6em;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0.3em 0;
    padding-left: 1.2em;
    background: url(../images/icon-arrow-show-blue.svg) no-repeat 0 0.2em;
    background-size: 1em auto;
	cursor:pointer;
	padding: 5px 14px 4px 30px;
    border-radius: 6px;
    background-position: 8px;
	margin-left: -5px;
    margin-top: 0px;
	font-family:"Conv_SourceSansPro-Light", Verdana, Helvetica, sans; 
}
span.ans:hover
{
	background-color:#f2f7fb;
	
}
.show-ans
{
	background: url(../images/icon-arrow-hide-blue.svg) no-repeat 0 0.2em !Important;
	background-size: 1em auto !important;
	padding: 5px 14px 4px 30px !important;
    border-radius: 6px !important;
    background-position: 8px !important;
}
.answer {
	display:none;
}

ol.list-type {
    padding: 0px 20px;
	
}
::marker {
    color: #5f1a65;
	font-weight: 600;
    font-size: 17px;
    font-family: initial;
}
li ol {
    margin-left: -16px !important;
}
.Multiple-choice {
    list-style-type: none;
    text-align: center;
    padding-left: 0px;
   
}
.focus-input.active {
    outline: 2px solid #007cb6;
    color: #007cb6;
    outline-offset: -1px;
}

.focus-input {
    background: #fff;
    border-style: solid;
    border-color: #CDCDCD;
    border-width: 1px 1px 0 1px;
    padding: 16px 60px 16px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #b0b0b2;
    text-align: justify;
}
.focus-input.wrong {
    outline: 2px solid #cb272a;
    outline-offset: -1px;
    color: #cb272a;
    position: relative;
}
.focus-input.last-child {
    outline: 2px solid #63a83b;
    outline-offset: -1px;
    color: #63a83b;
    position: relative;
	border-bottom-width: 1px;
}

.answer-controls p {
    color: #9A9C9E;
    font-weight: 500;
    font-size: 14px;
}
.check {
    border: none;
    outline: none;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    padding: 8px 12px;
    cursor: pointer;
    display: inline-block;
    background-color: #007cb6;
}
.nav-link:hover{
    border:0px;
}
.content-heading h5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #b0b0b2;
    margin-bottom: 20px;
}
.content-heading label{
 color: #007cb6;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 14px;
}
.answer-controls {
    justify-content: space-between;
	display:flex;
}
.feedback {
    font-weight: normal;
    color: #b0b0b2;
    display: block;
    margin-top: 5px;
    border-bottom: 1px solid #E6E6E6;
    padding: 15px 0 15px 0;
    font-size: 15px;
    line-height: 17px;
}
.feedback-header {
    color: #63a83b;
}
footer {
    position: relative;
}
.arrow-mask.left{
  position: absolute;
  left:0;
}
.arrow-mask.right{
position: absolute;
  right:0;
  
}
.arrow-left.outer, .arrow-right.outer {
    background: url(../images/image-figure-controls.png);
    background-size: 211px;
    width: 30px;
    height: 43px;
    z-index: 204;
    position: absolute;
    top: 22px;
    cursor: pointer;
}.arrow-right.outer {
    background-position: -107px 0;
    left: -32px;
}
.arrow-left.outer {
    background-position: -74px 0;
}
.steps {
    background: #f2f2f6;
}

.step {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    margin: 28px 4px;
    cursor: pointer;
    color: #848484;
    background: white;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #E3E3E3;
}
.step:hover{
    color:#007cb6;
    border: 1px solid #007cb6;
}
.step.active {
    opacity: 1;
    background: #007cb6;
    color: #fff;
	position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    margin: 28px 4px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #E3E3E3;
}
.nav-link.active, .nav-tabs .nav-link {
    border: none;
    background: none;
    padding: 0px;
}

.focus-input.wrong:after{
  position: absolute;
    top: 50%;
    background-size: 100%;
    margin-top: -12px;
    content: " ";
    left: auto;
    right: 20px;
    height: 24px;
    width: 24px;
    text-align: center;
    font-weight: bold;
    background-image:url(../images/x.png);
    line-height: 24px;
    padding: 0;
    box-sizing: border-box;
    color: #63a83b;
    font-size: 18px;
}
.focus-input.last-child:after{
  position: absolute;
    top: 50%;
    background-size: 100%;
    margin-top: -12px;
    content: " ";
    left: auto;
    right: 20px;
    height: 24px;
    width: 24px;
    text-align: center;
    font-weight: bold;
    background-image:url(../images/assessment-check-large.png);
    line-height: 24px;
    padding: 0;
    box-sizing: border-box;
    color: #63a83b;
    font-size: 18px;
}
.tab-pane {
  display: none;
  padding: 10px 20px;
}

.tab-pane.active {
  display: block;
}
.nav.nav-tabs.md-tabs.nav-justified {
    flex-wrap: nowrap;
    display: flex;
    list-style: none;
    text-align: center;
}

/*----- Audio -----*/

.audio {
	background-color: white;
    max-width: 979px;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}
.audio .subcaption {
    font-weight: 500;
    text-align: center;
    padding: 1.6em;
    background-color: rgba(255,255,255,0.9);
    border-top: 1px solid #f7f7f7;
    font-size: 12px;
    color: #16161e;
    -moz-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}





















@media screen and (max-width:767px) {
.review {
    padding: 10px 20px;
}
}