/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }




@media(max-width: 1000px)
{

  .shadow-effect {
  		    background: #fff;
  		    padding: 20px;
  		    border-radius: 4px;
  		    text-align: center;
  	border:1px solid #ECECEC;
  		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
  		}
  		#customers-testimonials .shadow-effect p {
  		    font-family: inherit;
  		    font-size: 12px;
  		    line-height: 1.5;
  		    margin: 0 0 17px 0;
  		    font-weight: 300;
  		}
  		.testimonial-name {
  		    margin: -17px auto 0;
  		    display: table;
  		    width: auto;
  		    background: #5ddb37;
  		    padding: 9px 35px;
  		    border-radius: 12px;
  		    text-align: center;
  		    color: #fff;
  		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
  		}
  		#customers-testimonials .item {
  		    text-align: center;
  		    padding: 50px;
  				margin-bottom:80px;
  		    opacity: .2;
  		    -webkit-transform: scale3d(0.8, 0.8, 1);
  		    transform: scale3d(0.8, 0.8, 1);
  		    -webkit-transition: all 0.3s ease-in-out;
  		    -moz-transition: all 0.3s ease-in-out;
  		    transition: all 0.3s ease-in-out;
  		}
  		#customers-testimonials .owl-item.active.center .item {
  		    opacity: 1;
  		    -webkit-transform: scale3d(1.0, 1.0, 1);
  		    transform: scale3d(1.0, 1.0, 1);
  		}
  		.owl-carousel .owl-item img {
  		    transform-style: preserve-3d;
  		    max-width: 90px;
      		margin: 0 auto 17px;
  		}
  		#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
  		    background: #28CB75;
  		    transform: translate3d(0px, -50%, 0px) scale(0.7);
  		}
  		#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {
  		    background: #C4C4CC;
  		    display: block;
  		    height: 20px;
  		    margin: 0 2px 5px;
  		    transform: translate3d(0px, -50%, 0px) scale(0.3);
  		    transform-origin: 50% 50% 0;
  		    transition: all 250ms ease-out 0s;
  		    width: 20px;
  		}






.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.container-fluid
{
  margin-bottom: 40px;
  padding: 0;

}

.navbar-brand
{
  padding-left: 10px;
}

.main-td
{
  width: 250px;
  padding-top: 0px;

}

.prompts
{
  color: white;
  font-family: Lato;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.prompt
{
  color: #8bb7b6
  font-family: Lato;
  text-align: center;
  font-weight: 200;
  font-size: 28px;
}

.form-check-label
{
  color: white;
  font-size: 12px;
}
.form-control
{
  width: 170px;
  height: 35px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
.dropdown-menu.show {
    display: block;
}

#footer-contact{
background: #2b3740;
width: 100%;
margin-bottom: 0px;
text-align: center;
}
#send-btn
{
  font-size: 20px;
	margin-left: auto;
	margin-right: auto;
  margin-top: 0px;
}
#form-contact-us
{
  margin-top: 40px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgba(179, 244, 178, 0.7);
	padding-top: 10px;
	padding-bottom: 40px;
}


#contact-header
{
	width: 100%;
	text-align: center;
  margin-bottom: 10px;
}
.prompts-contact
{
  color: black;
  font-size: 16px;
  font-family: Lato;
	font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
}
#contact-header-text
{
	color: white;
	font-family: Lato;
	font-weight: 300 !important;
	font-size: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 120px;
	background-color: #287dba;
	padding-bottom: 30px;
}

#contact-form-header
{
	color: white;
	font-family: Lato;
	font-weight: 100 !important;
	font-size: 24px;
	margin-left: auto;
	margin-right: auto;
}
#otherwise-text
{
	text-align: center;
	font-size: 16px;
	font-family: Lato;

	color: black;
}
#contact-form
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.contact-centered
{
	margin-left: 90px;
	margin-bottom: 30px;
}

#experience-text
{
  margin-top: 10px;
}
.display-4
{
  font-size: 38px;
  font-family: Lato;
  text-align: center;
  border-bottom: 1px solid;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#contact-form-prompt
{
	color: white;
	font-family: Lato;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
}

#form-container-survey
{
  text-align: center;
  margin-bottom: 0;

}
.dropdown-backdrop {
    position: static;
}
#footer
{
  text-align: center;
  background: #2b3740;
  width: 100%;
}

#check
{
  margin-left: auto;
  margin-right: auto;
  max-width: 7%;
  margin-top: 40px;
  margin-bottom: 30px;
}
#footer-submit
{
  text-align: center;
  background:#75C27C;
  margin-bottom: 0px;
  width: 100%;
}
#prompts
{
  position:fixed;
    left:0px;
    bottom:30px;
    height:100px;
    width:100%;
    text-align: center;
}

font
{
  font-family: Lato;
  font-size: 18px;
}


#prompt-complete
{

    height:100px;
    margin-top: 40px;
    width:100%;
    text-align: center;
}
#upload-btn
{
  margin-top: 0px;
  margin-bottom: 45px;
}
#button-next-1
{
  margin-left: 40px;
  margin-right: auto;
  width: 170px;
  font-size: 16px;
  height: 30px;
}
#prompt-top
{
  margin-left: auto;
  margin-top: auto;
  padding-bottom: 18px;
  margin-bottom: 30px;
  color: white;
  text-align: center;
  background-color: transparent;
  font-family: Lato;
  font-size: 28px;
  margin-right: auto;
  border-bottom: 1px solid;
  border-color: white;
}

#prompt-tops
{
  margin-top: 100px;
  padding-bottom: 18px;
  color: #e6ce1d;
  font-family: lato;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.liens
{
  display: none;
}

#logo
{
  max-width: 70%;
  max-height: 70%;
  margin-left: 35px;
  margin-bottom: 50px;
}




#lien-text
{
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: center;
  border-bottom: 1px solid;
  border-color: #E7ECEF;
  padding-bottom: 15px;
}

#by_when
{
  margin-bottom: 30px;
}
.progress

  {
position:fixed;
  left:0px;
  bottom:0px;
  height:30px;
  width:100%;
}
.custom-file
{
  margin-top: 30px;
  margin-bottom: 10px;
  width: 250px;
}

#three-months-top
{
    margin-bottom: 30px;
    text-align: center;
    font-size: 25px;
}


#app-link
{
  color: #aaffff;
}

#app-link:hover
{
  color: white;
}
#app-link::after
{
  color: red;
}
#dob
{
  margin-bottom: 40px;
}


#footer-copyrights
{
  margin-top: 30px;
  border-top: 1px solid;
  border-color: #E7ECEF;
  padding-top: 20px;
  font-weight: 100;
  font-family: Lato;
  color: white;
  text-align: center;
}

#footer-copyrights-submit
{
  margin-top: 30px;
  padding-top: 20px;
  font-family: Lato;
  color: black;
  text-align: center;
}

#form-basic
{
  padding-bottom: 30px;
  width: 420px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#form-basic-ssn
{
  padding-bottom: 30px;
  width: 420px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#logo-ssn
{
  margin-top: 25px;
  max-width: 40%;
  margin-right: auto;
  margin-left: auto;
}
#logo-submit
{
  margin-top: 25px;
  max-width: 14%;
  background-color: rgba(67,80,100, 0.1);
  border-radius:  45px;
}


#container-form
{

  background-color: #2b3740;
}


#container-form-submit
{
  margin-top: 50px;
  margin-bottom: 0px;
  background-color: #5b7e71;
  margin-left: 0px;
  margin-right:0px;

  width: 100%;
}


.ssn-input
{
  width: 100px;
  border-radius: 5px;
  height: 35px;
}

#dob
{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}


.btn.btn-primary.mb-2
{
    background-color: green;
    border-color: white;
    font-size: 12px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: auto;
    width: 150px;
    height: 50px;
}
.btn.btn-primary.mb-2:hover
{
  background-color: white;
  color: green;
}

.bullet-items
{
  font-size: 12px;
  width: 100%;
  margin-bottom:15px;
  margin-right: 40px;

}



#footer-text
{
  color: white;
  font-size: 26px;
  font-family: Lato;
  font-weight: 100;
}
#footer-text-submit
{
  color: #E7ECEF;
  font-size: 32px;
  font-family: Lato;
}
#footer-area-submit
{
  background-color: #7FACF5;
  width: 100%;
  padding: 0px;
}
#footer-logo
{

    max-width: 40%;
    max-height: 14%;
    margin-bottom: 20px;
    margin-top: 10px;
}

#logo-link
{
  width: 80px;
}
#logo-brand
{
  max-width: 100%;
}
#big-container
{
background: url('images/bclBackground.png');
background-size: cover;
background-position: center center;
background-attachment: fixed;
height: 450px;
}

#email-prompt
{
  color: white;
  font-size: 10px;
  padding-top: 20px;
}

#bullet-list
{
color:white;
font-family: Lato;
font-size: 12px;
}
#contact-text
{
  color: #AACCFF;
  font-size: 22px;
  font-family: Lato;
  font-weight: 100;
}

#bullet-list-2
{
font-family: Lato;
font-size: 12px;
}
#promo-td
{
  border-right: 1px solid;
  border-color: white;
  padding-right: 20px;
  padding-top: 0px;
}
#about-table
{
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 100%;
}
#header-about
{
  width: 100%;
}
#about-td
{
  padding-right: 20px;
  padding-top: 80px;
}

#footer-copyright
{
  border-top: 1px solid;
  border-color: white;
  padding-top: 20px;
  font-weight: 100;
  font-size: 12px;
  font-family: Lato;
  color: white;
}

#footer-copyright-submit
{
  padding-top: 20px;
  font-weight: 400;
  font-family: Lato;
  color: black;
  font-size: 12px;
}


#footer-copyright-submit-area
{
  background-color: #89B5AB;
}

#form-td
{
  padding-left: 25px;
    padding-top: 60px;
  border-left: 1px solid;
}
#promo-text-2
{
  text-align: center;
  font-size: 16px;
}
#promo-td-2
{
  border-right: 1px solid;
}
#complete-btn
{
  margin-top: 80px;
  margin-left: 25%;
  width: 200px;
  font-size: 20px;
}

#business-line-qual
{
  margin-top: 40px;
  margin-bottom: 20px;
}

#recent-successes
{
  margin-top: 40px;

  width: 250px;
  font-size: 28px;
  margin-left: auto;
  margin-right: auto;
}

html
{
  background: #2b3740;
}

#html-complete
{
  background:transparent;
}

h3
{
  color: white;
  font-size: 18px;
  margin-bottom: 0px;
}
body
{
 background-color: #E7ECEF;
 padding-bottom: 100px;
}
#contact-body
{
  padding-bottom: 0px;
}
#body-index
{
  padding-bottom: 0px;
}

#form-page-body
{
  background-color: #2b3740;;
}
#form-page-body-submit
{
  background-color: #5b7e71;
}
#form-page-body-complete
{
  background: #2d383c;
}
#promo-text
{
  margin-bottom: 20px;
  font-family: Lato;
  font-weight: 700;
  font-size: 20px;
  color: white;
  text-align: center;
}
select
{
  font-size: 12px;
}

#main-area
{

  width: 100%;
}
#main-area-section-2
{
  margin-top: 120px;
}

#about-us-html
{
  background-color: #E7ECEF;
}
#header-text-about
{
  font-family: Lato;
  font-weight: 100;
  background-color:#E7ECEF;
  font-size: 62px;
  width: 402px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid;
  margin-top: 100px;
  text-align: center;
}
#main-about
{
  background-color: #E7ECEF;
}
} /* End Media Tag */