@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/montserrat-regular.ttf); }
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: normal;
  src: url(../fonts/montserrat-italic.ttf); }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/montserrat-bold.ttf); }
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: bold;
  src: url(../fonts/montserrat700italic.ttf); }
body {
  font-family: 'Montserrat';
  background: #f2f2f2; }

h4 {
  color: #F36F21;
  margin-bottom: 6px;
  font-weight: bold; }

.mobile-banner {
  display: none; }

.btn-theme {
  background: #51ca00;
  border-radius: 0px;
  color: #ffffff !important;
  border-bottom: 4px solid #44a106; }

.btn-theme:hover {
  color: #ffffff;
  opacity: 0.9; }

.btn-theme1 {
  background: #F36F21;
  border-radius: 0px;
  color: #ffffff !important;
  border-bottom: 4px solid #492190; }

.btn-theme1:hover {
  color: #ffffff;
  opacity: 0.9; }

.wrapper {
  background: #ffffff;
  padding: 15px 30px;
  box-shadow: 0px 10px 9px -3px #dddddd;
  border: 1px solid #dddddd;
  margin-top: 25px; }

.container {
  width: 55%; }

.wrapper .logo {
  margin-bottom: 15px;
  margin-top: 10px; }
.wrapper div.content.inactive {
  display: none; }
.wrapper .rd {
  color: #f30000; }
.wrapper .rd strong {
  color: #000000; }
.wrapper .form-group .input-box {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  border-bottom: 2px solid #ddd;
  height: 50px;
  font-size: 12px;
  padding: 0px;
  background: transparent;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  font-family: 'Montserrat' !important; }
.wrapper .form-group .input-box:focus {
  border-bottom: 2px solid #F36F21; }
.wrapper .input-group-addon {
  border: 0px;
  background: #dddddd; }

footer {
  margin-top: 20px; }

@media screen and (max-width: 768px) {
  .desktop-banner {
    display: none; }

  .mobile-banner {
    display: block; }

  .container {
    width: 100%; }

  .wrapper {
    margin-top: -10px; }

  .main-header .desktop-banner {
    display: none; }
  .main-header .mobile-banner {
    display: block; }
  .main-header h3 {
    color: #ffffff; } }

/*# sourceMappingURL=main.css.map */
