@charset "utf-8";
@font-face {
    font-family: 'vodafone_ltregular';
    src: url('../fonts/vodafonelt-webfont.woff2') format('woff2'),
         url('../fonts/vodafonelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgregular';
    src: url('../fonts/vodafonerg-webfont.woff2') format('woff2'),
         url('../fonts/vodafonerg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgbold';
    src: url('../fonts/vodafonergbd-webfont.woff2') format('woff2'),
         url('../fonts/vodafonergbd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display: block;}
audio,canvas,video {display: inline-block;*display: inline;	*zoom: 1;}
audio:not([controls]) {display: none;}
html, body {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin:0;font-family:'vodafone_rgregular',arial;font-size:16px;line-height:22px;height:100%;color:#575756;}
ul {list-style:none;padding:0;margin:0;}
a {color:rgb(206, 47, 92);text-decoration:none;display:block;}
p {margin:0 0 20px 0;}
h1 {font-size: 24px;font-family: 'vodafone_rgbold';color:#de2226;}
h2 {color:#fff;float: left;margin: 20px 0 0 50px;font-size: 24px;line-height: 38px;}
h3 {font-size: 20px;}
h3:nth-child(2) {font-size: 16px;}
*:after, *:before {font-family:'FontAwesome';}
.container {max-width:100%;width:960px;margin:0px auto;padding:0 20px;box-sizing: border-box;}
#content{border-radius: 10px;max-width:auto;margin:80px auto auto;overflow: hidden;}
input[type=checkbox] {visibility: hidden;}
.checklist-item {position:relative;margin:0 0 20px;}
input[type="checkbox"]+label {padding: 0;cursor:pointer;display: inline-block;width: calc(100% - 60px);margin: 0 0 10px 20px;}
input[type="checkbox"]+label:before {content:' ';background:rgba(255, 255, 255, 1)!important;border-radius:5px;width:20px;height:20px;border:2px solid #d70000;margin:0 5px 0 0;position: absolute;left: 0;top:0;}
input[type="checkbox"]:checked+label:after {content: "\f00c";position: absolute;left: 0;font-size: 34px;top: -2px;color: #3dc53d;}
label:before {position:relative;top:-3px;}

button, input[type=button] {margin:0 0  20px;font-family:'open_sansregular', Arial, Helvetica, sans-serif;background: #d70000;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #D08500;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;color:#fff;font-size:18px;cursor:pointer;    padding: 10px 20px;}
button:hover, input[type=button]:hover {background:#e58000;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;}
select {width:100%;border: 2px solid #d70000;padding: 10px;border-radius: 5px;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;}
div.select {position:relative;width:50%;margin: 20px 0;}
div.select:after {content: '\f0d7';position: absolute;top: 50%;transform: translateY(-50%);right: 15px;color: #d70000;font-size: 32px;}
div.modified {margin:-5px 0 0;font-size:12px;}

div.mobile-quizzes {position:relative;}
.mobile-quizzes ul {display:none;position: absolute;top: 85px;right: 20px;background: rgb(245, 245, 245);width: 75%;box-sizing: border-box;padding: 10px;border-radius:10px;border:2px solid #de2226;}
.mobile-quizzes ul li a {padding:10px;color:#fff;}
.mobile-quizzes ul li:nth-child(even) a {background:#e58000;}
.mobile-quizzes ul li:nth-child(odd) a {background:#d70000;}
.nav-mobile {width: 30px;height: 30px;border-radius: 5px;border: 5px solid #fff;display: block;cursor: pointer;position: absolute;z-index:9;right: 20px;top:20px;}
.nav-mobile:before {content: ' ';border-top: 5px solid #fff;display: block;width: 80%;height: 5px;margin: 0 auto;position: relative;top: 7px;}
.nav-mobile:after {content: ' ';border-bottom: 5px solid #fff;display: block;width: 80%;height: 5px;margin: 0 auto;position: relative;top: 3px;}

.header, .navigation {position: absolute;width: 100%;z-index: 9;top:0;background: #575756;}
div.logo { margin: 20px 0 10px;max-width: 80px;color:#fff;float: left;}
div.logo img{width:100%;}
#container {overflow:auto;height: calc(100% - 62px);}
#footer{position:absolute;bottom:0;
background: #d70000; /* Old browsers */
background: -moz-linear-gradient(left, #d70000 0%, #e58000 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d70000 0%,#e58000 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d70000 0%,#e58000 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70000', endColorstr='#e58000',GradientType=1 ); /* IE6-9 */
width:100%;padding:20px 0;color:#fff;}

.item_info_icon {font-size: 24px;color: #d80000;position:absolute;right: -5px;top:-4px;cursor:pointer;padding:5px;}
.item_info_div img {max-width:100%;height:auto;display:block;border:0;margin:0 0 10px;}
.item_info_div p {margin:0 0 10px;}
.item_info_div p:last-of-type {margin:0;}
.item_info_div {border: 1px solid #e4e2e2;margin: 0 0 20px; background:#f8f8f8;padding:10px;border-radius:3px;font-size:14px;}
.item_info_div ul {list-style:disc;padding:0 0 0 15px;margin:0 0 10px;}

@media only screen and (max-width: 1280px) {
body {background-size: auto 400px; }
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 980px) {
.navigation .container{padding:0;}
div.select {width:100%;}
}

@media only screen and (max-width: 640px) {
.mobile-quizzes ul{width: calc(100% - 40px);}
}

@media only screen and (max-width: 480px) {
#container{height:initial;}
#content {margin: 70px auto auto;}
#footer {position:initial;}
div.logo {margin:15px 0 9px 0;}
h2 {margin: 15px 0 0 30px;}
}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 320px) {



}