@font-face {
   font-family: 'roboto';
src:url(../fonts/Roboto-Regular.ttf) format('truetype');
}


body{font-family: 'roboto', sans-serif;}
.h-icon{
color: #fff;
font-size: 26px;}
.pl{padding-left: 0px;}
.pr{padding-right: 0px;}
.mb{margin-bottom: 15px;}


/*----------------- landing page --------------------*/
.l-top-header{background-color:#073e7d;border-top: 5px #ffc023 solid; border-bottom: 5px #ffc023 solid; padding: 2em 0em; }
.l-logo{/*text-align: center*/}
.l-logo-left{}
.l-logo-img{width:11%;float: left; margin: 10px 20px;}
.l-logo-rt h1 {
    color: #fff;
    margin: 0px;
    padding: 2em 0em;
}
.l-wrapper{/*background-color: #ccc;*/ padding: 7em 0em;}
.l-button{padding: 10px 6px;color: #fff; border:none;border-radius: 4px; font-size: 16px; min-height: 90px;}
.l-button1{background-color:#0073b6;  }
.l-button2{background-color:#01a75d; }
.l-button3{background-color:#f39d12;  }
.l-button4{background-color:#f46954;  }
.l-text-center{text-align: center !important;}

h1.blink {
  font-size: 30px;
  /*width: 100vw;
  */
text-align: center;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+11,f39d12+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 11%, #f39d12 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 11%,#f39d12 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 11%,#f39d12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f39d12',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /*text-shadow: 0.5px -0.6vw #fff4;*/
  color: #fff;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 5s BeProud linear infinite,
    3s Always ease alternate infinite;
}

@keyframes BeProud {
  100% { background-position: 100vw 0px; }
}

@keyframes Always {
  100% { transform: scale(1.2);}
}



/*-------------------------------------------------------*/
hr.line{color: #7c7f83;
border: 1px solid;
width: 96%;}
.bd{padding:0px;}
.g-head{padding-left: 2em;
font-weight: bold;
color: #000;}
.footer{padding:6px 0px; background-color: #fff;}
.footer p{margin: 0px; text-align: right;}
.text-req{color: red;}
.pr-content{padding: 15px 15px;}
.prcd-content{margin: 6px 0 6px;color:#ff7519;}


.prf-grid{padding: 2em 4em;}


/*--------------- responsive--------------*/

@media (max-width: 991px) {
.l-button {height: 115px;}
}
@media (max-width: 767px) {
.l-wrapper {
    padding: 2em 0em;}
.l-logo-img {width: 14%;}
.l-button {  height: 90px;}
.l-button {
    padding: 10px 8px;
    width: 70%;
}
}
@media (max-width:480px) {
 h1.blink {
    font-size: 17px;}
    .l-button {
    padding: 10px 6px;
    width:100%;
}
}
@media (max-width:360px) {
.l-logo-img {
    width: 16%;
    float: none;
    margin:0px 0px;
}
.l-logo-left {
    text-align: center;
}
}
@media (max-width:320px) {
h1.blink {
    font-size: 16px;
}
.l-logo-rt h1 {
    padding: 1em 0em;
}
.l-logo-img {
    width: 23%;}
}