@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
      url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
      url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

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

ul{ list-style-type: none; margin: 0px !important; padding: 0px; }
ul li{ list-style-type: none; margin: 0px; padding: 0px; }
p{ font-size: 22px; }
a{ text-decoration: none !important; }
html{ height: 100%; }
body{ height: 100%; font-family:'Roboto-Regular'; cursor: url("../img/ribbon.png"), auto; overflow-x: hidden; }

.header{ background-color: #fff; padding: 10px 0px; top: 0; position: fixed; z-index:66 ; width: 100%; }

.logo{ padding: 0px 0px; }
.navigat{ position: relative; }
.menu ul li{ font-size: 14px; display: inline-block; margin-left: 3px; position: relative; padding: 10px 0 !important; }
.menu ul li a{ color: #222; padding: 8px 15px; border-radius: 20px; font-family:'Roboto-Medium'; position: relative; display: block; }
.menu > ul > li:hover > a { background-color: #009ee3; background-image: url('../img/rainbow.png'); background-size: contain; 
  color: #fff; }

.menu ul li ul{ position:absolute; border-radius: 4px; background-color:rgba(255,255,255,1); z-index:666; display:none; text-align:left;  margin:0px; padding:0px; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width: 180px; padding: 10px; border: 1px solid #eee; }
.menu ul li ul li { position:relative; padding: 0px !important; }
.menu ul li ul li a{ border-radius: 4px;  }
.menu ul li ul li :hover { background-color: #009ee3; color: #fff;}

#searchIcon{ position: relative; cursor:pointer  }
#searchIcon a{ border: none !important; background: none !important; }
#searchIcon img{ width: 20px; }
.searchBlock{ position:absolute; top: 0; bottom: 0; opacity:0; right: 0;  font-size: 14px;  width: 0; padding: 15px 0px;
  background-color:rgba(255, 255, 255, 1); overflow: hidden;
  background-repeat: no-repeat;
  -moz-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 0.5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,1); transition:all 0.5s cubic-bezier(0.23,1,0.32,1);
}
.searchBlock input { font-size: 18px; padding: 10px 0px; width: 100%; position: relative; background: none; border-radius:0; border-bottom: 1px solid #eee; border-top: none; border-left: none; border-right: none; color: #000; font-family:'Roboto-Medium'; background-image: url('../img/search.png'); background-repeat: no-repeat; background-position:99% center; background-size: 20px; }
.searchBlock input:focus{ box-shadow: none; background:none; border-bottom: 2px solid #009ee3 !important; }


.respbar{ color: #009ee3; cursor: pointer; }
.respbar span{ font-size: 35px !important; }
.repon_menu{ position: fixed; top: 0; bottom: 0; right: 0; background-color: #fff;  padding: 10px; width: 250px;  box-shadow: 0px 4px 6px rgba(000, 000, 000, 0.5); transition:all 0.5s ease;  right: -100%; }
.repon_menu ul{ margin: 0px !important; padding: 0px !important; }
.repon_menu ul li a{ color: #333; padding: 13px 15px; display:block; border-bottom: 1px solid #eee; font-size: 14px; font-family:'Roboto-Medium';}
.repon_menu ul li a:hover{ background-color: #009ee3; color: #fff; }

#homeBanner{ width: 100%; padding-bottom: 40px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcdafe+20,ffffff+100 */
background: #bcdafe; /* Old browsers */
background: -moz-linear-gradient(top,  #bcdafe 20%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bcdafe 20%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bcdafe 20%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdafe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.banTxt{width: 100%; padding: 60px 0px; }
.banTxt img{ width: 200px; padding-bottom: 20px; }

.frombackcol{ transform:translateY(200px); z-index:2; }
.fromleftcol{ transform:translateX(-200px); z-index:5; }
.fromrightcol{ transform:translateX(200px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{  transform:translateY(0); }
.animileftnrml{ transform:translateX(0); }
.animirightnrml{ transform:translateX(0); }

.tran01{ -moz-transition:all 1s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 1s cubic-bezier(0.23,1,0.32,1); transition:all 1s cubic-bezier(0.23,1,0.32,1); }	

.tran01-5{ -moz-transition:all 1.5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1.5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 1.5s cubic-bezier(0.23,1,0.32,1); transition:all 1.5s cubic-bezier(0.23,1,0.32,1); }	

.tran02{ -moz-transition:all 2s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 2s cubic-bezier(0.23,1,0.32,1);-o-transition:all 2s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 2s cubic-bezier(0.23,1,0.32,1);transition:all 2s cubic-bezier(0.23,1,0.32,1); }	

.tran02-5{ -moz-transition:all 2.5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 2.5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 2.5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 2.5s cubic-bezier(0.23,1,0.32,1);transition:all 2.5s cubic-bezier(0.23,1,0.32,1); }	

.tran03{ -moz-transition:all 3s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 3s cubic-bezier(0.23,1,0.32,1);-o-transition:all 3s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 3s cubic-bezier(0.23,1,0.32,1);transition:all 3s cubic-bezier(0.23,1,0.32,1); }

.tran03-5{ -moz-transition:all 3.5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 3.5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 3.5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 3.5s cubic-bezier(0.23,1,0.32,1);transition:all 3.5s cubic-bezier(0.23,1,0.32,1); }

.tran04{ -moz-transition:all 4s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 4s cubic-bezier(0.23,1,0.32,1);-o-transition:all 4s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 4s cubic-bezier(0.23,1,0.32,1);transition:all 4s cubic-bezier(0.23,1,0.32,1); }	

.tran04-5{ -moz-transition:all 4.5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 4.5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 4.5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 4.5s cubic-bezier(0.23,1,0.32,1);transition:all 4.5s cubic-bezier(0.23,1,0.32,1); }	

.tran05{ -moz-transition:all 5s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 5s cubic-bezier(0.23,1,0.32,1);-o-transition:all 5s cubic-bezier(0.23,1,0.32,1); -webkit-transition:all 5s cubic-bezier(0.23,1,0.32,1);transition:all 5s cubic-bezier(0.23,1,0.32,1); }	


body h3{ font-size: 36px; margin-bottom: 20px; }
.abtprep{ margin-bottom: 30px; margin-top: 20px; }

.abtprep p{ margin-bottom: 0px; padding-bottom: 5px; }

.threeBlock{ padding: 30px; box-shadow: 5px 5px 4px rgba(000, 000, 000, 0.3); width: 100%; }
.threeBlock img{ width: 80px; margin-bottom: 10px; }
.threeBlock p{ font-size: 15px;  }

.alink{ padding: 0px 0px 0px 0px;  margin-bottom: 0;  }
.alink a{ padding: 10px 0px; color: #222 !important; font-family:'Roboto-Medium'; font-size: 16px;  -moz-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-ms-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-o-transition:all 0.5s cubic-bezier(0.23,1,0.32,4); -webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);transition:all 0.5s cubic-bezier(0.23,1,0.32,4);  }
.alink a span{ padding: 5px 8px 5px 8px; color: #e31e24; margin-left: 10px; position: relative; top: 10px; font-size: 24px; position: relative; overflow: hidden; }
.alink a span::after{ position: absolute; content: ''; background-color: #e31e24; left: -35px; width: 100%;  bottom: 0; top: 0; z-index: -1;  -moz-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-ms-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-o-transition:all 0.5s cubic-bezier(0.23,1,0.32,4); -webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);transition:all 0.5s cubic-bezier(0.23,1,0.32,4); }	
.alink a:hover{ color: #000; }
.alink a:hover span{ color: #fff; padding: 5px 8px 5px 8px; border-left: 0; }
.alink a:hover span::after{ left: 0;  }

.dotbder{ width: 100%; height: 2px; border-top: 1px dashed #02abee; position: relative; overflow: hidden; margin-top: 40px; margin-bottom: 40px; }

.twoBlockColm h3{ margin-bottom: 20px; }
.twoBlock{ margin-bottom: 30px; }
.twoBlock h4{ padding: 10px 40px 10px 20px; }

.homefaq{ position: relative; }
.homefaq img{ width: 70%; margin-bottom: 10px; }
.homefaq h3{ margin-bottom: 20px; }
.homefaq p{ font-size: 20px; }

.whtnew ul{ margin: 0px; padding: 0; }
.whtnew ul li{ margin: 0px; padding: 0; border-top: 1px dashed #ddd; padding: 20px 0px; }
.whtnew ul li:nth-child(1){ border-top: none; }

.getStartColm{ position: relative; }
.getStart{ background-image:url("../img/getting-started.png"); background-position: bottom right; background-repeat: no-repeat; background-size: contain; padding: 30px; background-color: #fed2c7; }
.getStart p{ font-size: 22px; }

.partnerwith p{ font-size: 20px; }

.Hmpgform .form-group{ margin-bottom: 15px; position: relative; }
.Hmpgform .form-group label{ margin-bottom: 10px; }
.Hmpgform .form-group textarea{ height: 200px;}
.Hmpgform .form-group .error{ position: relative; color:#FF0000; font-size: 12px; margin-bottom: 0px; }

.alink{ padding: 0px 0px 0px 0px;  margin-bottom: 0;  }
.alink button{ padding: 10px 0px; color: #222 !important; font-family:'Roboto-Medium'; font-size: 16px;  -moz-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-ms-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-o-transition:all 0.5s cubic-bezier(0.23,1,0.32,4); -webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);transition:all 0.5s cubic-bezier(0.23,1,0.32,4); border: none; background: none;  }
.alink button span{ padding: 5px 8px 5px 8px; color: #e31e24; margin-left: 10px; position: relative; top: 10px; font-size: 24px; position: relative; overflow: hidden; }
.alink button span::after{ position: absolute; content: ''; background-color: #e31e24; right: 0; left: -35px; width: 100%;  bottom: 0; top: 0; z-index: -1;  -moz-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-ms-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);-o-transition:all 0.5s cubic-bezier(0.23,1,0.32,4); -webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,4);transition:all 0.5s cubic-bezier(0.23,1,0.32,4); }	
.alink button:hover{ color: #000; }
.alink button:hover span{ color: #fff; padding: 5px 8px 5px 8px; border-left: 0; }
.alink button:hover span::after{ left: 0;  }

.mediaicon{ padding: 20px 0px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+31,bcdaff+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 31%, #bcdaff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 31%,#bcdaff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 31%,#bcdaff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcdaff',GradientType=0 ); /* IE6-9 */
}

.footer{ background-color: #bcdaff; padding: 40px; }
.footer p{ color: #555; padding: 20px 0px; margin-bottom: 0px !important; font-size: 15px; }
.socialicon li{ display: inline-block; width: 30px; }
.socialicon li img{ width: 100%; }

.mainbanner{ -moz-user-select: none; user-select: none; position: relative; }
.mainbanner::before{ position:absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0;  }
.mainbanner img{ width: 100%;}

.pdfimg{  padding-bottom: 20px; text-align: right; }
.pdfimg img{ width:50px; padding-right: 10px; }
.ulli{ margin: 0; padding: 0; }
.ulli ul.ulli{ margin-left: 50px !important; padding-top: 10px; padding-bottom: 15px; }

.ulli li{ position: relative; font-size: 22px;  margin: 0; padding-left: 25px; }
.ulli li::before{ position: absolute; content: '\eac9'; top: 2px;  font-family: 'Material Icons'; left: 0; }
.ulli ul.ulli li::before{ position: absolute; content: '\e5df'; top: 3px;  font-family: 'Material Icons'; left: 0; }


.faqBlock .accordion-button{ font-size: 22px !important; overflow: hidden; }
.faqBlock .accordion-header{ border-top: 1px solid #eee; }
.faqBlock .accordion-item{ border:1px solid #eee; margin-bottom: 20px; }
.faqBlock .accordion-button::after{ display: none; }
.faqBlock .accordion-header button:before {
  float: right !important;
  font-family: Material Icons;
  content:"\e145";
  padding-right: 5px;
}
.faqBlock .accordion-header > button.collapsed:before {
  float: right !important;
  content:"\e15b";
}



.searchpage{ height: 400px; display: table;  text-align: center; }
.searchpage > div{ display: table-cell; vertical-align: middle;  }

.contactText{ background-color: #bcdafe; padding:50px; }


/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { .thumbClm,.mobNav { display:block; } .menu{ display: none; } p{ font-size: 14px !important; } .ulli li{ font-size: 14px; padding: 4px 0px 4px 20px;  } .ulli li span{ top: 10px; font-size: 12px; } .faqBlock .accordion-button{ font-size: 16px !important; } }

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .thumbClm,.mobNav { display:block; } .menu{ display: none; }  p{ font-size: 14px !important; } .ulli li{ font-size: 14px; padding: 4px 0px 4px 20px;  } .ulli li span{ top: 10px; font-size: 12px; } .faqBlock .accordion-button{ font-size: 16px !important; } }

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { .repon_menu,.mobNav { display:block; }.menu{ display: none; }  p{ font-size: 14px !important; } .ulli li{ font-size: 14px; padding: 4px 0px 4px 20px;  } .ulli li span{ top: 10px; font-size: 12px; } .faqBlock .accordion-button{ font-size: 16px !important; } }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .repon_menu,.mobNav { display:none; } .menu{ display: block; } }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {.repon_menu,.mobNav { display:none; } .menu{ display: block; } }