/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

@font-face {
    font-family: 'helveticaregular';
    src: url('../font/helvetica-webfont.woff2') format('woff2'),
         url('../font/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold';
    src: url('../font/helvetica-bold-webfont.woff2') format('woff2'),
         url('../font/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold_oblique';
    src: url('../font/helvetica-boldoblique-webfont.woff2') format('woff2'),
         url('../font/helvetica-boldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticacompressed';
    src: url('../font/helvetica-compressed-5871d14b6903a-webfont.woff2') format('woff2'),
         url('../font/helvetica-compressed-5871d14b6903a-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaoblique';
    src: url('../font/helvetica-oblique-webfont.woff2') format('woff2'),
         url('../font/helvetica-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticarounded_bold';
    src: url('../font/helvetica-rounded-bold-5871d05ead8de-webfont.woff2') format('woff2'),
         url('../font/helvetica-rounded-bold-5871d05ead8de-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{font-family: 'helveticabold';}
p{font-family: 'helveticaregular';}
a{font-family: 'helveticaregular';}
ul li{font-family: 'helveticaregular';}

#index-banner{background: url(../images/hero-bg.png)no-repeat; background-position: center bottom;background-size: cover;padding: 70px 0px;height: auto;}
.light-blue.lighten-1{z-index: 999; box-shadow: none;}

h1.header{font-size: 45px; margin: 0 0 40px; color: #fff;}
.cust-blue{background-color:#23c8cc;}
.pt-50{padding-top: 50px;}
.sub-heading h2{color: #23c8cc; font-size: 38px; margin: 0 0 30px;}
.sub-heading p{font-size: 17px; line-height: 26px; color: #5f6971;text-align: justify;}
.white-text-cust .input-field>label{color: #000;}
.white-text-cust .input-field>label.active{color: #000 !important;}
.white-text-cust input{color: #000;border-bottom: 1px solid #000 !important;}
.white-text-cust textarea{color: #000;border-bottom: 1px solid #000 !important;}
.white-text-cust .dob-color-black input{color: #000; border-bottom: 1px solid #000 !important;}
.white-text-cust .select-wrapper input.select-dropdown{border-bottom: 1px solid #fff;}
.white-text-cust .btn{background-color: #e10300;box-shadow: none;border: 1px solid #e10300; border-radius: 5px; display: block; width: 100%; font-family: 'helveticabold'; color:#fff;}
.tabs.tab-cust .tab a{color: #000;font-family: 'helveticabold';}
.tabs.tab-cust .tab a.active{font-family: 'helveticabold'; background: transparent; color:#1b9bbf;}
.tabs.tab-cust .indicator{background-color: #23c8cc;}
.file-path-wrapper input::placeholder{color: #000; background-color: #DDD;border: 1px solid #BBB;padding: 3px; border-radius: 5px;width: 150px; text-align: center;font-size: 14px;}
.privew-pad p{color: #4a4a4a;}
.privew-pad p span{font-family: 'helveticabold';color:#4a4a4a;}
.privew-pad p i{margin-right: 8px; color: #33ff00;}
.privew-pad .card{border-radius: 0px;box-shadow: none;
    border: 1px solid #ddd;}
.track-btn .btn{background-color: #e10300; box-shadow: none; border: 1px solid #e10300; border-radius: 5px; display: block; width: 100%; font-family: 'helveticabold'; color: #fff;}
.track-btn label{color: #e10300;}
.white-bg{background: #fff; border-radius: 10px;}
.pad-all{padding: 10px 20px 0px; margin-bottom: 0;}
.privew-pad{padding: 20px 20px 0px;;}
#client_sign_doc{padding: 11px 0;}
input.valid[type=text]:not(.browser-default){box-shadow: none;}
.privew-pad p.sub-heading{font-family: 'helveticabold';color: #000; font-size: 17px;margin-top: 0;}
.same-addrs span{color: #000;line-height: 17px !important;}
.white-text-cust label{color: #000;}
.display-center{display: flex; align-items: center;}
.tab-cust i{vertical-align: middle; margin-right: 5px;}
.invalid_form{color:red !important;}
select { visibility: hidden; display: block;position: absolute;}
.clearnone.clrnone{clear: none!important;}
.medclearnone.medclrnone{clear: both;}
.twrap tr td{word-wrap: break-word;padding: 1px 5px;}
.over-hide tr{border-bottom: 0px solid;}
.b-shadow{box-shadow: 0px 0px 10px 1px rgb(35 200 204 / 20%);border-radius: 5px; padding: 20px;min-height: 326px;}
.b-shadow.sec-height{min-height: 550px;}
.col.s12.m6.p-20{padding: 20px;}
@-webkit-keyframes rotate /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate{-webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -ms-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;}

/*Mobile*/ 

@media only screen and (max-width: 600px) {
    h1.header{font-size: 35px;line-height: 48px;}
    #index-banner{height: auto;}
    .sub-heading h2{font-size: 30px;}
    .sub-heading p{text-align: justify;}
}
/* Progress Bar START */
.top {
    padding-top: 40px;
    padding-left: 13% !important;
    padding-right: 13% !important
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 30px
}

#progressbar li {
    list-style-type: none;
    font-size: 13px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
  text-align: center;
}

#progressbar .step0:before {
    font-family: "Material Icons";
    content: "\e863";
    color: #fff
}

#progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    background: #C5CAE9;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
  text-align: center;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 12px;
    background: #C5CAE9;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: -1
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#progressbar li:nth-child(2):after,
#progressbar li:nth-child(3):after {
    left: -50%
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #23c8cc
}

#progressbar li.active:before {
    font-family: 'Material Icons';
    content: "\e876"
}

.icon {
    width: 60px;
    height: 60px;
    margin-right: 15px
}

.icon-content {
    padding-bottom: 20px
}

@media screen and (max-width: 992px) {
    .icon-content {
        width: 50%
    }
}
/* Progress Bar END */