/*@import url(http://fonts.googleapis.com/css?family=Raleway);*/

/*.nav-item {*/
/*    font-family: Century Gothic;*/
/*    margin: 0 auto;*/
    /*padding: 5em 3em;*/
/*    text-align: center;*/
/*}*/
/*.nav-item a {*/
/*    color: #FFF;*/
/*    text-decoration: none;*/
/*    font: 20px Century Gothic;*/
/*    margin: 0px 10px;*/
/*    padding: 10px 10px;*/
/*    position: relative;*/
/*    z-index: 0;*/
/*}*/


/* Top & Bottom Borders Out */
/*.topBotomBordersOut a:before, .topBotomBordersOut a:after {*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    width: 100%;*/
/*    height: 2px;*/
/*    background: #FFF;*/
/*    content:"";*/
/*    opacity: 0;*/
/*    -webkit-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*}*/
/*.topBotomBordersOut a:before {*/
/*    top: 0px;*/
/*    transform: translateY(10px);*/
/*}*/
/*.topBotomBordersOut a:after {*/
/*    bottom: 0px;*/
/*    transform: translateY(-10px);*/
/*}*/
/*.topBotomBordersOut a:hover:before, .topBotomBordersOut a:hover:after {*/
/*    opacity: 1;*/
/*    transform: translateY(0px);*/
/*}*/


.navbar-nav  li{
   /* padding:0 15px;*/

   padding-right:10px;
}

.home img{
    width: 100%;
    height: 395px;
}
.home h1{
    margin-top:30px;
    margin-bottom:40px;
}
.home p{
    text-align:justify;
}
.quiz{
    height:100vh;
    background:#e8e8e8;
}
.exercise{
     background:#e8e8e8;
}
.exercise h3{
    padding-top:30px;
    padding-bottom:40px;
    text-align:center;
}

.exer h4{
    margin-top:40px;
    margin-bottom:40px;
}

.exercise h1{
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  color: #004291;
}
.exercise ul{
  margin:0;
  padding: 0;
  position: absolute;
  top: 195px;
}
.exercise ul li{
  display: inline-block;
  padding:0 20px;
}
.quiz h3{
    padding-top:30px;
    padding-bottom:40px;
    text-align:center;
}
.cand_details {
    padding-top:30px;
    padding-bottom:30px;
    background: #eaeaea;
}
.quiz_screen h4{
    margin-top:40px;
    margin-bottom:40px;
}
.quiz_screen h5{
    margin-top:30px;
}
.activity_screen h3{
     margin-top:40px;
    margin-bottom:40px;
    text-align:center;
}
.save {
    margin-top:40px;
    margin-bottom:40px;
}
.sub {
    border:solid 1px #000;
    padding:15px;
    text-align:center;
}
.key_ans{
       border: solid 1px;
    height: 60px;
    width: 180px;
    text-align: center;
    margin-top: 5px;
    padding-top: 10px;
}
.work h3{
     margin-top:40px;
    margin-bottom:40px;
    text-align:center;
}
.tcomplete{
  background: #00BCD4;
  height: 100vh;
  color: #fff;
}
.tcomplete h1{
  padding-top: 250px;
  letter-spacing: 2px;
}
.c_block{
    background:#f96c6c;
    color:#fff;
    height:150px;
    width:100%;
}
.c_block h3{
    line-height:150px;
    text-align: center;
    color: #fff;
}
.irca{
    
    margin-top: 40px;

}
.home{
    margin-top:40px;
    margin-bottom:40px;
}
#countdown{
    width: 220px;
    height: 110px;
  text-align: center;
  background: #004291;
  
 /* background-image: -webkit-linear-gradient(top, #222, #333, #333, #222); */
  background-image:    -moz-linear-gradient(top, #004291, #004291, #004291, #004291);
  background-image:     -ms-linear-gradient(top, #004291, #004291, #004291, #004291);
  background-image:      -o-linear-gradient(top, #004291, #004291, #004291, #004291);
  border: 1px solid #111;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  padding: 24px 0;
  position: absolute;
  top: 45px; bottom: 0; left: 450px; right: 0;
}

#countdown:before{
  content:"";
  width: 8px;
  height: 65px;
  background: #444;
  /*background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); */
  background-image:    -moz-linear-gradient(top, #004291, #004291, #004291, #004291);
  background-image:     -ms-linear-gradient(top, #004291, #004291, #004291, #004291);
  background-image:      -o-linear-gradient(top, #004291, #004291, #004291, #004291);
  border: 1px solid #111;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
  position: absolute;
  top: 30px; left: -10px;
}

#countdown:after{
  content:"";
  width: 8px;
  height: 65px;
  background: #444;
  /*background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); */
  background-image:    -moz-linear-gradient(top, #555, #444, #444, #555);
  background-image:     -ms-linear-gradient(top, #555, #444, #444, #555);
  background-image:      -o-linear-gradient(top, #555, #444, #444, #555);
  border: 1px solid #111;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: block;
  position: absolute;
  top: 30px; right: -10px;
}

#countdown #tiles{
  position: relative;
  z-index: 1;
}

#countdown #tiles > span{
  width: 60px;
  max-width: 60px;
  height:50px;
  font: bold 30px 'Droid Sans', Arial, sans-serif;
  text-align: center;
  color: #111;
  background-color: #ddd;
  /*background-image: -webkit-linear-gradient(top, #bbb, #eee); */
  background-image:    -moz-linear-gradient(top, #bbb, #eee);
  background-image:     -ms-linear-gradient(top, #bbb, #eee);
  background-image:      -o-linear-gradient(top, #bbb, #eee);
  border-top: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
  margin: 0 3px;
  padding: 13px 0;
  display: inline-block;
  position: relative;
}

#countdown #tiles > span:before{
  content:"";
  /*width: 100%;*/
  /*height: 8px;*/
  background: #111;
  display: block;
  padding: 0 2px;
  position: absolute;
  /*top: 20%; */
  /*left: -3px;*/
  z-index: -1;
  
}

#countdown #tiles > span:after{
  content:"";
  /*width: 100%;*/
  /*height: 1px;*/
  background: #eee;
  border-top: 1px solid #333;
  display: block;
  position: absolute;
  /*top: 40%; left: 0;*/
}

#countdown .labels{
      width: 107%;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 8px;
}

#countdown .labels li{
 width: 63px;
  font: bold 15px 'Droid Sans', Arial, sans-serif;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}
.brief ul li{
  list-style: none;
}
.brief h5{
  background: #004291;
    padding: 10px;
    color: #fff;
}
.summary h2{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.test {
    border: solid 1px #004291;
    padding: 30px;
    margin-top: 225px;
}
.quiz_screen h5{
    
}