@charset "utf-8";

/* FONTS */
/* Prelo */
@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('prelosemi.woff2') format('woff2'),
        url('prelosemi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('prelomed.woff2') format('woff2'),
        url('prelomed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('prelolight.woff2') format('woff2'),
        url('prelolight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Stone Sans */
@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('StoneSansIIITCPro-Bk.eot') format('embedded-opentype'),
        url('StoneSansIIITCPro-Bk.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('StoneSansIIITCPro-Md.eot') format('embedded-opentype'),
        url('StoneSansIIITCPro-Md.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Arial, Helvetica, sans-serif ; 
    src: url('StoneSansIIITCPro-SmBd.eot') format('embedded-opentype'),
        url('StoneSansIIITCPro-SmBd.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, 
body { margin: 0; }

#content { 
  width: 960px;
  margin: 0 auto;
}
body {
 font-family: Arial, Helvetica, sans-serif ; 
 color: #7a7a7a;
 font-size: 17px;
}
#topbar {
 padding: 20px 0px;
}
.btn.btn-danger.btn-red {
 color: #fff;
 background-color: #EB0017;
 border-radius: 5px;
 border: 1px solid #fff;
 line-height: 60px;
 padding: 0px 20px;
}
.btn.btn-danger.btn-red:hover {
 color: #E11B22;
 background-color: #fff;
 border: 1px solid #EB0017;
}
.btn.btn-secondary.btn-grey {
 color: #fff;
 background-color: #4D4F53;
 border-radius: 5px;
 border: 1px solid #fff;
 line-height: 60px;
 padding: 0px 20px;
}
.btn.btn-secondary.btn-grey:hover {
 color: #EB0017;
 background-color: #fff;
 border-radius: 5px;
 border: 1px solid #EB0017;
}
@media only screen and (max-width: 768px) {
  .btn.btn-secondary.btn-grey, .btn.btn-danger.btn-red {
    line-height: normal;
 padding: 10px;
  }
}

#introform{
backgroung-image: "https://image.info.pepstores.com/lib/fe31117373640478771677/m/1/60bb8854-7e10-4683-9428-0e8c3ac3232f.jpeg"
 background-repeat: no-repeat;
  background-size: cover;
 background-color: #147cf4;
  background-blend-mode: multiply;
}

.overlay {
 background-color: rgba(229,239,240,0.45);
 padding-top: 30px;
 padding-bottom: 30px;
}
h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif ; 
}
h1 {
 font-size: 2.8em;
 font-weight: bold;
}
.introtext {
 font-size: 1.5em;
}
.stonemd {
 font-family: Arial, Helvetica, sans-serif ; 
}
.stonebd {
 font-family: Arial, Helvetica, sans-serif ; 
}

.whttext {
 color: #fff;
}
.redtext {
 color: #e11b22;
}
.formwrapper {
 background-color: #fff;
 border-radius: 5px;
 padding: 10px 30px 20px 30px;
}
p.first_step.home {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #e11c22;
}
.form-control::placeholder {
 color: #6c757d;
 opacity: 0.9;
 font-family: Arial, Helvetica, sans-serif ; 
 font-size: 14px;
}
.form-control {
 background-color: #fafafa;
 height: calc(2em + .75rem + 2px)
}
.form-check-label {
 font-size: 12px;
 color: #4D4F53;
}
.btn.btn-danger.btn-apply {
 color: #fff;
 background-color: #EB0017;
 border-radius: 5px;
 border: 1px solid #fff;
 padding: 12px 18px;
 margin: 25px 0px 20px 20px;
}
.btn.btn-danger.btn-apply:hover {
 background-color: #4D4F53;
}
#detail {
 margin-top: 50px;
 margin-bottom: 50px;
}

.fa {
 font-size: 25px;
 background-color: #FFFFFF;
 padding: 8px 16px;
 border-radius: 50%;
 color: #e11b22;
 margin-right: 25px;
}
.fa:hover {

 background-color: #54595F;
 color: #fafafa;
 cursor: pointer
}

.fa.fa-info-circle {
 background: unset;
 padding: 6px 6px;
 text-align: center;
 display: inline;
 border-radius: 50%;
 color: #acacac;
 float: left;
 right: 25px;
 position: absolute;
}
.data-content {
    color: #333333;
    background-color: #909090
}
.popover {
 background-color: #cbcbcb;
 color: #333;
}