@font-face {
  font-family: 'PFAgoraSansPro-Regular';
  src: url('../fonts/PFAgoraSansPro-Regular/PFAgoraSansPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/PFAgoraSansPro-Regular/PFAgoraSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/PFAgoraSansPro-Regular/PFAgoraSansPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/PFAgoraSansPro-Regular/PFAgoraSansPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PFAgoraSansPro-Regular/PFAgoraSansPro-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFAgoraSansPro-Light';
  src: url('../fonts/PFAgoraSansPro-Light/PFAgoraSansPro-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/PFAgoraSansPro-Light/PFAgoraSansPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/PFAgoraSansPro-Light/PFAgoraSansPro-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/PFAgoraSansPro-Light/PFAgoraSansPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/PFAgoraSansPro-Light/PFAgoraSansPro-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
body{margin: 0; padding: 0; color: #000000; font-family: 'PFAgoraSansPro-Regular'; font-size: 17px; line-height: 26px; background: #f22626;}
a{text-decoration: none; color: #FFFFFF;}
a:hover{text-decoration: underline;}
p{margin: 0; padding: 0;}
h2,h3,h4{margin: 0; padding: 0; font-size: 38px; line-height: 42px; font-family: 'PFAgoraSansPro-Light';}
strong{font-family: 'PFAgoraSansPro-Regular'; font-weight: bold; font-size: 41px;}
img{max-width: 100%; border: none;}
ul{padding: 0; margin: 0; list-style: none;}
input{margin: 0; padding: 0;}
#macmillan-level{width: 100%; background: #f22626; padding-top: 47px;}
#macmillan-level-container{position: relative; background: #FFFFFF; overflow: hidden; padding-bottom: 45px; margin-bottom: 47px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
.page-macmillan-level{width: 1000px; margin: 0 auto;}
.mac-level-header{width: 100%; background: url('../images/header-mac-level.png') no-repeat left center; height: 134px; float: left; color: #FFFFFF;}
.mac-level-header-content{padding: 15px 17px 0 27px;}
.mac-level-header-text{float: left; font-weight: bold; font-size: 30px; margin-top: 13px;}
.mac-level-header-logo{float: right;}
.mac-level-main{overflow: hidden; width: 100%;}
.mac-level-main-content{padding: 37px;}
.mac-level-main-left{float: left; width: 61%;}
.mac-level-main-left.question-block{width: 70%;}
.mac-level-main-right{float: right; width: 39%; text-align: center;}
.mac-level-main-right.question-block{width: 30%;}
.title-mac-level-main{margin-bottom: 22px;}
.start-home-button{margin-top: 38px;}
.btn-mac-level-main{height: 41px; line-height: 41px; background: url('../images/btn-mac-level-main.png') repeat-x; border-radius: 5px; display: inline-block; font-size: 21px; padding: 0 13px; margin-right: 20px;}
#next-question-click{background: url('../images/btn-mac-level-main-light.png') repeat-x;}
.btn-mac-level-main.btn-green{background: url('../images/btn-mac-green.png') repeat-x;}
.btn-mac-level-main.btn-green .text-btn-mac-level{margin-right: 25px;}
.btn-mac-level-main span{float: left;}
.btn-mac-level-main span:hover{text-decoration: underline;}
.text-btn-mac-level{margin-right: 80px;}
#next-level-click .text-btn-mac-level {margin-right: 43px;}
.arrow-btn-mac-level{background: url('../images/arrow-btn-mac-level.png') no-repeat center center; width: 15px; height: 41px;}
.arrow-btn-mac-level-restart{background: url('../images/arrow-btn-mac-level-restart.png') no-repeat center center; width: 22px; height: 41px;}
#restart-quiz{color: #000;background: transparent;font-size: 16px;margin:15px 0 0 0;padding:0;height: auto;line-height: 1.4;width: 100%}
#restart-quiz .text-btn-mac-level {margin-right: 0;}
#restart-quiz .arrow-btn-mac-level-restart{display: none;}
.return-to-catalogue{color: #8c8c8c; display: block; font-size: 16px; line-height: 1.5}
#macmillan-level-footer{background: #f22626; width: 100%; color: #FFFFFF; text-align: center; padding: 23px 0;}
.btn-footer-macmillan{border-radius: 5px; background: url('../images/btn-footer-macmillan.png') repeat-x; height: 41px; line-height: 41px; display: inline-block; font-size: 21px; margin-right: 20px; padding: 0 30px;}
.macmillan-level-footer-logo{width: 119px; height: 33px; float: right; margin-left: -125px; margin-right: 8px;}
.macmillan-level-footer-bottom{margin-top: 20px;}
.macmillan-level-footer-bottom ul li{display: inline-block; font-size: 15px; border-right: 1px solid #FFFFFF; line-height: 11px; padding: 0 12px 0 6px;}
.macmillan-level-footer-bottom ul li:last-child{border-right: none;}
.macmillan-level-footer-bottom ul li:first-child{padding-left: 0; margin-left: -13px;}
.mac-level-img-reading{margin-left: 100px;}
.question-block .mac-level-img-reading{margin-left: 15px;}
.mac-level-social-block{clear: both; float: left; margin-top: 50px;}
.mac-level-social-block span{float: left; margin: 2px 7px 0;}
.icon-social-mac-level{float: left; width: 32px; height: 31px; margin: 0 4px; background-repeat: no-repeat; background-size: 100% auto; background-position: center center;}
.fb-mac-level{background-image: url('../images/fb-mac-level.png');}
.tw-mac-level{background-image: url('../images/tw-mac-level.png');}
.gg-mac-level{background-image: url('../images/gg-mac-level.png');}
.mac-level-right-text{text-align: right; font-size: 11px; line-height: 20px;}
.mac-level-img-books{margin: 25px 0 10px;}
.mac-level-link-download{color: #000000; text-decoration: underline;}
.mac-level-question{float: left; clear: both; margin-bottom: 30px; width: 100%;}
.mac-level-question-img{float: left; margin-right: 20px;}
.mac-level-question-img img{border: 3px solid #f2f2f2;}
.mac-level-question-content{float: left; width: 60%;}
.mac-level-question-title{font-family: 'PFAgoraSansPro-Light'; font-size: 26px; line-height: 33px;}
.mac-level-question-title label{background: #f2f2f2; padding: 0 4px; border-bottom: 1px solid #000000;}
.mac-level-question-content ul{margin: 20px 0 0 30px; font-size: 17px;}
.mac-level-question-content ul input{float: left; margin: 4px 7px 0 0; color: #000000;}
.mac-level-question-content ul input:checked + label{font-weight: bold;}
.mobile-text{display: none;}
.modalLink{color: #000000; text-decoration: underline;}
.overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.modal {display: none; background: #FFFFFF; padding: 25px 30px; overflow: auto; z-index: 1001; position: absolute; width: 500px; min-height: 156px; text-align: left; /*top: 18% !important; left: 20% !important;*/ color: #000000;}
.closeBtn{background: url('../images/closeBtn.png') no-repeat center center; width: 19px; height: 19px; display: block; cursor: pointer; position: absolute; right: 10px; top: 10px;}
.modalLink.modalLink-left{width: 100%; float: left; text-align: center; margin-top: 20px; display: none; margin-left: -15px;}

#loading {width: 100%;}
#loading img {margin: 10px auto 0; display: block;}
#preload-images {display: none;}
#error-text {color: #F22626; margin-top: 7px; display: inline-block;}
.answered-count{color: #8c8c8c;font-size: 14px;}