.fieldErrorClass
    {
                color: #0c5460;
                    background-color: #d1ecf1;
                border-color: #bee5eb;
                position: relative;
                padding: .75rem 1.25rem;
                margin-bottom: 1rem;
                border: 1px solid transparent;
                border-radius: .25rem;
    }

.alert-box {
  color:#555;
  border-radius:10px;
  font-size:13px;
  padding:10px 36px;
  margin-top: 30px!important;
}

.alert-box span {
  font-weight:bold;
  text-transform:uppercase;
}

.error {

  background:#ffecec url('./images/RefG/error.png') no-repeat 10px 50%;
  border:1px solid #f5aca6;
}

.firstRow {
  padding: 5% 5% 0% 5%;
}

.secondRow {
  padding: 0% 5% 5% 5%;
}

.rowWithMargin {
  margin-top: 3%;
}

.rowWithoutMargin {
  margin-top: 0%;
}

.bottomSocial {
  display: none;
  background: black;
  opacity: 0.8;
  text-transform: uppercase;
  padding: 5px;
  width: 100%;
  height: 100px;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: -50px;
  z-index: 1000;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.bottomSocial:hover {
  bottom: 0;
}

.bottomContainer {
  display: flex;
  flex-direction: row;
  padding: 10px;
  color: white;
  justify-content: center;
}

#bottomArrow {
  display: flex;
  margin-left: 10px;
  align-items: center!important;
}

.bottomText {
  margin: 0!important;
  display: flex;
}

.bottomIcons {
  margin-left: 10px;
}


/* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #03943F;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 150px;
  position: fixed;
  left: -110px;
  z-index: 1000;
  font-size: 10px;
  font-weight: bold;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#floatContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#flexDisplay {
  display: flex;
}

.yt {
  margin-right: 4px!important;
}

.fab {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-right: 8px;
}

.fl-fl:hover {
  left: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;
}

.float-fb {
  top: 160px;
}

.float-tw {
  top: 215px;
}

.float-yt {
  top: 270px;
}

.float-ig {
  top: 325px;
}

.float-in {
  top: 380px;
}


/* Floating Social Media Bar Style Ends Here */

body {
  min-height: 100vh;
  position: relative;
  margin: 0;
  background: #EFF1F2!important;
  font-family: 'Muli', sans-serif!important;
}

.bodyContainer {
  background: white;
  width: 70%!important;
  border-radius: 25px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
}

.col-sm-4 {
  text-align: right!important;
}

ul li {
  position: relative;
  padding-bottom: 10px;
}

ul {
  list-style: none;
}

ul li:before {
  content: '';
  position: absolute;
  border-right: 2px solid #03943F;
  border-bottom: 2px solid #03943F;
  width: 5px;
  height: 5px;
  top: calc(50% - 4px);
  left: -20px;
  transform: translateY(-50%) rotate(-45deg);
}

.header {
  border-bottom: 5px solid #008738;
  background: white;
  width: 100%;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15%;
  padding-right: 15%;
}

.slogan {
  color: #008738;
  text-align: center;
}

.btn {
  background: #03943F!important;
  border-color: #03943F!important;
}

.btn:hover {
  background: rgba(3, 148, 63, 0.8)!important;
  border-color: rgba(3, 148, 63, 0.8)!important;
}

.btn:active {
  background: rgba(3, 148, 63, 0.3)!important;
  border-color: rgba(3, 148, 63, 0.3)!important;
}

.contactIconContainer {
  margin-left: 20px;
  font-size: 15px;
  line-height: 30px
}

#contactIcon {
  color: #03943F;
  margin-right: 10px;
}

.boxTitle {
  font-weight: bold;
  color: #0d4791;
}

.boxHeader {
  background: #03943F;
  border-radius: 5px 5px 0px 0px;
}

.boxHeaderText {
  color: white;
  padding: 10px 20px 10px 20px;
}

.box1 {
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
}

.box1Content {
  padding: 0px 20px 0px 20px;
}

.net {
  color: #03943F;
}

.box1Button {
  margin: 5%;
}

.box2 {
  background: linear-gradient( rgba(16, 55, 132, 0.45), rgba(16, 55, 132, 0.45)), url(./images/RefG/handshake.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.box2Text {
  color: white;
  text-align: center;
  padding: 0 10%;
  font-size: 1.2em;
  font-weight: bold;
}
.box2Text1 {
  color: read;
  text-align: center;
  padding: 0 10%;
  font-size: 1.2em;
  font-weight: bold;
}

.norton {
  color: #000000;
  text-decoration: none;
  font: bold 7px verdana, sans-serif;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.box3 {
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  padding: 0!important;
}

.box4 {
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  padding: 0!important;
}

.box1 a {
  color: #03943F!important;
}

.box4 ul li a {
  color: #03943F!important;
}

.box5 a {
  color: black!important;
}

.box5 {
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  padding: 0!important;
}

.box6 {
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
}

.footer {
  background-color: white;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -15%;
  margin-bottom: 50px;
}

.copyright {
  text-align: center;
  margin: 0!important;
  padding: 10px;
}

.footer a {
  color: #03943F;
}

.footer a:hover {
  color: rgba(3, 148, 63, 0.8);
}


/* On screens that are 800px or less */

@media only screen and (max-width:800px) {
  .bodyContainer {
    width: 95%!important;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
    -moz-box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
    box-shadow: 0px 3px 6px 0px rgba(110, 107, 110, 0.39);
  }
  .header {
    padding-left: 5%;
    padding-right: 5%;
  }
  .headerFirstLogo {
    width: 150px;
  }
  .headerSecondLogo {
    width: 150px;
  }
  .slogan {
    font-size: 1.1em;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
  }
  .col-sm-4 {
    text-align: left!important;
  }
  .float-sm {
    display: none;
  }
  .bottomSocial {
    display: block;
  }
}


/* On screens that are 500px or less */

@media only screen and (max-width:500px) {
  .header {
    padding-left: 0%;
    padding-right: 0%;
  }
  .bodyContainer {
    background: transparent;
    width: 100%!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .headerFirstLogo {
    width: 100px;
  }
  .headerSecondLogo {
    width: 100px;
  }
  .slogan {
    font-size: 1em;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
  }
  .col-sm-4 {
    text-align: left!important;
  }
  .float-sm {
    display: none;
  }
  .bottomSocial {
    display: block;
  }
}