html{
	scroll-behavior:smooth;
}
html, body {
  overflow-x: hidden !important;
}
body{
	margin:0;
	overflow-x:hidden;
	max-width:100%;
	font-family:"parabolica";
	font-weight:100;
}

@keyframes float {
	0%{transform:translateY(0)}
	50%{transform:translateY(-15px)}
	100%{transform:translateY(0)}
}

.float{
	animation:float 4s ease-in-out infinite;
}
h1,h2,h3,h4,h5,h6{
	color:#3155a6;
	font-weight:100;
}
/* form css */
.form-group{
	position:relative;
}
.error-text-small {
	font-size: 12px;
	color: #e11d48;
	visibility: hidden;
	position: absolute;
    bottom: -20px;
	margin: 0 0 5px 0;
    left: 0px;
    width: 100%;
}
.error-visible {
	visibility: visible;
}
.text-blue{
    color:#3155a6;
}
.img-box {
  width: 500px;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  
  /* Start hidden */
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  
  /* Transition */
  transition: clip-path 1.3s cubic-bezier(0.5, 0.5, 0, 1);
}

/* On hover reveal */
.img-box img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.hero-image img {
	height:100%;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.leading-custom{
  line-height: 32px !important;
}
.banner-leading{
  line-height: 45px !important;
}
@media (max-width:768px) {
  .banner-leading{
    line-height: 35px !important;
  }
}