* {margin:0; padding:0; box-sizing: border-box; outline:0; border:0;}
body {font-family: 'Roboto Condensed'; background: #fff; font-weight: 400;}
p {text-align: justify; line-height: 26px;}
img {max-width: 100%;}
.ovh {overflow: hidden;}
.bg {background:url('../images/bg.jpg') no-repeat 0 0; background-size: cover; height: 655px;}
header {width:100%;}
.logo {position: fixed;}
.logo img {max-width: 100%; box-shadow: 0 2px 3px rgba(0,0,0,0.3);}
.videolink {margin: 250px auto 0 auto;}
.videolink p:nth-child(1) {color: #f50010; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:700; line-height:50px; text-align: center;}
.videolink p:nth-child(2) {color: #ffffff; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:500; line-height:50px; text-align: center;}
.videolink p:nth-child(3) {color: #ffffff; text-shadow: 0 4px 7px #000; font-weight:500; line-height:50px; text-align: center;}
.videolink p:nth-child(3) span {cursor: pointer;}
.videolink p a {color: #ffffff; text-shadow: 0 4px 7px #000; font-size:80px; font-weight:500; line-height:50px; text-align: center;}


.grey {padding: 40px 0; background: #f2f0f1;}
.text {color: #222; font-weight: 400; width:100%; float:left; margin-bottom: 15px;}
.text h1 {font-size: 36px; color:#f50010; font-weight: 400; float: left; width: 100%; padding-bottom: 46px;}
.text h1::after {background: #f50010; top: 90px; left:15; content: ""; position: absolute; height: 4px; width:67px;}
.text h2 {font-size: 16px; font-weight: 700; float: left; width: 100%; padding-bottom: 26px;}
.text h3 {font-size: 15px; font-weight: 700;}
.text ul {margin:0 0 0 15px; padding: 0;}

.offerings {padding: 40px 0;}
.offerings h1 {font-size: 36px; color:#f50010; font-weight: 400; float: left; width: 100%; padding-bottom: 66px; text-align: center;}
.offerings h1 span {color:#2a2a2a;}
.offerings h1::after {background: #f50010; top: 90px; left:47%; content: ""; position: absolute; height: 4px; width:67px;}
.box {background:linear-gradient(220deg, #b2010c, #f50010); background:-webkit-linear-gradient(220deg, #b2010c, #f50010); background:-moz-linear-gradient(220deg, #b2010c, #f50010); background:-o-linear-gradient(220deg, #b2010c, #f50010); padding: 60px; color: #fff; text-align: center;}
.box i {font-size: 115px; padding-bottom: 30px;}
.box p {text-align: center; font-weight: 100; font-size: 18px; text-transform: uppercase;}

.eligibility {padding: 0 0 40px 0;}
.eligibility h1 {font-size: 36px; color:#2a2a2a; font-weight: 400; float: left; width: 100%; padding-bottom: 66px; text-align: center;}
.eligibility h1::after {background: #f50010; top: 90px; left:47%; content: ""; position: absolute; height: 4px; width:67px;}
.cbox {padding: 40px 80px; font-size: 17px; font-weight: 300; font-family: 'Roboto'}
.cbox p {font-size: 17px; font-weight: 300; font-family: 'Roboto';}
.cbox a {font-weight: 400;}
.cbox ul {margin:0; padding:15px 0 0 25px; list-style: url('../images/bullet.png');}
.cbox ul li {line-height:35px;}
/*.cbox ul li {list-style: none; line-height:35px;}
.cbox ul li::before {content: "\25AA ";color: #f50010; margin-right: 15px;}*/

.register {font-weight:400; width: 100%; margin:20px 0; float: left; display: block; text-align: left;}
.register a {background: #f50010; color: #ffffff; float: left; font-size:16px; padding:10px 20px; text-decoration:none;}
.register a:hover {background: #333; color: #fff; text-decoration:none;}
.register a:visited {background: #f50010; color: #ffffff; text-decoration:none;}

.msg {padding: 38px 0; background: url('../images/bg2.jpg') no-repeat top right #f50010;}
.msg h1 {font-size: 36px; color:#fff; font-weight: 400; float: left; width: 100%; padding-bottom: 36px; text-align: center;}
.msg h1::after {background: #fff; top: 90px; left:47%; content: ""; position: absolute; height: 4px; width:67px;}
.tbox {font-size: 16px; font-weight: 300; font-family: 'Roboto'}
.white {color: #fff;}
.white p {margin: 25px 0;}
.white a {font-weight: 400; color: #fff;}
.white a:hover {color: #fff; text-decoration: none;}

.infographic {background: url('../images/bg3.jpg') no-repeat center top; padding: 40px 0;}
.infographic img {border: 1px solid #c4c4c4;}

.footer {background: #272727; color: #c4c4c4; font-size: 14px; text-align: center; padding: 40px 0; width: 100%; float: left;}

@media (max-width: 990px) {
.bg {background: #ccc; height: auto;}
.logo {margin:0; text-align: center;}
.logo img {margin:0 auto; text-align: center}
.videolink {margin: 30px auto 0 auto;}
.videolink p:nth-child(1) {color: #f50010; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:700; line-height:50px; text-align: center;}
.videolink p:nth-child(2) {color: #ffffff; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:500; line-height:50px; text-align: center;}
.grey {padding: 20px 0;}
.offerings {padding: 20px 0;}
.offerings h1::after {left: 35%;}
.eligibility h1::after {left: 35%;}
}

@media (max-width: 360px) {
.bg {background: #ccc; height: auto;}
.logo {margin:0; text-align: center;}
.logo img {margin:0 auto; text-align: center}
.videolink {margin: 30px auto 0 auto;}
.videolink p:nth-child(1) {color: #f50010; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:700; line-height:50px; text-align: center;}
.videolink p:nth-child(2) {color: #ffffff; text-shadow: 0 4px 7px #000; font-size:40px; font-weight:500; line-height:50px; text-align: center;}
.grey {padding: 20px 0;}
.offerings {padding: 20px 0;}
.offerings h1::after {left: 35%;}
.eligibility h1::after {left: 35%;}
}