*/:root {
   --blue: #007bff;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #6c757d;
   --gray-dark: #343a40;
   --primary: #007bff;
   --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 }

 *,
 ::after,
 ::before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }

 html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent
 }

 footer,
 main,
 nav,
 section {
   display: block
 }

 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff
 }

 [tabindex="-1"]:focus {
   outline: 0 !important
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin-top: 0;
   margin-bottom: .5rem
 }

 p {
   margin-top: 0;
   margin-bottom: 1rem
 }

 ul {
   margin-top: 0;
   margin-bottom: 1rem
 }

 ul ul {
   margin-bottom: 0
 }

 strong {
   font-weight: bolder
 }

 small {
   font-size: 80%
 }

 a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent
 }

 a:hover {
   color: #0056b3;
   text-decoration: underline
 }

 a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none
 }

 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
   color: inherit;
   text-decoration: none
 }

 a:not([href]):not([tabindex]):focus {
   outline: 0
 }

 img {
   vertical-align: middle;
   border-style: none
 }

 svg {
   overflow: hidden;
   vertical-align: middle
 }

 label {
   display: inline-block;
   margin-bottom: .5rem
 }

 button {
   border-radius: 0
 }

 button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color
 }

 button,
 input,
 select,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
 }

 button,
 input {
   overflow: visible
 }

 button,
 select {
   text-transform: none
 }

 select {
   word-wrap: normal
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {
   -webkit-appearance: button
 }

 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled),
 button:not(:disabled) {
   cursor: pointer
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
   padding: 0;
   border-style: none
 }

 input[type=checkbox],
 input[type=radio] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0
 }

 input[type=date],
 input[type=datetime-local],
 input[type=month],
 input[type=time] {
   -webkit-appearance: listbox
 }

 textarea {
   overflow: auto;
   resize: vertical
 }

 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
   height: auto
 }

 [type=search] {
   outline-offset: -2px;
   -webkit-appearance: none
 }

 [type=search]::-webkit-search-decoration {
   -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
 }

 [hidden] {
   display: none !important
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin-bottom: .5rem;
   font-weight: 500;
   line-height: 1.2
 }

 .h1,
 h1 {
   font-size: 2.5rem
 }

 .h2,
 h2 {
   font-size: 2rem
 }

 .h3,
 h3 {
   font-size: 1.75rem
 }

 .h4,
 h4 {
   font-size: 1.5rem
 }

 .h5,
 h5 {
   font-size: 1.25rem
 }

 .h6,
 h6 {
   font-size: 1rem
 }

 .display-1 {
   font-size: 6rem;
   font-weight: 300;
   line-height: 1.2
 }

 .display-2 {
   font-size: 5.5rem;
   font-weight: 300;
   line-height: 1.2
 }

 .display-3 {
   font-size: 4.5rem;
   font-weight: 300;
   line-height: 1.2
 }

 .display-4 {
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1.2
 }

 .small,
 small {
   font-size: 80%;
   font-weight: 400
 }

 .list-unstyled {
   padding-left: 0;
   list-style: none
 }

 .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
   }
 }

 .row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
 }

 .no-gutters {
   margin-right: 0;
   margin-left: 0
 }

 .no-gutters>.col,
 .no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
 }

 .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 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px
 }

 .col {
   -ms-flex-preferred-size: 0;
   flex-basis: 0;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: 100%
 }

 .col-auto {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   width: auto;
   max-width: 100%
 }

 .col-1 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 8.33333%;
   flex: 0 0 8.33333%;
   max-width: 8.33333%
 }

 .col-2 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 16.66667%;
   flex: 0 0 16.66667%;
   max-width: 16.66667%
 }

 .col-3 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%
 }

 .col-4 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.33333%;
   flex: 0 0 33.33333%;
   max-width: 33.33333%
 }

 .col-5 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 41.66667%;
   flex: 0 0 41.66667%;
   max-width: 41.66667%
 }

 .col-6 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%
 }

 .col-7 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 58.33333%;
   flex: 0 0 58.33333%;
   max-width: 58.33333%
 }

 .col-8 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 66.66667%;
   flex: 0 0 66.66667%;
   max-width: 66.66667%
 }

 .col-9 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%
 }

 .col-10 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 83.33333%;
   flex: 0 0 83.33333%;
   max-width: 83.33333%
 }

 .col-11 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 91.66667%;
   flex: 0 0 91.66667%;
   max-width: 91.66667%
 }

 .col-12 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%
 }

 .order-first {
   -webkit-box-ordinal-group: 0;
   -ms-flex-order: -1;
   order: -1
 }

 .order-last {
   -webkit-box-ordinal-group: 14;
   -ms-flex-order: 13;
   order: 13
 }

 .order-0 {
   -webkit-box-ordinal-group: 1;
   -ms-flex-order: 0;
   order: 0
 }

 .order-1 {
   -webkit-box-ordinal-group: 2;
   -ms-flex-order: 1;
   order: 1
 }

 .order-2 {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2
 }

 .order-3 {
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3
 }

 .order-4 {
   -webkit-box-ordinal-group: 5;
   -ms-flex-order: 4;
   order: 4
 }

 .order-5 {
   -webkit-box-ordinal-group: 6;
   -ms-flex-order: 5;
   order: 5
 }

 .order-6 {
   -webkit-box-ordinal-group: 7;
   -ms-flex-order: 6;
   order: 6
 }

 .order-7 {
   -webkit-box-ordinal-group: 8;
   -ms-flex-order: 7;
   order: 7
 }

 .order-8 {
   -webkit-box-ordinal-group: 9;
   -ms-flex-order: 8;
   order: 8
 }

 .order-9 {
   -webkit-box-ordinal-group: 10;
   -ms-flex-order: 9;
   order: 9
 }

 .order-10 {
   -webkit-box-ordinal-group: 11;
   -ms-flex-order: 10;
   order: 10
 }

 .order-11 {
   -webkit-box-ordinal-group: 12;
   -ms-flex-order: 11;
   order: 11
 }

 .order-12 {
   -webkit-box-ordinal-group: 13;
   -ms-flex-order: 12;
   order: 12
 }

 @media (min-width:768px) {
   .col-md {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%
   }

   .col-md-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }

   .col-md-1 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 8.33333%;
     flex: 0 0 8.33333%;
     max-width: 8.33333%
   }

   .col-md-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.66667%;
     flex: 0 0 16.66667%;
     max-width: 16.66667%
   }

   .col-md-3 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%
   }

   .col-md-4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.33333%;
     flex: 0 0 33.33333%;
     max-width: 33.33333%
   }

   .col-md-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.66667%;
     flex: 0 0 41.66667%;
     max-width: 41.66667%
   }

   .col-md-6 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%
   }

   .col-md-7 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 58.33333%;
     flex: 0 0 58.33333%;
     max-width: 58.33333%
   }

   .col-md-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.66667%;
     flex: 0 0 66.66667%;
     max-width: 66.66667%
   }

   .col-md-9 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%
   }

   .col-md-10 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 83.33333%;
     flex: 0 0 83.33333%;
     max-width: 83.33333%
   }

   .col-md-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.66667%;
     flex: 0 0 91.66667%;
     max-width: 91.66667%
   }

   .col-md-12 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%
   }

   .order-md-first {
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1
   }

   .order-md-last {
     -webkit-box-ordinal-group: 14;
     -ms-flex-order: 13;
     order: 13
   }

   .order-md-0 {
     -webkit-box-ordinal-group: 1;
     -ms-flex-order: 0;
     order: 0
   }

   .order-md-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1
   }

   .order-md-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2
   }

   .order-md-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3
   }

   .order-md-4 {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4
   }

   .order-md-5 {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5
   }

   .order-md-6 {
     -webkit-box-ordinal-group: 7;
     -ms-flex-order: 6;
     order: 6
   }

   .order-md-7 {
     -webkit-box-ordinal-group: 8;
     -ms-flex-order: 7;
     order: 7
   }

   .order-md-8 {
     -webkit-box-ordinal-group: 9;
     -ms-flex-order: 8;
     order: 8
   }

   .order-md-9 {
     -webkit-box-ordinal-group: 10;
     -ms-flex-order: 9;
     order: 9
   }

   .order-md-10 {
     -webkit-box-ordinal-group: 11;
     -ms-flex-order: 10;
     order: 10
   }

   .order-md-11 {
     -webkit-box-ordinal-group: 12;
     -ms-flex-order: 11;
     order: 11
   }

   .order-md-12 {
     -webkit-box-ordinal-group: 13;
     -ms-flex-order: 12;
     order: 12
   }
 }

 @media (min-width:992px) {
   .col-lg {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%
   }

   .col-lg-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%
   }

   .col-lg-1 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 8.33333%;
     flex: 0 0 8.33333%;
     max-width: 8.33333%
   }

   .col-lg-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.66667%;
     flex: 0 0 16.66667%;
     max-width: 16.66667%
   }

   .col-lg-3 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%
   }

   .col-lg-4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.33333%;
     flex: 0 0 33.33333%;
     max-width: 33.33333%
   }

   .col-lg-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.66667%;
     flex: 0 0 41.66667%;
     max-width: 41.66667%
   }

   .col-lg-6 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%
   }

   .col-lg-7 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 58.33333%;
     flex: 0 0 58.33333%;
     max-width: 58.33333%
   }

   .col-lg-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.66667%;
     flex: 0 0 66.66667%;
     max-width: 66.66667%
   }

   .col-lg-9 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%
   }

   .col-lg-10 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 83.33333%;
     flex: 0 0 83.33333%;
     max-width: 83.33333%
   }

   .col-lg-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.66667%;
     flex: 0 0 91.66667%;
     max-width: 91.66667%
   }

   .col-lg-12 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%
   }

   .order-lg-first {
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1
   }

   .order-lg-last {
     -webkit-box-ordinal-group: 14;
     -ms-flex-order: 13;
     order: 13
   }

   .order-lg-0 {
     -webkit-box-ordinal-group: 1;
     -ms-flex-order: 0;
     order: 0
   }

   .order-lg-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1
   }

   .order-lg-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2
   }

   .order-lg-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3
   }

   .order-lg-4 {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4
   }

   .order-lg-5 {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5
   }

   .order-lg-6 {
     -webkit-box-ordinal-group: 7;
     -ms-flex-order: 6;
     order: 6
   }

   .order-lg-7 {
     -webkit-box-ordinal-group: 8;
     -ms-flex-order: 7;
     order: 7
   }

   .order-lg-8 {
     -webkit-box-ordinal-group: 9;
     -ms-flex-order: 8;
     order: 8
   }

   .order-lg-9 {
     -webkit-box-ordinal-group: 10;
     -ms-flex-order: 9;
     order: 9
   }

   .order-lg-10 {
     -webkit-box-ordinal-group: 11;
     -ms-flex-order: 10;
     order: 10
   }

   .order-lg-11 {
     -webkit-box-ordinal-group: 12;
     -ms-flex-order: 11;
     order: 11
   }

   .order-lg-12 {
     -webkit-box-ordinal-group: 13;
     -ms-flex-order: 12;
     order: 12
   }
 }

 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .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: .25rem;
   -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
   .form-control {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }

 .form-control::-ms-expand {
   background-color: transparent;
   border: 0
 }

 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control::placeholder {
   color: #6c757d;
   opacity: 1
 }

 .form-control:disabled,
 .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1
 }

 select.form-control:focus::-ms-value {
   color: #495057;
   background-color: #fff
 }

 .col-form-label {
   padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5
 }

 .col-form-label-lg {
   padding-top: calc(.5rem + 1px);
   padding-bottom: calc(.5rem + 1px);
   font-size: 1.25rem;
   line-height: 1.5
 }

 .form-control-lg {
   height: calc(1.5em + 1rem + 2px);
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
 }

 select.form-control[multiple],
 select.form-control[size] {
   height: auto
 }

 textarea.form-control {
   height: auto
 }

 .form-group {
   margin-bottom: 1rem
 }

 .form-text {
   display: block;
   margin-top: .25rem
 }

 .form-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px
 }

 .form-row>.col,
 .form-row>[class*=col-] {
   padding-right: 5px;
   padding-left: 5px
 }

 .btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
   -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
   .btn {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }

 .btn:hover {
   color: #212529;
   text-decoration: none
 }

 .btn.focus,
 .btn:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
   box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .btn:disabled {
   opacity: .65
 }

 .collapse:not(.show) {
   display: none
 }

 .btn-group {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle
 }

 .btn-group>.btn {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto
 }

 .btn-group>.btn:hover {
   z-index: 1
 }

 .btn-group>.btn.active,
 .btn-group>.btn:active,
 .btn-group>.btn:focus {
   z-index: 1
 }

 .btn-group>.btn-group:not(:first-child),
 .btn-group>.btn:not(:first-child) {
   margin-left: -1px
 }

 .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
 }

 .btn-group>.btn-group:not(:first-child)>.btn,
 .btn-group>.btn:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
 }

 .btn-group-toggle>.btn,
 .btn-group-toggle>.btn-group>.btn {
   margin-bottom: 0
 }

 .btn-group-toggle>.btn input[type=checkbox],
 .btn-group-toggle>.btn input[type=radio],
 .btn-group-toggle>.btn-group>.btn input[type=checkbox],
 .btn-group-toggle>.btn-group>.btn input[type=radio] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none
 }

 .input-group {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   width: 100%
 }

 .input-group>.form-control {
   position: relative;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   width: 1%;
   margin-bottom: 0
 }

 .input-group>.form-control+.form-control {
   margin-left: -1px
 }

 .input-group>.form-control:focus {
   z-index: 3
 }

 .input-group>.form-control:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
 }

 .input-group>.form-control:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
 }

 .input-group-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: .375rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   text-align: center;
   white-space: nowrap;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: .25rem
 }

 .input-group-text input[type=checkbox],
 .input-group-text input[type=radio] {
   margin-top: 0
 }

 .input-group-lg>.form-control:not(textarea) {
   height: calc(1.5em + 1rem + 2px)
 }

 .input-group-lg>.form-control {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
 }

 .nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
 }

 .nav-link {
   display: block;
   padding: .5rem 1rem
 }

 .nav-link:focus,
 .nav-link:hover {
   text-decoration: none
 }

 .nav-fill .nav-item {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   text-align: center
 }

 .navbar {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: .5rem 1rem
 }

 .navbar>.container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
 }

 .navbar-brand {
   display: inline-block;
   padding-top: .3125rem;
   padding-bottom: .3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap
 }

 .navbar-brand:focus,
 .navbar-brand:hover {
   text-decoration: none
 }

 .navbar-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
 }

 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0
 }

 .navbar-text {
   display: inline-block;
   padding-top: .5rem;
   padding-bottom: .5rem
 }

 .navbar-collapse {
   -ms-flex-preferred-size: 100%;
   flex-basis: 100%;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
 }

 .navbar-toggler {
   padding: .25rem .75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: .25rem
 }

 .navbar-toggler:focus,
 .navbar-toggler:hover {
   text-decoration: none
 }

 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   content: "";
   background: no-repeat center center;
   background-size: 100% 100%
 }

 @media (max-width:767.98px) {
   .navbar-expand-md>.container {
     padding-right: 0;
     padding-left: 0
   }
 }

 @media (min-width:768px) {
   .navbar-expand-md {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
   }

   .navbar-expand-md .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
   }

   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: .5rem;
     padding-left: .5rem
   }

   .navbar-expand-md>.container {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }

   .navbar-expand-md .navbar-collapse {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }

   .navbar-expand-md .navbar-toggler {
     display: none
   }
 }

 @media (max-width:991.98px) {
   .navbar-expand-lg>.container {
     padding-right: 0;
     padding-left: 0
   }
 }

 @media (min-width:992px) {
   .navbar-expand-lg {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row nowrap;
     flex-flow: row nowrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: .5rem;
     padding-left: .5rem
   }

   .navbar-expand-lg>.container {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap
   }

   .navbar-expand-lg .navbar-collapse {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -ms-flex-preferred-size: auto;
     flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {
     display: none
   }
 }

 .navbar-expand {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
 }

 .navbar-expand>.container {
   padding-right: 0;
   padding-left: 0
 }

 .navbar-expand .navbar-nav {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row
 }

 .navbar-expand .navbar-nav .nav-link {
   padding-right: .5rem;
   padding-left: .5rem
 }

 .navbar-expand>.container {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap
 }

 .navbar-expand .navbar-collapse {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto
 }

 .navbar-expand .navbar-toggler {
   display: none
 }

 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, .7)
 }

 .navbar-light .navbar-nav .active>.nav-link,
 .navbar-light .navbar-nav .nav-link.active,
 .navbar-light .navbar-nav .nav-link.show,
 .navbar-light .navbar-nav .show>.nav-link {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, .5);
   border-color: rgba(0, 0, 0, .1)
 }

 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .navbar-light .navbar-text {
   color: rgba(0, 0, 0, .5)
 }

 .navbar-light .navbar-text a {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-text a:focus,
 .navbar-light .navbar-text a:hover {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-dark .navbar-brand {
   color: #fff
 }

 .navbar-dark .navbar-brand:focus,
 .navbar-dark .navbar-brand:hover {
   color: #fff
 }

 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, .5)
 }

 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255, 255, 255, .75)
 }

 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show>.nav-link {
   color: #fff
 }

 .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, .5);
   border-color: rgba(255, 255, 255, .1)
 }

 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, .5)
 }

 .navbar-dark .navbar-text a {
   color: #fff
 }

 .navbar-dark .navbar-text a:focus,
 .navbar-dark .navbar-text a:hover {
   color: #fff
 }

 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0
   }

   to {
     background-position: 0 0
   }
 }

 @keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0
   }

   to {
     background-position: 0 0
   }
 }

 .media {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start
 }

 .media-body {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1
 }

 .list-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0
 }

 .list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit
 }

 .list-group-item-action:focus,
 .list-group-item-action:hover {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa
 }

 .list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef
 }

 .list-group-item {
   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .125)
 }

 .list-group-item:first-child {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
 }

 .list-group-item:last-child {
   margin-bottom: 0;
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
 }

 .list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff
 }

 .list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
 }

 .list-group-item-primary {
   color: #004085;
   background-color: #b8daff
 }

 .list-group-item-primary.list-group-item-action:focus,
 .list-group-item-primary.list-group-item-action:hover {
   color: #004085;
   background-color: #9fcdff
 }

 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085
 }

 .list-group-item-success {
   color: #155724;
   background-color: #c3e6cb
 }

 .list-group-item-success.list-group-item-action:focus,
 .list-group-item-success.list-group-item-action:hover {
   color: #155724;
   background-color: #b1dfbb
 }

 .list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724
 }

 .list-group-item-light {
   color: #818182;
   background-color: #fdfdfe
 }

 .list-group-item-light.list-group-item-action:focus,
 .list-group-item-light.list-group-item-action:hover {
   color: #818182;
   background-color: #ececf6
 }

 .list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182
 }

 .list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca
 }

 .list-group-item-dark.list-group-item-action:focus,
 .list-group-item-dark.list-group-item-action:hover {
   color: #1b1e21;
   background-color: #b9bbbe
 }

 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21
 }

 .carousel {
   position: relative
 }

 .carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transition: -webkit-transform .6s ease-in-out;
   transition: -webkit-transform .6s ease-in-out;
   -o-transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
 }

 @media (prefers-reduced-motion:reduce) {
   .carousel-item {
     -webkit-transition: none;
     -o-transition: none;
     transition: none
   }
 }

 .carousel-item.active {
   display: block
 }

 .active.carousel-item-left {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }

 @-webkit-keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 @keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 @-webkit-keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0)
   }

   50% {
     opacity: 1
   }
 }

 @keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0)
   }

   50% {
     opacity: 1
   }
 }

 .align-top {
   vertical-align: top !important
 }

 .align-bottom {
   vertical-align: bottom !important
 }

 .align-text-bottom {
   vertical-align: text-bottom !important
 }

 .align-text-top {
   vertical-align: text-top !important
 }

 .bg-primary {
   background-color: #007bff !important
 }

 a.bg-primary:focus,
 a.bg-primary:hover,
 button.bg-primary:focus,
 button.bg-primary:hover {
   background-color: #0062cc !important
 }

 .bg-success {
   background-color: #28a745 !important
 }

 a.bg-success:focus,
 a.bg-success:hover,
 button.bg-success:focus,
 button.bg-success:hover {
   background-color: #1e7e34 !important
 }

 .bg-light {
   background-color: #f8f9fa !important
 }

 a.bg-light:focus,
 a.bg-light:hover,
 button.bg-light:focus,
 button.bg-light:hover {
   background-color: #dae0e5 !important
 }

 .bg-dark {
   background-color: #343a40 !important
 }

 a.bg-dark:focus,
 a.bg-dark:hover,
 button.bg-dark:focus,
 button.bg-dark:hover {
   background-color: #1d2124 !important
 }

 .bg-white {
   background-color: #fff !important
 }

 .d-none {
   display: none !important
 }

 .d-block {
   display: block !important
 }

 .d-flex {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important
 }

 @media (min-width:768px) {
   .d-md-none {
     display: none !important
   }

   .d-md-block {
     display: block !important
   }

   .d-md-flex {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important
   }
 }

 @media (min-width:992px) {
   .d-lg-none {
     display: none !important
   }

   .d-lg-block {
     display: block !important
   }

   .d-lg-flex {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important
   }
 }

 .flex-row {
   -webkit-box-orient: horizontal !important;
   -webkit-box-direction: normal !important;
   -ms-flex-direction: row !important;
   flex-direction: row !important
 }

 .flex-wrap {
   -ms-flex-wrap: wrap !important;
   flex-wrap: wrap !important
 }

 .flex-fill {
   -webkit-box-flex: 1 !important;
   -ms-flex: 1 1 auto !important;
   flex: 1 1 auto !important
 }

 .flex-grow-0 {
   -webkit-box-flex: 0 !important;
   -ms-flex-positive: 0 !important;
   flex-grow: 0 !important
 }

 .flex-grow-1 {
   -webkit-box-flex: 1 !important;
   -ms-flex-positive: 1 !important;
   flex-grow: 1 !important
 }
.abtinfo{
	background-image:url("../images/stockbg1.webp");
	width:100%;
	height:auto;
	padding:2%;
	background-size:cover;
	object-fit:cover;
	background-repeat:no-repeat;
}
.head2{
	color:white;
	text-align:center;
	font-weight:700;
}
.para2{
	color:white;
	text-align:center;
	font-size:20px;
	font-weight:700;
}
.reddot{
	color:green;
}
.details li{
	color:white;	
}
.details{
	padding:10px;
	text-align:left;
	border-radius:15px;
	font-size:23px;
	color:white;
}

    .left-box {
      background-color: #f8d7da;
      border-left: 5px solid #dc3545;
      padding: 20px;
      border-radius: 8px;
    }
    .right-box {
      background-color: #d4edda;
      border-left: 5px solid #28a745;
      padding: 20px;
      border-radius: 8px;
    }
    .section-title {
      font-weight: bold;
      padding: 10px;
      color: white;
      border-radius: 5px;
      margin-bottom: 15px;
    }
    .left-title {
      background-color: #dc3545;
    }
    .right-title {
      background-color: #28a745;
    }
    ul {
      padding-left: 1rem;
    }
    ul li::marker {
      color: #000;
    }

	.core{
			background-image:url("../images/stockbg2.webp");
	width:100%;
	height:auto;
	padding:2%;
	background-size:cover;
	object-fit:cover;
	background-repeat:no-repeat;
	}
	.core p{
		color:white;
		font-size:25px;
	}

    .highlight-red {
      color: green;
    }

    .section-title {
      font-weight: bold;
      margin-top: 40px;
      margin-bottom: 20px;
	  
    }

    .core-value {
      background-color: green;
      border-radius: 10px;
      padding: 15px;
      display: flex;
      align-items: center;
      gap: 15px;
      color: #fff;
      height: 100%;
    }

    .core-value i {
      font-size: 2rem;
      color: #ff4c4c;
    }

    .core-values-title {
      background-color: green;
      padding: 8px 20px;
      font-weight: bold;
      color: white;
      border-radius: 4px;
      display: inline-block;
      margin-bottom: 20px;
    }

    .custom-container {
      max-width: 1140px;
      margin: auto;
      padding: 40px 20px;
    }
	
	
		.team{
	background-image:url("../images/teamb.jpg");
	width:100%;
	height:auto;
	padding:2%;
	background-size:cover;
	object-fit:cover;
	background-repeat:no-repeat;
	background-position:center;
	}
	
	 .team-card {
      background-color: white;
      border-radius: 10px;
      padding: 20px;
      text-align: center;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
      height: 100%;
    }

    .team-card img {
     width: 169px;
    margin-bottom: 15px;
    height: 175px;
    filter: drop-shadow(0px 0px 6px black);
    object-fit: unset;
    background-position: center;
    object-position: top;
    }

    .team-name {
      font-weight: 600;
      font-size: 1.2rem;
    }

    .team-role {
      font-style: italic;
      color: #555;
      margin-bottom: 15px;
    }

    .team-desc {
      font-size: 0.95rem;
      text-align: justify;
      color: #333;
    }

    .red-bar {
      width: 50px;
      height: 4px;
      background-color: green;
      margin: 8px auto 16px auto;
    }

.deta
 .flex-shrink-0 {
   -ms-flex-negative: 0 !important;
   flex-shrink: 0 !important
 }

 .flex-shrink-1 {
   -ms-flex-negative: 1 !important;
   flex-shrink: 1 !important
 }

 .justify-content-start {
   -webkit-box-pack: start !important;
   -ms-flex-pack: start !important;
   justify-content: flex-start !important
 }

 .justify-content-end {
   -webkit-box-pack: end !important;
   -ms-flex-pack: end !important;
   justify-content: flex-end !important
 }

 .justify-content-center {
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important
 }

 .align-items-start {
   -webkit-box-align: start !important;
   -ms-flex-align: start !important;
   align-items: flex-start !important
 }

 .align-items-end {
   -webkit-box-align: end !important;
   -ms-flex-align: end !important;
   align-items: flex-end !important
 }

 .align-items-center {
   -webkit-box-align: center !important;
   -ms-flex-align: center !important;
   align-items: center !important
 }

 .align-items-stretch {
   -webkit-box-align: stretch !important;
   -ms-flex-align: stretch !important;
   align-items: stretch !important
 }

 .align-content-start {
   -ms-flex-line-pack: start !important;
   align-content: flex-start !important
 }

 .align-content-end {
   -ms-flex-line-pack: end !important;
   align-content: flex-end !important
 }

 .align-content-center {
   -ms-flex-line-pack: center !important;
   align-content: center !important
 }

 .align-content-stretch {
   -ms-flex-line-pack: stretch !important;
   align-content: stretch !important
 }

 @media (min-width:768px) {
   .flex-md-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: row !important;
     flex-direction: row !important
   }

   .flex-md-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }

   .flex-md-fill {
     -webkit-box-flex: 1 !important;
     -ms-flex: 1 1 auto !important;
     flex: 1 1 auto !important
   }

   .flex-md-grow-0 {
     -webkit-box-flex: 0 !important;
     -ms-flex-positive: 0 !important;
     flex-grow: 0 !important
   }

   .flex-md-grow-1 {
     -webkit-box-flex: 1 !important;
     -ms-flex-positive: 1 !important;
     flex-grow: 1 !important
   }

   .flex-md-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }

   .justify-content-md-start {
     -webkit-box-pack: start !important;
     -ms-flex-pack: start !important;
     justify-content: flex-start !important
   }

   .justify-content-md-end {
     -webkit-box-pack: end !important;
     -ms-flex-pack: end !important;
     justify-content: flex-end !important
   }

   .justify-content-md-center {
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important
   }

   .align-items-md-start {
     -webkit-box-align: start !important;
     -ms-flex-align: start !important;
     align-items: flex-start !important
   }

   .align-items-md-end {
     -webkit-box-align: end !important;
     -ms-flex-align: end !important;
     align-items: flex-end !important
   }

   .align-items-md-center {
     -webkit-box-align: center !important;
     -ms-flex-align: center !important;
     align-items: center !important
   }

   .align-items-md-stretch {
     -webkit-box-align: stretch !important;
     -ms-flex-align: stretch !important;
     align-items: stretch !important
   }

   .align-content-md-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }

   .align-content-md-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }

   .align-content-md-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }

   .align-content-md-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
 }

 @media (min-width:992px) {
   .flex-lg-row {
     -webkit-box-orient: horizontal !important;
     -webkit-box-direction: normal !important;
     -ms-flex-direction: row !important;
     flex-direction: row !important
   }

   .flex-lg-wrap {
     -ms-flex-wrap: wrap !important;
     flex-wrap: wrap !important
   }

   .flex-lg-fill {
     -webkit-box-flex: 1 !important;
     -ms-flex: 1 1 auto !important;
     flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {
     -webkit-box-flex: 0 !important;
     -ms-flex-positive: 0 !important;
     flex-grow: 0 !important
   }

   .flex-lg-grow-1 {
     -webkit-box-flex: 1 !important;
     -ms-flex-positive: 1 !important;
     flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {
     -ms-flex-negative: 0 !important;
     flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {
     -ms-flex-negative: 1 !important;
     flex-shrink: 1 !important
   }

   .justify-content-lg-start {
     -webkit-box-pack: start !important;
     -ms-flex-pack: start !important;
     justify-content: flex-start !important
   }

   .justify-content-lg-end {
     -webkit-box-pack: end !important;
     -ms-flex-pack: end !important;
     justify-content: flex-end !important
   }

   .justify-content-lg-center {
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important
   }

   .align-items-lg-start {
     -webkit-box-align: start !important;
     -ms-flex-align: start !important;
     align-items: flex-start !important
   }

   .align-items-lg-end {
     -webkit-box-align: end !important;
     -ms-flex-align: end !important;
     align-items: flex-end !important
   }

   .align-items-lg-center {
     -webkit-box-align: center !important;
     -ms-flex-align: center !important;
     align-items: center !important
   }

   .align-items-lg-stretch {
     -webkit-box-align: stretch !important;
     -ms-flex-align: stretch !important;
     align-items: stretch !important
   }

   .align-content-lg-start {
     -ms-flex-line-pack: start !important;
     align-content: flex-start !important
   }

   .align-content-lg-end {
     -ms-flex-line-pack: end !important;
     align-content: flex-end !important
   }

   .align-content-lg-center {
     -ms-flex-line-pack: center !important;
     align-content: center !important
   }

   .align-content-lg-stretch {
     -ms-flex-line-pack: stretch !important;
     align-content: stretch !important
   }
 }

 .float-left {
   float: left !important
 }

 .float-none {
   float: none !important
 }

 @media (min-width:768px) {
   .float-md-left {
     float: left !important
   }

   .float-md-none {
     float: none !important
   }
 }

 @media (min-width:992px) {
   .float-lg-left {
     float: left !important
   }

   .float-lg-none {
     float: none !important
   }
 }

 @supports ((position:-webkit-sticky) or (position:sticky)) {
   .sticky-top {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 1020
   }
 }

 .h-25 {
   height: 25% !important
 }

 .h-50 {
   height: 50% !important
 }

 .h-75 {
   height: 75% !important
 }

 .h-100 {
   height: 100% !important
 }

 .h-auto {
   height: auto !important
 }

 .m-0 {
   margin: 0 !important
 }

 .mt-0 {
   margin-top: 0 !important
 }

 .mr-0 {
   margin-right: 0 !important
 }

 .mb-0 {
   margin-bottom: 0 !important
 }

 .ml-0 {
   margin-left: 0 !important
 }

 .m-1 {
   margin: .25rem !important
 }

 .mt-1 {
   margin-top: .25rem !important
 }

 .mr-1 {
   margin-right: .25rem !important
 }

 .mb-1 {
   margin-bottom: .25rem !important
 }

 .ml-1 {
   margin-left: .25rem !important
 }

 .m-2 {
   margin: .5rem !important
 }

 .mt-2 {
   margin-top: .5rem !important
 }

 .mr-2 {
   margin-right: .5rem !important
 }

 .mb-2 {
   margin-bottom: .5rem !important
 }

 .ml-2 {
   margin-left: .5rem !important
 }

 .m-3 {
   margin: 1rem !important
 }

 .mt-3 {
   margin-top: 1rem !important
 }

 .mr-3 {
   margin-right: 1rem !important
 }

 .mb-3 {
   margin-bottom: 1rem !important
 }

 .ml-3 {
   margin-left: 1rem !important
 }

 .m-4 {
   margin: 1.5rem !important
 }

 .mt-4 {
   margin-top: 1.5rem !important
 }

 .mr-4 {
   margin-right: 1.5rem !important
 }

 .mb-4 {
   margin-bottom: 1.5rem !important
 }

 .ml-4 {
   margin-left: 1.5rem !important
 }

 .m-5 {
   margin: 3rem !important
 }

 .mt-5 {
   margin-top: 3rem !important
 }

 .mr-5 {
   margin-right: 3rem !important
 }

 .mb-5 {
   margin-bottom: 3rem !important
 }

 .ml-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: .25rem !important
 }

 .pt-1,
 .py-1 {
   padding-top: .25rem !important
 }

 .pr-1,
 .px-1 {
   padding-right: .25rem !important
 }

 .pb-1,
 .py-1 {
   padding-bottom: .25rem !important
 }

 .pl-1,
 .px-1 {
   padding-left: .25rem !important
 }

 .p-2 {
   padding: .5rem !important
 }

 .pt-2,
 .py-2 {
   padding-top: .5rem !important
 }

 .pr-2,
 .px-2 {
   padding-right: .5rem !important
 }

 .pb-2,
 .py-2 {
   padding-bottom: .5rem !important
 }

 .pl-2,
 .px-2 {
   padding-left: .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-auto {
   margin: auto !important
 }

 .mt-auto {
   margin-top: auto !important
 }

 .mr-auto {
   margin-right: auto !important
 }

 .mb-auto {
   margin-bottom: auto !important
 }

 .ml-auto {
   margin-left: auto !important
 }

 @media (min-width:768px) {
   .m-md-0 {
     margin: 0 !important
   }

   .mt-md-0 {
     margin-top: 0 !important
   }

   .mr-md-0 {
     margin-right: 0 !important
   }

   .mb-md-0 {
     margin-bottom: 0 !important
   }

   .ml-md-0 {
     margin-left: 0 !important
   }

   .m-md-1 {
     margin: .25rem !important
   }

   .mt-md-1 {
     margin-top: .25rem !important
   }

   .mr-md-1 {
     margin-right: .25rem !important
   }

   .mb-md-1 {
     margin-bottom: .25rem !important
   }

   .ml-md-1 {
     margin-left: .25rem !important
   }

   .m-md-2 {
     margin: .5rem !important
   }

   .mt-md-2 {
     margin-top: .5rem !important
   }

   .mr-md-2 {
     margin-right: .5rem !important
   }

   .mb-md-2 {
     margin-bottom: .5rem !important
   }

   .ml-md-2 {
     margin-left: .5rem !important
   }

   .m-md-3 {
     margin: 1rem !important
   }

   .mt-md-3 {
     margin-top: 1rem !important
   }

   .mr-md-3 {
     margin-right: 1rem !important
   }

   .mb-md-3 {
     margin-bottom: 1rem !important
   }

   .ml-md-3 {
     margin-left: 1rem !important
   }

   .m-md-4 {
     margin: 1.5rem !important
   }

   .mt-md-4 {
     margin-top: 1.5rem !important
   }

   .mr-md-4 {
     margin-right: 1.5rem !important
   }

   .mb-md-4 {
     margin-bottom: 1.5rem !important
   }

   .ml-md-4 {
     margin-left: 1.5rem !important
   }

   .m-md-5 {
     margin: 3rem !important
   }

   .mt-md-5 {
     margin-top: 3rem !important
   }

   .mr-md-5 {
     margin-right: 3rem !important
   }

   .mb-md-5 {
     margin-bottom: 3rem !important
   }

   .ml-md-5 {
     margin-left: 3rem !important
   }

   .p-md-0 {
     padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {
     padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {
     padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {
     padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {
     padding-left: 0 !important
   }

   .p-md-1 {
     padding: .25rem !important
   }

   .pt-md-1,
   .py-md-1 {
     padding-top: .25rem !important
   }

   .pr-md-1,
   .px-md-1 {
     padding-right: .25rem !important
   }

   .pb-md-1,
   .py-md-1 {
     padding-bottom: .25rem !important
   }

   .pl-md-1,
   .px-md-1 {
     padding-left: .25rem !important
   }

   .p-md-2 {
     padding: .5rem !important
   }

   .pt-md-2,
   .py-md-2 {
     padding-top: .5rem !important
   }

   .pr-md-2,
   .px-md-2 {
     padding-right: .5rem !important
   }

   .pb-md-2,
   .py-md-2 {
     padding-bottom: .5rem !important
   }

   .pl-md-2,
   .px-md-2 {
     padding-left: .5rem !important
   }

   .p-md-3 {
     padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {
     padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {
     padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {
     padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {
     padding-left: 1rem !important
   }

   .p-md-4 {
     padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {
     padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {
     padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {
     padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {
     padding-left: 1.5rem !important
   }

   .p-md-5 {
     padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {
     padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {
     padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {
     padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {
     padding-left: 3rem !important
   }

   .m-md-auto {
     margin: auto !important
   }

   .mt-md-auto {
     margin-top: auto !important
   }

   .mr-md-auto {
     margin-right: auto !important
   }

   .mb-md-auto {
     margin-bottom: auto !important
   }

   .ml-md-auto {
     margin-left: auto !important
   }
 }

 @media (min-width:992px) {
   .m-lg-0 {
     margin: 0 !important
   }

   .mt-lg-0 {
     margin-top: 0 !important
   }

   .mr-lg-0 {
     margin-right: 0 !important
   }

   .mb-lg-0 {
     margin-bottom: 0 !important
   }

   .ml-lg-0 {
     margin-left: 0 !important
   }

   .m-lg-1 {
     margin: .25rem !important
   }

   .mt-lg-1 {
     margin-top: .25rem !important
   }

   .mr-lg-1 {
     margin-right: .25rem !important
   }

   .mb-lg-1 {
     margin-bottom: .25rem !important
   }

   .ml-lg-1 {
     margin-left: .25rem !important
   }

   .m-lg-2 {
     margin: .5rem !important
   }

   .mt-lg-2 {
     margin-top: .5rem !important
   }

   .mr-lg-2 {
     margin-right: .5rem !important
   }

   .mb-lg-2 {
     margin-bottom: .5rem !important
   }

   .ml-lg-2 {
     margin-left: .5rem !important
   }

   .m-lg-3 {
     margin: 1rem !important
   }

   .mt-lg-3 {
     margin-top: 1rem !important
   }

   .mr-lg-3 {
     margin-right: 1rem !important
   }

   .mb-lg-3 {
     margin-bottom: 1rem !important
   }

   .ml-lg-3 {
     margin-left: 1rem !important
   }

   .m-lg-4 {
     margin: 1.5rem !important
   }

   .mt-lg-4 {
     margin-top: 1.5rem !important
   }

   .mr-lg-4 {
     margin-right: 1.5rem !important
   }

   .mb-lg-4 {
     margin-bottom: 1.5rem !important
   }

   .ml-lg-4 {
     margin-left: 1.5rem !important
   }

   .m-lg-5 {
     margin: 3rem !important
   }

   .mt-lg-5 {
     margin-top: 3rem !important
   }

   .mr-lg-5 {
     margin-right: 3rem !important
   }

   .mb-lg-5 {
     margin-bottom: 3rem !important
   }

   .ml-lg-5 {
     margin-left: 3rem !important
   }

   .p-lg-0 {
     padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {
     padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {
     padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {
     padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {
     padding-left: 0 !important
   }

   .p-lg-1 {
     padding: .25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {
     padding-top: .25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {
     padding-right: .25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {
     padding-bottom: .25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {
     padding-left: .25rem !important
   }

   .p-lg-2 {
     padding: .5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {
     padding-top: .5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {
     padding-right: .5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {
     padding-bottom: .5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {
     padding-left: .5rem !important
   }

   .p-lg-3 {
     padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {
     padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {
     padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {
     padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {
     padding-left: 1rem !important
   }

   .p-lg-4 {
     padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {
     padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {
     padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {
     padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {
     padding-left: 1.5rem !important
   }

   .p-lg-5 {
     padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {
     padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {
     padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {
     padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {
     padding-left: 3rem !important
   }

   .m-lg-auto {
     margin: auto !important
   }

   .mt-lg-auto {
     margin-top: auto !important
   }

   .mr-lg-auto {
     margin-right: auto !important
   }

   .mb-lg-auto {
     margin-bottom: auto !important
   }

   .ml-lg-auto {
     margin-left: auto !important
   }
 }

 .text-justify {
   text-align: justify !important
 }

 .text-wrap {
   white-space: normal !important
 }

 .text-left {
   text-align: left !important
 }

 .text-center {
   text-align: center !important
 }

 @media (min-width:768px) {
   .text-md-left {
     text-align: left !important
   }

   .text-md-center {
     text-align: center !important
   }
 }

 @media (min-width:992px) {
   .text-lg-left {
     text-align: left !important
   }

   .text-lg-center {
     text-align: center !important
   }
 }

 .text-white {
   color: #fff !important
 }

 .text-primary {
   color: #007bff !important
 }

 a.text-primary:focus,
 a.text-primary:hover {
   color: #0056b3 !important
 }

 .text-success {
   color: #28a745 !important
 }

 a.text-success:focus,
 a.text-success:hover {
   color: #19692c !important
 }

 .text-light {
   color: #f8f9fa !important
 }

 a.text-light:focus,
 a.text-light:hover {
   color: #cbd3da !important
 }

 .text-dark {
   color: #343a40 !important
 }

 a.text-dark:focus,
 a.text-dark:hover {
   color: #121416 !important
 }

 .text-body {
   color: #212529 !important
 }

 .text-white-50 {
   color: rgba(255, 255, 255, .5) !important
 }

 @media print {

   *,
   ::after,
   ::before {
     text-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important
   }

   a:not(.btn) {
     text-decoration: underline
   }

   img {
     page-break-inside: avoid
   }

   h2,
   h3,
   p {
     orphans: 3;
     widows: 3
   }

   h2,
   h3 {
     page-break-after: avoid
   }

   @page {
     size: a3
   }

   body {
     min-width: 992px !important
   }

   .container {
     min-width: 992px !important
   }

   .navbar {
     display: none
   }
 }

 body {
   font-family: "Nunito Sans", Arial, sans-serif;
   background: #fff;
   font-size: 16px;
   line-height: 1.8;
   font-weight: 400;
   color: gray
 }

 body.menu-show {
   overflow: hidden;
   position: fixed;
   height: 100%;
   width: 100%
 }

 a {
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
   color: #0668a7
 }

 a:focus,
 a:hover {
   text-decoration: none;
   color: #0668a7;
   outline: 0 !important
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 h1,
 h2,
 h3,
 h4,
 h5 {
   line-height: 1.5;
   color: #233e62;
   font-weight: 400
 }

 .text-primary {
   color: #0668a7 !important
 }

 .topper {
   font-size: 15px;
   width: 100%;
   display: block
 }

 @media (max-width:767.98px) {
   .topper {
     margin-bottom: 10px
   }
 }

 .topper .icon {
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%
 }

 .topper .icon span {
   color: #0668a7;
   font-size: 20px
 }

 .topper .text {
   color: rgba(0, 0, 0, .7);
   padding-left: 15px
 }

 .topper .text span {
   width: 100%;
   display: block;
   line-height: 1
 }

 .topper .text span:first-child {
   font-weight: 700;
   color: #000
 }

 .topper .d-block {
   width: 100%
 }

 .topper .btn {
   width: 100%
 }

 .ftco-navbar-light {
   background: #0d1128 !important;
   z-index: 3;
   padding: 0;
   position: sticky;
   top: 0
 }

 @media (max-width:991.98px) {
   .ftco-navbar-light {
     background: #233e62 !important;
     position: relative;
     top: 0;
     padding: 10px 15px
   }
 }

 .ftco-navbar-light .navbar-brand {
   color: #fff
 }

 .ftco-navbar-light .navbar-brand:focus,
 .ftco-navbar-light .navbar-brand:hover {
   color: #fff
 }

 @media (max-width:991.98px) {
   .ftco-navbar-light .navbar-brand {
     color: #fff
   }
 }

 @media (max-width:991.98px) {
   .ftco-navbar-light .navbar-nav {
     padding-bottom: 10px
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
   font-size: 19px;
   padding-top: 1.2rem;
   padding-bottom: 1.2rem;
   padding-left: 20px;
   padding-right: 20px;
   font-weight: 400;
   color: #fff;
   opacity: 1 !important
 }

 .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover {
   color: #fff
 }

 @media (max-width:991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
     padding-left: 0;
     padding-right: 0;
     padding-top: .9rem;
     padding-bottom: .9rem;
     color: rgba(255, 255, 255, .7)
   }

   .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover {
     color: #fff
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item.active>a {
   color: #0668a7
 }

 @media (max-width:991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item.active>a {
     color: #fff
   }
 }

 .ftco-navbar-light .navbar-toggler {
   border: none;
   color: rgba(255, 255, 255, .5) !important;
   cursor: pointer;
   padding-right: 0;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: .1em
 }

 .ftco-navbar-light .navbar-toggler:focus {
   outline: 0 !important
 }

 .navbar-brand {
   font-weight: 800;
   font-size: 30px;
   padding: 0;
   line-height: 1
 }

 .owl-carousel {
   position: relative
 }

 .owl-carousel .owl-item {
   opacity: .4
 }

 .owl-carousel .owl-item.active {
   opacity: 1
 }

 .owl-carousel .owl-nav {
   position: absolute;
   top: 50%;
   width: 100%
 }

 .owl-carousel.home-slider {
   position: relative;
   height: 600px;
   z-index: 0
 }

 .owl-carousel.home-slider .slider-item {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   height: 600px;
   position: relative;
   z-index: 0
 }

 @media (max-width:1199.98px) {
   .owl-carousel.home-slider .slider-item {
     background-position: center center !important
   }
 }

 .owl-carousel.home-slider .slider-item .overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #000;
   opacity: .3
 }

 .owl-carousel.home-slider .slider-item .slider-text {
   height: 600px
 }

 @media (max-width:767.98px) {
   .owl-carousel.home-slider .slider-item .slider-text {
     text-align: center
   }
 }

 .owl-carousel.home-slider .slider-item .slider-text .text {
   position: relative
 }

 .owl-carousel.home-slider .slider-item .slider-text h1 {
   font-size: 45px;
   color: #fff;
   line-height: 1.2;
   font-weight: 900
 }

 .owl-carousel.home-slider .slider-item .slider-text h1 span {
   display: block
 }

 @media (max-width:991.98px) {
   .owl-carousel.home-slider .slider-item .slider-text h1 {
     font-size: 40px
   }
 }

 .owl-carousel.home-slider .slider-item .slider-text .subheading {
   font-size: 12px;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   letter-spacing: 2px
 }

 .owl-carousel.home-slider .slider-item .slider-text p {
   color: rgba(255, 255, 255, .9)
 }

 .owl-carousel.home-slider .owl-nav {
   position: absolute;
   top: 100%;
   width: 100%
 }

 .bg-light {
   background: #fafafa !important
 }

 .bg-white {
   background: #fff !important
 }

 .bg-primary {
   background: #0668a7
 }

 .btn {
   cursor: pointer;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   -ms-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: none !important;
   box-shadow: none !important
 }

 .btn:active,
 .btn:focus,
 .btn:hover {
   outline: 0
 }

 .btn.btn-primary {
   background: #0668a7;
   border: 1px solid #0668a7;
   color: #fff
 }

 .btn.btn-primary:hover {
   border: 1px solid #0668a7;
   background: 0 0;
   color: #0668a7
 }

 .btn.btn-white {
   background: #fff;
   border: 1px solid #fff;
   color: #0668a7
 }

 .btn.btn-white:active,
 .btn.btn-white:focus,
 .btn.btn-white:hover {
   border: 1px solid #fff;
   color: #0668a7
 }

 .img-2 {
   background-position: top center !important
 }

 @media (max-width:767.98px) {
   .img-2 {
     height: 300px;
     margin-bottom: 40px
   }
 }

 .wrap-about {
   position: relative
 }

 .wrap-about h3 {
   font-weight: 700;
   font-size: 20px
 }

 .wrap-about h2 {
   font-weight: 700
 }

 .wrap-about .img {
      width: 100%;
    height: 500px;
    object-fit: cover;
 }

 @media (max-width:767.98px) {
   .wrap-about {
     margin-bottom: 30px
   }
 }

 .services {
   display: block;
   width: 100%;
   position: relative;
   background: #f0f9fd;
   padding: 20px 30px;
   margin-bottom: 30px;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease
 }

 .services:after {
   position: absolute;
   top: 0;
   right: 0;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 50px 50px 0;
   border-color: transparent #fff transparent transparent
 }

 .services .icon {
   line-height: 1.3;
   position: relative;
   margin: 0 auto;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%
 }

 .services .icon span {
   font-size: 50px;
   color: #0668a7
 }

 @media (max-width:767.98px) {
   .services .media-body {
     padding-bottom: 3.5em !important
   }
 }

 .services .media-body h3 {
   font-weight: 700;
   font-size: 20px;
   color: #233e62
 }

 .services.active,
 .services:hover {
   background: #0668a7
 }

 .services.active .icon span,
 .services:hover .icon span {
   color: #fff
 }

 .services.active .media-body,
 .services:hover .media-body {
   color: rgba(255, 255, 255, .9)
 }

 .services.active .media-body h3,
 .services:hover .media-body h3 {
   color: #fff
 }

 .services-2 {
   border-left: 1px solid rgba(0, 0, 0, .05);
   border-bottom: 1px solid rgba(0, 0, 0, .05);
   width: 100%;
   padding: 30px;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   -ms-transition: all .3s ease;
   transition: all .3s ease
 }

 .services-2.noborder-left {
   border-left: none
 }

 .services-2.noborder-bottom {
   border-bottom: none
 }

 @media (max-width:991.98px) {
   .services-2 {
     border-left: none
   }

   .services-2.noborder-bottom {
     border-bottom: 1px solid rgba(0, 0, 0, .05)
   }
 }

 .services-2 .icon span {
   font-size: 50px;
   color: #0668a7
 }

 .services-2 h3 {
   font-size: 30px;
   font-weight: 700
 }

 .services-2:hover {
   background: wheat;
   -webkit-box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
   -moz-box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
   box-shadow: 0 0 27px -16px rgba(0, 0, 0, .75);
   border: none
 }
 .card-body{
      height: 50vh;
    overflow-y: scroll;
 }

 .services-2:hover  span img {
   color: #fff
 }

 .services-2:hover .media-body {
   color: rgba(10, 10, 10, 0.9)
 }

 .services-2:hover .media-body h3 {
   color: #0b0a0a
 }

 .ftco-social {
   padding: 0
 }

 .ftco-social li {
   list-style: none;
   margin-right: 10px;
   display: inline-block
 }

 .block-20 {
   overflow: hidden;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   height: 275px;
   position: relative;
   display: block
 }

 .block-27 ul {
   padding: 0;
   margin: 0
 }

 .block-27 ul li {
   display: inline-block;
   margin-bottom: 4px;
   font-weight: 400
 }

 .block-27 ul li a,
 .block-27 ul li span {
   border: 1px solid #bae1f7;
   text-align: center;
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%
 }

 .block-27 ul li.active a,
 .block-27 ul li.active span {
   background: #0668a7;
   color: #fff;
   border: 1px solid transparent
 }

 .form-control {
   height: 52px !important;
   background: #fff !important;
   color: #000 !important;
   font-size: 18px;
   border-radius: 0;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: 1px solid rgba(0, 0, 0, .1)
 }

 .form-control:active,
 .form-control:focus {
   border-color: #000
 }

 textarea.form-control {
   height: inherit !important
 }

 .ftco-animate {
   opacity: 0;
   visibility: hidden
 }

 .bg-primary {
   background: #0668a7 !important
 }

 .ftco-section {
   padding: 7em 0;
   position: relative;
   background-image: url(../images/bg2.webp);
   width: 100%;
   height: 100%;
   object-fit: cover;
   background-repeat: no-repeat;
   background-size: cover;
 }

 #abt{

   padding: 7em 0;
   position: relative;
   background-image: url(../images/bg2.webp);
   width: 100%;
   height: 100%;
   object-fit: cover;
   background-repeat: no-repeat;
   background-size: cover;
  }
  #toplst{
    display: flex;
  }
  #toplst2{
    display: flex;
  }
  #topbt{
      background: #0668a7;
    border: 1px solid #0668a7;
    color: #fff;
    width: 100%;
  }
  @media(max-width:800px){
    #toplst{
      display: none;
    }
     #toplst2{
      display: none;
    }
      #topbt{
display: none;
  }
  }
 .ftco-no-pt {
   padding-top: 0
 }

 .ftco-no-pb {
   padding-bottom: 0
 }

 .ftco-bg-dark {
   background: #3c312e
 }

 .ftco-footer {
   font-size: 16px;
   background: black;
   /* background-image: url(../images/bg.webp); */
   padding: 5em 0;
   margin-top: 50px;
   color: white;
 }

 .ftco-footer .ftco-footer-widget {
   width: 100%;
   display: block
 }

 .ftco-footer .ftco-footer-widget h2 {
   font-weight: 400;
   color: white;
   margin-bottom: 40px;
   font-size: 20px;
   font-weight: 700
 }

 .ftco-footer .ftco-footer-widget .logo {
   color: #0668a7
 }

 .ftco-footer .ftco-footer-widget .logo span {
   color: #ff5db1
 }

 .ftco-footer .ftco-footer-widget ul li a span {
   color: white
 }

 .ftco-footer .ftco-footer-widget .btn-primary {
   background: #fff !important;
   border: 2px solid #fff !important
 }

 .ftco-footer .ftco-footer-widget .btn-primary:hover {
   background: #fff;
   border: 2px solid #fff !important
 }

 .ftco-footer p {
   color: white;
 }

 .ftco-footer a {
      color: white;

 }

 .ftco-footer a:hover {
   color: #fff
 }

 .ftco-footer .ftco-heading-2 {
   font-size: 17px;
   font-weight: 400;
   color: #000
 }

 .ftco-footer .block-21 .text .heading {
   font-weight: 400;
   font-size: 16px
 }

 .ftco-footer .block-21 .text .heading a {
   color: rgba(255, 255, 255, .9)
 }

 .ftco-footer .block-21 .text .heading a:active,
 .ftco-footer .block-21 .text .heading a:focus,
 .ftco-footer .block-21 .text .heading a:hover {
   color: #0668a7
 }

 .ftco-footer .block-21 .text .meta>div {
   display: inline-block;
   font-size: 12px;
   margin-right: 5px
 }

 .ftco-footer .block-21 .text .meta>div a {
   color: white;


 }

 .ftco-footer-social li {
   list-style: none;
   margin: 0 10px 0 0;
   display: inline-block
 }

 .ftco-footer-social li a {
   height: 40px;
   width: 40px;
   display: block;
   float: left;
   background: rgba(255, 255, 255, .05);
   border-radius: 50%;
   position: relative
 }

 .ftco-footer-social li a span {
   position: absolute;
   font-size: 20px;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
 }

 .ftco-footer-social li a:hover {
   color: #fff
 }

 .footer-small-nav>li {
   display: inline-block
 }

 .footer-small-nav>li a {
   margin: 0 10px 10px 0
 }

 .footer-small-nav>li a:focus,
 .footer-small-nav>li a:hover {
   color: #0668a7
 }

 .media .ftco-icon {
   width: 100px
 }

 .media .ftco-icon span {
   color: #0668a7
 }

 #map {
   width: 100%
 }

 @media (max-width:767.98px) {
   #map {
     height: 300px
   }
 }

 @-webkit-keyframes pulse {
   0% {
     -webkit-box-shadow: 0 0 0 0 rgba(27, 156, 227, .4)
   }

   70% {
     -webkit-box-shadow: 0 0 0 30px rgba(27, 156, 227, 0)
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(27, 156, 227, 0)
   }
 }

 @keyframes pulse {
   0% {
     -moz-box-shadow: 0 0 0 0 rgba(27, 156, 227, .4);
     -webkit-box-shadow: 0 0 0 0 rgba(27, 156, 227, .4);
     box-shadow: 0 0 0 0 rgba(27, 156, 227, .4)
   }

   70% {
     -moz-box-shadow: 0 0 0 30px rgba(27, 156, 227, 0);
     -webkit-box-shadow: 0 0 0 30px rgba(27, 156, 227, 0);
     box-shadow: 0 0 0 30px rgba(27, 156, 227, 0)
   }

   100% {
     -moz-box-shadow: 0 0 0 0 rgba(27, 156, 227, 0);
     -webkit-box-shadow: 0 0 0 0 rgba(27, 156, 227, 0);
     box-shadow: 0 0 0 0 rgba(27, 156, 227, 0)
   }
 }

 .heading-section .subheading {
   font-weight: 500;
   font-size: 16px;
   display: block;
   margin-bottom: 0;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: rgba(0, 0, 0, .9);
   position: relative
 }

 .heading-section h2 {
   font-size: 4rem;
   font-weight: 700
 }
 
 .heading-section p {
   font-size: 1.5rem;
 }


 @media (max-width:767.98px) {
   .heading-section h2 {
     font-size: 34px
   }
 }
 

 .heading-section.heading-section-white .subheading {
   color: rgba(255, 255, 255, .7)
 }

 .heading-section.heading-section-white h2 {
   color: #fff
 }

 .heading-section.heading-section-white p {
   color: rgba(255, 255, 255, .9)
   font-size:25px;
 }

 .img {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center
 }

 @media (max-width:767.98px) {
   .about-image {
     height: 400px;
     margin-bottom: 30px
   }
 }

 .image-popup {
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
   cursor: zoom-in
 }

 #section-counter {
   position: relative;
   z-index: 0;
   padding-bottom: 1em
 }

 .wrapper {
   width: 100%;
   max-width: 1110px;
   background: #fff;
   padding: 30px;
   -webkit-box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .14);
   -moz-box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .14);
   box-shadow: 0 5px 18px -9px rgba(0, 0, 0, .14)
 }

 .ftco-counter {
   overflow-x: hidden;
   position: relative;
   margin-top: -50px
 }

 @media (max-width:1199.98px) {
   .ftco-counter {
     background-position: top center !important
   }
 }

 .ftco-counter .icon span {
   font-size: 50px;
   color: #000;
   line-height: 1
 }

 .ftco-counter .block-18 {
   display: block;
   width: 100%
 }

 .ftco-counter .text strong.number {
   font-weight: 600;
   font-size: 40px;
   color: #000;
   display: block;
   position: relative
 }

 .ftco-counter .text strong.number:after {
   position: absolute;
   bottom: 5px;
   left: 0;
   content: '';
   width: 35px;
   height: 2px;
   background: #0668a7
 }

 .ftco-counter .text span {
   display: block;
   font-size: 14px;
   color: rgba(0, 0, 0, .8);
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 800
 }

 @media (max-width:767.98px) {
   .ftco-counter .counter-wrap {
     margin-bottom: 20px
   }
 }

 .ftco-consult {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   position: relative
 }

 @media (max-width:991.98px) {
   .ftco-consult {
     background-position: top center !important
   }
 }

 .ftco-consult .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   opacity: .8;
   background: #1566ad;
   background: -moz-linear-gradient(left, #1566ad 0, #1b9de3 100%);
   background: -webkit-gradient(left top, right top, color-stop(0, #1566ad), color-stop(100%, #1b9de3));
   background: -webkit-linear-gradient(left, #1566ad 0, #1b9de3 100%);
   background: -o-linear-gradient(left, #1566ad 0, #1b9de3 100%);
   background: -ms-linear-gradient(left, #1566ad 0, #1b9de3 100%);
   background: -webkit-gradient(linear, left top, right top, from(#1566ad), to(#1b9de3));
   background: linear-gradient(to right, #1566ad 0, #1b9de3 100%)
 }

 .appointment-form .form-group {
   position: relative;
   width: 100%;
   display: block
 }

 .appointment-form .form-group .icon {
   position: absolute;
   top: 50% !important;
   right: 0;
   font-size: 16px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
 }

 .appointment-form .form-group .icon span {
   color: #fff !important
 }

 .appointment-form .form-group .input-wrap,
 .appointment-form .form-group .select-wrap {
   position: relative
 }

 .appointment-form .form-group .input-wrap select,
 .appointment-form .form-group .select-wrap select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
 }

 .appointment-form .form-group .btn {
   width: 100%;
   display: block !important
 }

 .appointment-form .form-control {
   border: transparent !important;
   border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
   height: 58px !important;
   padding-left: 0;
   padding-right: 0;
   background: 0 0 !important;
   color: rgba(255, 255, 255, .9) !important;
   font-size: 16px;
   border-radius: 0;
   -webkit-box-shadow: none !important;
   box-shadow: none !important
 }

 .appointment-form .form-control::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .9)
 }

 .appointment-form .form-control::-moz-placeholder {
   color: rgba(255, 255, 255, .9)
 }

 .appointment-form .form-control:-ms-input-placeholder {
   color: rgba(255, 255, 255, .9)
 }

 .appointment-form .form-control:-moz-placeholder {
   color: rgba(255, 255, 255, .9)
 }

 .appointment-form .form-control:active,
 .appointment-form .form-control:focus {
   border-color: #fff
 }

 .appointment-form textarea.form-control {
   height: inherit !important
 }

 .block-23 ul {
   padding: 0
 }

 .block-23 ul li,
 .block-23 ul li>a {
   display: table;
   line-height: 1.5;
   margin-bottom: 15px
 }

 .block-23 ul li span {
   color: rgba(255, 255, 255, .7)
 }

 .block-23 ul li .icon,
 .block-23 ul li .text {
   display: table-cell;
   vertical-align: top
 }

 .block-23 ul li .icon {
   width: 40px;
   font-size: 18px;
   padding-top: 2px;
   color: #fff
 }

 .contact-section .contact-form {
   width: 100%
 }

 .block-9 h2 {
   font-size: 24px;
   font-weight: 500;
   margin-bottom: 40px
 }

 .block-9 .form-control {
   outline: 0 !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   font-size: 15px
 }

 #map {
   height: 600px
 }

 .block-21 .text {
   width: calc(100% - 100px)
 }

 .block-21 .text .heading {
   font-size: 18px;
   font-weight: 400
 }

 .block-21 .text .heading a {
   color: #000
 }

 .block-21 .text .heading a:active,
 .block-21 .text .heading a:focus,
 .block-21 .text .heading a:hover {
   color: #0668a7
 }

 .block-21 .text .meta>div {
   display: inline-block;
   font-size: 12px;
   margin-right: 5px
 }

 .block-21 .text .meta>div a {
   color: gray
 }

 .search-form {
   background: #fafafa;
   padding: 10px
 }

 .search-form .form-group {
   position: relative;
   margin-bottom: 0
 }

 .search-form .form-group input {
   padding-right: 50px;
   font-size: 14px
 }

 .search-form .icon {
   position: absolute;
   top: 50%;
   right: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
 }

 #ftco-loader {
   position: fixed;
   width: 96px;
   height: 96px;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-color: rgba(255, 255, 255, .9);
   -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
   box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
   border-radius: 16px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
   -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
   transition: opacity .2s ease-out, visibility 0s linear .2s;
   z-index: 1000
 }

 #ftco-loader.fullscreen {
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   background-color: #fff;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none
 }

 #ftco-loader.show {
   -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
   -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
   transition: opacity .4s ease-out, visibility 0s linear 0s;
   visibility: visible;
   opacity: 1
 }

 #ftco-loader .circular {
   -webkit-animation: loader-rotate 2s linear infinite;
   animation: loader-rotate 2s linear infinite;
   position: absolute;
   left: calc(50% - 24px);
   top: calc(50% - 24px);
   display: block;
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0)
 }

 #ftco-loader .path {
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   -webkit-animation: loader-dash 1.5s ease-in-out infinite;
   animation: loader-dash 1.5s ease-in-out infinite;
   stroke-linecap: round
 }

 @-webkit-keyframes loader-rotate {
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 @keyframes loader-rotate {
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
   }
 }

 @-webkit-keyframes loader-dash {
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0
   }

   50% {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -35px
   }

   100% {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -136px
   }
 }

 @keyframes loader-dash {
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0
   }

   50% {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -35px
   }

   100% {
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -136px
   }
 }