@import url("https://fonts.googleapis.com/css2?family=Spline+Sans:wght@300;400;500;600;700&display=swap");
 @import url('https://fonts.googleapis.com/css?family=Lato:400,700');
/* IMPORTED BOOTSTRAP CLASSES */
 .m-0 {
	 margin: 0 !important;
}
 .mt-0, .my-0 {
	 margin-top: 0 !important;
}
 .mr-0, .mx-0 {
	 margin-right: 0 !important;
}
 .mb-0, .my-0 {
	 margin-bottom: 0 !important;
}
 .ml-0, .mx-0 {
	 margin-left: 0 !important;
}
 .m-1 {
	 margin: 0.25rem !important;
}
 .mt-1, .my-1 {
	 margin-top: 0.25rem !important;
}
 .mr-1, .mx-1 {
	 margin-right: 0.25rem !important;
}
 .mb-1, .my-1 {
	 margin-bottom: 0.25rem !important;
}
 .ml-1, .mx-1 {
	 margin-left: 0.25rem !important;
}
 .m-2 {
	 margin: 0.5rem !important;
}
 .mt-2, .my-2 {
	 margin-top: 0.5rem !important;
}
 .mr-2, .mx-2 {
	 margin-right: 0.5rem !important;
}
 .mb-2, .my-2 {
	 margin-bottom: 0.5rem !important;
}
 .ml-2, .mx-2 {
	 margin-left: 0.5rem !important;
}
 .m-3 {
	 margin: 1rem !important;
}
 .mt-3, .my-3 {
	 margin-top: 1rem !important;
}
 .mr-3, .mx-3 {
	 margin-right: 1rem !important;
}
 .mb-3, .my-3 {
	 margin-bottom: 1rem !important;
}
 .ml-3, .mx-3 {
	 margin-left: 1rem !important;
}
 .m-4 {
	 margin: 1.5rem !important;
}
 .mt-4, .my-4 {
	 margin-top: 1.5rem !important;
}
 .mr-4, .mx-4 {
	 margin-right: 1.5rem !important;
}
 .mb-4, .my-4 {
	 margin-bottom: 1.5rem !important;
}
 .ml-4, .mx-4 {
	 margin-left: 1.5rem !important;
}
 .m-5 {
	 margin: 3rem !important;
}
 .mt-5, .my-5 {
	 margin-top: 3rem !important;
}
 .mr-5, .mx-5 {
	 margin-right: 3rem !important;
}
 .mb-5, .my-5 {
	 margin-bottom: 3rem !important;
}
 .ml-5, .mx-5 {
	 margin-left: 3rem !important;
}
 .p-0 {
	 padding: 0 !important;
}
 .pt-0, .py-0 {
	 padding-top: 0 !important;
}
 .pr-0, .px-0 {
	 padding-right: 0 !important;
}
 .pb-0, .py-0 {
	 padding-bottom: 0 !important;
}
 .pl-0, .px-0 {
	 padding-left: 0 !important;
}
 .p-1 {
	 padding: 0.25rem !important;
}
 .pt-1, .py-1 {
	 padding-top: 0.25rem !important;
}
 .pr-1, .px-1 {
	 padding-right: 0.25rem !important;
}
 .pb-1, .py-1 {
	 padding-bottom: 0.25rem !important;
}
 .pl-1, .px-1 {
	 padding-left: 0.25rem !important;
}
 .p-2 {
	 padding: 0.5rem !important;
}
 .pt-2, .py-2 {
	 padding-top: 0.5rem !important;
}
 .pr-2, .px-2 {
	 padding-right: 0.5rem !important;
}
 .pb-2, .py-2 {
	 padding-bottom: 0.5rem !important;
}
 .pl-2, .px-2 {
	 padding-left: 0.5rem !important;
}
 .p-3 {
	 padding: 1rem !important;
}
 .pt-3, .py-3 {
	 padding-top: 1rem !important;
}
 .pr-3, .px-3 {
	 padding-right: 1rem !important;
}
 .pb-3, .py-3 {
	 padding-bottom: 1rem !important;
}
 .pl-3, .px-3 {
	 padding-left: 1rem !important;
}
 .p-4 {
	 padding: 1.5rem !important;
}
 .pt-4, .py-4 {
	 padding-top: 1.5rem !important;
}
 .pr-4, .px-4 {
	 padding-right: 1.5rem !important;
}
 .pb-4, .py-4 {
	 padding-bottom: 1.5rem !important;
}
 .pl-4, .px-4 {
	 padding-left: 1.5rem !important;
}
 .p-5 {
	 padding: 3rem !important;
}
 .pt-5, .py-5 {
	 padding-top: 3rem !important;
}
 .pr-5, .px-5 {
	 padding-right: 3rem !important;
}
 .pb-5, .py-5 {
	 padding-bottom: 3rem !important;
}
 .pl-5, .px-5 {
	 padding-left: 3rem !important;
}
 .m-n1 {
	 margin: -0.25rem !important;
}
 .card {
	 position: relative;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 min-width: 0;
	 word-wrap: break-word;
	 background-color: #fff;
	 background-clip: border-box;
	 border: 1px solid rgba(0, 0, 0, .125);
	 border-radius: 0.25rem;
}
 .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	 position: relative;
	 width: 100%;
	 padding-right: 15px;
	 padding-left: 15px;
}
 .col {
	 -ms-flex-preferred-size: 0;
	 flex-basis: 0;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 max-width: 100%;
}
 .col-1 {
	 -ms-flex: 0 0 8.333333%;
	 flex: 0 0 8.333333%;
	 max-width: 8.333333%;
}
 .col-2 {
	 -ms-flex: 0 0 16.666667%;
	 flex: 0 0 16.666667%;
	 max-width: 16.666667%;
}
 .col-3 {
	 -ms-flex: 0 0 25%;
	 flex: 0 0 25%;
	 max-width: 25%;
}
 .col-4 {
	 -ms-flex: 0 0 33.333333%;
	 flex: 0 0 33.333333%;
	 max-width: 33.333333%;
}
 .col-5 {
	 -ms-flex: 0 0 41.666667%;
	 flex: 0 0 41.666667%;
	 max-width: 41.666667%;
}
 .col-6 {
	 -ms-flex: 0 0 50%;
	 flex: 0 0 50%;
	 max-width: 50%;
}
 .col-7 {
	 -ms-flex: 0 0 58.333333%;
	 flex: 0 0 58.333333%;
	 max-width: 58.333333%;
}
 .col-8 {
	 -ms-flex: 0 0 66.666667%;
	 flex: 0 0 66.666667%;
	 max-width: 66.666667%;
}
 .col-9 {
	 -ms-flex: 0 0 75%;
	 flex: 0 0 75%;
	 max-width: 75%;
}
 .col-10 {
	 -ms-flex: 0 0 83.333333%;
	 flex: 0 0 83.333333%;
	 max-width: 83.333333%;
}
 .col-11 {
	 -ms-flex: 0 0 91.666667%;
	 flex: 0 0 91.666667%;
	 max-width: 91.666667%;
}
 .col-12 {
	 -ms-flex: 0 0 100%;
	 flex: 0 0 100%;
	 max-width: 100%;
}
 @media (min-width: 576px) {
	 .col-sm {
		 -ms-flex-preferred-size: 0;
		 flex-basis: 0;
		 -ms-flex-positive: 1;
		 flex-grow: 1;
		 max-width: 100%;
	}
	 .col-sm-auto {
		 -ms-flex: 0 0 auto;
		 flex: 0 0 auto;
		 width: auto;
		 max-width: 100%;
	}
	 .col-sm-1 {
		 -ms-flex: 0 0 8.333333%;
		 flex: 0 0 8.333333%;
		 max-width: 8.333333%;
	}
	 .col-sm-2 {
		 -ms-flex: 0 0 16.666667%;
		 flex: 0 0 16.666667%;
		 max-width: 16.666667%;
	}
	 .col-sm-3 {
		 -ms-flex: 0 0 25%;
		 flex: 0 0 25%;
		 max-width: 25%;
	}
	 .col-sm-4 {
		 -ms-flex: 0 0 33.333333%;
		 flex: 0 0 33.333333%;
		 max-width: 33.333333%;
	}
	 .col-sm-5 {
		 -ms-flex: 0 0 41.666667%;
		 flex: 0 0 41.666667%;
		 max-width: 41.666667%;
	}
	 .col-sm-6 {
		 -ms-flex: 0 0 50%;
		 flex: 0 0 50%;
		 max-width: 50%;
	}
	 .col-sm-7 {
		 -ms-flex: 0 0 58.333333%;
		 flex: 0 0 58.333333%;
		 max-width: 58.333333%;
	}
	 .col-sm-8 {
		 -ms-flex: 0 0 66.666667%;
		 flex: 0 0 66.666667%;
		 max-width: 66.666667%;
	}
	 .col-sm-9 {
		 -ms-flex: 0 0 75%;
		 flex: 0 0 75%;
		 max-width: 75%;
	}
	 .col-sm-10 {
		 -ms-flex: 0 0 83.333333%;
		 flex: 0 0 83.333333%;
		 max-width: 83.333333%;
	}
	 .col-sm-11 {
		 -ms-flex: 0 0 91.666667%;
		 flex: 0 0 91.666667%;
		 max-width: 91.666667%;
	}
	 .col-sm-12 {
		 -ms-flex: 0 0 100%;
		 flex: 0 0 100%;
		 max-width: 100%;
	}
}
 @media (min-width: 768px) {
	 .col-md {
		 -ms-flex-preferred-size: 0;
		 flex-basis: 0;
		 -ms-flex-positive: 1;
		 flex-grow: 1;
		 max-width: 100%;
	}
	 .col-md-auto {
		 -ms-flex: 0 0 auto;
		 flex: 0 0 auto;
		 width: auto;
		 max-width: 100%;
	}
	 .col-md-1 {
		 -ms-flex: 0 0 8.333333%;
		 flex: 0 0 8.333333%;
		 max-width: 8.333333%;
	}
	 .col-md-2 {
		 -ms-flex: 0 0 16.666667%;
		 flex: 0 0 16.666667%;
		 max-width: 16.666667%;
	}
	 .col-md-3 {
		 -ms-flex: 0 0 25%;
		 flex: 0 0 25%;
		 max-width: 25%;
	}
	 .col-md-4 {
		 -ms-flex: 0 0 33.333333%;
		 flex: 0 0 33.333333%;
		 max-width: 33.333333%;
	}
	 .col-md-5 {
		 -ms-flex: 0 0 41.666667%;
		 flex: 0 0 41.666667%;
		 max-width: 41.666667%;
	}
	 .col-md-6 {
		 -ms-flex: 0 0 50%;
		 flex: 0 0 50%;
		 max-width: 50%;
	}
	 .col-md-7 {
		 -ms-flex: 0 0 58.333333%;
		 flex: 0 0 58.333333%;
		 max-width: 58.333333%;
	}
	 .col-md-8 {
		 -ms-flex: 0 0 66.666667%;
		 flex: 0 0 66.666667%;
		 max-width: 66.666667%;
	}
	 .col-md-9 {
		 -ms-flex: 0 0 75%;
		 flex: 0 0 75%;
		 max-width: 75%;
	}
	 .col-md-10 {
		 -ms-flex: 0 0 83.333333%;
		 flex: 0 0 83.333333%;
		 max-width: 83.333333%;
	}
	 .col-md-11 {
		 -ms-flex: 0 0 91.666667%;
		 flex: 0 0 91.666667%;
		 max-width: 91.666667%;
	}
	 .col-md-12 {
		 -ms-flex: 0 0 100%;
		 flex: 0 0 100%;
		 max-width: 100%;
	}
}
 @media (min-width: 992px) {
	 .col-lg {
		 -ms-flex-preferred-size: 0;
		 flex-basis: 0;
		 -ms-flex-positive: 1;
		 flex-grow: 1;
		 max-width: 100%;
	}
	 .col-lg-auto {
		 -ms-flex: 0 0 auto;
		 flex: 0 0 auto;
		 width: auto;
		 max-width: 100%;
	}
	 .col-lg-1 {
		 -ms-flex: 0 0 8.333333%;
		 flex: 0 0 8.333333%;
		 max-width: 8.333333%;
	}
	 .col-lg-2 {
		 -ms-flex: 0 0 16.666667%;
		 flex: 0 0 16.666667%;
		 max-width: 16.666667%;
	}
	 .col-lg-3 {
		 -ms-flex: 0 0 25%;
		 flex: 0 0 25%;
		 max-width: 25%;
	}
	 .col-lg-4 {
		 -ms-flex: 0 0 33.333333%;
		 flex: 0 0 33.333333%;
		 max-width: 33.333333%;
	}
	 .col-lg-5 {
		 -ms-flex: 0 0 41.666667%;
		 flex: 0 0 41.666667%;
		 max-width: 41.666667%;
	}
	 .col-lg-6 {
		 -ms-flex: 0 0 50%;
		 flex: 0 0 50%;
		 max-width: 50%;
	}
	 .col-lg-7 {
		 -ms-flex: 0 0 58.333333%;
		 flex: 0 0 58.333333%;
		 max-width: 58.333333%;
	}
	 .col-lg-8 {
		 -ms-flex: 0 0 66.666667%;
		 flex: 0 0 66.666667%;
		 max-width: 66.666667%;
	}
	 .col-lg-9 {
		 -ms-flex: 0 0 75%;
		 flex: 0 0 75%;
		 max-width: 75%;
	}
	 .col-lg-10 {
		 -ms-flex: 0 0 83.333333%;
		 flex: 0 0 83.333333%;
		 max-width: 83.333333%;
	}
	 .col-lg-11 {
		 -ms-flex: 0 0 91.666667%;
		 flex: 0 0 91.666667%;
		 max-width: 91.666667%;
	}
	 .col-lg-12 {
		 -ms-flex: 0 0 100%;
		 flex: 0 0 100%;
		 max-width: 100%;
	}
}
 @media (min-width: 1200px) {
	 .col-xl {
		 -ms-flex-preferred-size: 0;
		 flex-basis: 0;
		 -ms-flex-positive: 1;
		 flex-grow: 1;
		 max-width: 100%;
	}
	 .col-xl-auto {
		 -ms-flex: 0 0 auto;
		 flex: 0 0 auto;
		 width: auto;
		 max-width: 100%;
	}
	 .col-xl-1 {
		 -ms-flex: 0 0 8.333333%;
		 flex: 0 0 8.333333%;
		 max-width: 8.333333%;
	}
	 .col-xl-2 {
		 -ms-flex: 0 0 16.666667%;
		 flex: 0 0 16.666667%;
		 max-width: 16.666667%;
	}
	 .col-xl-3 {
		 -ms-flex: 0 0 25%;
		 flex: 0 0 25%;
		 max-width: 25%;
	}
	 .col-xl-4 {
		 -ms-flex: 0 0 33.333333%;
		 flex: 0 0 33.333333%;
		 max-width: 33.333333%;
	}
	 .col-xl-5 {
		 -ms-flex: 0 0 41.666667%;
		 flex: 0 0 41.666667%;
		 max-width: 41.666667%;
	}
	 .col-xl-6 {
		 -ms-flex: 0 0 50%;
		 flex: 0 0 50%;
		 max-width: 50%;
	}
	 .col-xl-7 {
		 -ms-flex: 0 0 58.333333%;
		 flex: 0 0 58.333333%;
		 max-width: 58.333333%;
	}
	 .col-xl-8 {
		 -ms-flex: 0 0 66.666667%;
		 flex: 0 0 66.666667%;
		 max-width: 66.666667%;
	}
	 .col-xl-9 {
		 -ms-flex: 0 0 75%;
		 flex: 0 0 75%;
		 max-width: 75%;
	}
	 .col-xl-10 {
		 -ms-flex: 0 0 83.333333%;
		 flex: 0 0 83.333333%;
		 max-width: 83.333333%;
	}
	 .col-xl-11 {
		 -ms-flex: 0 0 91.666667%;
		 flex: 0 0 91.666667%;
		 max-width: 91.666667%;
	}
	 .col-xl-12 {
		 -ms-flex: 0 0 100%;
		 flex: 0 0 100%;
		 max-width: 100%;
	}
}
 .container {
	 width: 100%;
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
}
 @media (min-width: 576px) {
	 .container {
		 max-width: 540px;
	}
}
 @media (min-width: 768px) {
	 .container {
		 max-width: 720px;
	}
}
 @media (min-width: 992px) {
	 .container {
		 max-width: 960px;
	}
}
 @media (min-width: 1200px) {
	 .container {
		 max-width: 1140px;
	}
}
 .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	 width: 100%;
	 padding-right: 15px;
	 padding-left: 15px;
	 margin-right: auto;
	 margin-left: auto;
}
 @media (min-width: 576px) {
	 .container, .container-sm {
		 max-width: 540px;
	}
}
 @media (min-width: 768px) {
	 .container, .container-md, .container-sm {
		 max-width: 720px;
	}
}
 @media (min-width: 992px) {
	 .container, .container-lg, .container-md, .container-sm {
		 max-width: 960px;
	}
}
 @media (min-width: 1200px) {
	 .container, .container-lg, .container-md, .container-sm, .container-xl {
		 max-width: 1140px;
	}
}
 .row {
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	 margin-right: -15px;
	 margin-left: -15px;
}
 .d-none {
	 display: none !important;
}
 .d-inline {
	 display: inline !important;
}
 .d-inline-block {
	 display: inline-block !important;
}
 .d-block {
	 display: block !important;
}
 .d-flex {
	 display: -ms-flexbox !important;
	 display: flex !important;
}
 .d-inline-flex {
	 display: -ms-inline-flexbox !important;
	 display: inline-flex !important;
}
 .rounded {
	 border-radius: 0.25rem !important;
}
 @media (min-width: 576px) {
	 .d-sm-none {
		 display: none !important;
	}
	 .d-sm-inline {
		 display: inline !important;
	}
	 .d-sm-inline-block {
		 display: inline-block !important;
	}
	 .d-sm-block {
		 display: block !important;
	}
	 .d-sm-flex {
		 display: -ms-flexbox !important;
		 display: flex !important;
	}
}
 @media (min-width: 768px) {
	 .d-md-none {
		 display: none !important;
	}
	 .d-md-inline {
		 display: inline !important;
	}
	 .d-md-inline-block {
		 display: inline-block !important;
	}
	 .d-md-block {
		 display: block !important;
	}
	 .d-md-flex {
		 display: -ms-flexbox !important;
		 display: flex !important;
	}
	 .px-md-0 {
		 padding-right: 0 !important;
	}
	 .pl-md-0, .px-md-0 {
		 padding-left: 0 !important;
	}
	 .p-md-5 {
		 padding: 3rem !important;
	}
	 .order-md-first {
		 -ms-flex-order: -1;
		 order: -1;
	}
	 .order-md-last {
		 -ms-flex-order: 13;
		 order: 13;
	}
}
 @media (min-width: 992px) {
	 .d-lg-none {
		 display: none !important;
	}
	 .d-lg-inline {
		 display: inline !important;
	}
	 .d-lg-inline-block {
		 display: inline-block !important;
	}
	 .d-lg-block {
		 display: block !important;
	}
	 .d-lg-flex {
		 display: -ms-flexbox !important;
		 display: flex !important;
	}
	 .p-lg-5 {
		 padding: 3rem !important;
	}
}
 @media (min-width: 1200px) {
	 .d-xl-none {
		 display: none !important;
	}
	 .d-xl-inline {
		 display: inline !important;
	}
	 .d-xl-inline-block {
		 display: inline-block !important;
	}
	 .d-xl-block {
		 display: block !important;
	}
	 .d-xl-flex {
		 display: -ms-flexbox !important;
		 display: flex !important;
	}
}
 .shadow {
	 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}
 .transition {
	 -webkit-transition: 0.3s all ease;
	 -o-transition: 0.3s all ease;
	 transition: 0.3s all ease;
	 -moz-transition: 0.3s all ease;
}
 .justify-content-center {
	 -webkit-box-pack: center !important;
	 -ms-flex-pack: center !important;
	 justify-content: center !important;
}
 .align-items-center {
	 -webkit-box-align: center !important;
	 -ms-flex-align: center !important;
	 align-items: center !important;
}
 .text-muted {
	 color: #6c757d !important;
}
 .text-white-80 {
	 color: rgba(255, 255, 255, 0.8) !important;
}
 .text-black {
	 color: rgba(0, 0, 0, .5) !important;
}
 .text-dark {
	 color: #343a40 !important;
}
 .text-white {
	 color: #fff !important;
}
 .text-center {
	 text-align: center !important;
}
 .text-danger {
	 color: #f23a2e !important;
}
 .text-info {
	 color: #17a2b8 !important;
}
 .text-warning {
	 color: #eec60a !important;
}
 .table {
	 width: 100%;
	 margin-bottom: 1rem;
	 color: #212529;
}
 .table td, .table th {
	 padding: 0.75rem;
	 vertical-align: top;
	/* border-top: 1px solid #dee2e6 */
}
 .table thead th {
	 vertical-align: bottom;
	 border-bottom: 2px solid #dee2e6;
}
 .table tbody + tbody {
	 border-top: 2px solid #dee2e6;
}
 .table-sm td, .table-sm th {
	 padding: 0.3rem;
}
 .table-bordered {
	 border: 1px solid #dee2e6;
}
 .table-bordered td, .table-bordered th {
	 border: 1px solid #dee2e6;
}
 .table-bordered thead td, .table-bordered thead th {
	 border-bottom-width: 2px;
}
 .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	 border: 0;
}
 .table-striped tbody tr:nth-of-type(odd) {
	 background-color: rgba(0, 0, 0, .05);
}
 .table-hover tbody tr:hover {
	 color: #212529;
	 background-color: rgba(0, 0, 0, .075);
}
 .table-primary, .table-primary > td, .table-primary > th {
	 background-color: #b8daff;
}
 .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {
	 border-color: #7abaff;
}
 .table-hover .table-primary:hover {
	 background-color: #9fcdff;
}
 .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
	 background-color: #9fcdff;
}
 .table-secondary, .table-secondary > td, .table-secondary > th {
	 background-color: #d6d8db;
}
 .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
	 border-color: #b3b7bb;
}
 .table-hover .table-secondary:hover {
	 background-color: #c8cbcf;
}
 .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
	 background-color: #c8cbcf;
}
 .table-success, .table-success > td, .table-success > th {
	 background-color: #c3e6cb;
}
 .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th {
	 border-color: #8fd19e;
}
 .table-hover .table-success:hover {
	 background-color: #b1dfbb;
}
 .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
	 background-color: #b1dfbb;
}
 .table-info, .table-info > td, .table-info > th {
	 background-color: #bee5eb;
}
 .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
	 border-color: #86cfda;
}
 .table-hover .table-info:hover {
	 background-color: #abdde5;
}
 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
	 background-color: #abdde5;
}
 .table-warning, .table-warning > td, .table-warning > th {
	 background-color: #ffeeba;
}
 .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th {
	 border-color: #ffdf7e;
}
 .table-hover .table-warning:hover {
	 background-color: #ffe8a1;
}
 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
	 background-color: #ffe8a1;
}
 .table-danger, .table-danger > td, .table-danger > th {
	 background-color: #f5c6cb;
}
 .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th {
	 border-color: #ed969e;
}
 .table-hover .table-danger:hover {
	 background-color: #f1b0b7;
}
 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
	 background-color: #f1b0b7;
}
 .table-light, .table-light > td, .table-light > th {
	 background-color: #fdfdfe;
}
 .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th {
	 border-color: #fbfcfc;
}
 .table-hover .table-light:hover {
	 background-color: #ececf6;
}
 .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
	 background-color: #ececf6;
}
 .table-dark, .table-dark > td, .table-dark > th {
	 background-color: #c6c8ca;
}
 .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th {
	 border-color: #95999c;
}
 .table-hover .table-dark:hover {
	 background-color: #b9bbbe;
}
 .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
	 background-color: #b9bbbe;
}
 .table-active, .table-active > td, .table-active > th {
	 background-color: rgba(0, 0, 0, .075);
}
 .table-hover .table-active:hover {
	 background-color: rgba(0, 0, 0, .075);
}
 .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
	 background-color: rgba(0, 0, 0, .075);
}
 .table .thead-dark th {
	 color: #fff;
	 background-color: #343a40;
	 border-color: #454d55;
}
 .table .thead-light th {
	 color: #495057;
	 background-color: #e9ecef;
	 border-color: #dee2e6;
}
 .table-dark {
	 color: #fff;
	 background-color: #343a40;
}
 .table-dark td, .table-dark th, .table-dark thead th {
	 border-color: #454d55;
}
 .table-dark.table-bordered {
	 border: 0;
}
 .table-dark.table-striped tbody tr:nth-of-type(odd) {
	 background-color: rgba(255, 255, 255, .05);
}
 .table-dark.table-hover tbody tr:hover {
	 color: #fff;
	 background-color: rgba(255, 255, 255, .075);
}
 @media (max-width: 575.98px) {
	 .table-responsive-sm {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-sm > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 767.98px) {
	 .table-responsive-md {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-md > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 991.98px) {
	 .table-responsive-lg {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-lg > .table-bordered {
		 border: 0;
	}
}
 @media (max-width: 1199.98px) {
	 .table-responsive-xl {
		 display: block;
		 width: 100%;
		 overflow-x: auto;
		 -webkit-overflow-scrolling: touch;
	}
	 .table-responsive-xl > .table-bordered {
		 border: 0;
	}
}
 .table-responsive {
	 display: block;
	 width: 100%;
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .table-responsive > .table-bordered {
	 border: 0;
}
 .badge {
	 display: inline-block;
	 padding: 5px;
	 font-size: 75%;
	 font-weight: 700;
	 line-height: 1;
	 text-align: center;
	 white-space: nowrap;
	 vertical-align: baseline;
	 border-radius: 0.25rem;
	 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
	 .badge {
		 transition: none;
	}
}
 a.badge:focus, a.badge:hover {
	 text-decoration: none;
}
 .badge:empty {
	 display: none;
}
 .btn .badge {
	 position: relative;
	 top: -1px;
}
 .badge-pill {
	 padding-right: 0.6em;
	 padding-left: 0.6em;
	 border-radius: 10rem;
}
 .badge-primary {
	 color: #fff;
	 background-color: #007bff;
}
 a.badge-primary:focus, a.badge-primary:hover {
	 color: #fff;
	 background-color: #0062cc;
}
 a.badge-primary.focus, a.badge-primary:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .5);
}
 .badge-secondary {
	 color: #fff;
	 background-color: #6c757d;
}
 a.badge-secondary:focus, a.badge-secondary:hover {
	 color: #fff;
	 background-color: #545b62;
}
 a.badge-secondary.focus, a.badge-secondary:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .5);
}
 .badge-success {
	 color: #fff;
	 background-color: #28a745;
}
 a.badge-success:focus, a.badge-success:hover {
	 color: #fff;
	 background-color: #1e7e34;
}
 a.badge-success.focus, a.badge-success:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .5);
}
 .badge-info {
	 color: #fff;
	 background-color: #17a2b8;
}
 a.badge-info:focus, a.badge-info:hover {
	 color: #fff;
	 background-color: #117a8b;
}
 a.badge-info.focus, a.badge-info:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, .5);
}
 .badge-warning {
	 color: #212529;
	 background-color: #ffc107;
}
 a.badge-warning:focus, a.badge-warning:hover {
	 color: #212529;
	 background-color: #d39e00;
}
 a.badge-warning.focus, a.badge-warning:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, .5);
}
 .badge-danger {
	 color: #fff;
	 background-color: #dc3545;
}
 a.badge-danger:focus, a.badge-danger:hover {
	 color: #fff;
	 background-color: #bd2130;
}
 a.badge-danger.focus, a.badge-danger:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .5);
}
 .badge-light {
	 color: #212529;
	 background-color: #f8f9fa;
}
 a.badge-light:focus, a.badge-light:hover {
	 color: #212529;
	 background-color: #dae0e5;
}
 a.badge-light.focus, a.badge-light:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, .5);
}
 .badge-dark {
	 color: #fff;
	 background-color: #343a40;
}
 a.badge-dark:focus, a.badge-dark:hover {
	 color: #fff;
	 background-color: #1d2124;
}
 a.badge-dark.focus, a.badge-dark:focus {
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, .5);
}
 .pagination {
	 display: -ms-flexbox;
	 display: flex;
	 padding-left: 0;
	 list-style: none;
	 border-radius: 0.25rem;
}
 .page-link {
	 position: relative;
	 display: block;
	 padding: 0.5rem 0.75rem;
	 margin-left: -1px;
	 line-height: 1.25;
	 color: #007bff;
	 background-color: #fff;
	 border: 1px solid #dee2e6;
}
 .page-link:hover {
	 z-index: 2;
	 color: #0056b3;
	 text-decoration: none;
	 background-color: #e9ecef;
	 border-color: #dee2e6;
}
 .page-link:focus {
	 z-index: 3;
	 outline: 0;
	 box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
 .page-item:first-child .page-link {
	 margin-left: 0;
	 border-top-left-radius: 0.25rem;
	 border-bottom-left-radius: 0.25rem;
}
 .page-item:last-child .page-link {
	 border-top-right-radius: 0.25rem;
	 border-bottom-right-radius: 0.25rem;
}
 .page-item.active .page-link {
	 z-index: 3;
	 color: #fff;
	 background-color: #007bff;
	 border-color: #007bff;
}
 .page-item.disabled .page-link {
	 color: #6c757d;
	 pointer-events: none;
	 cursor: auto;
	 background-color: #fff;
	 border-color: #dee2e6;
}
 @media (min-width: 768px) {
	 .mb-md-0, .my-md-0 {
		 margin-bottom: 0 !important;
	}
}
 .position-relative {
	 position: relative !important;
}
/* END BOOTSTRAP CLASSES */
/* CARDS */
 *, *:after, *:before {
	 box-sizing: border-box;
}
 :root {
	/* Basic */
	 --c-white: #fff;
	 --c-black: #000;
	/* Greys */
	 --c-ash: #eaeef6;
	 --c-charcoal: #a0a0a0;
	 --c-void: #141b22;
	/* Beige/Browns */
	 --c-fair-pink: #ffedec;
	 --c-apricot: #fbc8be;
	 --c-coffee: #754d42;
	 --c-del-rio: #917072;
	/* Greens */
	 --c-java: #1fcac5;
	/* Purples */
	 --c-titan-white: #f1eeff;
	 --c-cold-purple: #a69fd6;
	 --c-indigo: #6558d3;
	 --c-governor: #4133b7;
}
 body {
	 font-family: "Spline Sans", sans-serif;
	 line-height: 1.5;
	 min-height: 100vh;
	 background-color: var(--c-ash);
}
 .cards {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: flex-start;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 2.5rem;
	 width: 90%;
	 max-width: 1000px;
	 margin: 10vh auto;
}
 #services .card {
	 border-radius: 16px;
	 max-width: 330px;
}
 .card {
	 box-shadow: 0 30px 30px -25px rgba(65, 51, 183, 0.25);
}
 .information {
	 background-color: var(--c-white);
	 padding: 1.5rem;
}
 .information .tag {
	 display: inline-block;
	 background-color: var(--c-titan-white);
	 color: var(--c-indigo);
	 font-weight: 600;
	 font-size: 0.875rem;
	 padding: 0.5em 0.75em;
	 line-height: 1;
	 border-radius: 6px;
}
 .information .tag + * {
	 margin-top: 1rem;
}
 .information .title {
	 font-size: 1.5rem;
	 color: var(--c-void);
	 line-height: 1.25;
}
 .information .title + * {
	 margin-top: 1rem;
}
 .information .info {
	 color: var(--c-charcoal);
}
 .information .info + * {
	 margin-top: 1.25rem;
}
 .information .button {
	 font: inherit;
	 line-height: 1;
	 background-color: var(--c-white);
	 border: 2px solid var(--c-indigo);
	 color: var(--c-indigo);
	 padding: 0.5em 1em;
	 border-radius: 6px;
	 font-weight: 500;
	 display: inline-flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 0.5rem;
}
 .information .button:hover, .information .button:focus {
	 background-color: var(--c-indigo);
	 color: var(--c-white);
}
 .information .details {
	 display: flex;
	 gap: 1rem;
}
 .information .details div {
	 padding: 0.75em 1em;
	 background-color: var(--c-titan-white);
	 border-radius: 8px;
	 display: flex;
	 flex-direction: column-reverse;
	 gap: 0.125em;
	 flex-basis: 50%;
}
 .information .details dt {
	 font-size: 0.875rem;
	 color: var(--c-cold-purple);
}
 .information .details dd {
	 color: var(--c-indigo);
	 font-weight: 600;
	 font-size: 1.25rem;
}
 .plan {
	 padding: 10px;
	 background-color: var(--c-white);
	 color: var(--c-del-rio);
}
 .plan strong {
	 font-weight: 600;
	 color: var(--c-coffee);
}
 .plan .inner {
	 padding: 20px;
	 padding-top: 40px;
	 background-color: var(--c-fair-pink);
	 border-radius: 12px;
	 position: relative;
	 overflow: hidden;
}
 .plan .pricing {
	 position: absolute;
	 top: 0;
	 right: 0;
	 background-color: var(--c-apricot);
	 border-radius: 99em 0 0 99em;
	 display: flex;
	 align-items: center;
	 padding: 0.625em 0.75em;
	 font-size: 17px;
	 font-weight: 600;
	 color: var(--c-coffee);
}
 .plan .pricing small {
	 color: var(--c-del-rio);
	 font-size: 12px;
	 margin-left: 0.25em;
}
 .plan .title {
	 font-weight: 600;
	 font-size: 1.25rem;
	 color: var(--c-coffee);
}
 .plan .title + * {
	 margin-top: 0.75rem;
}
 .plan .info + * {
	 margin-top: 1rem;
}
 .plan .features {
	 display: flex;
	 flex-direction: column;
}
 .plan .features li {
	 display: flex;
	 align-items: center;
	 gap: 0.5rem;
}
 .plan .features li + * {
	 margin-top: 0.75rem;
}
 .plan .features .icon {
	 background-color: var(--c-java);
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 color: var(--c-white);
	 border-radius: 50%;
	 width: 20px;
	 height: 20px;
}
 .plan .features .icon svg {
	 width: 14px;
	 height: 14px;
}
 .plan .features + * {
	 margin-top: 1.25rem;
}
 .plan button {
	 font: inherit;
	 background-color: var(--c-indigo);
	 border-radius: 6px;
	 color: var(--c-white);
	 font-weight: 500;
	 font-size: 1.125rem;
	 width: 100%;
	 border: 0;
	 padding: 1em;
}
 .plan button:hover, .plan button:focus {
	 background-color: var(--c-governor);
}
/* SERVICES FORM */
 .bg-primary {
	 background: #1089ff !important;
}
 .ftco-section {
	 padding: 7em 0;
}
 .ftco-no-pt {
	 padding-top: 0;
}
 .ftco-no-pb {
	 padding-bottom: 0;
}
 .heading-section {
	 font-size: 28px;
	 color: #000;
}
 .form-control {
	 display: block;
	 width: 100%;
	 padding: 0.375rem 0.75rem;
	 font-size: 1rem;
	 font-weight: 400;
	 line-height: 1.5;
	 color: #495057;
	 background-color: #fff;
	 background-clip: padding-box;
	 border: 1px solid #ced4da;
	 border-radius: 0.25rem;
	 -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	 transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	 -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
 .form-control {
	 height: 52px !important;
	 background: #fff;
	 color: #000;
	 font-size: 14px;
	 border-radius: 2px;
	 -webkit-box-shadow: none !important;
	 box-shadow: none !important;
	 border: 1px solid rgba(0, 0, 0, 0.1);
}
 .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	 color: rgba(0, 0, 0, 0.9) !important;
}
 .form-control::-moz-placeholder {
	/* Firefox 19+ */
	 color: rgba(0, 0, 0, 0.9) !important;
}
 .form-control:-ms-input-placeholder {
	/* IE 0+ */
	 color: rgba(0, 0, 0, 0.9) !important;
}
 .form-control:-moz-placeholder {
	/* Firefox 18- */
	 color: rgba(0, 0, 0, 0.9) !important;
}
 .form-control:focus, .form-control:active {
	 border-color: rgba(0, 0, 0, 0.1);
}
 textarea.form-control {
	 height: inherit !important;
}
 .wrapper {
	 width: 100%;
	 -webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
	 -moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
	 box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
}
 .contact-wrap {
	 background: #fff;
}
 .info-wrap {
	 width: 100%;
}
 .info-wrap h4 {
	 color: #fff;
}
 .info-wrap .dbox {
	 width: 100%;
	 color: rgba(255, 255, 255, 0.8);
	 margin-bottom: 25px;
}
 .info-wrap .dbox:last-child {
	 margin-bottom: 0;
}
 .info-wrap .dbox p {
	 margin-bottom: 0;
}
 .info-wrap .dbox p span {
	 font-weight: 600;
	 color: #fff;
}
 .info-wrap .dbox p a {
	 color: #fff;
}
 .info-wrap .dbox .icon {
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
	 background: rgba(255, 255, 255, 0.1);
}
 .info-wrap .dbox .icon span {
	 font-size: 20px;
	 color: #fff;
}
 .info-wrap .dbox .text {
	 width: calc(100% - 50px);
}
 @media (min-width: 992px) {
	 .info-wrap {
		 margin-top: -20px;
		 margin-bottom: -20px;
		 border-radius: 5px;
	}
}
 .btn {
	 padding: 12px 16px;
	 cursor: pointer;
	 border-width: 1px;
	 border-radius: 5px;
	 font-size: 14px;
	 font-weight: 400;
	 -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
	 -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
	 box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
	 position: relative;
	 margin-bottom: 20px;
	 -webkit-transition: 0.3s;
	 -o-transition: 0.3s;
	 transition: 0.3s;
}
 @media (prefers-reduced-motion: reduce) {
	 .btn {
		 -webkit-transition: none;
		 -o-transition: none;
		 transition: none;
	}
}
 .btn:hover, .btn:active, .btn:focus {
	 outline: none !important;
	 -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
	 -moz-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
	 box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.22) !important;
}
 .btn.btn-primary {
	 background: #1089ff !important;
	 border-color: #1089ff !important;
	 color: #fff;
}
 .btn.btn-primary:hover, .btn.btn-primary:focus {
	 border-color: #006fdc !important;
	 background: #006fdc !important;
}
 #contactForm .form-control {
	 font-size: 16px;
}
 .form-group {
	 margin-bottom: 1rem;
}
 h4 {
	 font-size: 27px;
	 text-align: left;
	 text-transform: initial;
	 margin-top: 0;
	 font-weight: normal;
}
 .btn {
	 outline: none !important;
	 border: none;
}
 .ftco-section label {
	 font-size: 14px;
	 font-weight: 600;
	 margin-bottom: 5px;
	 display: inline-block;
	 color: rgba(0, 0, 0, 0.8);
}
/* CONTACT FORM */
 .content {
	 padding: 7rem 0;
}
 .heading {
	 font-size: 2.5rem;
	 font-weight: 900;
}
 .form-control {
	 border: none;
	 background: #f3f3f3;
}
 .btn {
	 height: 50px;
}
/* FLEX FORM */
 .flex-form input[type="submit"] {
	 background: #ef3f5a;
	 border: 1px solid #ef3f5a;
	 color: #fff;
	 padding: 0 30px;
	 cursor: pointer;
	 -webkit-transition: all 0.2s;
	 -moz-transition: all 0.2s;
	 transition: all 0.2s;
}
 .flex-form input[type="submit"]:hover {
	 background: #d73851;
	 border: 1px solid #d73851;
}
 .flex-form {
	 display: -webkit-box;
	 display: flex;
	 z-index: 10;
	 position: relative;
	 width: 700px;
	 box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.3);
}
 .flex-form > * {
	 border: 0;
	 padding: 0 0 0 10px;
	 background: #fff;
	 line-height: 50px;
	 font-size: 1rem;
	 border-radius: 0;
	 outline: 0;
	 -webkit-appearance: none;
}
 .flex-form input[type="search"] {
	 flex-basis: 500px;
}
 @media all and (max-width: 800px) {
	 .flex-form {
		 width: 100%;
	}
	 .flex-form input[type="search"] {
		 flex-basis: 100%;
	}
	 .flex-form > * {
		 font-size: 0.9rem;
	}
	 .flex-form-cover {
		 padding: 20px;
	}
	 .flex-form {
		 display: -webkit-box;
		 display: flex;
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
		 flex-direction: column;
	}
	 .flex-form input[type="search"] {
		 flex-basis: 0;
	}
    	.flex-form-cover .wraper {
    	height: 420px !important;
    }
    .flex-form-cover h2 {
	font-size: 25px !important; 
}
#bac-type, #bac-year {
	text-align: center;
}
}


 @media all and (max-width: 520px) 
 {
        .header-title h1 {
    	font-size: 20px;
    }
}
 .flex-form-cover {
	 background-image: url("../img/flex-form-bg.jpg");
}
 .flex-form-cover .wraper {
	 padding-top: 40px;
	 height: 280px;
	 background-color: rgba(0, 0, 0, 0.6);
}
 .flex-form-cover h2 {
	 color: wheat;
	 font-size: 35px;
}
 #bac-type {
	 background-color: #e75b70;
	 color: white;
	 text-transform: uppercase;
}
 #bac-year {
	 background-color: #d73851;
	 color: white;
	 text-transform: uppercase;
	 padding: 0px 20px;
}
 .flex-form .search-icon {
	 background: no-repeat;
	 position: absolute;
	 right: 22px;
	 font-size: 20px;
	 color: white;
}
/* FILE INPUT */
 input[type=file] {
	/* width: 350px;
	 */
	 width: 100%;
	 color: #444;
	 padding: 5px;
	 background: #fff;
	 border-radius: 10px;
	 border: 1px solid rgba(0, 0, 0, .1);
}
 input[type=file]::file-selector-button {
	 margin-right: 20px;
	 border: none;
	 background: #084cdf;
	 padding: 10px 20px;
	 border-radius: 10px;
	 color: #fff;
	 cursor: pointer;
	 transition: background 0.2s ease-in-out;
}
 input[type=file]::file-selector-button:hover {
	 background: #0d45a5;
}
/* ACCOUNT */
 .card {
	 word-wrap: break-word;
}
 .card .card-body {
	 padding: 1.8rem 2rem;
}
 .card-body {
	 -ms-flex: 1 1 auto;
	 flex: 1 1 auto;
	 min-height: 1px;
	 padding: 1.25rem;
}
 .rounded-circle {
	 border-radius: 50% !important;
}
 .img-fluid {
	 max-width: 100%;
	 height: auto;
}
 img {
	 vertical-align: middle;
	 border-style: none;
}
 button.btn.btn-danger, .btn:not(.close):not(.mfp-close).btn-danger, a.btn:not([href]):not([tabindex]).btn-danger {
	 background-color: #ce041c;
	 border-color: #ce041c;
}
 hr {
	 border: 0;
	 border-top: 1px solid rgba(0, 0, 0, .1);
	 margin-bottom: 10px;
	 margin-top: 10px;
	 clear: both;
}
 .card-title {
	 margin-bottom: 0.75rem;
}
/* JQUERY MODAL */
 .blocker {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 overflow: auto;
	 z-index: 99;
	 padding: 20px;
	 box-sizing: border-box;
	 background-color: #000;
	 background-color: rgba(0, 0, 0, 0.75);
	 text-align: center;
}
 .blocker:before {
	 content: "";
	 display: inline-block;
	 height: 100%;
	 vertical-align: middle;
	 margin-right: -0.05em;
}
 .blocker.behind {
	 background-color: transparent;
}
 .modal {
	 display: none;
	 vertical-align: middle;
	 position: relative;
	 z-index: 100;
	 max-width: calc(100% - 20px);
	 box-sizing: border-box;
	 background: #fff;
	 padding: 15px 30px;
	 -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	 -o-border-radius: 8px;
	 -ms-border-radius: 8px;
	 border-radius: 8px;
	 -webkit-box-shadow: 0 0 10px #000;
	 -moz-box-shadow: 0 0 10px #000;
	 -o-box-shadow: 0 0 10px #000;
	 -ms-box-shadow: 0 0 10px #000;
	 box-shadow: 0 0 10px #000;
	 text-align: left;
}
 .modal a.close-modal {
	 position: absolute;
	 top: -12.5px;
	 right: -12.5px;
	 display: block;
	 width: 30px;
	 height: 30px;
	 text-indent: -9999px;
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center center;
	 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}
 .modal-spinner {
	 display: none;
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform: translateY(-50%) translateX(-50%);
	 padding: 12px 16px;
	 border-radius: 5px;
	 background-color: #111;
	 height: 20px;
}
 .modal-spinner > div {
	 border-radius: 100px;
	 background-color: #fff;
	 height: 20px;
	 width: 2px;
	 margin: 0 1px;
	 display: inline-block;
	 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	 animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
 .modal-spinner .rect2 {
	 -webkit-animation-delay: -1.1s;
	 animation-delay: -1.1s;
}
 .modal-spinner .rect3 {
	 -webkit-animation-delay: -1s;
	 animation-delay: -1s;
}
 .modal-spinner .rect4 {
	 -webkit-animation-delay: -0.9s;
	 animation-delay: -0.9s;
}
 @-webkit-keyframes sk-stretchdelay {
	 0%, 40%, 100% {
		 -webkit-transform: scaleY(0.5);
	}
	 20% {
		 -webkit-transform: scaleY(1);
	}
}
 @keyframes sk-stretchdelay {
	 0%, 40%, 100% {
		 transform: scaleY(0.5);
		 -webkit-transform: scaleY(0.5);
	}
	 20% {
		 transform: scaleY(1);
		 -webkit-transform: scaleY(1);
	}
}
/* LOADER */
 .custom_loader {
	 position: relative;
	 width: 164px;
	 height: 164px;
	 display: inline-block;
}
 .custom_loader::before, .custom_loader::after {
	 content: '';
	 position: absolute;
	 width: 40px;
	 height: 40px;
	 background-color: #323232;
	 left: 50%;
	 top: 50%;
	 animation: rotate 1s ease-in infinite;
}
 .custom_loader::after {
	 width: 20px;
	 height: 20px;
	 background-color: #7fad39;
	 animation: rotate 1s ease-in infinite, moveY 1s ease-in infinite;
}
 @keyframes moveY {
	 0%, 100% {
		 top: 10%;
	}
	 45%, 55% {
		 top: 59%;
	}
	 60% {
		 top: 40%;
	}
}
 @keyframes rotate {
	 0% {
		 transform: translate(-50%, -100%) rotate(0deg) scale(1, 1);
	}
	 25% {
		 transform: translate(-50%, 0%) rotate(180deg) scale(1, 1);
	}
	 45%, 55% {
		 transform: translate(-50%, 100%) rotate(180deg) scale(3, 0.5);
	}
	 60% {
		 transform: translate(-50%, 100%) rotate(180deg) scale(1, 1);
	}
	 75% {
		 transform: translate(-50%, 0%) rotate(270deg) scale(1, 1);
	}
	 100% {
		 transform: translate(-50%, -100%) rotate(360deg) scale(1, 1);
	}
}
 .loader-2, .loader-2:before, .loader-2:after {
	 border-radius: 50%;
	 width: 2.5em;
	 height: 2.5em;
	 animation-fill-mode: both;
	 animation: bblFadInOut 1.8s infinite ease-in-out;
	 display: inline-block;
}
 .loader-2 {
	 color: #fff;
	 font-size: 7px;
	 position: relative;
	 top: -10px;
	 text-indent: -9999em;
	 transform: translateZ(0);
	 animation-delay: -0.16s;
}
 .loader-2:before, .loader-2:after {
	 content: '';
	 position: absolute;
	 top: 0;
}
 .loader-2:before {
	 left: -3.5em;
	 animation-delay: -0.32s;
}
 .loader-2:after {
	 left: 3.5em;
}
 @keyframes bblFadInOut {
	 0%, 80%, 100% {
		 box-shadow: 0 2.5em 0 -1.3em;
	}
	 40% {
		 box-shadow: 0 2.5em 0 0;
	}
}






/* DASHBOARD CARDS */
 .person-box {
	 background: #fff;
	 height: 320px;
	 text-align: center;
	 padding: 3em;
	 border: 1px solid #ede8f0;
	 border-radius: 5px;
}
 .person-box .box-avatar {
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 margin: 0px auto;
	 overflow: hidden;
}
 .person-box .box-actions {
	 margin-top: 1.25em;
	 padding-top: 1.25em;
	 width: 100%;
	 border-top: 1px solid #ede8f0;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 .person-box .box-avatar .no-name {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 color: #fff;
	 font-size: 1.5em;
	 font-weight: 600;
	 text-transform: uppercase;
	 width: 100%;
	 height: 100%;
	 background: #026f6b;
}
 .person-box .box-bio .bio-name {
	 margin: 2em 0 0.75em;
	 color: #1b253d;
	 font-size: 1em;
	 font-weight: 700;
	 line-height: 100%;
}
 .person-box .box-bio .bio-position {
	 margin: 0;
	 font-size: 0.875em;
	 line-height: 100%;
}
 .person-box a {
	 display: block;
	 width: 50%;
}
 .person-box .box-actions button {
	 border: 0;
	 background: none;
	 width: 100%;
	 height: 32px;
	 margin: 0;
	 padding: 0;
	 cursor: pointer !important;
}
 .person-box .box-actions button svg {
	 position: relative;
	 top: 2px;
	 color: red;
}
 .info-box {
	 background: #fff;
	 height: 160px;
	 display: flex;
	 align-items: center;
	 justify-content: flex-start;
	 padding: 0 3em;
	 border: 1px solid #ede8f0;
	 border-radius: 5px;
}
 .info-box .box-content {
	 padding-left: 1.25em;
	 white-space: nowrap;
}
 .info-box .box-content .big {
	 display: block;
	 font-size: 2em;
	 line-height: 150%;
	 color: #1b253d;
}
/* PASS STRENGH */
 .passtrengthMeter {
	 position: relative;
	 width: 100%;
}
 .passtrengthMeter > input {
	 width: 100%;
	 display: inline-block;
	 padding: 5px;
	 box-sizing: border-box;
	 -moz-box-shadow: none !important;
	 -webkit-box-shadow: none !important;
	 box-shadow: none !important;
}
 .passtrengthMeter > input:focus {
	 outline-width: 0;
}
 .passtrengthMeter::after {
	 content: '';
	 height: 3px;
	 overflow: hidden;
	 width: 0%;
	 transition: width 0.5s;
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
}
 .passtrengthMeter.weak::after {
	 background-color: #ec644b;
	 width: 25%;
}
 .passtrengthMeter.medium::after {
	 content: '';
	 background-color: #e87e04;
	 width: 50%;
}
 .passtrengthMeter.strong::after {
	 content: '';
	 background-color: #efbf17;
	 width: 75%;
}
 .passtrengthMeter.very-strong::after {
	 content: '';
	 background-color: #42a72a;
	 width: 100%;
}
 .passtrengthMeter .showPassword {
	 position: absolute;
	 width: 20px;
	 top: calc(50% - 10px);
	 right: 10px;
}
 .passtrengthMeter .showPassword.active {
	 opacity: 0.5;
}
 .passtrengthMeter .showPassword img {
	 display: block;
	 width: 100%;
	 height: auto;
}
 .passtrengthMeter .showPassword:hover {
	 cursor: pointer;
}
 .passtrengthMeter .tooltip {
	 background: #000;
	 top: 100%;
	 color: #fff;
	 font-family: Arial;
	 font-size: 12px;
	 display: block;
	 left: 50%;
	 margin-bottom: 15px;
	 opacity: 0;
	 padding: 5px 10px;
	 pointer-events: none;
	 position: absolute;
	 min-width: 70px;
	 box-sizing: border-box;
	 text-align: center;
	 z-index: 10;
	 -webkit-transform: translateY(5px);
	 -moz-transform: translateY(5px);
	 -ms-transform: translateY(5px);
	 -o-transform: translateY(5px);
	 transform: translateY(5px);
	 -webkit-transition: all 0.25s ease-out;
	 -moz-transition: all 0.25s ease-out;
	 -ms-transition: all 0.25s ease-out;
	 -o-transition: all 0.25s ease-out;
	 transition: all 0.25s ease-out;
	 -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
 .passtrengthMeter.weak .tooltip {
	 background-color: #ec644b;
}
 .passtrengthMeter.weak .tooltip:after {
	 border-left: solid transparent 7px;
	 border-right: solid transparent 7px;
	 border-bottom: solid #ec644b 7px;
	 top: -7px;
	 content: " ";
	 height: 0;
	 left: 50%;
	 margin-left: -7px;
	 position: absolute;
	 width: 0;
}
 .passtrengthMeter.medium .tooltip {
	 background-color: #e87e04;
}
 .passtrengthMeter.medium .tooltip:after {
	 border-left: solid transparent 7px;
	 border-right: solid transparent 7px;
	 border-bottom: solid #e87e04 7px;
	 top: -7px;
	 content: " ";
	 height: 0;
	 left: 50%;
	 margin-left: -7px;
	 position: absolute;
	 width: 0;
}
 .passtrengthMeter.strong .tooltip {
	 background-color: #efbf17;
}
 .passtrengthMeter.strong .tooltip:after {
	 border-left: solid transparent 7px;
	 border-right: solid transparent 7px;
	 border-bottom: solid #efbf17 7px;
	 top: -7px;
	 content: " ";
	 height: 0;
	 left: 50%;
	 margin-left: -7px;
	 position: absolute;
	 width: 0;
}
 .passtrengthMeter.very-strong .tooltip {
	 background-color: #42a72a;
}
 .passtrengthMeter.very-strong .tooltip:after {
	 border-left: solid transparent 7px;
	 border-right: solid transparent 7px;
	 border-bottom: solid #42a72a 7px;
	 top: -7px;
	 content: " ";
	 height: 0;
	 left: 50%;
	 margin-left: -7px;
	 position: absolute;
	 width: 0;
}
 .passtrengthMeter.weak .tooltip:before {
	 top: -20px;
	 content: " ";
	 display: block;
	 height: 20px;
	 left: 0;
	 position: absolute;
	 width: 100%;
}
 .passtrengthMeter .tooltip:after {
	 border-left: solid transparent 7px;
	 border-right: solid transparent 7px;
	 border-bottom: solid #000 7px;
	 top: -7px;
	 content: " ";
	 height: 0;
	 left: 50%;
	 margin-left: -7px;
	 position: absolute;
	 width: 0;
	 -webkit-transition: all 0.25s ease-out;
	 -moz-transition: all 0.25s ease-out;
	 -ms-transition: all 0.25s ease-out;
	 -o-transition: all 0.25s ease-out;
	 transition: all 0.25s ease-out;
}
 .passtrengthMeter:hover .tooltip {
	 opacity: 1;
	 pointer-events: auto;
	 -webkit-transform: translateY(10px);
	 -moz-transform: translateY(10px);
	 -ms-transform: translateY(10px);
	 -o-transform: translateY(10px);
	 transform: translateY(10px);
}
 .lte8 .passtrengthMeter .tooltip {
	 display: none;
}
 .lte8 .passtrengthMeter:hover .tooltip {
	 display: block;
}
 .pass-toggle {
	 position: absolute;
	 left: calc(100% - 45px);
	 top: 20px;
	 color: #bbb9b9;
	 cursor: pointer;
}
 .pass-toggle.active, .pass-toggle:hover {
	 color: #000;
}
 .pass-toggle.auth {
	 top: 35px;
}
 .testimonial-card .card-up {
	 height: 120px;
	 overflow: hidden;
	 border-top-left-radius: 0.25rem;
	 border-top-right-radius: 0.25rem;
}
 .aqua-gradient {
	 background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}
 .testimonial-card .avatar {
	 width: 120px;
	 margin-top: -60px;
	 overflow: hidden;
	/* border: 5px solid #fff;
	 */
	 border-radius: 50%;
}
 .testimonial-card h4 {
	 font-size: 20px !important;
}
 .testimonial-card p {
	 font-size: 14px !important;
}



/* CARD */

body {
    background-color: #eee
}

.card-3 {
    border: none;
    border-radius: 10px
}

.card-3 .c-details span {
    font-weight: 300;
    font-size: 13px
}

.card-3 .icon {
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 39px
}

.card-3 .badge span {
    background-color: #fffbec;
    width: 60px;
    height: 25px;
    padding-bottom: 3px;
    border-radius: 5px;
    display: flex;
    color: #fed85d;
    justify-content: center;
    align-items: center
}

.card-3 .progress {
    height: 10px;
    border-radius: 10px
}

.card-3 .progress div {
    background-color: red
}

.card-3 .text1 {
    font-size: 12px;
    font-weight: 600;
	
}

.card-3 .text2 {
    color: #a5aec0;
	font-size: 12px;
}

.card-3 h6 {
	font-size: 14px;
}

.card-3 .icon {
	font-size: 30px;
}























/* UTILS CLASSES */
 .bgCover {
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
}
 .bgCont {
	 background-size: contain !important;
	 background-position: center !important;
	 background-repeat: no-repeat !important;
}
 .bblack {
	 border: 3px solid black;
}
 .bblue {
	 border: 3px solid blue;
}
 .bred {
	 border: 3px solid red !important;
}
 .byellow {
	 border: 3px solid yellow;
}
 .bgreen {
	 border: 3px solid green;
}
 .b-lite {
	 border: 1px solid rgba(0, 0, 0, .15) !important;
}
 .pointer {
	 cursor: pointer;
}
 .hide {
	 display: none;
}
 .ma {
	 margin: auto;
}
/* END UTILS CLASSES */