@font-face {
    font-family: HelveticaLTStd-BlkCond;
    src: url(../fonts/HelveticaLTStd-BlkCond.otf);
}
@font-face {
    font-family: HelveticaLTStd-Cond;
    src: url(../fonts/HelveticaLTStd-Cond.otf);
}
@font-face {
    font-family: Roboto-BoldCondensed;
    src: url(../fonts/Roboto-BoldCondensed.ttf);
}

@font-face {
    font-family: Georgia;
    src: url(../fonts/Georgia.ttf);
}
@font-face {
    font-family: GeorgiaBold;
    src: url(../fonts/georgia-bold.ttf)
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans-Regular.ttf)
}
.container{
    padding-left: 5%;
    padding-left: 5%;
}
.navigation-bar{
    background-color: #252525;
    padding-top:10px;
    padding-bottom: 10px;
}
.skfg{
    font-family: HelveticaLTStd-BlkCond;  
    color:#ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding-left: 25px;
    padding-right: 25px;
    font-size:34px;
}

.btn-get{
    background-image: linear-gradient(to bottom, #00dd6b, #00d065, #00c25e, #00b558, #00a852);
    color:#ffffff;
    font-family: Roboto-BoldCondensed;
    border-radius: 50px;
    border:none;
    border-top: 2px solid #01ff00;
    border-bottom: 2px solid #00d567;
    border-left: 2px solid #00d567;
    border-right: 2px solid #00d567;
    font-size:22px;
    padding:5px 30px 5px 30px;
}

.hero{
    background-image: url(../images/hero-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center;
}
.story-p{
    color:#00d567;
    font-family: Roboto-BoldCondensed;
    font-size: 22px;
}
.hero-p{
    font-family: HelveticaLTStd-Cond;
    color:#ffffff;
    font-size:51px;
    text-transform: uppercase;
    padding-right:21%;
    line-height: 76px;
    margin-top:-20px;
}
.hero-gain{
    font-family: HelveticaLTStd-BlkCond;
    font-size:60px;
    color:#ffffff;
}
.hero-text{
    line-height: 60px;
}
.hero-sub-heading{
    background: rgba(12, 152, 204, .8);
    padding-top:20px;
    padding-bottom:20px;
    margin-top:60px;
}
.hero-sub-heading > div > h1{
    color:#00ffff;
    font-family: HelveticaLTStd-BlkCond;
    font-size:60px;
    text-transform: uppercase;
    padding-right: 100px;
}
.d1-title{
    color:#002554;
    font-family: HelveticaLTStd-BlkCond;
}
.d1-text{
    font-family: Georgia;
    color:#100a35;
    font-size:24px;
}
.why-container{
    background-color: #eef5f9;
    padding-top:4%;
}
.section-title{
    font-family: Roboto-BoldCondensed;
    color:#004a80;
    font-size:40px;
}
.section-text{
    font-size:20px;
    font-family: Georgia;
    color:#100a35;
}
.patents{
    background-color: #005689;
    padding-top: 30px;
    padding-bottom: 25px;
}
.patents > div > h1{
text-align: center;
color: #ffffff;
font-family: GeorgiaBold;
font-size:38px;
padding-left: 14%;
padding-right: 14%;
}
.grdnt-box{
    width: 100%;
    background-image: linear-gradient(to bottom, #c6dfee, #c1dced, #bbd8eb, #b6d5ea, #b1d1e9, #abcde8, #a6cae6, #a0c6e5, #99c2e3, #91bde2, #8ab9e0, #83b4df);
    border-radius: 30px;
    font-family: HelveticaLTStd-BlkCond;
    padding:35px 60px 35px 60px;
    margin-top:5%;
}
.grdnt-box > h1{
  
    font-family: HelveticaLTStd-BlkCond;
    color:#004a80;
    font-size:38px;
  
}

.form-container{
    width: 100%;
    background-color: #005689;
    padding-top:3%;
    padding-bottom:2%;

}
.img-bottom{
    margin-top: 100px;
}
.form-input,.btn-submit{
    width: 60%;
    height:55px;
    border-radius: 24px;
    border:none;
}
.form-heading{
    font-family: GeorgiaBold;
    color:#ffffff;
    font-size: 30px; 
}
.btn-submit{
    font-family: Roboto-BoldCondensed;
    background-image: linear-gradient(to bottom, #00dd6b, #00d065, #00c25e, #00b558, #00a852);
    color:#ffffff;
    font-size: 30px;
    margin-top:25px;
    border:none;
    border-top: 2px solid #01ff00;
    border-bottom: 2px solid #00d567;
    border-left: 2px solid #00d567;
    border-right: 2px solid #00d567;
    padding-bottom: 50px;
}
.form-main{
    margin-top: 35px;
    
}
.disclaimer{
    font-family: OpenSans;
    color: #ffffff;
    font-size: 14px;
    margin-top:40px;
    padding-left: 20.5%;
    padding-right: 20.5%;
}
.main-footer{
    background-color: #252525;
    padding-top:30px;
    padding-bottom: 10px;
}
.owned{
    text-align: center;
    font-family: OpenSans;
    color:#ffffff;
    color:#6dcff6;
}
.copy-right{
    color: #d7d7d7;
    text-align: center;
}
.navigation > a{
    text-decoration: none;
    font-family: Roboto-BoldCondensed;
    font-size:16px;
    color:#d7d7d7;
    margin-right: 10px;
    margin-left:10px;
    
    
}
.btn-contact{
    margin-top: 20px;
    font-family: Roboto-BoldCondensed;
    background-image: linear-gradient(to bottom, #00dd6b, #00d065, #00c25e, #00b558, #00a852);
    color:#ffffff;
    font-size:18px;
    padding-left: 20px;
    padding-right: 20px;
    border:none;
    float: right;
}
.form-contact{
    width: 50%;
}
.contact-heading{
    font-family: HelveticaLTStd-BlkCond;
    color:#383838;
    font-size:38px;
}

.message-input{
    height: 200px;
}

.img-jim{
    width:100px;
    border-radius: 100px;
    height: 130px;
    background-color: white;
}
.img-jim > img{
    width:100px;
    border-radius: 100px;
}

.jim-text{
    color:#ffffff;
    font-size:20px;
    font-family: Roboto-BoldCondensed;
}
.long-button{
    width: 100%;
    border:none;
    text-align: center;
    background-image: linear-gradient(to bottom, #00dd6b, #00d065, #00c25e, #00b558, #00a852);
    padding-top:10px;
    padding-bottom:10px;
    text-decoration: none;
    color:#ffffff;
    font-family: Roboto-BoldCondensed;
    font-size:36px;
}

.custom-modal-title{
    font-size:40px;
    font-family: Roboto-BoldCondensed;
    color:#001763;
    text-align: center;
}

.modal-separator{
    width:100%; 
    height:2px;
    background-color:#12a805;
    margin-top:10px;
}
.tpreason-container > img{
    width: 30px;
    margin-top:5px;
}
.tpreason-container > p{
    font-size:22px;
    font-family: OpenSans;
    
}

.chart-heading > h1{
    font-size:40px;
    font-family: Roboto-BoldCondensed;
}

.chart-heading > p{
    font-size:22px;
    font-family: OpenSans;
}

.hero-sub-heading-chart{
    margin-top: 0px;
   
}

.news-image{
    width: 350px;
}
.news-title{
    font-size:20px;
}
.clock-icon{
    width: 15px;
}
.news-date > .date{
    color:#5e5e5e;
    font-size:12px;
    margin-top:15px;
}