@font-face {
  font-family: 'oxygen';
  src: url('../fonts/oxygen.eot?v=4.2.0');
  src: url('../fonts/oxygen.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/oxygen.woff?v=4.2.0') format('woff'), url('../fonts/oxygen.ttf?v=4.2.0') format('truetype'), url('../fonts/oxygen.svg?v=4.2.0#oxygenregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
 * Noto Sans Sinhala (Sinhala) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans Sinhala';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansSinhala-Regular.eot');
  src: url('../fonts/NotoSansSinhala-Regular.eot_iefix') format('embedded-opentype'),
       url('../fonts/NotoSansSinhala-Regular.woff2') format('woff2'),
       url('../fonts/NotoSansSinhala-Regular.woff') format('woff'),
       url('../fonts/NotoSansSinhala-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Sinhala';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansSinhala-Bold.eot');
  src: url('../fonts/NotoSansSinhala-Bold.eot_iefix') format('embedded-opentype'),
       url('../fonts/NotoSansSinhala-Bold.woff2') format('woff2'),
       url('../fonts/NotoSansSinhala-Bold.woff') format('woff'),
       url('../fonts/NotoSansSinhala-Bold.ttf') format('truetype');
}

/*
 * Noto Sans Tamil (Tamil) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans Tamil';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NotoSansTamil-Regular.eot');
  src: url('../fonts/NotoSansTamil-Regular.eot_iefix') format('embedded-opentype'),
       url('../fonts/NotoSansTamil-Regular.woff2') format('woff2'),
       url('../fonts/NotoSansTamil-Regular.woff') format('woff'),
       url('../fonts/NotoSansTamil-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans Tamil';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NotoSansTamil-Bold.eot');
  src: url('../fonts/NotoSansTamil-Bold.eot_iefix') format('embedded-opentype'),
       url('../fonts/NotoSansTamil-Bold.woff2') format('woff2'),
       url('../fonts/NotoSansTamil-Bold.woff') format('woff'),
       url('../fonts/NotoSansTamil-Bold.ttf') format('truetype');
}

body {
    font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
    padding-top: 10px;
    background-color: #f4f9fb;
}
.navbar.navbar-top {
  background-color: #ffffff;
  top: -9px;
}
.navbar-brand {
  margin-top: -54px;
}
#bs-example-navbar-collapse-1 {
  float: right;
}
.logo {
  z-index: 50;
  position: absolute;
}
ul.language {
  float: right;
}
.houseimg {
    margin-top: 8px;
    margin-left: 57px;
    float: right;
}
.headingimg {
    margin-top: 35px;
}
.panel-body.signwrapper,
.panel-body.signwrapper .table.table-striped {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 14px;
  color: #555b5e;
}
.paragraph-text {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 14px;
  margin: 0 0 20px;
}
/* ul.language li, ul.language li a {
  float: left;
  width: auto;
  list-style: none;
  padding: 0 3px 0 3px;
  font-size: 14px;
  color: #6f0509;
  text-decoration: none;
} */
header.carousel {
    height: 100%;
    top: -28px;
}
.carousel-caption a {
  text-decoration: none;
}
.carousel-caption a:link h2, .carousel-caption a:visited h2, .carousel-caption a:hover h2, .carousel-caption a:active h2 {
  font-size: 22px;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.carousel-caption {
  right: 20%;
  left: 20%;
}
.carousel-indicators li {
  border-radius: 0px;
}
.page-header {
  text-align: center;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  text-transform: uppercase;
  border-bottom: 0px;
}
button.griv {
  background-color: #fde78f;
  width: 350px;
  height: 129px;
  border-radius: 10px 10px 10px 10px;
  border:none;
  text-align: left;
  margin-right: 14px;
  margin-bottom: 20px;
  float: right;  
}
button.griv img.icon {
  float: left;
  margin-left: 15px;
  margin-right: 20px;
  width: 22%;
}
span.newgriv {
  font-size: 25px;
  text-align: left;
  color: #19191B;
  line-height: 25pt;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
button.peti {
  background-color: #e4a100;
  width: 350px;
  height: 129px;
  border-radius: 10px 10px 10px 10px;
  border:none;
  text-align: left;
  margin-bottom: 20px
}
button.griv:hover {
    background-color: #E5CC65;
  }
button.peti:hover {
    background-color: #ffb400;
  }
button.griv.active, button.peti.active {
  background-color: #737272;
    }
  
button.peti img.icon {
  float: left;
  margin-left: 15px;
  margin-right: 20px;
  width: 22%;
}
span.newpeti {
  font-size: 25px;
  text-align: left;
  color: #000000;
  line-height: 25pt;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.img-responsive {
  width: 100%;
}
.center-block {
  float: none;
  display: block;
  margin: 27px auto 0 auto;
}
.panel-default>.panel-heading {
  background-color: #ffffff;
  border-color: #ffffff;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 2px 1px 5px 3px rgba(220, 229, 232, 0.45);
    box-shadow: 2px 1px 5px 3px rgba(220, 229, 232, 0.45);
}
.panel-default {
    border-color: #dce5e8;
}
.buttoncontainer {
  margin-top: 25px;
}
.buttoncontainer button.griv.right,
.buttoncontainer button.peti.right {
    width: 350px;
    float: right;
    height: 129px;
    margin-right: 14px;
}
.buttoncontainer button.griv.right img,
.buttoncontainer button.peti.right img {
    width: 75px;
    margin-top: 4px;
    font-size: 8px;
}
.buttoncontainer button.griv.right .newgriv,
.buttoncontainer button.peti.right .newpeti {
    font-size: 25px;
    line-height: 25pt;
}
.buttoncontainer button.griv.left,
.buttoncontainer button.peti.left {
    width: 350px;
    float: left;
    height: 129px;
    margin-left: 8px;
}
.buttoncontainer button.griv.left img,
.buttoncontainer button.peti.left img {
    width: 75px;
    margin-top: 4px;
    font-size: 8px;
}
.buttoncontainer button.griv.left .newgriv,
.buttoncontainer button.peti.left .newpeti  {
    font-size: 25px;
    line-height: 25pt;
}
form.tellpresident {
   font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
   font-size: 14px;
   color: #555b5e;
}
span.asteriskField {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 14px;
  color: #fde78f;
}
form.tellpresident .form-control {
  width: 80%;
  margin-bottom: 10px;
}
.controls.col-md-8  p {
  margin-top: 7px;
}
.personal {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 16px;
  color: #7f060b;
}
.personal-black {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 16px;
  color: #555b5e;
}
.inner {
  margin-top: 0px;
}
.addbtn, .removebtn {
  background-color: #6f0509;
  border: #6f0509;
  color: #ffffff;
  font-size: 14px;
  width: 27px;
  height: 27px;
  margin-right:5px;
}
.removebtn {
    margin-left: 25px;
}
.btnwraper {
  float: left;
  margin-left: 80px;
}
.btnproceed {
 background-color: #6f0509;
 border-radius: 5px;
  border: #6f0509;
  color: #ffffff;
  font-size: 12px;
  width: 180px;
  height: 35px;
  margin-right:5px;
  text-transform: uppercase;
}
.cancelbtn {
   background-color: #7b7a7a;
  border: #7b7a7a;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  width: 125px;
  height: 35px;
  margin-right:5px;
  text-transform: uppercase;
}
.proceed {
  background-repeat: no-repeat;
  background-image: url(../images/proceed.png);
  width: 15px;
  height: 14px;
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 24px;
}
.cancel {
  background-repeat: no-repeat;
  background-image: url(../images/cancel.png);
  width: 15px;
  height: 15px;
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 24px;
}
p.moredetails {
  color: #6f0509;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 14px;
  font-weight: bold;
}
/* h1, h2 {
  color: #53595c;
  font-size: 27px;
} */
h4 {
  color: #6f0509;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.panel-body.signwrapper {
  background: #fcf5dd;
}
.panel-body p {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 14px;
  line-height: 16px;
  color: #7e8c92;
  font-weight: 700;
}
p.ackname {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 11px;
  color: #7e8c92;
  line-height: 5px;
}
p.time {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 11px;
  color: #abb6bb;
  line-height: 5px;
}
.signature {
  padding: 15px 0px 0px 0px;
}
p.days {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  font-size: 11px;
  line-height: 16px;
  color: #7e8c92; 
  line-height: 5px;
}
p.days span {
  color: #6f0509;
}
.progress {
  border-radius: 9px;
}
.progress-bar {
  color: #000000;
}
div.count {
  margin-top: -15px;
}
p.signed {
 
}
p.goal {
    margin-top: -27px;
    float: right;
}
.btn.signbtn {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  text-transform: uppercase;
  background-color: #e4ecef;
  font-size: 11px;
  float: right;
  color: #7e8c92;
  font-weight: bold;
}
.donut-chart.all .pie {
  background: #e5cf0d;
}
.donut-chart.complete .pie {
  background: #97b552;
}
.donut-chart.inprogress .pie {
  background: #2ec7c9;
}
.donut-chart.pending .pie {
  background: #c94a52;
}
.donut-chart h2 p {
  display: none;
}
.donut-chart h2 span {
  color: #000000;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  margin-top: 11px;
  font-size: 20px;
}
footer {
  background-color: #ffffff;
  bottom: 0px;
  margin-bottom: 0px;
}
.external {
  background-image: url(../images/external.png);
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}
footer ul {
  margin-top: 20px;
}
footer ul li {
  list-style: none;
}
.controls.col-md-8 span {
  margin-left: 15px;
}
.external a {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  color: #7e8c92;
  font-size: 12px;
  margin-left: 22px;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none !important;
}
.rightside {
  text-align: right;
}
.rightside p {
   margin-top: 20px;
   color: #000000;
   line-height: 5px;
   font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.rightside ul {
  margin-top: 10px;
  font-size: 12px;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.addressline {
  color: #6f0509;
  font-size: 12px;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
p.copywrite {
  margin-left: 42px;
  margin-top: 44px;
  font-size: 12px;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
}
.weblink, .weblink a {
  font-size: 12px;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  color: #424547;
  text-decoration: none;
}
.btn.viewmore span.icnMore {
  background-image: url(../images/viewmore.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  padding-right: 26px;
}
.infocall {
  font-size: 11px;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  color: #939ea3;
  text-align: center;
}
.btn.viewmore {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  text-transform: uppercase;
  background-color: #ffffff;
  font-size: 11px;
  float: right;
  color: #7e8c92;
  font-weight: bold;
}
.btn.viewmore:hover {
   color: #000000;
}
.btn-white {
   color: inherit;
   background: white;
   border: 1px solid #e7eaec;
}
.copywrite.desktop {
  display: block;
}
.copywrite.mobile {
  display: none;
}
.page-controller {
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  color: black;
  text-align: center;
}
.text-align-center {
  text-align: center;
}
.resizeDisabled {
  resize: none;	
}

/* status bar*/
.bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 25px; height: 25px; display: block; background: #fde78f; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fde78f; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 4px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fde78f;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/* status bar ends*/
@media screen and (max-width: 1200px) and (min-width: 994px) {
  .houseimg {
      margin-left: 0px;
  }
  button.griv, button.peti {
      width: 350px;
      height: 129px;
      margin-bottom: 20px;
  }
  span.newgriv, span.newpeti {
      font-size: 25px;
      line-height: 25pt;
	  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  }
  .istore {
    width: 100px;
    height: 30px;
  }
  .googlePlay{
    width: 100px;
    height: 32px;
  }
  .copywrite.desktop {
    display: block;
  }
  .copywrite.mobile {
    display: none;
  }
}

@media screen and (max-width: 993px) and (min-width: 780px) {
  .headingimg {
    margin-top: 35px;
    width: 69%;
  }
  .logo {
    width: 50%;
  }
  .houseimg {
    margin-top: -115px;
    width: 36%;
    margin-left: 270px;
  }
  ul.language {
    float: right;
    position: relative;
    top: -103px;
  }
  .buttoncontainer button.griv.right, .buttoncontainer button.peti.right,
  .buttoncontainer button.griv.left, .buttoncontainer button.peti.left,
  button.griv, button.peti {
     width: 350px;
     height: 129px;
     margin: 0 auto 10px auto;
     margin-left: auto;
     float: none;
     margin-left: 22%;
  }
  .form-horizontal .form-group, form.tellpresident {
     margin: 0 15px;
  }
  .btnwraper {
     margin-bottom: 20px;
  }
  span.newgriv, span.newpeti {
     font-size: 25px;
     line-height: 25pt;
     font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  }
  .chart.donut {
     margin-top: 19px;
  }
  .istore {
     width: 100px;
     height: 30px;
  }
  .googlePlay{
     width: 100px;
     height: 32px;
  }
  .copywrite.desktop {
     display: block;
  }
  .copywrite.mobile {
     display: none;
  }
}

@media screen and (max-width: 779px) and (min-width: 680px) {
  .headingimg {
    margin-top: 35px;
    width: 63%;
  }
  .houseimg {
    margin-top: -105px;
    width: 36%;
    margin-left: 270px;
  }
  .logo {
    width: 50%;
  }
  ul.language {
    float: right;
    position: relative;
    top: -101px;
  }
  button.griv, button.peti {
    width: 436px;
    height: 190px;
    margin-bottom: 20px;
    margin-left: 20%;
  }
  span.newgriv, span.newpeti {
    font-size: 25px;
    line-height: 25pt;
    font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  }
  .chart.donut {
    margin-top: 19px;
  }
  .istore {
    width: 100px;
    height: 30px;
  }
  .googlePlay{
    width: 100px;
    height: 32px;
  }
  .leftside {
    width: 50%;
    float: left;
  }
  .copywrite.desktop {
    display: block;
  }
  .copywrite.mobile {
    display: none;
  }
}

@media screen and (max-width: 679px) and (min-width: 480px) {
  .headingimg {
    margin-top: 35px;
    width: 63%;
  }
  .houseimg {
    margin-top: -83px;
    width: 36%;
    margin-left: 270px;
  }
  .logo {
    width: 50%;
	margin-left: 10px;
  }
  ul.language {
    float: right;
    position: relative;
    top: -83px;
  }
  .buttoncontainer button.griv.right, .buttoncontainer button.peti.right,
  .buttoncontainer button.griv.left, .buttoncontainer button.peti.left, 
  button.griv, button.peti {
    width: 350px;
    height: 129px;
    margin: 0 auto 10px auto;
    margin-left: auto;
    float: none;
    margin-left: 19%;
  }
  .form-horizontal .form-group, form.tellpresident {
    margin: 0 15px;
  }
  .btnwraper {
    margin-bottom: 20px;
  }
  span.newgriv, span.newpeti {
    font-size: 25px;
    line-height: 25pt;
    font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
  }
  .chart.donut {
    margin-top: 19px;
  }
  .istore {
    width: 100px;
    height: 30px;
  }
  .googlePlay{
    width: 100px;
    height: 32px;
  }
  .leftside {
    width: 50%;
    float: left;
  }
  .copywrite.weblink {
   margin-top: 75px;
   line-height: 15px;
  }
  .copywrite.desktop {
   display: block;
  }
  .copywrite.mobile {
   display: none;
  }
}

@media screen and (max-width: 479px) and (min-width: 320px) {
 .headingimg {
   width: 97%;
 }
 ul.language {
  float: right;
  position: relative;
  cursor: pointer;
  margin-top: -10px;
 }
 .logo {
  width: 45%;
  margin-left: 10px;
 }
 button.griv, button.peti {
  width: 240px;
  height: 88px;
  margin-left: 15%;
  float: none;
 }
 span.newgriv, span.newpeti {
  font-size: 23px;
  line-height: 18pt;
  font-family: 'oxygen',Noto Sans Sinhala,Noto Sans Tamil,Raleway,Verdana,Arial;
 }
 .icon {
  width: 30%;
 }
 .copywrite.desktop {
  display: none;
 }
 .copywrite.mobile {
  display: block;
  margin-top: 0px;
 }
}