html{
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  font-display: optional;
}
body{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 14px;
  color: #183B56;
  overflow-x: hidden;
  font-family: Helvetica, sans-serif;
}
a{
  color: #002E7C;
}
a:hover{
  color: #0044B4;
  text-decoration: none;
}
::-webkit-scrollbar {
  display: none;
}
::-webkit-input-placeholder { /* Edge */
  color: #cccccc !important;
  font-style: italic !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc !important;
  font-style: italic !important;
}
::placeholder {
  color: #cccccc !important;
  font-style: italic !important;
}
.grabbable {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.hide{
  display: none;
}
.position-center{
  margin-left: auto;
  margin-right: auto;
}
.text-center{
  text-align: center !important;
}
.text-left{
  text-align: left !important;
}
.text-right{
  text-align: right !important;
}
.clr-main{
  color: #8AAAE5 !important;
}
.clr-second{
  color: #000000 !important;
}
.clr-black{
  color: #000000 !important;
}
.bottom-20{
  bottom: 20px !important;
}
.bottom-0{
  bottom: 0 !important;
}
.bottom--5{
  bottom: -5px !important;
}
.bottom--10{
  bottom: -10px !important;
}
.bottom--15{
  bottom: -15px !important;
}
.bottom--20{
  bottom: -20px !important;
}
.bottom--25{
  bottom: -25px !important;
}
.bottom--30{
  bottom: -30px !important;
}
.mt-0{
  margin-top: 0px !important; 
}
.mt-10{
  margin-top: 10px !important;
}
.mt-15{
  margin-top: 15px !important; 
}
.mt-20{
  margin-top: 20px !important; 
}
.mt-25{
  margin-top: 25px !important; 
}
.mt-30{
  margin-top: 30px !important; 
}
.mt-35{
  margin-top: 35px !important; 
}
.mt-40{
  margin-top: 40px !important; 
}
.mt-50{
  margin-top: 50px !important; 
}
.mb-10{
  margin-bottom: 10px !important;
}
.mb-15{
  margin-bottom: 15px !important; 
}
.mb-20{
  margin-bottom: 20px !important; 
}
.mb-25{
  margin-bottom: 25px !important; 
}
.mb-30{
  margin-bottom: 30px !important; 
}
.mb-35{
  margin-bottom: 35px !important; 
}
.mb-40{
  margin-bottom: 40px !important; 
}
.mr-10{
  margin-right: 10px !important;
}
.mr-15{
  margin-right: 15px !important; 
}
.mr-20{
  margin-right: 20px !important; 
}
.mr-25{
  margin-right: 25px !important; 
}
.ml-10{
  margin-left: 10px !important;
}
.ml-15{
  margin-left: 15px !important; 
}
.ml-20{
  margin-left: 20px !important; 
}
.ml-25{
  margin-left: 25px !important; 
}
.m-10{
  margin: 10px !important;
}
.p-20{
  padding: 20px;
}
.p-25{
  padding: 25px;
}
.col-space{
  width: 50px;
  height: auto;
}
.clearfix{
  clear: both;
}
.h-auto{
  height: auto !important;
}
.h-100{
  height: 100% !important;
}
.w-100{
  width: 100% !important;
}
.vh-100{
  height: 100vh !important;
}
.w-90{
  width: 90% !important;
}
.w-85{
  width: 85% !important;
}
.w-80{
  width: 80% !important;
}
.w-75{
  width: 75% !important;
}
.w-60{
  width: 60% !important;
}
.w-50{
  width: 50% !important;
}
.w-40{
  width: 40% !important;
}
.w-25{
  width: 25% !important;
}
.w-20{
  width: 20% !important;
}
.w-auto{
  width: auto !important;
}
.h-100{
  height: 100% !important;
}
.h-auto{
  height: auto !important;
}
.box-space{
  margin-right: 5px;
}
.ta-right{
  text-align: right;
}
.ta-left{
  text-align: left;
}
.ta-center{
  text-align: center;
}
.pr-10{
  padding-right: 10px;
}
.fa-font{
  width: 23px;
  margin-top: -4px;
}
.no-flex{
  display: block !important;
}
.d-flex{
  display: flex !important;
}
.free-space{
  height: 15px;
  width: 100%;
}
.f-right{
  float: right;
}
.f-left{
  float: left;
}
.font-14{
  font-size: 14px;
}
.justify-center{
  justify-content: center !important;
}
.margin-center{
  margin-left: auto;
  margin-right: auto;
}
.text-light-weight{
  font-weight: 500;
  color: #000000;
}
.text-grey{
  color: #666666 !important;
}

.l-green {
	background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important
}

.l-pink {
	background: linear-gradient(45deg, pink, #fbc1cb) !important
}

.l-turquoise {
	background: linear-gradient(45deg, #00ced1, #08e5e8) !important
}

.l-cyan {
	background: linear-gradient(45deg, #49cdd0, #00bcd4) !important
}

.l-khaki {
	background: linear-gradient(45deg, khaki, #fdf181) !important
}

.l-coral {
	background: linear-gradient(45deg, #f08080, #f58787) !important
}

.l-salmon {
	background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important
}

.l-blue {
	background: linear-gradient(45deg, #72c2ff, #86f0ff) !important
}

.l-seagreen {
	background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important
}

.l-amber {
	background: linear-gradient(45deg, #fda582, #f7cf68) !important
}

.l-blush {
	background: linear-gradient(45deg, #dd5e89, #f7bb97) !important
}

.l-parpl {
	background: linear-gradient(45deg, #a890d3, #edbae7) !important
}

.l-slategray {
	background: linear-gradient(45deg, #708090, #7c8ea0) !important
}

.xl-pink {
	background: #f9edee !important
}

.xl-turquoise {
	background: #bdf3f5 !important
}

.xl-khaki {
	background: #f9f1d8 !important
}

.xl-parpl {
	background: #efebf4 !important
}

.xl-salmon {
	background: #ffd4c3 !important
}

.xl-blue {
	background: #e0eff5 !important
}

.xl-seagreen {
	background: #ebf2e8 !important
}

.xl-slategray {
	background: #eceeef !important
}
.c-pointer{
  cursor: pointer;
}

.fade-in-image {
  animation: fadeIn .5s;
  -webkit-animation: fadeIn .5s;
  -moz-animation: fadeIn .5s;
  -o-animation: fadeIn .5s;
  -ms-animation: fadeIn .5s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}