@charset "UTF-8";


/*!

* Bootstrap v4.3.1 (https://getbootstrap.com/)

* Copyright 2011-2019 The Bootstrap Authors

* Copyright 2011-2019 Twitter, Inc.

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

*/

: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;

}


*,

*::before,

*::after {

   -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: rgba(0, 0, 0, 0);

}


article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {

   display: block;

}



.zoom {
   zoom: 0.9; /* all browsers */
   -moz-transform: scale(1); /* Firefox */
}

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: 3 !important;

}


body:not(.keyboardUser) *:focus {
   outline: none;
}

hr {

   -webkit-box-sizing: content-box;

   box-sizing: content-box;

   height: 0;

   overflow: visible;

}


h1,

h2,

h3,

h4,

h5,

h6 {

   margin-top: 0;

   margin-bottom: 0.5rem;

}


p {

   margin-top: 0;

   margin-bottom: 1rem;

}


abbr[title],

abbr[data-original-title] {

   text-decoration: underline;

   -webkit-text-decoration: underline dotted;

   text-decoration: underline dotted;

   cursor: help;

   border-bottom: 0;

   -webkit-text-decoration-skip-ink: none;

   text-decoration-skip-ink: none;

}


address {

   margin-bottom: 1rem;

   font-style: normal;

   line-height: inherit;

}


ol,

ul,

dl {

   margin-top: 0;

   margin-bottom: 1rem;

}


ol ol,

ul ul,

ol ul,

ul ol {

   margin-bottom: 0;

}


dt {

   font-weight: 700;

}


dd {

   margin-bottom: .5rem;

   margin-left: 0;

}


blockquote {

   margin: 0 0 1rem;

}


b,

strong {

   font-weight: bolder;

}


small {

   font-size: 80%;

}


sub,

sup {

   position: relative;

   font-size: 75%;

   line-height: 0;

   vertical-align: baseline;

}


sub {

   bottom: -.25em;

}


sup {

   top: -.5em;

}


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]):hover,

a:not([href]):not([tabindex]):focus {

   color: inherit;

   text-decoration: none;

}


a:not([href]):not([tabindex]):focus {

   outline: 2;

}


pre,

code,

kbd,

samp {

   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

   font-size: 1em;

}


pre {

   margin-top: 0;

   margin-bottom: 1rem;

   overflow: auto;

}


figure {

   margin: 0 0 1rem;

}


img {

   vertical-align: middle;

   border-style: none;

}


svg {

   overflow: hidden;

   vertical-align: middle;

}


table {

   border-collapse: collapse;

}


caption {

   padding-top: 0.75rem;

   padding-bottom: 0.75rem;

   color: #6c757d;

   text-align: left;

   caption-side: bottom;

}


th {

   text-align: inherit;

}


label {

   display: inline-block;

   margin-bottom: 0.5rem;

}


button {

   border-radius: 0;

}


button:focus {

   outline: 1px dotted;

   outline: 5px auto -webkit-focus-ring-color;

}


input,

button,

select,

optgroup,

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;

}


button,

[type="button"],

[type="reset"],

[type="submit"] {

   -webkit-appearance: button;

}


button:not(:disabled),

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled) {

   cursor: pointer;

}


button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

   padding: 0;

   border-style: none;

}


input[type="radio"],

input[type="checkbox"] {

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   padding: 0;

}


input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

   -webkit-appearance: listbox;

}


textarea {

   overflow: auto;

   resize: vertical;

}


fieldset {

   min-width: 0;

   padding: 0;

   margin: 0;

   border: 0;

}


legend {

   display: block;

   width: 100%;

   max-width: 100%;

   padding: 0;

   margin-bottom: .5rem;

   font-size: 1.5rem;

   line-height: inherit;

   color: inherit;

   white-space: normal;

}


progress {

   vertical-align: baseline;

}


[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;

}


output {

   display: inline-block;

}


summary {

   display: list-item;

   cursor: pointer;

}


template {

   display: none;

}


[hidden] {

   display: none !important;

}


h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

   margin-bottom: 0.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;

}


.lead {

   font-size: 1.25rem;

   font-weight: 300;

}


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

}


hr {

   margin-top: 1rem;

   margin-bottom: 1rem;

   border: 0;

   border-top: 1px solid rgba(0, 0, 0, 0.1);

}


small,

.small {

   font-size: 80%;

   font-weight: 400;

}


mark,

.mark {

   padding: 0.2em;

   background-color: #fcf8e3;

}


.list-unstyled {

   padding-left: 0;

   list-style: none;

}


.list-inline {

   padding-left: 0;

   list-style: none;

}


.list-inline-item {

   display: inline-block;

}


.list-inline-item:not(:last-child) {

   margin-right: 0.5rem;

}


.initialism {

   font-size: 90%;

   text-transform: uppercase;

}


.blockquote {

   margin-bottom: 1rem;

   font-size: 1.25rem;

}


.blockquote-footer {

   display: block;

   font-size: 80%;

   color: #6c757d;

}


.blockquote-footer::before {

   content: "\2014\A0";

}


.img-fluid {

   max-width: 100%;

   height: auto;

}


.blog-img-scale {

   max-width: 100%;

   height: auto;

   max-height: 435px !important;

   object-fit: cover !important;

}


.img-thumbnail {

   padding: 0.25rem;

   background-color: #fff;

   border: 1px solid #dee2e6;

   border-radius: 0.25rem;

   max-width: 100%;

   height: auto;

}


.figure {

   display: inline-block;

}


.figure-img {

   margin-bottom: 0.5rem;

   line-height: 1;

}


.figure-caption {

   font-size: 90%;

   color: #6c757d;

}


code {

   font-size: 87.5%;

   color: #e83e8c;

   word-break: break-word;

}


a>code {

   color: inherit;

}


kbd {

   padding: 0.2rem 0.4rem;

   font-size: 87.5%;

   color: #fff;

   background-color: #212529;

   border-radius: 0.2rem;

}


kbd kbd {

   padding: 0;

   font-size: 100%;

   font-weight: 700;

}


pre {

   display: block;

   font-size: 87.5%;

   color: #212529;

}


pre code {

   font-size: inherit;

   color: inherit;

   word-break: normal;

}


.pre-scrollable {

   max-height: 340px;

   overflow-y: scroll;

}


.container {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}


@media (min-width: 768px) {

   .container {

      max-width: 720px;

   }

}


@media (min-width: 992px) {

   .container {

      max-width: 960px;

   }

}


@media (min-width: 1200px) {

   .container {

      max-width: 1600px;

   }

}


.container-fluid {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}


.row {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   margin-right: -15px;

   margin-left: -15px;

   margin-bottom: 25px;

}


.no-gutters {

   margin-right: 0;

   margin-left: 0;

}


.no-gutters>.col,

.no-gutters>[class*="col-"] {

   padding-right: 0;

   padding-left: 0;

}


.col-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.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-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.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-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.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-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.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-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-auto {

   position: relative;

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

}


.col-md-12.pastEvent {

   position: relative;

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-bottom: 30px;

}



.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.33333333%;

   flex: 0 0 8.33333333%;

   max-width: 8.33333333%;

}


.col-2 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 16.66666667%;

   flex: 0 0 16.66666667%;

   max-width: 16.66666667%;

}


.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.33333333%;

   flex: 0 0 33.33333333%;

   max-width: 33.33333333%;

}


.col-5 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 41.66666667%;

   flex: 0 0 41.66666667%;

   max-width: 41.66666667%;

}


.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.33333333%;

   flex: 0 0 58.33333333%;

   max-width: 58.33333333%;

}


.col-8 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 66.66666667%;

   flex: 0 0 66.66666667%;

   max-width: 66.66666667%;

}


.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.33333333%;

   flex: 0 0 83.33333333%;

   max-width: 83.33333333%;

}


.col-11 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 91.66666667%;

   flex: 0 0 91.66666667%;

   max-width: 91.66666667%;

}


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

}


.offset-1 {

   margin-left: 8.33333333%;

}


.offset-2 {

   margin-left: 16.66666667%;

}


.offset-3 {

   margin-left: 25%;

}


.offset-4 {

   margin-left: 33.33333333%;

}


.offset-5 {

   margin-left: 41.66666667%;

}


.offset-6 {

   margin-left: 50%;

}


.offset-7 {

   margin-left: 58.33333333%;

}


.offset-8 {

   margin-left: 66.66666667%;

}


.offset-9 {

   margin-left: 75%;

}


.offset-10 {

   margin-left: 83.33333333%;

}


.offset-11 {

   margin-left: 91.66666667%;

}


@media (min-width: 576px) {

   .col-sm {

      -ms-flex-preferred-size: 0;

      flex-basis: 0;

      -webkit-box-flex: 1;

      -ms-flex-positive: 1;

      flex-grow: 1;

      max-width: 100%;

   }


   .col-sm-auto {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      width: auto;

      max-width: 100%;

   }


   .col-sm-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-sm-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .col-sm-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .col-sm-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-sm-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .col-sm-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

   }


   .col-sm-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-sm-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .col-sm-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

   }


   .col-sm-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-sm-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


   .col-sm-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

   }


   .order-sm-first {

      -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

      order: -1;

   }


   .order-sm-last {

      -webkit-box-ordinal-group: 14;

      -ms-flex-order: 13;

      order: 13;

   }


   .order-sm-0 {

      -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

      order: 0;

   }


   .order-sm-1 {

      -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

      order: 1;

   }


   .order-sm-2 {

      -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

      order: 2;

   }


   .order-sm-3 {

      -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

      order: 3;

   }


   .order-sm-4 {

      -webkit-box-ordinal-group: 5;

      -ms-flex-order: 4;

      order: 4;

   }


   .order-sm-5 {

      -webkit-box-ordinal-group: 6;

      -ms-flex-order: 5;

      order: 5;

   }


   .order-sm-6 {

      -webkit-box-ordinal-group: 7;

      -ms-flex-order: 6;

      order: 6;

   }


   .order-sm-7 {

      -webkit-box-ordinal-group: 8;

      -ms-flex-order: 7;

      order: 7;

   }


   .order-sm-8 {

      -webkit-box-ordinal-group: 9;

      -ms-flex-order: 8;

      order: 8;

   }


   .order-sm-9 {

      -webkit-box-ordinal-group: 10;

      -ms-flex-order: 9;

      order: 9;

   }


   .order-sm-10 {

      -webkit-box-ordinal-group: 11;

      -ms-flex-order: 10;

      order: 10;

   }


   .order-sm-11 {

      -webkit-box-ordinal-group: 12;

      -ms-flex-order: 11;

      order: 11;

   }


   .order-sm-12 {

      -webkit-box-ordinal-group: 13;

      -ms-flex-order: 12;

      order: 12;

   }


   .offset-sm-0 {

      margin-left: 0;

   }


   .offset-sm-1 {

      margin-left: 8.33333333%;

   }


   .offset-sm-2 {

      margin-left: 16.66666667%;

   }


   .offset-sm-3 {

      margin-left: 25%;

   }


   .offset-sm-4 {

      margin-left: 33.33333333%;

   }


   .offset-sm-5 {

      margin-left: 41.66666667%;

   }


   .offset-sm-6 {

      margin-left: 50%;

   }


   .offset-sm-7 {

      margin-left: 58.33333333%;

   }


   .offset-sm-8 {

      margin-left: 66.66666667%;

   }


   .offset-sm-9 {

      margin-left: 75%;

   }


   .offset-sm-10 {

      margin-left: 83.33333333%;

   }


   .offset-sm-11 {

      margin-left: 91.66666667%;

   }

}


@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.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-md-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .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.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-md-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .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.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .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.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-md-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


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

   }


   .offset-md-0 {

      margin-left: 0;

   }


   .offset-md-1 {

      margin-left: 8.33333333%;

   }


   .offset-md-2 {

      margin-left: 16.66666667%;

   }


   .offset-md-3 {

      margin-left: 25%;

   }


   .offset-md-4 {

      margin-left: 33.33333333%;

   }


   .offset-md-5 {

      margin-left: 41.66666667%;

   }


   .offset-md-6 {

      margin-left: 50%;

   }


   .offset-md-7 {

      margin-left: 58.33333333%;

   }


   .offset-md-8 {

      margin-left: 66.66666667%;

   }


   .offset-md-9 {

      margin-left: 75%;

   }


   .offset-md-10 {

      margin-left: 83.33333333%;

   }


   .offset-md-11 {

      margin-left: 91.66666667%;

   }

}


@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.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-lg-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .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.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-lg-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .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.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-lg-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .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.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-lg-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


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

   }


   .offset-lg-0 {

      margin-left: 0;

   }


   .offset-lg-1 {

      margin-left: 8.33333333%;

   }


   .offset-lg-2 {

      margin-left: 16.66666667%;

   }


   .offset-lg-3 {

      margin-left: 25%;

   }


   .offset-lg-4 {

      margin-left: 33.33333333%;

   }


   .offset-lg-5 {

      margin-left: 41.66666667%;

   }


   .offset-lg-6 {

      margin-left: 50%;

   }


   .offset-lg-7 {

      margin-left: 58.33333333%;

   }


   .offset-lg-8 {

      margin-left: 66.66666667%;

   }


   .offset-lg-9 {

      margin-left: 75%;

   }


   .offset-lg-10 {

      margin-left: 83.33333333%;

   }


   .offset-lg-11 {

      margin-left: 91.66666667%;

   }

}


@media (min-width: 1200px) {

   .col-xl {

      -ms-flex-preferred-size: 0;

      flex-basis: 0;

      -webkit-box-flex: 1;

      -ms-flex-positive: 1;

      flex-grow: 1;

      max-width: 100%;

   }


   .col-xl-auto {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      width: auto;

      max-width: 100%;

   }


   .col-xl-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-xl-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .col-xl-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .col-xl-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-xl-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .col-xl-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

   }


   .col-xl-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-xl-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .col-xl-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

   }


   .col-xl-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-xl-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


   .col-xl-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

   }


   .order-xl-first {

      -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

      order: -1;

   }


   .order-xl-last {

      -webkit-box-ordinal-group: 14;

      -ms-flex-order: 13;

      order: 13;

   }


   .order-xl-0 {

      -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

      order: 0;

   }


   .order-xl-1 {

      -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

      order: 1;

   }


   .order-xl-2 {

      -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

      order: 2;

   }


   .order-xl-3 {

      -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

      order: 3;

   }


   .order-xl-4 {

      -webkit-box-ordinal-group: 5;

      -ms-flex-order: 4;

      order: 4;

   }


   .order-xl-5 {

      -webkit-box-ordinal-group: 6;

      -ms-flex-order: 5;

      order: 5;

   }


   .order-xl-6 {

      -webkit-box-ordinal-group: 7;

      -ms-flex-order: 6;

      order: 6;

   }


   .order-xl-7 {

      -webkit-box-ordinal-group: 8;

      -ms-flex-order: 7;

      order: 7;

   }


   .order-xl-8 {

      -webkit-box-ordinal-group: 9;

      -ms-flex-order: 8;

      order: 8;

   }


   .order-xl-9 {

      -webkit-box-ordinal-group: 10;

      -ms-flex-order: 9;

      order: 9;

   }


   .order-xl-10 {

      -webkit-box-ordinal-group: 11;

      -ms-flex-order: 10;

      order: 10;

   }


   .order-xl-11 {

      -webkit-box-ordinal-group: 12;

      -ms-flex-order: 11;

      order: 11;

   }


   .order-xl-12 {

      -webkit-box-ordinal-group: 13;

      -ms-flex-order: 12;

      order: 12;

   }


   .offset-xl-0 {

      margin-left: 0;

   }


   .offset-xl-1 {

      margin-left: 8.33333333%;

   }


   .offset-xl-2 {

      margin-left: 16.66666667%;

   }


   .offset-xl-3 {

      margin-left: 25%;

   }


   .offset-xl-4 {

      margin-left: 33.33333333%;

   }


   .offset-xl-5 {

      margin-left: 41.66666667%;

   }


   .offset-xl-6 {

      margin-left: 50%;

   }


   .offset-xl-7 {

      margin-left: 58.33333333%;

   }


   .offset-xl-8 {

      margin-left: 66.66666667%;

   }


   .offset-xl-9 {

      margin-left: 75%;

   }


   .offset-xl-10 {

      margin-left: 83.33333333%;

   }


   .offset-xl-11 {

      margin-left: 91.66666667%;

   }

}


.table {

   width: 100%;

   margin-bottom: 1rem;

   color: #212529;

}


.table th,

.table td {

   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 th,

.table-sm td {

   padding: 0.3rem;

}


.table-bordered {

   border: 1px solid #dee2e6;

}


.table-bordered th,

.table-bordered td {

   border: 1px solid #dee2e6;

}


.table-bordered thead th,

.table-bordered thead td {

   border-bottom-width: 2px;

}


.table-borderless th,

.table-borderless td,

.table-borderless thead th,

.table-borderless tbody+tbody {

   border: 0;

}


.table-striped tbody tr:nth-of-type(odd) {

   background-color: rgba(0, 0, 0, 0.05);

}


.table-hover tbody tr:hover {

   color: #212529;

   background-color: rgba(0, 0, 0, 0.075);

}


.table-primary,

.table-primary>th,

.table-primary>td {

   background-color: #b8daff;

}


.table-primary th,

.table-primary td,

.table-primary thead th,

.table-primary tbody+tbody {

   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>th,

.table-secondary>td {

   background-color: #d6d8db;

}


.table-secondary th,

.table-secondary td,

.table-secondary thead th,

.table-secondary tbody+tbody {

   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>th,

.table-success>td {

   background-color: #c3e6cb;

}


.table-success th,

.table-success td,

.table-success thead th,

.table-success tbody+tbody {

   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>th,

.table-info>td {

   background-color: #bee5eb;

}


.table-info th,

.table-info td,

.table-info thead th,

.table-info tbody+tbody {

   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>th,

.table-warning>td {

   background-color: #ffeeba;

}


.table-warning th,

.table-warning td,

.table-warning thead th,

.table-warning tbody+tbody {

   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>th,

.table-danger>td {

   background-color: #f5c6cb;

}


.table-danger th,

.table-danger td,

.table-danger thead th,

.table-danger tbody+tbody {

   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>th,

.table-light>td {

   background-color: #fdfdfe;

}


.table-light th,

.table-light td,

.table-light thead th,

.table-light tbody+tbody {

   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>th,

.table-dark>td {

   background-color: #c6c8ca;

}


.table-dark th,

.table-dark td,

.table-dark thead th,

.table-dark tbody+tbody {

   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>th,

.table-active>td {

   background-color: rgba(0, 0, 0, 0.075);

}


.table-hover .table-active:hover {

   background-color: rgba(0, 0, 0, 0.075);

}


.table-hover .table-active:hover>td,

.table-hover .table-active:hover>th {

   background-color: rgba(0, 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 th,

.table-dark td,

.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, 0.05);

}


.table-dark.table-hover tbody tr:hover {

   color: #fff;

   background-color: rgba(255, 255, 255, 0.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;

}


.form-control {

   display: block;

   width: 100%;

   height: calc(1.5em + 0.75rem + 2px);

   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;

   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;

}


@media (prefers-reduced-motion: reduce) {

   .form-control {

      -webkit-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 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.form-control::-webkit-input-placeholder {

   color: #6c757d;

   opacity: 1;

}


.form-control::-moz-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;

}


.form-control-file,

.form-control-range {

   display: block;

   width: 100%;

}


.col-form-label {

   padding-top: calc(0.375rem + 1px);

   padding-bottom: calc(0.375rem + 1px);

   margin-bottom: 0;

   font-size: inherit;

   line-height: 1.5;

}


.col-form-label-lg {

   padding-top: calc(0.5rem + 1px);

   padding-bottom: calc(0.5rem + 1px);

   font-size: 1.25rem;

   line-height: 1.5;

}


.col-form-label-sm {

   padding-top: calc(0.25rem + 1px);

   padding-bottom: calc(0.25rem + 1px);

   font-size: 0.875rem;

   line-height: 1.5;

}


.form-control-plaintext {

   display: block;

   width: 100%;

   padding-top: 0.375rem;

   padding-bottom: 0.375rem;

   margin-bottom: 0;

   line-height: 1.5;

   color: #212529;

   background-color: transparent;

   border: solid transparent;

   border-width: 1px 0;

}


.form-control-plaintext.form-control-sm,

.form-control-plaintext.form-control-lg {

   padding-right: 0;

   padding-left: 0;

}


.form-control-sm {

   height: calc(1.5em + 0.5rem + 2px);

   padding: 0.25rem 0.5rem;

   font-size: 0.875rem;

   line-height: 1.5;

   border-radius: 0.2rem;

}


.form-control-lg {

   height: calc(1.5em + 1rem + 2px);

   padding: 0.5rem 1rem;

   font-size: 1.25rem;

   line-height: 1.5;

   border-radius: 0.3rem;

}


select.form-control[size],

select.form-control[multiple] {

   height: auto;

}


textarea.form-control {

   height: auto;

}


.form-group {

   margin-bottom: 1rem;

}


.form-text {

   display: block;

   margin-top: 0.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;

}


.form-check {

   position: relative;

   display: block;

   padding-left: 1.25rem;

}


.form-check-input {

   position: absolute;

   margin-top: 0.3rem;

   margin-left: -1.25rem;

}


.form-check-input:disabled~.form-check-label {

   color: #6c757d;

}


.form-check-label {

   margin-bottom: 0;

}


.form-check-inline {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   padding-left: 0;

   margin-right: 0.75rem;

}


.form-check-inline .form-check-input {

   position: static;

   margin-top: 0;

   margin-right: 0.3125rem;

   margin-left: 0;

}


.valid-feedback {

   display: none;

   width: 100%;

   margin-top: 0.25rem;

   font-size: 80%;

   color: #28a745;

}


.valid-tooltip {

   position: absolute;

   top: 100%;

   z-index: 5;

   display: none;

   max-width: 100%;

   padding: 0.25rem 0.5rem;

   margin-top: .1rem;

   font-size: 0.875rem;

   line-height: 1.5;

   color: #fff;

   background-color: rgba(40, 167, 69, 0.9);

   border-radius: 0.25rem;

}


.was-validated .form-control:valid,

.form-control.is-valid {

   border-color: #28a745;

   padding-right: calc(1.5em + 0.75rem);

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

   background-repeat: no-repeat;

   background-position: center right calc(0.375em + 0.1875rem);

   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}


.was-validated .form-control:valid:focus,

.form-control.is-valid:focus {

   border-color: #28a745;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}


.was-validated .form-control:valid~.valid-feedback,

.was-validated .form-control:valid~.valid-tooltip,

.form-control.is-valid~.valid-feedback,

.form-control.is-valid~.valid-tooltip {

   display: block;

}


.was-validated textarea.form-control:valid,

textarea.form-control.is-valid {

   padding-right: calc(1.5em + 0.75rem);

   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}


.was-validated .custom-select:valid,

.custom-select.is-valid {

   border-color: #28a745;

   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}


.was-validated .custom-select:valid:focus,

.custom-select.is-valid:focus {

   border-color: #28a745;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}


.was-validated .custom-select:valid~.valid-feedback,

.was-validated .custom-select:valid~.valid-tooltip,

.custom-select.is-valid~.valid-feedback,

.custom-select.is-valid~.valid-tooltip {

   display: block;

}


.was-validated .form-control-file:valid~.valid-feedback,

.was-validated .form-control-file:valid~.valid-tooltip,

.form-control-file.is-valid~.valid-feedback,

.form-control-file.is-valid~.valid-tooltip {

   display: block;

}


.was-validated .form-check-input:valid~.form-check-label,

.form-check-input.is-valid~.form-check-label {

   color: #28a745;

}


.was-validated .form-check-input:valid~.valid-feedback,

.was-validated .form-check-input:valid~.valid-tooltip,

.form-check-input.is-valid~.valid-feedback,

.form-check-input.is-valid~.valid-tooltip {

   display: block;

}


.was-validated .custom-control-input:valid~.custom-control-label,

.custom-control-input.is-valid~.custom-control-label {

   color: #28a745;

}


.was-validated .custom-control-input:valid~.custom-control-label::before,

.custom-control-input.is-valid~.custom-control-label::before {

   border-color: #28a745;

}


.was-validated .custom-control-input:valid~.valid-feedback,

.was-validated .custom-control-input:valid~.valid-tooltip,

.custom-control-input.is-valid~.valid-feedback,

.custom-control-input.is-valid~.valid-tooltip {

   display: block;

}


.was-validated .custom-control-input:valid:checked~.custom-control-label::before,

.custom-control-input.is-valid:checked~.custom-control-label::before {

   border-color: #34ce57;

   background-color: #34ce57;

}


.was-validated .custom-control-input:valid:focus~.custom-control-label::before,

.custom-control-input.is-valid:focus~.custom-control-label::before {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}


.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {

   border-color: #28a745;

}


.was-validated .custom-file-input:valid~.custom-file-label,

.custom-file-input.is-valid~.custom-file-label {

   border-color: #28a745;

}


.was-validated .custom-file-input:valid~.valid-feedback,

.was-validated .custom-file-input:valid~.valid-tooltip,

.custom-file-input.is-valid~.valid-feedback,

.custom-file-input.is-valid~.valid-tooltip {

   display: block;

}


.was-validated .custom-file-input:valid:focus~.custom-file-label,

.custom-file-input.is-valid:focus~.custom-file-label {

   border-color: #28a745;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);

}


.invalid-feedback {

   display: none;

   width: 100%;

   margin-top: 0.25rem;

   font-size: 80%;

   color: #dc3545;

}


.invalid-tooltip {

   position: absolute;

   top: 100%;

   z-index: 5;

   display: none;

   max-width: 100%;

   padding: 0.25rem 0.5rem;

   margin-top: .1rem;

   font-size: 0.875rem;

   line-height: 1.5;

   color: #fff;

   background-color: rgba(220, 53, 69, 0.9);

   border-radius: 0.25rem;

}


.was-validated .form-control:invalid,

.form-control.is-invalid {

   border-color: #dc3545;

   padding-right: calc(1.5em + 0.75rem);

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");

   background-repeat: no-repeat;

   background-position: center right calc(0.375em + 0.1875rem);

   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}


.was-validated .form-control:invalid:focus,

.form-control.is-invalid:focus {

   border-color: #dc3545;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}


.was-validated .form-control:invalid~.invalid-feedback,

.was-validated .form-control:invalid~.invalid-tooltip,

.form-control.is-invalid~.invalid-feedback,

.form-control.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated textarea.form-control:invalid,

textarea.form-control.is-invalid {

   padding-right: calc(1.5em + 0.75rem);

   background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);

}


.was-validated .custom-select:invalid,

.custom-select.is-invalid {

   border-color: #dc3545;

   padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);

   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}


.was-validated .custom-select:invalid:focus,

.custom-select.is-invalid:focus {

   border-color: #dc3545;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}


.was-validated .custom-select:invalid~.invalid-feedback,

.was-validated .custom-select:invalid~.invalid-tooltip,

.custom-select.is-invalid~.invalid-feedback,

.custom-select.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated .form-control-file:invalid~.invalid-feedback,

.was-validated .form-control-file:invalid~.invalid-tooltip,

.form-control-file.is-invalid~.invalid-feedback,

.form-control-file.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated .form-check-input:invalid~.form-check-label,

.form-check-input.is-invalid~.form-check-label {

   color: #dc3545;

}


.was-validated .form-check-input:invalid~.invalid-feedback,

.was-validated .form-check-input:invalid~.invalid-tooltip,

.form-check-input.is-invalid~.invalid-feedback,

.form-check-input.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated .custom-control-input:invalid~.custom-control-label,

.custom-control-input.is-invalid~.custom-control-label {

   color: #dc3545;

}


.was-validated .custom-control-input:invalid~.custom-control-label::before,

.custom-control-input.is-invalid~.custom-control-label::before {

   border-color: #dc3545;

}


.was-validated .custom-control-input:invalid~.invalid-feedback,

.was-validated .custom-control-input:invalid~.invalid-tooltip,

.custom-control-input.is-invalid~.invalid-feedback,

.custom-control-input.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,

.custom-control-input.is-invalid:checked~.custom-control-label::before {

   border-color: #e4606d;

   background-color: #e4606d;

}


.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,

.custom-control-input.is-invalid:focus~.custom-control-label::before {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}


.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {

   border-color: #dc3545;

}


.was-validated .custom-file-input:invalid~.custom-file-label,

.custom-file-input.is-invalid~.custom-file-label {

   border-color: #dc3545;

}


.was-validated .custom-file-input:invalid~.invalid-feedback,

.was-validated .custom-file-input:invalid~.invalid-tooltip,

.custom-file-input.is-invalid~.invalid-feedback,

.custom-file-input.is-invalid~.invalid-tooltip {

   display: block;

}


.was-validated .custom-file-input:invalid:focus~.custom-file-label,

.custom-file-input.is-invalid:focus~.custom-file-label {

   border-color: #dc3545;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);

}


.form-inline {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

   -ms-flex-flow: row wrap;

   flex-flow: row wrap;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.form-inline .form-check {

   width: 100%;

}


@media (min-width: 576px) {

   .form-inline label {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-bottom: 0;

   }


   .form-inline .form-group {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

      flex-flow: row wrap;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      margin-bottom: 0;

   }


   .form-inline .form-control {

      display: inline-block;

      width: auto;

      vertical-align: middle;

   }


   .form-inline .form-control-plaintext {

      display: inline-block;

   }


   .form-inline .input-group,

   .form-inline .custom-select {

      width: auto;

   }


   .form-inline .form-check {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      width: auto;

      padding-left: 0;

   }


   .form-inline .form-check-input {

      position: relative;

      -ms-flex-negative: 0;

      flex-shrink: 0;

      margin-top: 0;

      margin-right: 0.25rem;

      margin-left: 0;

   }


   .form-inline .custom-control {

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

   }


   .form-inline .custom-control-label {

      margin-bottom: 0;

   }

}


.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: 0.375rem 0.75rem;

   font-size: 1rem;

   line-height: 1.5;

   border-radius: 0.25rem;

   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   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;

   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, -webkit-box-shadow 0.15s ease-in-out;

}


@media (prefers-reduced-motion: reduce) {

   .btn {

      -webkit-transition: none;

      transition: none;

   }

}


.btn:hover {

   color: #212529;

   text-decoration: none;

}


.btn:focus,

.btn.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.btn.disabled,

.btn:disabled {

   opacity: 0.65;

}


a.btn.disabled,

fieldset:disabled a.btn {

   pointer-events: none;

}


.btn-primary {

   color: #fff;

   background-color: #007bff;

   border-color: #007bff;

}


.btn-primary:hover {

   color: #fff;

   background-color: #0069d9;

   border-color: #0062cc;

}


.btn-primary:focus,

.btn-primary.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}


.btn-primary.disabled,

.btn-primary:disabled {

   color: #fff;

   background-color: #007bff;

   border-color: #007bff;

}


.btn-primary:not(:disabled):not(.disabled):active,

.btn-primary:not(:disabled):not(.disabled).active,

.show>.btn-primary.dropdown-toggle {

   color: #fff;

   background-color: #0062cc;

   border-color: #005cbf;

}


.btn-primary:not(:disabled):not(.disabled):active:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.show>.btn-primary.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);

}


.btn-secondary {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d;

}


.btn-secondary:hover {

   color: #fff;

   background-color: #5a6268;

   border-color: #545b62;

}


.btn-secondary:focus,

.btn-secondary.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

}


.btn-secondary.disabled,

.btn-secondary:disabled {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d;

}


.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show>.btn-secondary.dropdown-toggle {

   color: #fff;

   background-color: #545b62;

   border-color: #4e555b;

}


.btn-secondary:not(:disabled):not(.disabled):active:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);

}


.btn-success {

   color: #fff;

   background-color: #28a745;

   border-color: #28a745;

}


.btn-success:hover {

   color: #fff;

   background-color: #218838;

   border-color: #1e7e34;

}


.btn-success:focus,

.btn-success.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

}


.btn-success.disabled,

.btn-success:disabled {

   color: #fff;

   background-color: #28a745;

   border-color: #28a745;

}


.btn-success:not(:disabled):not(.disabled):active,

.btn-success:not(:disabled):not(.disabled).active,

.show>.btn-success.dropdown-toggle {

   color: #fff;

   background-color: #1e7e34;

   border-color: #1c7430;

}


.btn-success:not(:disabled):not(.disabled):active:focus,

.btn-success:not(:disabled):not(.disabled).active:focus,

.show>.btn-success.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);

}


.btn-info {

   color: #fff;

   background-color: #17a2b8;

   border-color: #17a2b8;

}


.btn-info:hover {

   color: #fff;

   background-color: #138496;

   border-color: #117a8b;

}


.btn-info:focus,

.btn-info.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

}


.btn-info.disabled,

.btn-info:disabled {

   color: #fff;

   background-color: #17a2b8;

   border-color: #17a2b8;

}


.btn-info:not(:disabled):not(.disabled):active,

.btn-info:not(:disabled):not(.disabled).active,

.show>.btn-info.dropdown-toggle {

   color: #fff;

   background-color: #117a8b;

   border-color: #10707f;

}


.btn-info:not(:disabled):not(.disabled):active:focus,

.btn-info:not(:disabled):not(.disabled).active:focus,

.show>.btn-info.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);

}


.btn-warning {

   color: #212529;

   background-color: #ffc107;

   border-color: #ffc107;

}


.btn-warning:hover {

   color: #212529;

   background-color: #e0a800;

   border-color: #d39e00;

}


.btn-warning:focus,

.btn-warning.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

}


.btn-warning.disabled,

.btn-warning:disabled {

   color: #212529;

   background-color: #ffc107;

   border-color: #ffc107;

}


.btn-warning:not(:disabled):not(.disabled):active,

.btn-warning:not(:disabled):not(.disabled).active,

.show>.btn-warning.dropdown-toggle {

   color: #212529;

   background-color: #d39e00;

   border-color: #c69500;

}


.btn-warning:not(:disabled):not(.disabled):active:focus,

.btn-warning:not(:disabled):not(.disabled).active:focus,

.show>.btn-warning.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);

}


.btn-danger {

   color: #fff;

   background-color: #dc3545;

   border-color: #dc3545;

}


.btn-danger:hover {

   color: #fff;

   background-color: #c82333;

   border-color: #bd2130;

}


.btn-danger:focus,

.btn-danger.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

}


.btn-danger.disabled,

.btn-danger:disabled {

   color: #fff;

   background-color: #dc3545;

   border-color: #dc3545;

}


.btn-danger:not(:disabled):not(.disabled):active,

.btn-danger:not(:disabled):not(.disabled).active,

.show>.btn-danger.dropdown-toggle {

   color: #fff;

   background-color: #bd2130;

   border-color: #b21f2d;

}


.btn-danger:not(:disabled):not(.disabled):active:focus,

.btn-danger:not(:disabled):not(.disabled).active:focus,

.show>.btn-danger.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);

}


.btn-light {

   color: #212529;

   background-color: #f8f9fa;

   border-color: #f8f9fa;

}


.btn-light:hover {

   color: #212529;

   background-color: #e2e6ea;

   border-color: #dae0e5;

}


.btn-light:focus,

.btn-light.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

}


.btn-light.disabled,

.btn-light:disabled {

   color: #212529;

   background-color: #f8f9fa;

   border-color: #f8f9fa;

}


.btn-light:not(:disabled):not(.disabled):active,

.btn-light:not(:disabled):not(.disabled).active,

.show>.btn-light.dropdown-toggle {

   color: #212529;

   background-color: #dae0e5;

   border-color: #d3d9df;

}


.btn-light:not(:disabled):not(.disabled):active:focus,

.btn-light:not(:disabled):not(.disabled).active:focus,

.show>.btn-light.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);

}


.btn-dark {

   color: #fff;

   background-color: #343a40;

   border-color: #343a40;

}


.btn-dark:hover {

   color: #fff;

   background-color: #23272b;

   border-color: #1d2124;

}


.btn-dark:focus,

.btn-dark.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

}


.btn-dark.disabled,

.btn-dark:disabled {

   color: #fff;

   background-color: #343a40;

   border-color: #343a40;

}


.btn-dark:not(:disabled):not(.disabled):active,

.btn-dark:not(:disabled):not(.disabled).active,

.show>.btn-dark.dropdown-toggle {

   color: #fff;

   background-color: #1d2124;

   border-color: #171a1d;

}


.btn-dark:not(:disabled):not(.disabled):active:focus,

.btn-dark:not(:disabled):not(.disabled).active:focus,

.show>.btn-dark.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);

}


.btn-outline-primary {

   color: #007bff;

   border-color: #007bff;

}


.btn-outline-primary:hover {

   color: #fff;

   background-color: #007bff;

   border-color: #007bff;

}


.btn-outline-primary:focus,

.btn-outline-primary.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}


.btn-outline-primary.disabled,

.btn-outline-primary:disabled {

   color: #007bff;

   background-color: transparent;

}


.btn-outline-primary:not(:disabled):not(.disabled):active,

.btn-outline-primary:not(:disabled):not(.disabled).active,

.show>.btn-outline-primary.dropdown-toggle {

   color: #fff;

   background-color: #007bff;

   border-color: #007bff;

}


.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-primary.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}


.btn-outline-secondary {

   color: #6c757d;

   border-color: #6c757d;

}


.btn-outline-secondary:hover {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d;

}


.btn-outline-secondary:focus,

.btn-outline-secondary.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}


.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

   color: #6c757d;

   background-color: transparent;

}


.btn-outline-secondary:not(:disabled):not(.disabled):active,

.btn-outline-secondary:not(:disabled):not(.disabled).active,

.show>.btn-outline-secondary.dropdown-toggle {

   color: #fff;

   background-color: #6c757d;

   border-color: #6c757d;

}


.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-secondary.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}


.btn-outline-success {

   color: #28a745;

   border-color: #28a745;

}


.btn-outline-success:hover {

   color: #fff;

   background-color: #28a745;

   border-color: #28a745;

}


.btn-outline-success:focus,

.btn-outline-success.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}


.btn-outline-success.disabled,

.btn-outline-success:disabled {

   color: #28a745;

   background-color: transparent;

}


.btn-outline-success:not(:disabled):not(.disabled):active,

.btn-outline-success:not(:disabled):not(.disabled).active,

.show>.btn-outline-success.dropdown-toggle {

   color: #fff;

   background-color: #28a745;

   border-color: #28a745;

}


.btn-outline-success:not(:disabled):not(.disabled):active:focus,

.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-success.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}


.btn-outline-info {

   color: #17a2b8;

   border-color: #17a2b8;

}


.btn-outline-info:hover {

   color: #fff;

   background-color: #17a2b8;

   border-color: #17a2b8;

}


.btn-outline-info:focus,

.btn-outline-info.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}


.btn-outline-info.disabled,

.btn-outline-info:disabled {

   color: #17a2b8;

   background-color: transparent;

}


.btn-outline-info:not(:disabled):not(.disabled):active,

.btn-outline-info:not(:disabled):not(.disabled).active,

.show>.btn-outline-info.dropdown-toggle {

   color: #fff;

   background-color: #17a2b8;

   border-color: #17a2b8;

}


.btn-outline-info:not(:disabled):not(.disabled):active:focus,

.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-info.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}


.btn-outline-warning {

   color: #ffc107;

   border-color: #ffc107;

}


.btn-outline-warning:hover {

   color: #212529;

   background-color: #ffc107;

   border-color: #ffc107;

}


.btn-outline-warning:focus,

.btn-outline-warning.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}


.btn-outline-warning.disabled,

.btn-outline-warning:disabled {

   color: #ffc107;

   background-color: transparent;

}


.btn-outline-warning:not(:disabled):not(.disabled):active,

.btn-outline-warning:not(:disabled):not(.disabled).active,

.show>.btn-outline-warning.dropdown-toggle {

   color: #212529;

   background-color: #ffc107;

   border-color: #ffc107;

}


.btn-outline-warning:not(:disabled):not(.disabled):active:focus,

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-warning.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}


.btn-outline-danger {

   color: #dc3545;

   border-color: #dc3545;

}


.btn-outline-danger:hover {

   color: #fff;

   background-color: #dc3545;

   border-color: #dc3545;

}


.btn-outline-danger:focus,

.btn-outline-danger.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}


.btn-outline-danger.disabled,

.btn-outline-danger:disabled {

   color: #dc3545;

   background-color: transparent;

}


.btn-outline-danger:not(:disabled):not(.disabled):active,

.btn-outline-danger:not(:disabled):not(.disabled).active,

.show>.btn-outline-danger.dropdown-toggle {

   color: #fff;

   background-color: #dc3545;

   border-color: #dc3545;

}


.btn-outline-danger:not(:disabled):not(.disabled):active:focus,

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-danger.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}


.btn-outline-light {

   color: #f8f9fa;

   border-color: #f8f9fa;

}


.btn-outline-light:hover {

   color: #212529;

   background-color: #f8f9fa;

   border-color: #f8f9fa;

}


.btn-outline-light:focus,

.btn-outline-light.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}


.btn-outline-light.disabled,

.btn-outline-light:disabled {

   color: #f8f9fa;

   background-color: transparent;

}


.btn-outline-light:not(:disabled):not(.disabled):active,

.btn-outline-light:not(:disabled):not(.disabled).active,

.show>.btn-outline-light.dropdown-toggle {

   color: #212529;

   background-color: #f8f9fa;

   border-color: #f8f9fa;

}


.btn-outline-light:not(:disabled):not(.disabled):active:focus,

.btn-outline-light:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-light.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}


.btn-outline-dark {

   color: #343a40;

   border-color: #343a40;

}


.btn-outline-dark:hover {

   color: #fff;

   background-color: #343a40;

   border-color: #343a40;

}


.btn-outline-dark:focus,

.btn-outline-dark.focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}


.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

   color: #343a40;

   background-color: transparent;

}


.btn-outline-dark:not(:disabled):not(.disabled):active,

.btn-outline-dark:not(:disabled):not(.disabled).active,

.show>.btn-outline-dark.dropdown-toggle {

   color: #fff;

   background-color: #343a40;

   border-color: #343a40;

}


.btn-outline-dark:not(:disabled):not(.disabled):active:focus,

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,

.show>.btn-outline-dark.dropdown-toggle:focus {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}


.btn-link {

   font-weight: 400;

   color: #007bff;

   text-decoration: none;

}


.btn-link:hover {

   color: #0056b3;

   text-decoration: underline;

}


.btn-link:focus,

.btn-link.focus {

   text-decoration: underline;

   -webkit-box-shadow: none;

   box-shadow: none;

}


.btn-link:disabled,

.btn-link.disabled {

   color: #6c757d;

   pointer-events: none;

}


.btn-lg,

.btn-group-lg>.btn {

   padding: 0.5rem 1rem;

   font-size: 1.25rem;

   line-height: 1.5;

   border-radius: 0.3rem;

}


.btn-sm,

.btn-group-sm>.btn {

   padding: 0.25rem 0.5rem;

   font-size: 0.875rem;

   line-height: 1.5;

   border-radius: 0.2rem;

}


.btn-block {

   display: block;

   width: 100%;

}


.btn-block+.btn-block {

   margin-top: 0.5rem;

}


input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

   width: 100%;

}


.fade {

   -webkit-transition: opacity 0.15s linear;

   transition: opacity 0.15s linear;

}


@media (prefers-reduced-motion: reduce) {

   .fade {

      -webkit-transition: none;

      transition: none;

   }

}


.fade:not(.show) {

   opacity: 0;

}


.collapse:not(.show) {

   display: none;

}


.collapsing {

   position: relative;

   height: 0;

   overflow: hidden;

   -webkit-transition: height 0.35s ease;

   transition: height 0.35s ease;

}


@media (prefers-reduced-motion: reduce) {

   .collapsing {

      -webkit-transition: none;

      transition: none;

   }

}


.dropup,

.dropright,

.dropdown,

.dropleft {

   position: relative;

}


.dropdown-toggle {

   white-space: nowrap;

}


.dropdown-toggle::after {

   display: inline-block;

   margin-left: 0.255em;

   vertical-align: 0.255em;

   content: "";

   border-top: 0.3em solid;

   border-right: 0.3em solid transparent;

   border-bottom: 0;

   border-left: 0.3em solid transparent;

}


.dropdown-toggle:empty::after {

   margin-left: 0;

}


.dropdown-menu {

   position: absolute;

   top: 100%;

   left: 0;

   z-index: 1000;

   display: none;

   float: left;

   min-width: 10rem;

   padding: 0.5rem 0;

   margin: 0.125rem 0 0;

   font-size: 1rem;

   color: #212529;

   text-align: left;

   list-style: none;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, 0.15);

   border-radius: 0.25rem;

}


.dropdown-menu-left {

   right: auto;

   left: 0;

}


.dropdown-menu-right {

   right: 0;

   left: auto;

}


@media (min-width: 576px) {

   .dropdown-menu-sm-left {

      right: auto;

      left: 0;

   }


   .dropdown-menu-sm-right {

      right: 0;

      left: auto;

   }

}


@media (min-width: 768px) {

   .dropdown-menu-md-left {

      right: auto;

      left: 0;

   }


   .dropdown-menu-md-right {

      right: 0;

      left: auto;

   }

}


@media (min-width: 992px) {

   .dropdown-menu-lg-left {

      right: auto;

      left: 0;

   }


   .dropdown-menu-lg-right {

      right: 0;

      left: auto;

   }

}


@media (min-width: 1200px) {

   .dropdown-menu-xl-left {

      right: auto;

      left: 0;

   }


   .dropdown-menu-xl-right {

      right: 0;

      left: auto;

   }

}


.dropup .dropdown-menu {

   top: auto;

   bottom: 100%;

   margin-top: 0;

   margin-bottom: 0.125rem;

}


.dropup .dropdown-toggle::after {

   display: inline-block;

   margin-left: 0.255em;

   vertical-align: 0.255em;

   content: "";

   border-top: 0;

   border-right: 0.3em solid transparent;

   border-bottom: 0.3em solid;

   border-left: 0.3em solid transparent;

}


.dropup .dropdown-toggle:empty::after {

   margin-left: 0;

}


.dropright .dropdown-menu {

   top: 0;

   right: auto;

   left: 100%;

   margin-top: 0;

   margin-left: 0.125rem;

}


.dropright .dropdown-toggle::after {

   display: inline-block;

   margin-left: 0.255em;

   vertical-align: 0.255em;

   content: "";

   border-top: 0.3em solid transparent;

   border-right: 0;

   border-bottom: 0.3em solid transparent;

   border-left: 0.3em solid;

}


.dropright .dropdown-toggle:empty::after {

   margin-left: 0;

}


.dropright .dropdown-toggle::after {

   vertical-align: 0;

}


.dropleft .dropdown-menu {

   top: 0;

   right: 100%;

   left: auto;

   margin-top: 0;

   margin-right: 0.125rem;

}


.dropleft .dropdown-toggle::after {

   display: inline-block;

   margin-left: 0.255em;

   vertical-align: 0.255em;

   content: "";

}


.dropleft .dropdown-toggle::after {

   display: none;

}


.dropleft .dropdown-toggle::before {

   display: inline-block;

   margin-right: 0.255em;

   vertical-align: 0.255em;

   content: "";

   border-top: 0.3em solid transparent;

   border-right: 0.3em solid;

   border-bottom: 0.3em solid transparent;

}


.dropleft .dropdown-toggle:empty::after {

   margin-left: 0;

}


.dropleft .dropdown-toggle::before {

   vertical-align: 0;

}


.dropdown-menu[x-placement^="top"],

.dropdown-menu[x-placement^="right"],

.dropdown-menu[x-placement^="bottom"],

.dropdown-menu[x-placement^="left"] {

   right: auto;

   bottom: auto;

}


.dropdown-divider {

   height: 0;

   margin: 0.5rem 0;

   overflow: hidden;

   border-top: 1px solid #e9ecef;

}


.dropdown-item {

   display: block;

   width: 100%;

   padding: 0.25rem 1.5rem;

   clear: both;

   font-weight: 400;

   color: #212529;

   text-align: inherit;

   white-space: nowrap;

   background-color: transparent;

   border: 0;

}


.dropdown-item:hover,

.dropdown-item:focus {

   color: #16181b;

   text-decoration: none;

   background-color: #f8f9fa;

}


.dropdown-item.active,

.dropdown-item:active {

   color: #fff;

   text-decoration: none;

   background-color: #007bff;

}


.dropdown-item.disabled,

.dropdown-item:disabled {

   color: #6c757d;

   pointer-events: none;

   background-color: transparent;

}


.dropdown-menu.show {

   display: block;

}


.dropdown-header {

   display: block;

   padding: 0.5rem 1.5rem;

   margin-bottom: 0;

   font-size: 0.875rem;

   color: #6c757d;

   white-space: nowrap;

}


.dropdown-item-text {

   display: block;

   padding: 0.25rem 1.5rem;

   color: #212529;

}


.btn-group,

.btn-group-vertical {

   position: relative;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   vertical-align: middle;

}


.btn-group>.btn,

.btn-group-vertical>.btn {

   position: relative;

   -webkit-box-flex: 1;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

}


.btn-group>.btn:hover,

.btn-group-vertical>.btn:hover {

   z-index: 1;

}


.btn-group>.btn:focus,

.btn-group>.btn:active,

.btn-group>.btn.active,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn.active {

   z-index: 1;

}


.btn-toolbar {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   -webkit-box-pack: start;

   -ms-flex-pack: start;

   justify-content: flex-start;

}


.btn-toolbar .input-group {

   width: auto;

}


.btn-group>.btn:not(:first-child),

.btn-group>.btn-group:not(:first-child) {

   margin-left: -1px;

}


.btn-group>.btn:not(:last-child):not(.dropdown-toggle),

.btn-group>.btn-group:not(:last-child)>.btn {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0;

}


.btn-group>.btn:not(:first-child),

.btn-group>.btn-group:not(:first-child)>.btn {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0;

}


.dropdown-toggle-split {

   padding-right: 0.5625rem;

   padding-left: 0.5625rem;

}


.dropdown-toggle-split::after,

.dropup .dropdown-toggle-split::after,

.dropright .dropdown-toggle-split::after {

   margin-left: 0;

}


.dropleft .dropdown-toggle-split::before {

   margin-right: 0;

}


.btn-sm+.dropdown-toggle-split,

.btn-group-sm>.btn+.dropdown-toggle-split {

   padding-right: 0.375rem;

   padding-left: 0.375rem;

}


.btn-lg+.dropdown-toggle-split,

.btn-group-lg>.btn+.dropdown-toggle-split {

   padding-right: 0.75rem;

   padding-left: 0.75rem;

}


.btn-group-vertical {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-align: start;

   -ms-flex-align: start;

   align-items: flex-start;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}


.btn-group-vertical>.btn,

.btn-group-vertical>.btn-group {

   width: 100%;

}


.btn-group-vertical>.btn:not(:first-child),

.btn-group-vertical>.btn-group:not(:first-child) {

   margin-top: -1px;

}


.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),

.btn-group-vertical>.btn-group:not(:last-child)>.btn {

   border-bottom-right-radius: 0;

   border-bottom-left-radius: 0;

}


.btn-group-vertical>.btn:not(:first-child),

.btn-group-vertical>.btn-group:not(:first-child)>.btn {

   border-top-left-radius: 0;

   border-top-right-radius: 0;

}


.btn-group-toggle>.btn,

.btn-group-toggle>.btn-group>.btn {

   margin-bottom: 0;

}


.btn-group-toggle>.btn input[type="radio"],

.btn-group-toggle>.btn input[type="checkbox"],

.btn-group-toggle>.btn-group>.btn input[type="radio"],

.btn-group-toggle>.btn-group>.btn input[type="checkbox"] {

   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,

.input-group>.form-control-plaintext,

.input-group>.custom-select,

.input-group>.custom-file {

   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,

.input-group>.form-control+.custom-select,

.input-group>.form-control+.custom-file,

.input-group>.form-control-plaintext+.form-control,

.input-group>.form-control-plaintext+.custom-select,

.input-group>.form-control-plaintext+.custom-file,

.input-group>.custom-select+.form-control,

.input-group>.custom-select+.custom-select,

.input-group>.custom-select+.custom-file,

.input-group>.custom-file+.form-control,

.input-group>.custom-file+.custom-select,

.input-group>.custom-file+.custom-file {

   margin-left: -1px;

}


.input-group>.form-control:focus,

.input-group>.custom-select:focus,

.input-group>.custom-file .custom-file-input:focus~.custom-file-label {

   z-index: 3;

}


.input-group>.custom-file .custom-file-input:focus {

   z-index: 4;

}


.input-group>.form-control:not(:last-child),

.input-group>.custom-select:not(:last-child) {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0;

}


.input-group>.form-control:not(:first-child),

.input-group>.custom-select:not(:first-child) {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0;

}


.input-group>.custom-file {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.input-group>.custom-file:not(:last-child) .custom-file-label,

.input-group>.custom-file:not(:last-child) .custom-file-label::after {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0;

}


.input-group>.custom-file:not(:first-child) .custom-file-label {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0;

}


.input-group-prepend,

.input-group-append {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.input-group-prepend .btn,

.input-group-append .btn {

   position: relative;

   z-index: 2;

}


.input-group-prepend .btn:focus,

.input-group-append .btn:focus {

   z-index: 3;

}


.input-group-prepend .btn+.btn,

.input-group-prepend .btn+.input-group-text,

.input-group-prepend .input-group-text+.input-group-text,

.input-group-prepend .input-group-text+.btn,

.input-group-append .btn+.btn,

.input-group-append .btn+.input-group-text,

.input-group-append .input-group-text+.input-group-text,

.input-group-append .input-group-text+.btn {

   margin-left: -1px;

}


.input-group-prepend {

   margin-right: -1px;

}


.input-group-append {

   margin-left: -1px;

}


.input-group-text {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   padding: 0.375rem 0.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: 0.25rem;

}


.input-group-text input[type="radio"],

.input-group-text input[type="checkbox"] {

   margin-top: 0;

}


.input-group-lg>.form-control:not(textarea),

.input-group-lg>.custom-select {

   height: calc(1.5em + 1rem + 2px);

}


.input-group-lg>.form-control,

.input-group-lg>.custom-select,

.input-group-lg>.input-group-prepend>.input-group-text,

.input-group-lg>.input-group-append>.input-group-text,

.input-group-lg>.input-group-prepend>.btn,

.input-group-lg>.input-group-append>.btn {

   padding: 0.5rem 1rem;

   font-size: 1.25rem;

   line-height: 1.5;

   border-radius: 0.3rem;

}


.input-group-sm>.form-control:not(textarea),

.input-group-sm>.custom-select {

   height: calc(1.5em + 0.5rem + 2px);

}


.input-group-sm>.form-control,

.input-group-sm>.custom-select,

.input-group-sm>.input-group-prepend>.input-group-text,

.input-group-sm>.input-group-append>.input-group-text,

.input-group-sm>.input-group-prepend>.btn,

.input-group-sm>.input-group-append>.btn {

   padding: 0.25rem 0.5rem;

   font-size: 0.875rem;

   line-height: 1.5;

   border-radius: 0.2rem;

}


.input-group-lg>.custom-select,

.input-group-sm>.custom-select {

   padding-right: 1.75rem;

}


.input-group>.input-group-prepend>.btn,

.input-group>.input-group-prepend>.input-group-text,

.input-group>.input-group-append:not(:last-child)>.btn,

.input-group>.input-group-append:not(:last-child)>.input-group-text,

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),

.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {

   border-top-right-radius: 0;

   border-bottom-right-radius: 0;

}


.input-group>.input-group-append>.btn,

.input-group>.input-group-append>.input-group-text,

.input-group>.input-group-prepend:not(:first-child)>.btn,

.input-group>.input-group-prepend:not(:first-child)>.input-group-text,

.input-group>.input-group-prepend:first-child>.btn:not(:first-child),

.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {

   border-top-left-radius: 0;

   border-bottom-left-radius: 0;

}


.custom-control {

   position: relative;

   display: block;

   min-height: 1.5rem;

   padding-left: 1.5rem;

}


.custom-control-inline {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   margin-right: 1rem;

}


.custom-control-input {

   position: absolute;

   z-index: -1;

   opacity: 0;

}


.custom-control-input:checked~.custom-control-label::before {

   color: #fff;

   border-color: #007bff;

   background-color: #007bff;

}


.custom-control-input:focus~.custom-control-label::before {

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-control-input:focus:not(:checked)~.custom-control-label::before {

   border-color: #80bdff;

}


.custom-control-input:not(:disabled):active~.custom-control-label::before {

   color: #fff;

   background-color: #b3d7ff;

   border-color: #b3d7ff;

}


.custom-control-input:disabled~.custom-control-label {

   color: #6c757d;

}


.custom-control-input:disabled~.custom-control-label::before {

   background-color: #e9ecef;

}


.custom-control-label {

   position: relative;

   margin-bottom: 0;

   vertical-align: top;

}


.custom-control-label::before {

   position: absolute;

   top: 0.25rem;

   left: -1.5rem;

   display: block;

   width: 1rem;

   height: 1rem;

   pointer-events: none;

   content: "";

   background-color: #fff;

   border: #adb5bd solid 1px;

}


.custom-control-label::after {

   position: absolute;

   top: 0.25rem;

   left: -1.5rem;

   display: block;

   width: 1rem;

   height: 1rem;

   content: "";

   background: no-repeat 50% / 50% 50%;

}


.custom-checkbox .custom-control-label::before {

   border-radius: 0.25rem;

}


.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");

}


.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {

   border-color: #007bff;

   background-color: #007bff;

}


.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");

}


.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {

   background-color: rgba(0, 123, 255, 0.5);

}


.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {

   background-color: rgba(0, 123, 255, 0.5);

}


.custom-radio .custom-control-label::before {

   border-radius: 50%;

}


.custom-radio .custom-control-input:checked~.custom-control-label::after {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}


.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {

   background-color: rgba(0, 123, 255, 0.5);

}


.custom-switch {

   padding-left: 2.25rem;

}


.custom-switch .custom-control-label::before {

   left: -2.25rem;

   width: 1.75rem;

   pointer-events: all;

   border-radius: 0.5rem;

}


.custom-switch .custom-control-label::after {

   top: calc(0.25rem + 2px);

   left: calc(-2.25rem + 2px);

   width: calc(1rem - 4px);

   height: calc(1rem - 4px);

   background-color: #adb5bd;

   border-radius: 0.5rem;

   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: transform 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;

   transition: transform 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, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}


@media (prefers-reduced-motion: reduce) {

   .custom-switch .custom-control-label::after {

      -webkit-transition: none;

      transition: none;

   }

}


.custom-switch .custom-control-input:checked~.custom-control-label::after {

   background-color: #fff;

   -webkit-transform: translateX(0.75rem);

   transform: translateX(0.75rem);

}


.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {

   background-color: rgba(0, 123, 255, 0.5);

}


.custom-select {

   display: inline-block;

   width: 100%;

   height: calc(1.5em + 0.75rem + 2px);

   padding: 0.375rem 1.75rem 0.375rem 0.75rem;

   font-size: 1rem;

   font-weight: 400;

   line-height: 1.5;

   color: #495057;

   vertical-align: middle;

   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;

   background-color: #fff;

   border: 1px solid #ced4da;

   border-radius: 0.25rem;

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;

}


.custom-select:focus {

   border-color: #80bdff;

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-select:focus::-ms-value {

   color: #495057;

   background-color: #fff;

}


.custom-select[multiple],

.custom-select[size]:not([size="1"]) {

   height: auto;

   padding-right: 0.75rem;

   background-image: none;

}


.custom-select:disabled {

   color: #6c757d;

   background-color: #e9ecef;

}


.custom-select::-ms-expand {

   display: none;

}


.custom-select-sm {

   height: calc(1.5em + 0.5rem + 2px);

   padding-top: 0.25rem;

   padding-bottom: 0.25rem;

   padding-left: 0.5rem;

   font-size: 0.875rem;

}


.custom-select-lg {

   height: calc(1.5em + 1rem + 2px);

   padding-top: 0.5rem;

   padding-bottom: 0.5rem;

   padding-left: 1rem;

   font-size: 1.25rem;

}


.custom-file {

   position: relative;

   display: inline-block;

   width: 100%;

   height: calc(1.5em + 0.75rem + 2px);

   margin-bottom: 0;

}


.custom-file-input {

   position: relative;

   z-index: 2;

   width: 100%;

   height: calc(1.5em + 0.75rem + 2px);

   margin: 0;

   opacity: 0;

}


.custom-file-input:focus~.custom-file-label {

   border-color: #80bdff;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-file-input:disabled~.custom-file-label {

   background-color: #e9ecef;

}


.custom-file-input:lang(en)~.custom-file-label::after {

   content: "Browse";

}


.custom-file-input~.custom-file-label[data-browse]::after {

   content: attr(data-browse);

}


.custom-file-label {

   position: absolute;

   top: 0;

   right: 0;

   left: 0;

   z-index: 1;

   height: calc(1.5em + 0.75rem + 2px);

   padding: 0.375rem 0.75rem;

   font-weight: 400;

   line-height: 1.5;

   color: #495057;

   background-color: #fff;

   border: 1px solid #ced4da;

   border-radius: 0.25rem;

}


.custom-file-label::after {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   z-index: 3;

   display: block;

   height: calc(1.5em + 0.75rem);

   padding: 0.375rem 0.75rem;

   line-height: 1.5;

   color: #495057;

   content: "Browse";

   background-color: #e9ecef;

   border-left: inherit;

   border-radius: 0 0.25rem 0.25rem 0;

}


.custom-range {

   width: 100%;

   height: calc(1rem + 0.4rem);

   padding: 0;

   background-color: transparent;

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;

}


.custom-range:focus {

   outline: none;

}


.custom-range:focus::-webkit-slider-thumb {

   -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-range:focus::-moz-range-thumb {

   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-range:focus::-ms-thumb {

   box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

}


.custom-range::-moz-focus-outer {

   border: 0;

}


.custom-range::-webkit-slider-thumb {

   width: 1rem;

   height: 1rem;

   margin-top: -0.25rem;

   background-color: #007bff;

   border: 0;

   border-radius: 1rem;

   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   -webkit-appearance: none;

   appearance: none;

}


@media (prefers-reduced-motion: reduce) {

   .custom-range::-webkit-slider-thumb {

      -webkit-transition: none;

      transition: none;

   }

}


.custom-range::-webkit-slider-thumb:active {

   background-color: #b3d7ff;

}


.custom-range::-webkit-slider-runnable-track {

   width: 100%;

   height: 0.5rem;

   color: transparent;

   cursor: pointer;

   background-color: #dee2e6;

   border-color: transparent;

   border-radius: 1rem;

}


.custom-range::-moz-range-thumb {

   width: 1rem;

   height: 1rem;

   background-color: #007bff;

   border: 0;

   border-radius: 1rem;

   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   -moz-appearance: none;

   appearance: none;

}


@media (prefers-reduced-motion: reduce) {

   .custom-range::-moz-range-thumb {

      -webkit-transition: none;

      transition: none;

   }

}


.custom-range::-moz-range-thumb:active {

   background-color: #b3d7ff;

}


.custom-range::-moz-range-track {

   width: 100%;

   height: 0.5rem;

   color: transparent;

   cursor: pointer;

   background-color: #dee2e6;

   border-color: transparent;

   border-radius: 1rem;

}


.custom-range::-ms-thumb {

   width: 1rem;

   height: 1rem;

   margin-top: 0;

   margin-right: 0.2rem;

   margin-left: 0.2rem;

   background-color: #007bff;

   border: 0;

   border-radius: 1rem;

   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   appearance: none;

}


@media (prefers-reduced-motion: reduce) {

   .custom-range::-ms-thumb {

      -webkit-transition: none;

      transition: none;

   }

}


.custom-range::-ms-thumb:active {

   background-color: #b3d7ff;

}


.custom-range::-ms-track {

   width: 100%;

   height: 0.5rem;

   color: transparent;

   cursor: pointer;

   background-color: transparent;

   border-color: transparent;

   border-width: 0.5rem;

}


.custom-range::-ms-fill-lower {

   background-color: #dee2e6;

   border-radius: 1rem;

}


.custom-range::-ms-fill-upper {

   margin-right: 15px;

   background-color: #dee2e6;

   border-radius: 1rem;

}


.custom-range:disabled::-webkit-slider-thumb {

   background-color: #adb5bd;

}


.custom-range:disabled::-webkit-slider-runnable-track {

   cursor: default;

}


.custom-range:disabled::-moz-range-thumb {

   background-color: #adb5bd;

}


.custom-range:disabled::-moz-range-track {

   cursor: default;

}


.custom-range:disabled::-ms-thumb {

   background-color: #adb5bd;

}


.custom-control-label::before,

.custom-file-label,

.custom-select {

   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}


@media (prefers-reduced-motion: reduce) {


   .custom-control-label::before,

   .custom-file-label,

   .custom-select {

      -webkit-transition: none;

      transition: none;

   }

}


.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: 0.5rem 1rem;

}


.nav-link:hover,

.nav-link:focus {

   text-decoration: none;

}


.nav-link.disabled {

   color: #6c757d;

   pointer-events: none;

   cursor: default;

}


.nav-tabs {

   border-bottom: 1px solid #dee2e6;

}


.nav-tabs .nav-item {

   margin-bottom: -1px;

}


.nav-tabs .nav-link {

   border: 1px solid transparent;

   border-top-left-radius: 0.25rem;

   border-top-right-radius: 0.25rem;

}


.nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus {

   border-color: #e9ecef #e9ecef #dee2e6;

}


.nav-tabs .nav-link.disabled {

   color: #6c757d;

   background-color: transparent;

   border-color: transparent;

}


.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

   color: #495057;

   background-color: #fff;

   border-color: #dee2e6 #dee2e6 #fff;

}


.nav-tabs .dropdown-menu {

   margin-top: -1px;

   border-top-left-radius: 0;

   border-top-right-radius: 0;

}


.nav-pills .nav-link {

   border-radius: 0.25rem;

}


.nav-pills .nav-link.active,

.nav-pills .show>.nav-link {

   color: #fff;

   background-color: #007bff;

}


.nav-fill .nav-item {

   -webkit-box-flex: 1;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

   text-align: center;

}


.nav-justified .nav-item {

   -ms-flex-preferred-size: 0;

   flex-basis: 0;

   -webkit-box-flex: 1;

   -ms-flex-positive: 1;

   flex-grow: 1;

   text-align: center;

}


.tab-content>.tab-pane {

   display: none;

}


.tab-content>.active {

   display: block;

}


.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: 0.5rem 1rem;

}


.navbar>.container,

.navbar>.container-fluid {

   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: 0.3125rem;

   padding-bottom: 0.3125rem;

   margin-right: 1rem;

   font-size: 1.25rem;

   line-height: inherit;

   white-space: nowrap;

}


.navbar-brand:hover,

.navbar-brand:focus {

   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-nav .dropdown-menu {

   position: static;

   float: none;

}


.navbar-text {

   display: inline-block;

   padding-top: 0.5rem;

   padding-bottom: 0.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: 0.25rem 0.75rem;

   font-size: 1.25rem;

   line-height: 1;

   background-color: transparent;

   border: 1px solid transparent;

   border-radius: 0.25rem;

}


.navbar-toggler:hover,

.navbar-toggler:focus {

   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: 575.98px) {


   .navbar-expand-sm>.container,

   .navbar-expand-sm>.container-fluid {

      padding-right: 0;

      padding-left: 0;

   }

}


@media (min-width: 576px) {

   .navbar-expand-sm {

      -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-sm .navbar-nav {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .navbar-expand-sm .navbar-nav .dropdown-menu {

      position: absolute;

   }


   .navbar-expand-sm .navbar-nav .nav-link {

      padding-right: 0.5rem;

      padding-left: 0.5rem;

   }


   .navbar-expand-sm>.container,

   .navbar-expand-sm>.container-fluid {

      -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

   }


   .navbar-expand-sm .navbar-collapse {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

      -ms-flex-preferred-size: auto;

      flex-basis: auto;

   }


   .navbar-expand-sm .navbar-toggler {

      display: none;

   }

}


@media (max-width: 767.98px) {


   .navbar-expand-md>.container,

   .navbar-expand-md>.container-fluid {

      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 .dropdown-menu {

      position: absolute;

   }


   .navbar-expand-md .navbar-nav .nav-link {

      padding-right: 0.5rem;

      padding-left: 0.5rem;

   }


   .navbar-expand-md>.container,

   .navbar-expand-md>.container-fluid {

      -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,

   .navbar-expand-lg>.container-fluid {

      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 .dropdown-menu {

      position: absolute;

   }


   .navbar-expand-lg .navbar-nav .nav-link {

      padding-right: 0.5rem;

      padding-left: 0.5rem;

   }


   .navbar-expand-lg>.container,

   .navbar-expand-lg>.container-fluid {

      -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;

   }

}


@media (max-width: 1199.98px) {


   .navbar-expand-xl>.container,

   .navbar-expand-xl>.container-fluid {

      padding-right: 0;

      padding-left: 0;

   }

}


@media (min-width: 1200px) {

   .navbar-expand-xl {

      -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-xl .navbar-nav {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .navbar-expand-xl .navbar-nav .dropdown-menu {

      position: absolute;

   }


   .navbar-expand-xl .navbar-nav .nav-link {

      padding-right: 0.5rem;

      padding-left: 0.5rem;

   }


   .navbar-expand-xl>.container,

   .navbar-expand-xl>.container-fluid {

      -ms-flex-wrap: nowrap;

      flex-wrap: nowrap;

   }


   .navbar-expand-xl .navbar-collapse {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

      -ms-flex-preferred-size: auto;

      flex-basis: auto;

   }


   .navbar-expand-xl .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,

.navbar-expand>.container-fluid {

   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 .dropdown-menu {

   position: absolute;

}


.navbar-expand .navbar-nav .nav-link {

   padding-right: 0.5rem;

   padding-left: 0.5rem;

}


.navbar-expand>.container,

.navbar-expand>.container-fluid {

   -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, 0.9);

}


.navbar-light .navbar-brand:hover,

.navbar-light .navbar-brand:focus {

   color: rgba(0, 0, 0, 0.9);

}


.navbar-light .navbar-nav .nav-link {

   color: rgba(0, 0, 0, 0.5);

}


.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

   color: rgba(0, 0, 0, 0.7);

}


.navbar-light .navbar-nav .nav-link.disabled {

   color: rgba(0, 0, 0, 0.3);

}


.navbar-light .navbar-nav .show>.nav-link,

.navbar-light .navbar-nav .active>.nav-link,

.navbar-light .navbar-nav .nav-link.show,

.navbar-light .navbar-nav .nav-link.active {

   color: rgba(0, 0, 0, 0.9);

}


.navbar-light .navbar-toggler {

   color: rgba(0, 0, 0, 0.5);

   border-color: rgba(0, 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, 0.5);

}


.navbar-light .navbar-text a {

   color: rgba(0, 0, 0, 0.9);

}


.navbar-light .navbar-text a:hover,

.navbar-light .navbar-text a:focus {

   color: rgba(0, 0, 0, 0.9);

}


.navbar-dark .navbar-brand {

   color: #fff;

}


.navbar-dark .navbar-brand:hover,

.navbar-dark .navbar-brand:focus {

   color: #fff;

}


.navbar-dark .navbar-nav .nav-link {

   color: rgba(255, 255, 255, 0.5);

}


.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-link:focus {

   color: rgba(255, 255, 255, 0.75);

}


.navbar-dark .navbar-nav .nav-link.disabled {

   color: rgba(255, 255, 255, 0.25);

}


.navbar-dark .navbar-nav .show>.nav-link,

.navbar-dark .navbar-nav .active>.nav-link,

.navbar-dark .navbar-nav .nav-link.show,

.navbar-dark .navbar-nav .nav-link.active {

   color: #fff;

}


.navbar-dark .navbar-toggler {

   color: rgba(255, 255, 255, 0.5);

   border-color: rgba(255, 255, 255, 0.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, 0.5);

}


.navbar-dark .navbar-text a {

   color: #fff;

}


.navbar-dark .navbar-text a:hover,

.navbar-dark .navbar-text a:focus {

   color: #fff;

}


.card {

   position: relative;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -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, 0.125);

   border-radius: 0.25rem;

}


.card>hr {

   margin-right: 0;

   margin-left: 0;

}


.card>.list-group:first-child .list-group-item:first-child {

   border-top-left-radius: 0.25rem;

   border-top-right-radius: 0.25rem;

}


.card>.list-group:last-child .list-group-item:last-child {

   border-bottom-right-radius: 0.25rem;

   border-bottom-left-radius: 0.25rem;

}


.card-body {

   -webkit-box-flex: 1;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

   padding: 1.25rem;

}


.card-title {

   margin-bottom: 0.75rem;

}


.card-subtitle {

   margin-top: -0.375rem;

   margin-bottom: 0;

}


.card-text:last-child {

   margin-bottom: 0;

}


.card-link:hover {

   text-decoration: none;

}


.card-link+.card-link {

   margin-left: 1.25rem;

}


.card-header {

   padding: 0.75rem 1.25rem;

   margin-bottom: 0;

   background-color: rgba(0, 0, 0, 0.03);

   border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}


.card-header:first-child {

   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;

}


.card-header+.list-group .list-group-item:first-child {

   border-top: 0;

}


.card-footer {

   padding: 0.75rem 1.25rem;

   background-color: rgba(0, 0, 0, 0.03);

   border-top: 1px solid rgba(0, 0, 0, 0.125);

}


.card-footer:last-child {

   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);

}


.card-header-tabs {

   margin-right: -0.625rem;

   margin-bottom: -0.75rem;

   margin-left: -0.625rem;

   border-bottom: 0;

}


.card-header-pills {

   margin-right: -0.625rem;

   margin-left: -0.625rem;

}


.card-img-overlay {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   padding: 1.25rem;

}


.card-img {

   width: 100%;

   border-radius: calc(0.25rem - 1px);

}


.card-img-top {

   width: 100%;

   border-top-left-radius: calc(0.25rem - 1px);

   border-top-right-radius: calc(0.25rem - 1px);

}


.card-img-bottom {

   width: 100%;

   border-bottom-right-radius: calc(0.25rem - 1px);

   border-bottom-left-radius: calc(0.25rem - 1px);

}


.card-deck {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}


.card-deck .card {

   margin-bottom: 15px;

}


@media (min-width: 576px) {

   .card-deck {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

      flex-flow: row wrap;

      margin-right: -15px;

      margin-left: -15px;

   }


   .card-deck .card {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

      flex: 1 0 0%;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      margin-right: 15px;

      margin-bottom: 0;

      margin-left: 15px;

   }

}


.card-group {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}


.card-group>.card {

   margin-bottom: 15px;

}


@media (min-width: 576px) {

   .card-group {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

      flex-flow: row wrap;

   }


   .card-group>.card {

      -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

      flex: 1 0 0%;

      margin-bottom: 0;

   }


   .card-group>.card+.card {

      margin-left: 0;

      border-left: 0;

   }


   .card-group>.card:not(:last-child) {

      border-top-right-radius: 0;

      border-bottom-right-radius: 0;

   }


   .card-group>.card:not(:last-child) .card-img-top,

   .card-group>.card:not(:last-child) .card-header {

      border-top-right-radius: 0;

   }


   .card-group>.card:not(:last-child) .card-img-bottom,

   .card-group>.card:not(:last-child) .card-footer {

      border-bottom-right-radius: 0;

   }


   .card-group>.card:not(:first-child) {

      border-top-left-radius: 0;

      border-bottom-left-radius: 0;

   }


   .card-group>.card:not(:first-child) .card-img-top,

   .card-group>.card:not(:first-child) .card-header {

      border-top-left-radius: 0;

   }


   .card-group>.card:not(:first-child) .card-img-bottom,

   .card-group>.card:not(:first-child) .card-footer {

      border-bottom-left-radius: 0;

   }

}


.card-columns .card {

   margin-bottom: 0.75rem;

}


@media (min-width: 576px) {

   .card-columns {

      -webkit-column-count: 3;

      -moz-column-count: 3;

      column-count: 3;

      -webkit-column-gap: 1.25rem;

      -moz-column-gap: 1.25rem;

      column-gap: 1.25rem;

      orphans: 1;

      widows: 1;

   }


   .card-columns .card {

      display: inline-block;

      width: 100%;

   }

}


.accordion>.card {

   overflow: hidden;

}


.accordion>.card:not(:first-of-type) .card-header:first-child {

   border-radius: 0;

}


.accordion>.card:not(:first-of-type):not(:last-of-type) {

   border-bottom: 0;

   border-radius: 0;

}


.accordion>.card:first-of-type {

   border-bottom: 0;

   border-bottom-right-radius: 0;

   border-bottom-left-radius: 0;

}


.accordion>.card:last-of-type {

   border-top-left-radius: 0;

   border-top-right-radius: 0;

}


.accordion>.card .card-header {

   margin-bottom: -1px;

}


.breadcrumb {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   padding: 0.75rem 1rem;

   margin-bottom: 1rem;

   list-style: none;

   background-color: #e9ecef;

   border-radius: 0.25rem;

}


.breadcrumb-item+.breadcrumb-item {

   padding-left: 0.5rem;

}


.breadcrumb-item+.breadcrumb-item::before {

   display: inline-block;

   padding-right: 0.5rem;

   color: #6c757d;

   content: "/";

}


.breadcrumb-item+.breadcrumb-item:hover::before {

   text-decoration: underline;

}


.breadcrumb-item+.breadcrumb-item:hover::before {

   text-decoration: none;

}


.breadcrumb-item.active {

   color: #6c757d;

}


.pagination {

   display: -webkit-box;

   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: 2;

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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: 1;

   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;

}


.pagination-lg .page-link {

   padding: 0.75rem 1.5rem;

   font-size: 1.25rem;

   line-height: 1.5;

}


.pagination-lg .page-item:first-child .page-link {

   border-top-left-radius: 0.3rem;

   border-bottom-left-radius: 0.3rem;

}


.pagination-lg .page-item:last-child .page-link {

   border-top-right-radius: 0.3rem;

   border-bottom-right-radius: 0.3rem;

}


.pagination-sm .page-link {

   padding: 0.25rem 0.5rem;

   font-size: 0.875rem;

   line-height: 1.5;

}


.pagination-sm .page-item:first-child .page-link {

   border-top-left-radius: 0.2rem;

   border-bottom-left-radius: 0.2rem;

}


.pagination-sm .page-item:last-child .page-link {

   border-top-right-radius: 0.2rem;

   border-bottom-right-radius: 0.2rem;

}


.badge {

   display: inline-block;

   padding: 0.25em 0.4em;

   font-size: 75%;

   font-weight: 700;

   line-height: 1;

   text-align: center;

   white-space: nowrap;

   vertical-align: baseline;

   border-radius: 0.25rem;

   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

   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;

   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, -webkit-box-shadow 0.15s ease-in-out;

}


@media (prefers-reduced-motion: reduce) {

   .badge {

      -webkit-transition: none;

      transition: none;

   }

}


a.badge:hover,

a.badge:focus {

   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:hover,

a.badge-primary:focus {

   color: #fff;

   background-color: #0062cc;

}


a.badge-primary:focus,

a.badge-primary.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);

}


.badge-secondary {

   color: #fff;

   background-color: #6c757d;

}


a.badge-secondary:hover,

a.badge-secondary:focus {

   color: #fff;

   background-color: #545b62;

}


a.badge-secondary:focus,

a.badge-secondary.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);

}


.badge-success {

   color: #fff;

   background-color: #28a745;

}


a.badge-success:hover,

a.badge-success:focus {

   color: #fff;

   background-color: #1e7e34;

}


a.badge-success:focus,

a.badge-success.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);

}


.badge-info {

   color: #fff;

   background-color: #17a2b8;

}


a.badge-info:hover,

a.badge-info:focus {

   color: #fff;

   background-color: #117a8b;

}


a.badge-info:focus,

a.badge-info.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);

}


.badge-warning {

   color: #212529;

   background-color: #ffc107;

}


a.badge-warning:hover,

a.badge-warning:focus {

   color: #212529;

   background-color: #d39e00;

}


a.badge-warning:focus,

a.badge-warning.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);

}


.badge-danger {

   color: #fff;

   background-color: #dc3545;

}


a.badge-danger:hover,

a.badge-danger:focus {

   color: #fff;

   background-color: #bd2130;

}


a.badge-danger:focus,

a.badge-danger.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);

}


.badge-light {

   color: #212529;

   background-color: #f8f9fa;

}


a.badge-light:hover,

a.badge-light:focus {

   color: #212529;

   background-color: #dae0e5;

}


a.badge-light:focus,

a.badge-light.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);

}


.badge-dark {

   color: #fff;

   background-color: #343a40;

}


a.badge-dark:hover,

a.badge-dark:focus {

   color: #fff;

   background-color: #1d2124;

}


a.badge-dark:focus,

a.badge-dark.focus {

   outline: 0;

   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);

}


.jumbotron {

   padding: 2rem 1rem;

   margin-bottom: 2rem;

   background-color: #e9ecef;

   border-radius: 0.3rem;

}


@media (min-width: 576px) {

   .jumbotron {

      padding: 4rem 2rem;

   }

}


.jumbotron-fluid {

   padding-right: 0;

   padding-left: 0;

   border-radius: 0;

}


.alert {

   position: relative;

   padding: 0.75rem 1.25rem;

   margin-bottom: 1rem;

   border: 1px solid transparent;

   border-radius: 0.25rem;

}


.alert-heading {

   color: inherit;

}


.alert-link {

   font-weight: 700;

}


.alert-dismissible {

   padding-right: 4rem;

}


.alert-dismissible .close {

   position: absolute;

   top: 0;

   right: 0;

   padding: 0.75rem 1.25rem;

   color: inherit;

}


.alert-primary {

   color: #004085;

   background-color: #cce5ff;

   border-color: #b8daff;

}


.alert-primary hr {

   border-top-color: #9fcdff;

}


.alert-primary .alert-link {

   color: #002752;

}


.alert-secondary {

   color: #383d41;

   background-color: #e2e3e5;

   border-color: #d6d8db;

}


.alert-secondary hr {

   border-top-color: #c8cbcf;

}


.alert-secondary .alert-link {

   color: #202326;

}


.alert-success {

   color: #155724;

   background-color: #d4edda;

   border-color: #c3e6cb;

}


.alert-success hr {

   border-top-color: #b1dfbb;

}


.alert-success .alert-link {

   color: #0b2e13;

}


.alert-info {

   color: #0c5460;

   background-color: #d1ecf1;

   border-color: #bee5eb;

}


.alert-info hr {

   border-top-color: #abdde5;

}


.alert-info .alert-link {

   color: #062c33;

}


.alert-warning {

   color: #856404;

   background-color: #fff3cd;

   border-color: #ffeeba;

}


.alert-warning hr {

   border-top-color: #ffe8a1;

}


.alert-warning .alert-link {

   color: #533f03;

}


.alert-danger {

   color: #721c24;

   background-color: #f8d7da;

   border-color: #f5c6cb;

}


.alert-danger hr {

   border-top-color: #f1b0b7;

}


.alert-danger .alert-link {

   color: #491217;

}


.alert-light {

   color: #818182;

   background-color: #fefefe;

   border-color: #fdfdfe;

}


.alert-light hr {

   border-top-color: #ececf6;

}


.alert-light .alert-link {

   color: #686868;

}


.alert-dark {

   color: #1b1e21;

   background-color: #d6d8d9;

   border-color: #c6c8ca;

}


.alert-dark hr {

   border-top-color: #b9bbbe;

}


.alert-dark .alert-link {

   color: #040505;

}


@-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;

   }

}


.progress {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   height: 1rem;

   overflow: hidden;

   font-size: 0.75rem;

   background-color: #e9ecef;

   border-radius: 0.25rem;

}


.progress-bar {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   color: #fff;

   text-align: center;

   white-space: nowrap;

   background-color: #007bff;

   -webkit-transition: width 0.6s ease;

   transition: width 0.6s ease;

}


@media (prefers-reduced-motion: reduce) {

   .progress-bar {

      -webkit-transition: none;

      transition: none;

   }

}


.progress-bar-striped {

   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

   background-size: 1rem 1rem;

}


.progress-bar-animated {

   -webkit-animation: progress-bar-stripes 1s linear infinite;

   animation: progress-bar-stripes 1s linear infinite;

}


@media (prefers-reduced-motion: reduce) {

   .progress-bar-animated {

      -webkit-animation: none;

      animation: none;

   }

}


.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:hover,

.list-group-item-action:focus {

   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: 0.75rem 1.25rem;

   margin-bottom: -1px;

   background-color: #fff;

   border: 1px solid rgba(0, 0, 0, 0.125);

}


.list-group-item:first-child {

   border-top-left-radius: 0.25rem;

   border-top-right-radius: 0.25rem;

}


.list-group-item:last-child {

   margin-bottom: 0;

   border-bottom-right-radius: 0.25rem;

   border-bottom-left-radius: 0.25rem;

}


.list-group-item.disabled,

.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-horizontal {

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

   -ms-flex-direction: row;

   flex-direction: row;

}


.list-group-horizontal .list-group-item {

   margin-right: -1px;

   margin-bottom: 0;

}


.list-group-horizontal .list-group-item:first-child {

   border-top-left-radius: 0.25rem;

   border-bottom-left-radius: 0.25rem;

   border-top-right-radius: 0;

}


.list-group-horizontal .list-group-item:last-child {

   margin-right: 0;

   border-top-right-radius: 0.25rem;

   border-bottom-right-radius: 0.25rem;

   border-bottom-left-radius: 0;

}


@media (min-width: 576px) {

   .list-group-horizontal-sm {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .list-group-horizontal-sm .list-group-item {

      margin-right: -1px;

      margin-bottom: 0;

   }


   .list-group-horizontal-sm .list-group-item:first-child {

      border-top-left-radius: 0.25rem;

      border-bottom-left-radius: 0.25rem;

      border-top-right-radius: 0;

   }


   .list-group-horizontal-sm .list-group-item:last-child {

      margin-right: 0;

      border-top-right-radius: 0.25rem;

      border-bottom-right-radius: 0.25rem;

      border-bottom-left-radius: 0;

   }

}


@media (min-width: 768px) {

   .list-group-horizontal-md {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .list-group-horizontal-md .list-group-item {

      margin-right: -1px;

      margin-bottom: 0;

   }


   .list-group-horizontal-md .list-group-item:first-child {

      border-top-left-radius: 0.25rem;

      border-bottom-left-radius: 0.25rem;

      border-top-right-radius: 0;

   }


   .list-group-horizontal-md .list-group-item:last-child {

      margin-right: 0;

      border-top-right-radius: 0.25rem;

      border-bottom-right-radius: 0.25rem;

      border-bottom-left-radius: 0;

   }

}


@media (min-width: 992px) {

   .list-group-horizontal-lg {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .list-group-horizontal-lg .list-group-item {

      margin-right: -1px;

      margin-bottom: 0;

   }


   .list-group-horizontal-lg .list-group-item:first-child {

      border-top-left-radius: 0.25rem;

      border-bottom-left-radius: 0.25rem;

      border-top-right-radius: 0;

   }


   .list-group-horizontal-lg .list-group-item:last-child {

      margin-right: 0;

      border-top-right-radius: 0.25rem;

      border-bottom-right-radius: 0.25rem;

      border-bottom-left-radius: 0;

   }

}


@media (min-width: 1200px) {

   .list-group-horizontal-xl {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }


   .list-group-horizontal-xl .list-group-item {

      margin-right: -1px;

      margin-bottom: 0;

   }


   .list-group-horizontal-xl .list-group-item:first-child {

      border-top-left-radius: 0.25rem;

      border-bottom-left-radius: 0.25rem;

      border-top-right-radius: 0;

   }


   .list-group-horizontal-xl .list-group-item:last-child {

      margin-right: 0;

      border-top-right-radius: 0.25rem;

      border-bottom-right-radius: 0.25rem;

      border-bottom-left-radius: 0;

   }

}


.list-group-flush .list-group-item {

   border-right: 0;

   border-left: 0;

   border-radius: 0;

}


.list-group-flush .list-group-item:last-child {

   margin-bottom: -1px;

}


.list-group-flush:first-child .list-group-item:first-child {

   border-top: 0;

}


.list-group-flush:last-child .list-group-item:last-child {

   margin-bottom: 0;

   border-bottom: 0;

}


.list-group-item-primary {

   color: #004085;

   background-color: #b8daff;

}


.list-group-item-primary.list-group-item-action:hover,

.list-group-item-primary.list-group-item-action:focus {

   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-secondary {

   color: #383d41;

   background-color: #d6d8db;

}


.list-group-item-secondary.list-group-item-action:hover,

.list-group-item-secondary.list-group-item-action:focus {

   color: #383d41;

   background-color: #c8cbcf;

}


.list-group-item-secondary.list-group-item-action.active {

   color: #fff;

   background-color: #383d41;

   border-color: #383d41;

}


.list-group-item-success {

   color: #155724;

   background-color: #c3e6cb;

}


.list-group-item-success.list-group-item-action:hover,

.list-group-item-success.list-group-item-action:focus {

   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-info {

   color: #0c5460;

   background-color: #bee5eb;

}


.list-group-item-info.list-group-item-action:hover,

.list-group-item-info.list-group-item-action:focus {

   color: #0c5460;

   background-color: #abdde5;

}


.list-group-item-info.list-group-item-action.active {

   color: #fff;

   background-color: #0c5460;

   border-color: #0c5460;

}


.list-group-item-warning {

   color: #856404;

   background-color: #ffeeba;

}


.list-group-item-warning.list-group-item-action:hover,

.list-group-item-warning.list-group-item-action:focus {

   color: #856404;

   background-color: #ffe8a1;

}


.list-group-item-warning.list-group-item-action.active {

   color: #fff;

   background-color: #856404;

   border-color: #856404;

}


.list-group-item-danger {

   color: #721c24;

   background-color: #f5c6cb;

}


.list-group-item-danger.list-group-item-action:hover,

.list-group-item-danger.list-group-item-action:focus {

   color: #721c24;

   background-color: #f1b0b7;

}


.list-group-item-danger.list-group-item-action.active {

   color: #fff;

   background-color: #721c24;

   border-color: #721c24;

}


.list-group-item-light {

   color: #818182;

   background-color: #fdfdfe;

}


.list-group-item-light.list-group-item-action:hover,

.list-group-item-light.list-group-item-action:focus {

   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:hover,

.list-group-item-dark.list-group-item-action:focus {

   color: #1b1e21;

   background-color: #b9bbbe;

}


.list-group-item-dark.list-group-item-action.active {

   color: #fff;

   background-color: #1b1e21;

   border-color: #1b1e21;

}


.close {

   float: right;

   font-size: 1.5rem;

   font-weight: 700;

   line-height: 1;

   color: #000;

   text-shadow: 0 1px 0 #fff;

   opacity: .5;

}


.close:hover {

   color: #000;

   text-decoration: none;

}


.close:not(:disabled):not(.disabled):hover,

.close:not(:disabled):not(.disabled):focus {

   opacity: .75;

}


button.close {

   padding: 0;

   background-color: transparent;

   border: 0;

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;

}


a.close.disabled {

   pointer-events: none;

}


.toast {

   max-width: 350px;

   overflow: hidden;

   font-size: 0.875rem;

   background-color: rgba(255, 255, 255, 0.85);

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, 0.1);

   -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);

   box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);

   -webkit-backdrop-filter: blur(10px);

   backdrop-filter: blur(10px);

   opacity: 0;

   border-radius: 0.25rem;

}


.toast:not(:last-child) {

   margin-bottom: 0.75rem;

}


.toast.showing {

   opacity: 1;

}


.toast.show {

   display: block;

   opacity: 1;

}


.toast.hide {

   display: none;

}


.toast-header {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   padding: 0.25rem 0.75rem;

   color: #6c757d;

   background-color: rgba(255, 255, 255, 0.85);

   background-clip: padding-box;

   border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}


.toast-body {

   padding: 0.75rem;

}


.modal-open {

   overflow: hidden;

}


.modal-open .modal {

   overflow-x: hidden;

   overflow-y: auto;

}


.modal {

   position: fixed;

   top: 0;

   left: 0;

   z-index: 1050;

   display: none;

   width: 100%;

   height: 100%;

   overflow: hidden;

   outline: 0;

}


.modal-dialog {

   position: relative;

   width: auto;

   margin: 0.5rem;

   pointer-events: none;

}


.modal.fade .modal-dialog {

   -webkit-transition: -webkit-transform 0.3s ease-out;

   transition: -webkit-transform 0.3s ease-out;

   transition: transform 0.3s ease-out;

   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;

   -webkit-transform: translate(0, -50px);

   transform: translate(0, -50px);

}


@media (prefers-reduced-motion: reduce) {

   .modal.fade .modal-dialog {

      -webkit-transition: none;

      transition: none;

   }

}


.modal.show .modal-dialog {

   -webkit-transform: none;

   transform: none;

}


.modal-dialog-scrollable {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   max-height: calc(100% - 1rem);

}


.modal-dialog-scrollable .modal-content {

   max-height: calc(100vh - 1rem);

   overflow: hidden;

}


.modal-dialog-scrollable .modal-header,

.modal-dialog-scrollable .modal-footer {

   -ms-flex-negative: 0;

   flex-shrink: 0;

}


.modal-dialog-scrollable .modal-body {

   overflow-y: auto;

}


.modal-dialog-centered {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   min-height: calc(100% - 1rem);

}


.modal-dialog-centered::before {

   display: block;

   height: calc(100vh - 1rem);

   content: "";

}


.modal-dialog-centered.modal-dialog-scrollable {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   height: 100%;

}


.modal-dialog-centered.modal-dialog-scrollable .modal-content {

   max-height: none;

}


.modal-dialog-centered.modal-dialog-scrollable::before {

   content: none;

}


.modal-content {

   position: relative;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   width: 100%;

   pointer-events: auto;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, 0.2);

   border-radius: 0.3rem;

   outline: 0;

}


.modal-backdrop {

   position: fixed;

   top: 0;

   left: 0;

   z-index: 1040;

   width: 100vw;

   height: 100vh;

   background-color: #000;

}


.modal-backdrop.fade {

   opacity: 0;

}


.modal-backdrop.show {

   opacity: 0.5;

}


.modal-header {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: start;

   -ms-flex-align: start;

   align-items: flex-start;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   padding: 1rem 1rem;

   border-bottom: 1px solid #dee2e6;

   border-top-left-radius: 0.3rem;

   border-top-right-radius: 0.3rem;

}


.modal-header .close {

   padding: 1rem 1rem;

   margin: -1rem -1rem -1rem auto;

}


.modal-title {

   margin-bottom: 0;

   line-height: 1.5;

}


.modal-body {

   position: relative;

   -webkit-box-flex: 1;

   -ms-flex: 1 1 auto;

   flex: 1 1 auto;

   padding: 1rem;

}


.modal-footer {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

   padding: 1rem;

   border-top: 1px solid #dee2e6;

   border-bottom-right-radius: 0.3rem;

   border-bottom-left-radius: 0.3rem;

}


.modal-footer> :not(:first-child) {

   margin-left: .25rem;

}


.modal-footer> :not(:last-child) {

   margin-right: .25rem;

}


.modal-scrollbar-measure {

   position: absolute;

   top: -9999px;

   width: 50px;

   height: 50px;

   overflow: scroll;

}


@media (min-width: 576px) {

   .modal-dialog {

      max-width: 500px;

      margin: 1.75rem auto;

   }


   .modal-dialog-scrollable {

      max-height: calc(100% - 3.5rem);

   }


   .modal-dialog-scrollable .modal-content {

      max-height: calc(100vh - 3.5rem);

   }


   .modal-dialog-centered {

      min-height: calc(100% - 3.5rem);

   }


   .modal-dialog-centered::before {

      height: calc(100vh - 3.5rem);

   }


   .modal-sm {

      max-width: 300px;

   }

}


@media (min-width: 992px) {


   .modal-lg,

   .modal-xl {

      max-width: 800px;

   }

}


@media (min-width: 1200px) {

   .modal-xl {

      max-width: 1140px;

   }

}


.tooltip {

   position: absolute;

   z-index: 1070;

   display: block;

   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-style: normal;

   font-weight: 400;

   line-height: 1.5;

   text-align: left;

   text-align: start;

   text-decoration: none;

   text-shadow: none;

   text-transform: none;

   letter-spacing: normal;

   word-break: normal;

   word-spacing: normal;

   white-space: normal;

   line-break: auto;

   font-size: 0.875rem;

   word-wrap: break-word;

   opacity: 0;

}


.tooltip.show {

   opacity: 0.9;

}


.tooltip .arrow {

   position: absolute;

   display: block;

   width: 0.8rem;

   height: 0.4rem;

}


.tooltip .arrow::before {

   position: absolute;

   content: "";

   border-color: transparent;

   border-style: solid;

}


.bs-tooltip-top,

.bs-tooltip-auto[x-placement^="top"] {

   padding: 0.4rem 0;

}


.bs-tooltip-top .arrow,

.bs-tooltip-auto[x-placement^="top"] .arrow {

   bottom: 0;

}


.bs-tooltip-top .arrow::before,

.bs-tooltip-auto[x-placement^="top"] .arrow::before {

   top: 0;

   border-width: 0.4rem 0.4rem 0;

   border-top-color: #000;

}


.bs-tooltip-right,

.bs-tooltip-auto[x-placement^="right"] {

   padding: 0 0.4rem;

}


.bs-tooltip-right .arrow,

.bs-tooltip-auto[x-placement^="right"] .arrow {

   left: 0;

   width: 0.4rem;

   height: 0.8rem;

}


.bs-tooltip-right .arrow::before,

.bs-tooltip-auto[x-placement^="right"] .arrow::before {

   right: 0;

   border-width: 0.4rem 0.4rem 0.4rem 0;

   border-right-color: #000;

}


.bs-tooltip-bottom,

.bs-tooltip-auto[x-placement^="bottom"] {

   padding: 0.4rem 0;

}


.bs-tooltip-bottom .arrow,

.bs-tooltip-auto[x-placement^="bottom"] .arrow {

   top: 0;

}


.bs-tooltip-bottom .arrow::before,

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

   bottom: 0;

   border-width: 0 0.4rem 0.4rem;

   border-bottom-color: #000;

}


.bs-tooltip-left,

.bs-tooltip-auto[x-placement^="left"] {

   padding: 0 0.4rem;

}


.bs-tooltip-left .arrow,

.bs-tooltip-auto[x-placement^="left"] .arrow {

   right: 0;

   width: 0.4rem;

   height: 0.8rem;

}


.bs-tooltip-left .arrow::before,

.bs-tooltip-auto[x-placement^="left"] .arrow::before {

   left: 0;

   border-width: 0.4rem 0 0.4rem 0.4rem;

   border-left-color: #000;

}


.tooltip-inner {

   max-width: 200px;

   padding: 0.25rem 0.5rem;

   color: #fff;

   text-align: center;

   background-color: #000;

   border-radius: 0.25rem;

}


.popover {

   position: absolute;

   top: 0;

   left: 0;

   z-index: 1060;

   display: block;

   max-width: 276px;

   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-style: normal;

   font-weight: 400;

   line-height: 1.5;

   text-align: left;

   text-align: start;

   text-decoration: none;

   text-shadow: none;

   text-transform: none;

   letter-spacing: normal;

   word-break: normal;

   word-spacing: normal;

   white-space: normal;

   line-break: auto;

   font-size: 0.875rem;

   word-wrap: break-word;

   background-color: #fff;

   background-clip: padding-box;

   border: 1px solid rgba(0, 0, 0, 0.2);

   border-radius: 0.3rem;

}


.popover .arrow {

   position: absolute;

   display: block;

   width: 1rem;

   height: 0.5rem;

   margin: 0 0.3rem;

}


.popover .arrow::before,

.popover .arrow::after {

   position: absolute;

   display: block;

   content: "";

   border-color: transparent;

   border-style: solid;

}


.bs-popover-top,

.bs-popover-auto[x-placement^="top"] {

   margin-bottom: 0.5rem;

}


.bs-popover-top>.arrow,

.bs-popover-auto[x-placement^="top"]>.arrow {

   bottom: calc((0.5rem + 1px) * -1);

}


.bs-popover-top>.arrow::before,

.bs-popover-auto[x-placement^="top"]>.arrow::before {

   bottom: 0;

   border-width: 0.5rem 0.5rem 0;

   border-top-color: rgba(0, 0, 0, 0.25);

}


.bs-popover-top>.arrow::after,

.bs-popover-auto[x-placement^="top"]>.arrow::after {

   bottom: 1px;

   border-width: 0.5rem 0.5rem 0;

   border-top-color: #fff;

}


.bs-popover-right,

.bs-popover-auto[x-placement^="right"] {

   margin-left: 0.5rem;

}


.bs-popover-right>.arrow,

.bs-popover-auto[x-placement^="right"]>.arrow {

   left: calc((0.5rem + 1px) * -1);

   width: 0.5rem;

   height: 1rem;

   margin: 0.3rem 0;

}


.bs-popover-right>.arrow::before,

.bs-popover-auto[x-placement^="right"]>.arrow::before {

   left: 0;

   border-width: 0.5rem 0.5rem 0.5rem 0;

   border-right-color: rgba(0, 0, 0, 0.25);

}


.bs-popover-right>.arrow::after,

.bs-popover-auto[x-placement^="right"]>.arrow::after {

   left: 1px;

   border-width: 0.5rem 0.5rem 0.5rem 0;

   border-right-color: #fff;

}


.bs-popover-bottom,

.bs-popover-auto[x-placement^="bottom"] {

   margin-top: 0.5rem;

}


.bs-popover-bottom>.arrow,

.bs-popover-auto[x-placement^="bottom"]>.arrow {

   top: calc((0.5rem + 1px) * -1);

}


.bs-popover-bottom>.arrow::before,

.bs-popover-auto[x-placement^="bottom"]>.arrow::before {

   top: 0;

   border-width: 0 0.5rem 0.5rem 0.5rem;

   border-bottom-color: rgba(0, 0, 0, 0.25);

}


.bs-popover-bottom>.arrow::after,

.bs-popover-auto[x-placement^="bottom"]>.arrow::after {

   top: 1px;

   border-width: 0 0.5rem 0.5rem 0.5rem;

   border-bottom-color: #fff;

}


.bs-popover-bottom .popover-header::before,

.bs-popover-auto[x-placement^="bottom"] .popover-header::before {

   position: absolute;

   top: 0;

   left: 50%;

   display: block;

   width: 1rem;

   margin-left: -0.5rem;

   content: "";

   border-bottom: 1px solid #f7f7f7;

}


.bs-popover-left,

.bs-popover-auto[x-placement^="left"] {

   margin-right: 0.5rem;

}


.bs-popover-left>.arrow,

.bs-popover-auto[x-placement^="left"]>.arrow {

   right: calc((0.5rem + 1px) * -1);

   width: 0.5rem;

   height: 1rem;

   margin: 0.3rem 0;

}


.bs-popover-left>.arrow::before,

.bs-popover-auto[x-placement^="left"]>.arrow::before {

   right: 0;

   border-width: 0.5rem 0 0.5rem 0.5rem;

   border-left-color: rgba(0, 0, 0, 0.25);

}


.bs-popover-left>.arrow::after,

.bs-popover-auto[x-placement^="left"]>.arrow::after {

   right: 1px;

   border-width: 0.5rem 0 0.5rem 0.5rem;

   border-left-color: #fff;

}


.popover-header {

   padding: 0.5rem 0.75rem;

   margin-bottom: 0;

   font-size: 1rem;

   background-color: #f7f7f7;

   border-bottom: 1px solid #ebebeb;

   border-top-left-radius: calc(0.3rem - 1px);

   border-top-right-radius: calc(0.3rem - 1px);

}


.popover-header:empty {

   display: none;

}


.popover-body {

   padding: 0.5rem 0.75rem;

   color: #212529;

}


.carousel {

   position: relative;

}


.carousel.pointer-event {

   -ms-touch-action: pan-y;

   touch-action: pan-y;

}


.carousel-inner {

   position: relative;

   width: 100%;

   overflow: hidden;

}


.carousel-inner::after {

   display: block;

   clear: both;

   content: "";

}


.carousel-item {

   position: relative;

   display: none;

   float: left;

   width: 100%;

   margin-right: -100%;

   -webkit-backface-visibility: hidden;

   backface-visibility: hidden;

   -webkit-transition: -webkit-transform 0.6s ease-in-out;

   transition: -webkit-transform 0.6s ease-in-out;

   transition: transform 0.6s ease-in-out;

   transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;

}


@media (prefers-reduced-motion: reduce) {

   .carousel-item {

      -webkit-transition: none;

      transition: none;

   }

}


.carousel-item.active,

.carousel-item-next,

.carousel-item-prev {

   display: block;

}


.carousel-item-next:not(.carousel-item-left),

.active.carousel-item-right {

   -webkit-transform: translateX(100%);

   transform: translateX(100%);

}


.carousel-item-prev:not(.carousel-item-right),

.active.carousel-item-left {

   -webkit-transform: translateX(-100%);

   transform: translateX(-100%);

}


.carousel-fade .carousel-item {

   opacity: 0;

   -webkit-transition-property: opacity;

   transition-property: opacity;

   -webkit-transform: none;

   transform: none;

}


.carousel-fade .carousel-item.active,

.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right {

   z-index: 1;

   opacity: 1;

}


.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-right {

   z-index: 0;

   opacity: 0;

   -webkit-transition: 0s 0.6s opacity;

   transition: 0s 0.6s opacity;

}


@media (prefers-reduced-motion: reduce) {


   .carousel-fade .active.carousel-item-left,

   .carousel-fade .active.carousel-item-right {

      -webkit-transition: none;

      transition: none;

   }

}


.carousel-control-prev,

.carousel-control-next {

   position: absolute;

   top: 0;

   bottom: 0;

   z-index: 1;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   width: 15%;

   color: #fff;

   text-align: center;

   opacity: 0.5;

   -webkit-transition: opacity 0.15s ease;

   transition: opacity 0.15s ease;

}


@media (prefers-reduced-motion: reduce) {


   .carousel-control-prev,

   .carousel-control-next {

      -webkit-transition: none;

      transition: none;

   }

}


.carousel-control-prev:hover,

.carousel-control-prev:focus,

.carousel-control-next:hover,

.carousel-control-next:focus {

   color: #fff;

   text-decoration: none;

   outline: 0;

   opacity: 0.9;

}


.carousel-control-prev {

   left: 0;

}


.carousel-control-next {

   right: 0;

}


.carousel-control-prev-icon,

.carousel-control-next-icon {

   display: inline-block;

   width: 20px;

   height: 20px;

   background: no-repeat 50% / 100% 100%;

}


.carousel-control-prev-icon {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");

}


.carousel-control-next-icon {

   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");

}


.carousel-indicators {

   position: absolute;

   right: 0;

   bottom: 0;

   left: 0;

   z-index: 15;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   padding-left: 0;

   margin-right: 15%;

   margin-left: 15%;

   list-style: none;

}


.carousel-indicators li {

   -webkit-box-sizing: content-box;

   box-sizing: content-box;

   -webkit-box-flex: 0;

   -ms-flex: 0 1 auto;

   flex: 0 1 auto;

   width: 30px;

   height: 3px;

   margin-right: 3px;

   margin-left: 3px;

   text-indent: -999px;

   cursor: pointer;

   background-color: #fff;

   background-clip: padding-box;

   border-top: 10px solid transparent;

   border-bottom: 10px solid transparent;

   opacity: .5;

   -webkit-transition: opacity 0.6s ease;

   transition: opacity 0.6s ease;

}


@media (prefers-reduced-motion: reduce) {

   .carousel-indicators li {

      -webkit-transition: none;

      transition: none;

   }

}


.carousel-indicators .active {

   opacity: 1;

}


.carousel-caption {

   position: absolute;

   right: 15%;

   bottom: 20px;

   left: 15%;

   z-index: 10;

   padding-top: 20px;

   padding-bottom: 20px;

   color: #fff;

   text-align: center;

}


@-webkit-keyframes spinner-border {

   to {

      -webkit-transform: rotate(360deg);

      transform: rotate(360deg);

   }

}


@keyframes spinner-border {

   to {

      -webkit-transform: rotate(360deg);

      transform: rotate(360deg);

   }

}


.spinner-border {

   display: inline-block;

   width: 2rem;

   height: 2rem;

   vertical-align: text-bottom;

   border: 0.25em solid currentColor;

   border-right-color: transparent;

   border-radius: 50%;

   -webkit-animation: spinner-border .75s linear infinite;

   animation: spinner-border .75s linear infinite;

}


.spinner-border-sm {

   width: 1rem;

   height: 1rem;

   border-width: 0.2em;

}


@-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;

   }

}


.spinner-grow {

   display: inline-block;

   width: 2rem;

   height: 2rem;

   vertical-align: text-bottom;

   background-color: currentColor;

   border-radius: 50%;

   opacity: 0;

   -webkit-animation: spinner-grow .75s linear infinite;

   animation: spinner-grow .75s linear infinite;

}


.spinner-grow-sm {

   width: 1rem;

   height: 1rem;

}


.align-baseline {

   vertical-align: baseline !important;

}


.align-top {

   vertical-align: top !important;

}


.align-middle {

   vertical-align: middle !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:hover,

a.bg-primary:focus,

button.bg-primary:hover,

button.bg-primary:focus {

   background-color: #0062cc !important;

}


.bg-secondary {

   background-color: #6c757d !important;

}


a.bg-secondary:hover,

a.bg-secondary:focus,

button.bg-secondary:hover,

button.bg-secondary:focus {

   background-color: #545b62 !important;

}


.bg-success {

   background-color: #28a745 !important;

}


a.bg-success:hover,

a.bg-success:focus,

button.bg-success:hover,

button.bg-success:focus {

   background-color: #1e7e34 !important;

}


.bg-info {

   background-color: #17a2b8 !important;

}


a.bg-info:hover,

a.bg-info:focus,

button.bg-info:hover,

button.bg-info:focus {

   background-color: #117a8b !important;

}


.bg-warning {

   background-color: #ffc107 !important;

}


a.bg-warning:hover,

a.bg-warning:focus,

button.bg-warning:hover,

button.bg-warning:focus {

   background-color: #d39e00 !important;

}


.bg-danger {

   background-color: #dc3545 !important;

}


a.bg-danger:hover,

a.bg-danger:focus,

button.bg-danger:hover,

button.bg-danger:focus {

   background-color: #bd2130 !important;

}


.bg-light {

   background-color: #f8f9fa !important;

}


a.bg-light:hover,

a.bg-light:focus,

button.bg-light:hover,

button.bg-light:focus {

   background-color: #dae0e5 !important;

}


.bg-dark {

   background-color: #343a40 !important;

}


a.bg-dark:hover,

a.bg-dark:focus,

button.bg-dark:hover,

button.bg-dark:focus {

   background-color: #1d2124 !important;

}


.bg-white {

   background-color: #fff !important;

}


.bg-transparent {

   background-color: transparent !important;

}


.border {

   border: 1px solid #dee2e6 !important;

}


.border-top {

   border-top: 1px solid #dee2e6 !important;

}


.border-right {

   border-right: 1px solid #dee2e6 !important;

}


.border-bottom {

   border-bottom: 1px solid #dee2e6 !important;

}


.border-left {

   border-left: 1px solid #dee2e6 !important;

}


.border-0 {

   border: 0 !important;

}


.border-top-0 {

   border-top: 0 !important;

}


.border-right-0 {

   border-right: 0 !important;

}


.border-bottom-0 {

   border-bottom: 0 !important;

}


.border-left-0 {

   border-left: 0 !important;

}


.border-primary {

   border-color: #007bff !important;

}


.border-secondary {

   border-color: #6c757d !important;

}


.border-success {

   border-color: #28a745 !important;

}


.border-info {

   border-color: #17a2b8 !important;

}


.border-warning {

   border-color: #ffc107 !important;

}


.border-danger {

   border-color: #dc3545 !important;

}


.border-light {

   border-color: #f8f9fa !important;

}


.border-dark {

   border-color: #343a40 !important;

}


.border-white {

   border-color: #fff !important;

}


.rounded-sm {

   border-radius: 0.2rem !important;

}


.rounded {

   border-radius: 0.25rem !important;

}


.rounded-top {

   border-top-left-radius: 0.25rem !important;

   border-top-right-radius: 0.25rem !important;

}


.rounded-right {

   border-top-right-radius: 0.25rem !important;

   border-bottom-right-radius: 0.25rem !important;

}


.rounded-bottom {

   border-bottom-right-radius: 0.25rem !important;

   border-bottom-left-radius: 0.25rem !important;

}


.rounded-left {

   border-top-left-radius: 0.25rem !important;

   border-bottom-left-radius: 0.25rem !important;

}


.rounded-lg {

   border-radius: 0.3rem !important;

}


.rounded-circle {

   border-radius: 50% !important;

}


.rounded-pill {

   border-radius: 50rem !important;

}


.rounded-0 {

   border-radius: 0 !important;

}


.clearfix::after {

   display: block;

   clear: both;

   content: "";

}


.d-none {

   display: none !important;

}


.d-inline {

   display: inline !important;

}


.d-inline-block {

   display: inline-block !important;

}


.d-block {

   display: block !important;

}


.d-table {

   display: table !important;

}


.d-table-row {

   display: table-row !important;

}


.d-table-cell {

   display: table-cell !important;

}


.d-flex {

   display: -webkit-box !important;

   display: -ms-flexbox !important;

   display: flex !important;

}


.d-inline-flex {

   display: -webkit-inline-box !important;

   display: -ms-inline-flexbox !important;

   display: inline-flex !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-table {

      display: table !important;

   }


   .d-sm-table-row {

      display: table-row !important;

   }


   .d-sm-table-cell {

      display: table-cell !important;

   }


   .d-sm-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-sm-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-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-table {

      display: table !important;

   }


   .d-md-table-row {

      display: table-row !important;

   }


   .d-md-table-cell {

      display: table-cell !important;

   }


   .d-md-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-md-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


@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-table {

      display: table !important;

   }


   .d-lg-table-row {

      display: table-row !important;

   }


   .d-lg-table-cell {

      display: table-cell !important;

   }


   .d-lg-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-lg-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !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-table {

      display: table !important;

   }


   .d-xl-table-row {

      display: table-row !important;

   }


   .d-xl-table-cell {

      display: table-cell !important;

   }


   .d-xl-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-xl-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


@media print {

   .d-print-none {

      display: none !important;

   }


   .d-print-inline {

      display: inline !important;

   }


   .d-print-inline-block {

      display: inline-block !important;

   }


   .d-print-block {

      display: block !important;

   }


   .d-print-table {

      display: table !important;

   }


   .d-print-table-row {

      display: table-row !important;

   }


   .d-print-table-cell {

      display: table-cell !important;

   }


   .d-print-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-print-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


.embed-responsive {

   position: relative;

   display: block;

   width: 100%;

   padding: 0;

   overflow: hidden;

}


.embed-responsive::before {

   display: block;

   content: "";

}


.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

   position: absolute;

   top: 0;

   bottom: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: 0;

}


.embed-responsive-21by9::before {

   padding-top: 42.85714286%;

}


.embed-responsive-16by9::before {

   padding-top: 56.25%;

}


.embed-responsive-4by3::before {

   padding-top: 75%;

}


.embed-responsive-1by1::before {

   padding-top: 100%;

}


.flex-row {

   -webkit-box-orient: horizontal !important;

   -webkit-box-direction: normal !important;

   -ms-flex-direction: row !important;

   flex-direction: row !important;

}


.flex-column {

   -webkit-box-orient: vertical !important;

   -webkit-box-direction: normal !important;

   -ms-flex-direction: column !important;

   flex-direction: column !important;

}


.flex-row-reverse {

   -webkit-box-orient: horizontal !important;

   -webkit-box-direction: reverse !important;

   -ms-flex-direction: row-reverse !important;

   flex-direction: row-reverse !important;

}


.flex-column-reverse {

   -webkit-box-orient: vertical !important;

   -webkit-box-direction: reverse !important;

   -ms-flex-direction: column-reverse !important;

   flex-direction: column-reverse !important;

}


.flex-wrap {

   -ms-flex-wrap: wrap !important;

   flex-wrap: wrap !important;

}


.flex-nowrap {

   -ms-flex-wrap: nowrap !important;

   flex-wrap: nowrap !important;

}


.flex-wrap-reverse {

   -ms-flex-wrap: wrap-reverse !important;

   flex-wrap: wrap-reverse !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;

}


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

}


.justify-content-between {

   -webkit-box-pack: justify !important;

   -ms-flex-pack: justify !important;

   justify-content: space-between !important;

}


.justify-content-around {

   -ms-flex-pack: distribute !important;

   justify-content: space-around !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-baseline {

   -webkit-box-align: baseline !important;

   -ms-flex-align: baseline !important;

   align-items: baseline !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-between {

   -ms-flex-line-pack: justify !important;

   align-content: space-between !important;

}


.align-content-around {

   -ms-flex-line-pack: distribute !important;

   align-content: space-around !important;

}


.align-content-stretch {

   -ms-flex-line-pack: stretch !important;

   align-content: stretch !important;

}


.align-self-auto {

   -ms-flex-item-align: auto !important;

   align-self: auto !important;

}


.align-self-start {

   -ms-flex-item-align: start !important;

   align-self: flex-start !important;

}


.align-self-end {

   -ms-flex-item-align: end !important;

   align-self: flex-end !important;

}


.align-self-center {

   -ms-flex-item-align: center !important;

   align-self: center !important;

}


.align-self-baseline {

   -ms-flex-item-align: baseline !important;

   align-self: baseline !important;

}


.align-self-stretch {

   -ms-flex-item-align: stretch !important;

   align-self: stretch !important;

}


@media (min-width: 576px) {

   .flex-sm-row {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

   }


   .flex-sm-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-sm-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-sm-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-sm-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-sm-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-sm-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !important;

   }


   .flex-sm-fill {

      -webkit-box-flex: 1 !important;

      -ms-flex: 1 1 auto !important;

      flex: 1 1 auto !important;

   }


   .flex-sm-grow-0 {

      -webkit-box-flex: 0 !important;

      -ms-flex-positive: 0 !important;

      flex-grow: 0 !important;

   }


   .flex-sm-grow-1 {

      -webkit-box-flex: 1 !important;

      -ms-flex-positive: 1 !important;

      flex-grow: 1 !important;

   }


   .flex-sm-shrink-0 {

      -ms-flex-negative: 0 !important;

      flex-shrink: 0 !important;

   }


   .flex-sm-shrink-1 {

      -ms-flex-negative: 1 !important;

      flex-shrink: 1 !important;

   }


   .justify-content-sm-start {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: flex-start !important;

   }


   .justify-content-sm-end {

      -webkit-box-pack: end !important;

      -ms-flex-pack: end !important;

      justify-content: flex-end !important;

   }


   .justify-content-sm-center {

      -webkit-box-pack: center !important;

      -ms-flex-pack: center !important;

      justify-content: center !important;

   }


   .justify-content-sm-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-sm-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !important;

   }


   .align-items-sm-start {

      -webkit-box-align: start !important;

      -ms-flex-align: start !important;

      align-items: flex-start !important;

   }


   .align-items-sm-end {

      -webkit-box-align: end !important;

      -ms-flex-align: end !important;

      align-items: flex-end !important;

   }


   .align-items-sm-center {

      -webkit-box-align: center !important;

      -ms-flex-align: center !important;

      align-items: center !important;

   }


   .align-items-sm-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !important;

   }


   .align-items-sm-stretch {

      -webkit-box-align: stretch !important;

      -ms-flex-align: stretch !important;

      align-items: stretch !important;

   }


   .align-content-sm-start {

      -ms-flex-line-pack: start !important;

      align-content: flex-start !important;

   }


   .align-content-sm-end {

      -ms-flex-line-pack: end !important;

      align-content: flex-end !important;

   }


   .align-content-sm-center {

      -ms-flex-line-pack: center !important;

      align-content: center !important;

   }


   .align-content-sm-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-sm-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-sm-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-sm-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-sm-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-sm-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-sm-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-sm-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-sm-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: 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-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-md-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-md-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-md-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-md-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-md-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !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;

   }


   .justify-content-md-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-md-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !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-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !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-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-md-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-md-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-md-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-md-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-md-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-md-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-md-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-md-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: 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-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-lg-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-lg-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-lg-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-lg-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-lg-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !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;

   }


   .justify-content-lg-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-lg-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !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-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !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-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-lg-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-lg-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-lg-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-lg-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-lg-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-lg-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-lg-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-lg-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: stretch !important;

   }

}


@media (min-width: 1200px) {

   .flex-xl-row {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

   }


   .flex-xl-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-xl-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-xl-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-xl-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-xl-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-xl-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !important;

   }


   .flex-xl-fill {

      -webkit-box-flex: 1 !important;

      -ms-flex: 1 1 auto !important;

      flex: 1 1 auto !important;

   }


   .flex-xl-grow-0 {

      -webkit-box-flex: 0 !important;

      -ms-flex-positive: 0 !important;

      flex-grow: 0 !important;

   }


   .flex-xl-grow-1 {

      -webkit-box-flex: 1 !important;

      -ms-flex-positive: 1 !important;

      flex-grow: 1 !important;

   }


   .flex-xl-shrink-0 {

      -ms-flex-negative: 0 !important;

      flex-shrink: 0 !important;

   }


   .flex-xl-shrink-1 {

      -ms-flex-negative: 1 !important;

      flex-shrink: 1 !important;

   }


   .justify-content-xl-start {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: flex-start !important;

   }


   .justify-content-xl-end {

      -webkit-box-pack: end !important;

      -ms-flex-pack: end !important;

      justify-content: flex-end !important;

   }


   .justify-content-xl-center {

      -webkit-box-pack: center !important;

      -ms-flex-pack: center !important;

      justify-content: center !important;

   }


   .justify-content-xl-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-xl-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !important;

   }


   .align-items-xl-start {

      -webkit-box-align: start !important;

      -ms-flex-align: start !important;

      align-items: flex-start !important;

   }


   .align-items-xl-end {

      -webkit-box-align: end !important;

      -ms-flex-align: end !important;

      align-items: flex-end !important;

   }


   .align-items-xl-center {

      -webkit-box-align: center !important;

      -ms-flex-align: center !important;

      align-items: center !important;

   }


   .align-items-xl-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !important;

   }


   .align-items-xl-stretch {

      -webkit-box-align: stretch !important;

      -ms-flex-align: stretch !important;

      align-items: stretch !important;

   }


   .align-content-xl-start {

      -ms-flex-line-pack: start !important;

      align-content: flex-start !important;

   }


   .align-content-xl-end {

      -ms-flex-line-pack: end !important;

      align-content: flex-end !important;

   }


   .align-content-xl-center {

      -ms-flex-line-pack: center !important;

      align-content: center !important;

   }


   .align-content-xl-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-xl-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-xl-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-xl-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-xl-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-xl-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-xl-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-xl-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-xl-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: stretch !important;

   }

}


.float-left {

   float: left !important;

}


.float-right {

   float: right !important;

}


.float-none {

   float: none !important;

}


@media (min-width: 576px) {

   .float-sm-left {

      float: left !important;

   }


   .float-sm-right {

      float: right !important;

   }


   .float-sm-none {

      float: none !important;

   }

}


@media (min-width: 768px) {

   .float-md-left {

      float: left !important;

   }


   .float-md-right {

      float: right !important;

   }


   .float-md-none {

      float: none !important;

   }

}


@media (min-width: 992px) {

   .float-lg-left {

      float: left !important;

   }


   .float-lg-right {

      float: right !important;

   }


   .float-lg-none {

      float: none !important;

   }

}


@media (min-width: 1200px) {

   .float-xl-left {

      float: left !important;

   }


   .float-xl-right {

      float: right !important;

   }


   .float-xl-none {

      float: none !important;

   }

}


.overflow-auto {

   overflow: auto !important;

}


.overflow-hidden {

   overflow: hidden !important;

}


.position-static {

   position: static !important;

}


.position-relative {

   position: relative !important;

}


.position-absolute {

   position: absolute !important;

}


.position-fixed {

   position: fixed !important;

}


.position-sticky {

   position: -webkit-sticky !important;

   position: sticky !important;

}


.fixed-top {

   position: fixed;

   top: 0;

   right: 0;

   left: 0;

   z-index: 1030;

}


.fixed-bottom {

   position: fixed;

   right: 0;

   bottom: 0;

   left: 0;

   z-index: 1030;

}


@supports ((position: -webkit-sticky) or (position: sticky)) {

   .sticky-top {

      position: -webkit-sticky;

      position: sticky;

      top: 0;

      z-index: 1020;

   }

}


.sr-only {

   position: absolute;

   width: 1px;

   height: 1px;

   padding: 0;

   overflow: hidden;

   clip: rect(0, 0, 0, 0);

   white-space: nowrap;

   border: 0;

}


.sr-only-focusable:active,

.sr-only-focusable:focus {

   position: static;

   width: auto;

   height: auto;

   overflow: visible;

   clip: auto;

   white-space: normal;

}


.shadow-sm {

   -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}


.shadow {

   -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}


.shadow-lg {

   -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}


.shadow-none {

   -webkit-box-shadow: none !important;

   box-shadow: none !important;

}


.w-25 {

   width: 25% !important;

}


.w-50 {

   width: 50% !important;

}


.w-75 {

   width: 75% !important;

}


.w-100 {

   width: 100% !important;

}


.w-auto {

   width: auto !important;

}


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

}


.mw-100 {

   max-width: 100% !important;

}


.mh-100 {

   max-height: 100% !important;

}


.min-vw-100 {

   min-width: 100vw !important;

}


.min-vh-100 {

   min-height: 100vh !important;

}


.vw-100 {

   width: 100vw !important;

}


.vh-100 {

   height: 100vh !important;

}


.stretched-link::after {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   z-index: 1;

   pointer-events: auto;

   content: "";

   background-color: rgba(0, 0, 0, 0);

}


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

}


.mt-n1,

.my-n1 {

   margin-top: -0.25rem !important;

}


.mr-n1,

.mx-n1 {

   margin-right: -0.25rem !important;

}


.mb-n1,

.my-n1 {

   margin-bottom: -0.25rem !important;

}


.ml-n1,

.mx-n1 {

   margin-left: -0.25rem !important;

}


.m-n2 {

   margin: -0.5rem !important;

}


.mt-n2,

.my-n2 {

   margin-top: -0.5rem !important;

}


.mr-n2,

.mx-n2 {

   margin-right: -0.5rem !important;

}


.mb-n2,

.my-n2 {

   margin-bottom: -0.5rem !important;

}


.ml-n2,

.mx-n2 {

   margin-left: -0.5rem !important;

}


.m-n3 {

   margin: -1rem !important;

}


.mt-n3,

.my-n3 {

   margin-top: -1rem !important;

}


.mr-n3,

.mx-n3 {

   margin-right: -1rem !important;

}


.mb-n3,

.my-n3 {

   margin-bottom: -1rem !important;

}


.ml-n3,

.mx-n3 {

   margin-left: -1rem !important;

}


.m-n4 {

   margin: -1.5rem !important;

}


.mt-n4,

.my-n4 {

   margin-top: -1.5rem !important;

}


.mr-n4,

.mx-n4 {

   margin-right: -1.5rem !important;

}


.mb-n4,

.my-n4 {

   margin-bottom: -1.5rem !important;

}


.ml-n4,

.mx-n4 {

   margin-left: -1.5rem !important;

}


.m-n5 {

   margin: -3rem !important;

}


.mt-n5,

.my-n5 {

   margin-top: -3rem !important;

}


.mr-n5,

.mx-n5 {

   margin-right: -3rem !important;

}


.mb-n5,

.my-n5 {

   margin-bottom: -3rem !important;

}


.ml-n5,

.mx-n5 {

   margin-left: -3rem !important;

}


.m-auto {

   margin: auto !important;

}


.mt-auto,

.my-auto {

   margin-top: auto !important;

}


.mr-auto,

.mx-auto {

   margin-right: auto !important;

}


.mb-auto,

.my-auto {

   margin-bottom: auto !important;

}


.ml-auto,

.mx-auto {

   margin-left: auto !important;

}


@media (min-width: 576px) {

   .m-sm-0 {

      margin: 0 !important;

   }


   .mt-sm-0,

   .my-sm-0 {

      margin-top: 0 !important;

   }


   .mr-sm-0,

   .mx-sm-0 {

      margin-right: 0 !important;

   }


   .mb-sm-0,

   .my-sm-0 {

      margin-bottom: 0 !important;

   }


   .ml-sm-0,

   .mx-sm-0 {

      margin-left: 0 !important;

   }


   .m-sm-1 {

      margin: 0.25rem !important;

   }


   .mt-sm-1,

   .my-sm-1 {

      margin-top: 0.25rem !important;

   }


   .mr-sm-1,

   .mx-sm-1 {

      margin-right: 0.25rem !important;

   }


   .mb-sm-1,

   .my-sm-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-sm-1,

   .mx-sm-1 {

      margin-left: 0.25rem !important;

   }


   .m-sm-2 {

      margin: 0.5rem !important;

   }


   .mt-sm-2,

   .my-sm-2 {

      margin-top: 0.5rem !important;

   }


   .mr-sm-2,

   .mx-sm-2 {

      margin-right: 0.5rem !important;

   }


   .mb-sm-2,

   .my-sm-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-sm-2,

   .mx-sm-2 {

      margin-left: 0.5rem !important;

   }


   .m-sm-3 {

      margin: 1rem !important;

   }


   .mt-sm-3,

   .my-sm-3 {

      margin-top: 1rem !important;

   }


   .mr-sm-3,

   .mx-sm-3 {

      margin-right: 1rem !important;

   }


   .mb-sm-3,

   .my-sm-3 {

      margin-bottom: 1rem !important;

   }


   .ml-sm-3,

   .mx-sm-3 {

      margin-left: 1rem !important;

   }


   .m-sm-4 {

      margin: 1.5rem !important;

   }


   .mt-sm-4,

   .my-sm-4 {

      margin-top: 1.5rem !important;

   }


   .mr-sm-4,

   .mx-sm-4 {

      margin-right: 1.5rem !important;

   }


   .mb-sm-4,

   .my-sm-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-sm-4,

   .mx-sm-4 {

      margin-left: 1.5rem !important;

   }


   .m-sm-5 {

      margin: 3rem !important;

   }


   .mt-sm-5,

   .my-sm-5 {

      margin-top: 3rem !important;

   }


   .mr-sm-5,

   .mx-sm-5 {

      margin-right: 3rem !important;

   }


   .mb-sm-5,

   .my-sm-5 {

      margin-bottom: 3rem !important;

   }


   .ml-sm-5,

   .mx-sm-5 {

      margin-left: 3rem !important;

   }


   .p-sm-0 {

      padding: 0 !important;

   }


   .pt-sm-0,

   .py-sm-0 {

      padding-top: 0 !important;

   }


   .pr-sm-0,

   .px-sm-0 {

      padding-right: 0 !important;

   }


   .pb-sm-0,

   .py-sm-0 {

      padding-bottom: 0 !important;

   }


   .pl-sm-0,

   .px-sm-0 {

      padding-left: 0 !important;

   }


   .p-sm-1 {

      padding: 0.25rem !important;

   }


   .pt-sm-1,

   .py-sm-1 {

      padding-top: 0.25rem !important;

   }


   .pr-sm-1,

   .px-sm-1 {

      padding-right: 0.25rem !important;

   }


   .pb-sm-1,

   .py-sm-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-sm-1,

   .px-sm-1 {

      padding-left: 0.25rem !important;

   }


   .p-sm-2 {

      padding: 0.5rem !important;

   }


   .pt-sm-2,

   .py-sm-2 {

      padding-top: 0.5rem !important;

   }


   .pr-sm-2,

   .px-sm-2 {

      padding-right: 0.5rem !important;

   }


   .pb-sm-2,

   .py-sm-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-sm-2,

   .px-sm-2 {

      padding-left: 0.5rem !important;

   }


   .p-sm-3 {

      padding: 1rem !important;

   }


   .pt-sm-3,

   .py-sm-3 {

      padding-top: 1rem !important;

   }


   .pr-sm-3,

   .px-sm-3 {

      padding-right: 1rem !important;

   }


   .pb-sm-3,

   .py-sm-3 {

      padding-bottom: 1rem !important;

   }


   .pl-sm-3,

   .px-sm-3 {

      padding-left: 1rem !important;

   }


   .p-sm-4 {

      padding: 1.5rem !important;

   }


   .pt-sm-4,

   .py-sm-4 {

      padding-top: 1.5rem !important;

   }


   .pr-sm-4,

   .px-sm-4 {

      padding-right: 1.5rem !important;

   }


   .pb-sm-4,

   .py-sm-4 {

      padding-bottom: 1.5rem !important;

   }


   .pl-sm-4,

   .px-sm-4 {

      padding-left: 1.5rem !important;

   }


   .p-sm-5 {

      padding: 3rem !important;

   }


   .pt-sm-5,

   .py-sm-5 {

      padding-top: 3rem !important;

   }


   .pr-sm-5,

   .px-sm-5 {

      padding-right: 3rem !important;

   }


   .pb-sm-5,

   .py-sm-5 {

      padding-bottom: 3rem !important;

   }


   .pl-sm-5,

   .px-sm-5 {

      padding-left: 3rem !important;

   }


   .m-sm-n1 {

      margin: -0.25rem !important;

   }


   .mt-sm-n1,

   .my-sm-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-sm-n1,

   .mx-sm-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-sm-n1,

   .my-sm-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-sm-n1,

   .mx-sm-n1 {

      margin-left: -0.25rem !important;

   }


   .m-sm-n2 {

      margin: -0.5rem !important;

   }


   .mt-sm-n2,

   .my-sm-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-sm-n2,

   .mx-sm-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-sm-n2,

   .my-sm-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-sm-n2,

   .mx-sm-n2 {

      margin-left: -0.5rem !important;

   }


   .m-sm-n3 {

      margin: -1rem !important;

   }


   .mt-sm-n3,

   .my-sm-n3 {

      margin-top: -1rem !important;

   }


   .mr-sm-n3,

   .mx-sm-n3 {

      margin-right: -1rem !important;

   }


   .mb-sm-n3,

   .my-sm-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-sm-n3,

   .mx-sm-n3 {

      margin-left: -1rem !important;

   }


   .m-sm-n4 {

      margin: -1.5rem !important;

   }


   .mt-sm-n4,

   .my-sm-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-sm-n4,

   .mx-sm-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-sm-n4,

   .my-sm-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-sm-n4,

   .mx-sm-n4 {

      margin-left: -1.5rem !important;

   }


   .m-sm-n5 {

      margin: -3rem !important;

   }


   .mt-sm-n5,

   .my-sm-n5 {

      margin-top: -3rem !important;

   }


   .mr-sm-n5,

   .mx-sm-n5 {

      margin-right: -3rem !important;

   }


   .mb-sm-n5,

   .my-sm-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-sm-n5,

   .mx-sm-n5 {

      margin-left: -3rem !important;

   }


   .m-sm-auto {

      margin: auto !important;

   }


   .mt-sm-auto,

   .my-sm-auto {

      margin-top: auto !important;

   }


   .mr-sm-auto,

   .mx-sm-auto {

      margin-right: auto !important;

   }


   .mb-sm-auto,

   .my-sm-auto {

      margin-bottom: auto !important;

   }


   .ml-sm-auto,

   .mx-sm-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 768px) {

   .m-md-0 {

      margin: 0 !important;

   }


   .mt-md-0,

   .my-md-0 {

      margin-top: 0 !important;

   }


   .mr-md-0,

   .mx-md-0 {

      margin-right: 0 !important;

   }


   .mb-md-0,

   .my-md-0 {

      margin-bottom: 0 !important;

   }


   .ml-md-0,

   .mx-md-0 {

      margin-left: 0 !important;

   }


   .m-md-1 {

      margin: 0.25rem !important;

   }


   .mt-md-1,

   .my-md-1 {

      margin-top: 0.25rem !important;

   }


   .mr-md-1,

   .mx-md-1 {

      margin-right: 0.25rem !important;

   }


   .mb-md-1,

   .my-md-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-md-1,

   .mx-md-1 {

      margin-left: 0.25rem !important;

   }


   .m-md-2 {

      margin: 0.5rem !important;

   }


   .mt-md-2,

   .my-md-2 {

      margin-top: 0.5rem !important;

   }


   .mr-md-2,

   .mx-md-2 {

      margin-right: 0.5rem !important;

   }


   .mb-md-2,

   .my-md-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-md-2,

   .mx-md-2 {

      margin-left: 0.5rem !important;

   }


   .m-md-3 {

      margin: 1rem !important;

   }


   .mt-md-3,

   .my-md-3 {

      margin-top: 1rem !important;

   }


   .mr-md-3,

   .mx-md-3 {

      margin-right: 1rem !important;

   }


   .mb-md-3,

   .my-md-3 {

      margin-bottom: 1rem !important;

   }


   .ml-md-3,

   .mx-md-3 {

      margin-left: 1rem !important;

   }


   .m-md-4 {

      margin: 1.5rem !important;

   }


   .mt-md-4,

   .my-md-4 {

      margin-top: 1.5rem !important;

   }


   .mr-md-4,

   .mx-md-4 {

      margin-right: 1.5rem !important;

   }


   .mb-md-4,

   .my-md-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-md-4,

   .mx-md-4 {

      margin-left: 1.5rem !important;

   }


   .m-md-5 {

      margin: 3rem !important;

   }


   .mt-md-5,

   .my-md-5 {

      margin-top: 3rem !important;

   }


   .mr-md-5,

   .mx-md-5 {

      margin-right: 3rem !important;

   }


   .mb-md-5,

   .my-md-5 {

      margin-bottom: 3rem !important;

   }


   .ml-md-5,

   .mx-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: 0.25rem !important;

   }


   .pt-md-1,

   .py-md-1 {

      padding-top: 0.25rem !important;

   }


   .pr-md-1,

   .px-md-1 {

      padding-right: 0.25rem !important;

   }


   .pb-md-1,

   .py-md-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-md-1,

   .px-md-1 {

      padding-left: 0.25rem !important;

   }


   .p-md-2 {

      padding: 0.5rem !important;

   }


   .pt-md-2,

   .py-md-2 {

      padding-top: 0.5rem !important;

   }


   .pr-md-2,

   .px-md-2 {

      padding-right: 0.5rem !important;

   }


   .pb-md-2,

   .py-md-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-md-2,

   .px-md-2 {

      padding-left: 0.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-n1 {

      margin: -0.25rem !important;

   }


   .mt-md-n1,

   .my-md-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-md-n1,

   .mx-md-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-md-n1,

   .my-md-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-md-n1,

   .mx-md-n1 {

      margin-left: -0.25rem !important;

   }


   .m-md-n2 {

      margin: -0.5rem !important;

   }


   .mt-md-n2,

   .my-md-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-md-n2,

   .mx-md-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-md-n2,

   .my-md-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-md-n2,

   .mx-md-n2 {

      margin-left: -0.5rem !important;

   }


   .m-md-n3 {

      margin: -1rem !important;

   }


   .mt-md-n3,

   .my-md-n3 {

      margin-top: -1rem !important;

   }


   .mr-md-n3,

   .mx-md-n3 {

      margin-right: -1rem !important;

   }


   .mb-md-n3,

   .my-md-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-md-n3,

   .mx-md-n3 {

      margin-left: -1rem !important;

   }


   .m-md-n4 {

      margin: -1.5rem !important;

   }


   .mt-md-n4,

   .my-md-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-md-n4,

   .mx-md-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-md-n4,

   .my-md-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-md-n4,

   .mx-md-n4 {

      margin-left: -1.5rem !important;

   }


   .m-md-n5 {

      margin: -3rem !important;

   }


   .mt-md-n5,

   .my-md-n5 {

      margin-top: -3rem !important;

   }


   .mr-md-n5,

   .mx-md-n5 {

      margin-right: -3rem !important;

   }


   .mb-md-n5,

   .my-md-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-md-n5,

   .mx-md-n5 {

      margin-left: -3rem !important;

   }


   .m-md-auto {

      margin: auto !important;

   }


   .mt-md-auto,

   .my-md-auto {

      margin-top: auto !important;

   }


   .mr-md-auto,

   .mx-md-auto {

      margin-right: auto !important;

   }


   .mb-md-auto,

   .my-md-auto {

      margin-bottom: auto !important;

   }


   .ml-md-auto,

   .mx-md-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 992px) {

   .m-lg-0 {

      margin: 0 !important;

   }


   .mt-lg-0,

   .my-lg-0 {

      margin-top: 0 !important;

   }


   .mr-lg-0,

   .mx-lg-0 {

      margin-right: 0 !important;

   }


   .mb-lg-0,

   .my-lg-0 {

      margin-bottom: 0 !important;

   }


   .ml-lg-0,

   .mx-lg-0 {

      margin-left: 0 !important;

   }


   .m-lg-1 {

      margin: 0.25rem !important;

   }


   .mt-lg-1,

   .my-lg-1 {

      margin-top: 0.25rem !important;

   }


   .mr-lg-1,

   .mx-lg-1 {

      margin-right: 0.25rem !important;

   }


   .mb-lg-1,

   .my-lg-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-lg-1,

   .mx-lg-1 {

      margin-left: 0.25rem !important;

   }


   .m-lg-2 {

      margin: 0.5rem !important;

   }


   .mt-lg-2,

   .my-lg-2 {

      margin-top: 0.5rem !important;

   }


   .mr-lg-2,

   .mx-lg-2 {

      margin-right: 0.5rem !important;

   }


   .mb-lg-2,

   .my-lg-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-lg-2,

   .mx-lg-2 {

      margin-left: 0.5rem !important;

   }


   .m-lg-3 {

      margin: 1rem !important;

   }


   .mt-lg-3,

   .my-lg-3 {

      margin-top: 1rem !important;

   }


   .mr-lg-3,

   .mx-lg-3 {

      margin-right: 1rem !important;

   }


   .mb-lg-3,

   .my-lg-3 {

      margin-bottom: 1rem !important;

   }


   .ml-lg-3,

   .mx-lg-3 {

      margin-left: 1rem !important;

   }


   .m-lg-4 {

      margin: 1.5rem !important;

   }


   .mt-lg-4,

   .my-lg-4 {

      margin-top: 1.5rem !important;

   }


   .mr-lg-4,

   .mx-lg-4 {

      margin-right: 1.5rem !important;

   }


   .mb-lg-4,

   .my-lg-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-lg-4,

   .mx-lg-4 {

      margin-left: 1.5rem !important;

   }


   .m-lg-5 {

      margin: 3rem !important;

   }


   .mt-lg-5,

   .my-lg-5 {

      margin-top: 3rem !important;

   }


   .mr-lg-5,

   .mx-lg-5 {

      margin-right: 3rem !important;

   }


   .mb-lg-5,

   .my-lg-5 {

      margin-bottom: 3rem !important;

   }


   .ml-lg-5,

   .mx-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: 0.25rem !important;

   }


   .pt-lg-1,

   .py-lg-1 {

      padding-top: 0.25rem !important;

   }


   .pr-lg-1,

   .px-lg-1 {

      padding-right: 0.25rem !important;

   }


   .pb-lg-1,

   .py-lg-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-lg-1,

   .px-lg-1 {

      padding-left: 0.25rem !important;

   }


   .p-lg-2 {

      padding: 0.5rem !important;

   }


   .pt-lg-2,

   .py-lg-2 {

      padding-top: 0.5rem !important;

   }


   .pr-lg-2,

   .px-lg-2 {

      padding-right: 0.5rem !important;

   }


   .pb-lg-2,

   .py-lg-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-lg-2,

   .px-lg-2 {

      padding-left: 0.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-n1 {

      margin: -0.25rem !important;

   }


   .mt-lg-n1,

   .my-lg-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-lg-n1,

   .mx-lg-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-lg-n1,

   .my-lg-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-lg-n1,

   .mx-lg-n1 {

      margin-left: -0.25rem !important;

   }


   .m-lg-n2 {

      margin: -0.5rem !important;

   }


   .mt-lg-n2,

   .my-lg-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-lg-n2,

   .mx-lg-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-lg-n2,

   .my-lg-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-lg-n2,

   .mx-lg-n2 {

      margin-left: -0.5rem !important;

   }


   .m-lg-n3 {

      margin: -1rem !important;

   }


   .mt-lg-n3,

   .my-lg-n3 {

      margin-top: -1rem !important;

   }


   .mr-lg-n3,

   .mx-lg-n3 {

      margin-right: -1rem !important;

   }


   .mb-lg-n3,

   .my-lg-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-lg-n3,

   .mx-lg-n3 {

      margin-left: -1rem !important;

   }


   .m-lg-n4 {

      margin: -1.5rem !important;

   }


   .mt-lg-n4,

   .my-lg-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-lg-n4,

   .mx-lg-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-lg-n4,

   .my-lg-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-lg-n4,

   .mx-lg-n4 {

      margin-left: -1.5rem !important;

   }


   .m-lg-n5 {

      margin: -3rem !important;

   }


   .mt-lg-n5,

   .my-lg-n5 {

      margin-top: -3rem !important;

   }


   .mr-lg-n5,

   .mx-lg-n5 {

      margin-right: -3rem !important;

   }


   .mb-lg-n5,

   .my-lg-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-lg-n5,

   .mx-lg-n5 {

      margin-left: -3rem !important;

   }


   .m-lg-auto {

      margin: auto !important;

   }


   .mt-lg-auto,

   .my-lg-auto {

      margin-top: auto !important;

   }


   .mr-lg-auto,

   .mx-lg-auto {

      margin-right: auto !important;

   }


   .mb-lg-auto,

   .my-lg-auto {

      margin-bottom: auto !important;

   }


   .ml-lg-auto,

   .mx-lg-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 1200px) {

   .m-xl-0 {

      margin: 0 !important;

   }


   .mt-xl-0,

   .my-xl-0 {

      margin-top: 0 !important;

   }


   .mr-xl-0,

   .mx-xl-0 {

      margin-right: 0 !important;

   }


   .mb-xl-0,

   .my-xl-0 {

      margin-bottom: 0 !important;

   }


   .ml-xl-0,

   .mx-xl-0 {

      margin-left: 0 !important;

   }


   .m-xl-1 {

      margin: 0.25rem !important;

   }


   .mt-xl-1,

   .my-xl-1 {

      margin-top: 0.25rem !important;

   }


   .mr-xl-1,

   .mx-xl-1 {

      margin-right: 0.25rem !important;

   }


   .mb-xl-1,

   .my-xl-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-xl-1,

   .mx-xl-1 {

      margin-left: 0.25rem !important;

   }


   .m-xl-2 {

      margin: 0.5rem !important;

   }


   .mt-xl-2,

   .my-xl-2 {

      margin-top: 0.5rem !important;

   }


   .mr-xl-2,

   .mx-xl-2 {

      margin-right: 0.5rem !important;

   }


   .mb-xl-2,

   .my-xl-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-xl-2,

   .mx-xl-2 {

      margin-left: 0.5rem !important;

   }


   .m-xl-3 {

      margin: 1rem !important;

   }


   .mt-xl-3,

   .my-xl-3 {

      margin-top: 1rem !important;

   }


   .mr-xl-3,

   .mx-xl-3 {

      margin-right: 1rem !important;

   }


   .mb-xl-3,

   .my-xl-3 {

      margin-bottom: 1rem !important;

   }


   .ml-xl-3,

   .mx-xl-3 {

      margin-left: 1rem !important;

   }


   .m-xl-4 {

      margin: 1.5rem !important;

   }


   .mt-xl-4,

   .my-xl-4 {

      margin-top: 1.5rem !important;

   }


   .mr-xl-4,

   .mx-xl-4 {

      margin-right: 1.5rem !important;

   }


   .mb-xl-4,

   .my-xl-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-xl-4,

   .mx-xl-4 {

      margin-left: 1.5rem !important;

   }


   .m-xl-5 {

      margin: 3rem !important;

   }


   .mt-xl-5,

   .my-xl-5 {

      margin-top: 3rem !important;

   }


   .mr-xl-5,

   .mx-xl-5 {

      margin-right: 3rem !important;

   }


   .mb-xl-5,

   .my-xl-5 {

      margin-bottom: 3rem !important;

   }


   .ml-xl-5,

   .mx-xl-5 {

      margin-left: 3rem !important;

   }


   .p-xl-0 {

      padding: 0 !important;

   }


   .pt-xl-0,

   .py-xl-0 {

      padding-top: 0 !important;

   }


   .pr-xl-0,

   .px-xl-0 {

      padding-right: 0 !important;

   }


   .pb-xl-0,

   .py-xl-0 {

      padding-bottom: 0 !important;

   }


   .pl-xl-0,

   .px-xl-0 {

      padding-left: 0 !important;

   }


   .p-xl-1 {

      padding: 0.25rem !important;

   }


   .pt-xl-1,

   .py-xl-1 {

      padding-top: 0.25rem !important;

   }


   .pr-xl-1,

   .px-xl-1 {

      padding-right: 0.25rem !important;

   }


   .pb-xl-1,

   .py-xl-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-xl-1,

   .px-xl-1 {

      padding-left: 0.25rem !important;

   }


   .p-xl-2 {

      padding: 0.5rem !important;

   }


   .pt-xl-2,

   .py-xl-2 {

      padding-top: 0.5rem !important;

   }


   .pr-xl-2,

   .px-xl-2 {

      padding-right: 0.5rem !important;

   }


   .pb-xl-2,

   .py-xl-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-xl-2,

   .px-xl-2 {

      padding-left: 0.5rem !important;

   }


   .p-xl-3 {

      padding: 1rem !important;

   }


   .pt-xl-3,

   .py-xl-3 {

      padding-top: 1rem !important;

   }


   .pr-xl-3,

   .px-xl-3 {

      padding-right: 1rem !important;

   }


   .pb-xl-3,

   .py-xl-3 {

      padding-bottom: 1rem !important;

   }


   .pl-xl-3,

   .px-xl-3 {

      padding-left: 1rem !important;

   }


   .p-xl-4 {

      padding: 1.5rem !important;

   }


   .pt-xl-4,

   .py-xl-4 {

      padding-top: 1.5rem !important;

   }


   .pr-xl-4,

   .px-xl-4 {

      padding-right: 1.5rem !important;

   }


   .pb-xl-4,

   .py-xl-4 {

      padding-bottom: 1.5rem !important;

   }


   .pl-xl-4,

   .px-xl-4 {

      padding-left: 1.5rem !important;

   }


   .p-xl-5 {

      padding: 3rem !important;

   }


   .pt-xl-5,

   .py-xl-5 {

      padding-top: 3rem !important;

   }


   .pr-xl-5,

   .px-xl-5 {

      padding-right: 3rem !important;

   }


   .pb-xl-5,

   .py-xl-5 {

      padding-bottom: 3rem !important;

   }


   .pl-xl-5,

   .px-xl-5 {

      padding-left: 3rem !important;

   }


   .m-xl-n1 {

      margin: -0.25rem !important;

   }


   .mt-xl-n1,

   .my-xl-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-xl-n1,

   .mx-xl-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-xl-n1,

   .my-xl-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-xl-n1,

   .mx-xl-n1 {

      margin-left: -0.25rem !important;

   }


   .m-xl-n2 {

      margin: -0.5rem !important;

   }


   .mt-xl-n2,

   .my-xl-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-xl-n2,

   .mx-xl-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-xl-n2,

   .my-xl-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-xl-n2,

   .mx-xl-n2 {

      margin-left: -0.5rem !important;

   }


   .m-xl-n3 {

      margin: -1rem !important;

   }


   .mt-xl-n3,

   .my-xl-n3 {

      margin-top: -1rem !important;

   }


   .mr-xl-n3,

   .mx-xl-n3 {

      margin-right: -1rem !important;

   }


   .mb-xl-n3,

   .my-xl-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-xl-n3,

   .mx-xl-n3 {

      margin-left: -1rem !important;

   }


   .m-xl-n4 {

      margin: -1.5rem !important;

   }


   .mt-xl-n4,

   .my-xl-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-xl-n4,

   .mx-xl-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-xl-n4,

   .my-xl-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-xl-n4,

   .mx-xl-n4 {

      margin-left: -1.5rem !important;

   }


   .m-xl-n5 {

      margin: -3rem !important;

   }


   .mt-xl-n5,

   .my-xl-n5 {

      margin-top: -3rem !important;

   }


   .mr-xl-n5,

   .mx-xl-n5 {

      margin-right: -3rem !important;

   }


   .mb-xl-n5,

   .my-xl-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-xl-n5,

   .mx-xl-n5 {

      margin-left: -3rem !important;

   }


   .m-xl-auto {

      margin: auto !important;

   }


   .mt-xl-auto,

   .my-xl-auto {

      margin-top: auto !important;

   }


   .mr-xl-auto,

   .mx-xl-auto {

      margin-right: auto !important;

   }


   .mb-xl-auto,

   .my-xl-auto {

      margin-bottom: auto !important;

   }


   .ml-xl-auto,

   .mx-xl-auto {

      margin-left: auto !important;

   }

}


.text-monospace {

   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;

}


.text-justify {

   text-align: justify !important;

}


.text-wrap {

   white-space: normal !important;

}


.text-nowrap {

   white-space: nowrap !important;

}


.text-truncate {

   overflow: hidden;

   text-overflow: ellipsis;

   white-space: nowrap;

}


.text-left {

   text-align: left !important;

}


.text-right {

   text-align: right !important;

}


.text-center {

   text-align: center !important;

}


@media (min-width: 576px) {

   .text-sm-left {

      text-align: left !important;

   }


   .text-sm-right {

      text-align: right !important;

   }


   .text-sm-center {

      text-align: center !important;

   }

}


@media (min-width: 768px) {

   .text-md-left {

      text-align: left !important;

   }


   .text-md-right {

      text-align: right !important;

   }


   .text-md-center {

      text-align: center !important;

   }

}


@media (min-width: 992px) {

   .text-lg-left {

      text-align: left !important;

   }


   .text-lg-right {

      text-align: right !important;

   }


   .text-lg-center {

      text-align: center !important;

   }

}


@media (min-width: 1200px) {

   .text-xl-left {

      text-align: left !important;

   }


   .text-xl-right {

      text-align: right !important;

   }


   .text-xl-center {

      text-align: center !important;

   }

}


.text-lowercase {

   text-transform: lowercase !important;

}


.text-uppercase {

   text-transform: uppercase !important;

}


.text-capitalize {

   text-transform: capitalize !important;

}


.font-weight-light {

   font-weight: 300 !important;

}


.font-weight-lighter {

   font-weight: lighter !important;

}


.font-weight-normal {

   font-weight: 400 !important;

}


.font-weight-bold {

   font-weight: 700 !important;

}


.font-weight-bolder {

   font-weight: bolder !important;

}


.font-italic {

   font-style: italic !important;

}


.text-white {

   color: #fff !important;

}


.text-primary {

   color: #007bff !important;

}


a.text-primary:hover,

a.text-primary:focus {

   color: #0056b3 !important;

}


.text-secondary {

   color: #6c757d !important;

}


a.text-secondary:hover,

a.text-secondary:focus {

   color: #494f54 !important;

}


.text-success {

   color: #28a745 !important;

}


a.text-success:hover,

a.text-success:focus {

   color: #19692c !important;

}


.text-info {

   color: #17a2b8 !important;

}


a.text-info:hover,

a.text-info:focus {

   color: #0f6674 !important;

}


.text-warning {

   color: #ffc107 !important;

}


a.text-warning:hover,

a.text-warning:focus {

   color: #ba8b00 !important;

}


.text-danger {

   color: #dc3545 !important;

}


a.text-danger:hover,

a.text-danger:focus {

   color: #a71d2a !important;

}


.text-light {

   color: #f8f9fa !important;

}


a.text-light:hover,

a.text-light:focus {

   color: #cbd3da !important;

}


.text-dark {

   color: #343a40 !important;

}


a.text-dark:hover,

a.text-dark:focus {

   color: #121416 !important;

}


.text-body {

   color: #212529 !important;

}


.text-muted {

   color: #6c757d !important;

}


.text-black-50 {

   color: rgba(0, 0, 0, 0.5) !important;

}


.text-white-50 {

   color: rgba(255, 255, 255, 0.5) !important;

}


.text-hide {

   font: 0/0 a;

   color: transparent;

   text-shadow: none;

   background-color: transparent;

   border: 0;

}


.text-decoration-none {

   text-decoration: none !important;

}


.text-break {

   word-break: break-word !important;

   overflow-wrap: break-word !important;

}


.text-reset {

   color: inherit !important;

}


.visible {

   visibility: visible !important;

}


.invisible {

   visibility: hidden !important;

}


@media print {


   *,

   *::before,

   *::after {

      text-shadow: none !important;

      -webkit-box-shadow: none !important;

      box-shadow: none !important;

   }


   a:not(.btn) {

      text-decoration: underline;

   }


   abbr[title]::after {

      content: " ("attr(title) ")";

   }


   pre {

      white-space: pre-wrap !important;

   }


   pre,

   blockquote {

      border: 1px solid #adb5bd;

      page-break-inside: avoid;

   }


   thead {

      display: table-header-group;

   }


   tr,

   img {

      page-break-inside: avoid;

   }


   p,

   h2,

   h3 {

      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;

   }


   .badge {

      border: 1px solid #000;

   }


   .table {

      border-collapse: collapse !important;

   }


   .table td,

   .table th {

      background-color: #fff !important;

   }


   .table-bordered th,

   .table-bordered td {

      border: 1px solid #dee2e6 !important;

   }


   .table-dark {

      color: inherit;

   }


   .table-dark th,

   .table-dark td,

   .table-dark thead th,

   .table-dark tbody+tbody {

      border-color: #dee2e6;

   }


   .table .thead-dark th {

      color: inherit;

      border-color: #dee2e6;

   }

}


/*!

* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)

* Copyright 2011-2019 The Bootstrap Authors

* Copyright 2011-2019 Twitter, Inc.

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

*/

html {

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   -ms-overflow-style: scrollbar;

}


*,

*::before,

*::after {

   -webkit-box-sizing: inherit;

   box-sizing: inherit;

}


.container {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}


@media (min-width: 768px) {

   .container {

      max-width: 720px;

   }

}


@media (min-width: 992px) {

   .container {

      max-width: 960px;

   }

}


@media (min-width: 1200px) {

   .container {

      max-width: 1500px;

   }

}


.container-fluid {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   margin-right: auto;

   margin-left: auto;

}


.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-1,

.col-2,

.col-3,

.col-4,

.col-5,

.col-6,

.col-7,

.col-8,

.col-9,

.col-10,

.col-11,

.col-12,

.col,

.col-auto,

.col-sm-1,

.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-10,

.col-sm-11,

.col-sm-12,

.col-sm,

.col-sm-auto,

.col-md-1,

.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-10,

.col-md-11,

.col-md-12,

.col-md,

.col-md-auto,

.col-lg-1,

.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-10,

.col-lg-11,

.col-lg-12,

.col-lg,

.col-lg-auto,

.col-xl-1,

.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-10,

.col-xl-11,

.col-xl-12,

.col-xl,

.col-xl-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.33333333%;

   flex: 0 0 8.33333333%;

   max-width: 8.33333333%;

}


.col-2 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 16.66666667%;

   flex: 0 0 16.66666667%;

   max-width: 16.66666667%;

}


.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.33333333%;

   flex: 0 0 33.33333333%;

   max-width: 33.33333333%;

}


.col-5 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 41.66666667%;

   flex: 0 0 41.66666667%;

   max-width: 41.66666667%;

}


.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.33333333%;

   flex: 0 0 58.33333333%;

   max-width: 58.33333333%;

}


.col-8 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 66.66666667%;

   flex: 0 0 66.66666667%;

   max-width: 66.66666667%;

}


.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.33333333%;

   flex: 0 0 83.33333333%;

   max-width: 83.33333333%;

}


.col-11 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 91.66666667%;

   flex: 0 0 91.66666667%;

   max-width: 91.66666667%;

}


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

}


.offset-1 {

   margin-left: 8.33333333%;

}


.offset-2 {

   margin-left: 16.66666667%;

}


.offset-3 {

   margin-left: 25%;

}


.offset-4 {

   margin-left: 33.33333333%;

}


.offset-5 {

   margin-left: 41.66666667%;

}


.offset-6 {

   margin-left: 50%;

}


.offset-7 {

   margin-left: 58.33333333%;

}


.offset-8 {

   margin-left: 66.66666667%;

}


.offset-9 {

   margin-left: 75%;

}


.offset-10 {

   margin-left: 83.33333333%;

}


.offset-11 {

   margin-left: 91.66666667%;

}


@media (min-width: 576px) {

   .col-sm {

      -ms-flex-preferred-size: 0;

      flex-basis: 0;

      -webkit-box-flex: 1;

      -ms-flex-positive: 1;

      flex-grow: 1;

      max-width: 100%;

   }


   .col-sm-auto {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      width: auto;

      max-width: 100%;

   }


   .col-sm-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-sm-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .col-sm-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .col-sm-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-sm-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .col-sm-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

   }


   .col-sm-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-sm-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .col-sm-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

   }


   .col-sm-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-sm-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


   .col-sm-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

   }


   .order-sm-first {

      -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

      order: -1;

   }


   .order-sm-last {

      -webkit-box-ordinal-group: 14;

      -ms-flex-order: 13;

      order: 13;

   }


   .order-sm-0 {

      -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

      order: 0;

   }


   .order-sm-1 {

      -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

      order: 1;

   }


   .order-sm-2 {

      -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

      order: 2;

   }


   .order-sm-3 {

      -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

      order: 3;

   }


   .order-sm-4 {

      -webkit-box-ordinal-group: 5;

      -ms-flex-order: 4;

      order: 4;

   }


   .order-sm-5 {

      -webkit-box-ordinal-group: 6;

      -ms-flex-order: 5;

      order: 5;

   }


   .order-sm-6 {

      -webkit-box-ordinal-group: 7;

      -ms-flex-order: 6;

      order: 6;

   }


   .order-sm-7 {

      -webkit-box-ordinal-group: 8;

      -ms-flex-order: 7;

      order: 7;

   }


   .order-sm-8 {

      -webkit-box-ordinal-group: 9;

      -ms-flex-order: 8;

      order: 8;

   }


   .order-sm-9 {

      -webkit-box-ordinal-group: 10;

      -ms-flex-order: 9;

      order: 9;

   }


   .order-sm-10 {

      -webkit-box-ordinal-group: 11;

      -ms-flex-order: 10;

      order: 10;

   }


   .order-sm-11 {

      -webkit-box-ordinal-group: 12;

      -ms-flex-order: 11;

      order: 11;

   }


   .order-sm-12 {

      -webkit-box-ordinal-group: 13;

      -ms-flex-order: 12;

      order: 12;

   }


   .offset-sm-0 {

      margin-left: 0;

   }


   .offset-sm-1 {

      margin-left: 8.33333333%;

   }


   .offset-sm-2 {

      margin-left: 16.66666667%;

   }


   .offset-sm-3 {

      margin-left: 25%;

   }


   .offset-sm-4 {

      margin-left: 33.33333333%;

   }


   .offset-sm-5 {

      margin-left: 41.66666667%;

   }


   .offset-sm-6 {

      margin-left: 50%;

   }


   .offset-sm-7 {

      margin-left: 58.33333333%;

   }


   .offset-sm-8 {

      margin-left: 66.66666667%;

   }


   .offset-sm-9 {

      margin-left: 75%;

   }


   .offset-sm-10 {

      margin-left: 83.33333333%;

   }


   .offset-sm-11 {

      margin-left: 91.66666667%;

   }

}


@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.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-md-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .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.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-md-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .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.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .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.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-md-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


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

   }


   .offset-md-0 {

      margin-left: 0;

   }


   .offset-md-1 {

      margin-left: 8.33333333%;

   }


   .offset-md-2 {

      margin-left: 16.66666667%;

   }


   .offset-md-3 {

      margin-left: 25%;

   }


   .offset-md-4 {

      margin-left: 33.33333333%;

   }


   .offset-md-5 {

      margin-left: 41.66666667%;

   }


   .offset-md-6 {

      margin-left: 50%;

   }


   .offset-md-7 {

      margin-left: 58.33333333%;

   }


   .offset-md-8 {

      margin-left: 66.66666667%;

   }


   .offset-md-9 {

      margin-left: 75%;

   }


   .offset-md-10 {

      margin-left: 83.33333333%;

   }


   .offset-md-11 {

      margin-left: 91.66666667%;

   }

}


@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.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-lg-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .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.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-lg-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .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.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-lg-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .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.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-lg-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


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

   }


   .offset-lg-0 {

      margin-left: 0;

   }


   .offset-lg-1 {

      margin-left: 8.33333333%;

   }


   .offset-lg-2 {

      margin-left: 16.66666667%;

   }


   .offset-lg-3 {

      margin-left: 25%;

   }


   .offset-lg-4 {

      margin-left: 33.33333333%;

   }


   .offset-lg-5 {

      margin-left: 41.66666667%;

   }


   .offset-lg-6 {

      margin-left: 50%;

   }


   .offset-lg-7 {

      margin-left: 58.33333333%;

   }


   .offset-lg-8 {

      margin-left: 66.66666667%;

   }


   .offset-lg-9 {

      margin-left: 75%;

   }


   .offset-lg-10 {

      margin-left: 83.33333333%;

   }


   .offset-lg-11 {

      margin-left: 91.66666667%;

   }

}


@media (min-width: 1200px) {

   .col-xl {

      -ms-flex-preferred-size: 0;

      flex-basis: 0;

      -webkit-box-flex: 1;

      -ms-flex-positive: 1;

      flex-grow: 1;

      max-width: 100%;

   }


   .col-xl-auto {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      width: auto;

      max-width: 100%;

   }


   .col-xl-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.33333333%;

      flex: 0 0 8.33333333%;

      max-width: 8.33333333%;

   }


   .col-xl-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.66666667%;

      flex: 0 0 16.66666667%;

      max-width: 16.66666667%;

   }


   .col-xl-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .col-xl-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.33333333%;

      flex: 0 0 33.33333333%;

      max-width: 33.33333333%;

   }


   .col-xl-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.66666667%;

      flex: 0 0 41.66666667%;

      max-width: 41.66666667%;

   }


   .col-xl-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

   }


   .col-xl-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.33333333%;

      flex: 0 0 58.33333333%;

      max-width: 58.33333333%;

   }


   .col-xl-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.66666667%;

      flex: 0 0 66.66666667%;

      max-width: 66.66666667%;

   }


   .col-xl-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

   }


   .col-xl-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.33333333%;

      flex: 0 0 83.33333333%;

      max-width: 83.33333333%;

   }


   .col-xl-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.66666667%;

      flex: 0 0 91.66666667%;

      max-width: 91.66666667%;

   }


   .col-xl-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

   }


   .order-xl-first {

      -webkit-box-ordinal-group: 0;

      -ms-flex-order: -1;

      order: -1;

   }


   .order-xl-last {

      -webkit-box-ordinal-group: 14;

      -ms-flex-order: 13;

      order: 13;

   }


   .order-xl-0 {

      -webkit-box-ordinal-group: 1;

      -ms-flex-order: 0;

      order: 0;

   }


   .order-xl-1 {

      -webkit-box-ordinal-group: 2;

      -ms-flex-order: 1;

      order: 1;

   }


   .order-xl-2 {

      -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

      order: 2;

   }


   .order-xl-3 {

      -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

      order: 3;

   }


   .order-xl-4 {

      -webkit-box-ordinal-group: 5;

      -ms-flex-order: 4;

      order: 4;

   }


   .order-xl-5 {

      -webkit-box-ordinal-group: 6;

      -ms-flex-order: 5;

      order: 5;

   }


   .order-xl-6 {

      -webkit-box-ordinal-group: 7;

      -ms-flex-order: 6;

      order: 6;

   }


   .order-xl-7 {

      -webkit-box-ordinal-group: 8;

      -ms-flex-order: 7;

      order: 7;

   }


   .order-xl-8 {

      -webkit-box-ordinal-group: 9;

      -ms-flex-order: 8;

      order: 8;

   }


   .order-xl-9 {

      -webkit-box-ordinal-group: 10;

      -ms-flex-order: 9;

      order: 9;

   }


   .order-xl-10 {

      -webkit-box-ordinal-group: 11;

      -ms-flex-order: 10;

      order: 10;

   }


   .order-xl-11 {

      -webkit-box-ordinal-group: 12;

      -ms-flex-order: 11;

      order: 11;

   }


   .order-xl-12 {

      -webkit-box-ordinal-group: 13;

      -ms-flex-order: 12;

      order: 12;

   }


   .offset-xl-0 {

      margin-left: 0;

   }


   .offset-xl-1 {

      margin-left: 8.33333333%;

   }


   .offset-xl-2 {

      margin-left: 16.66666667%;

   }


   .offset-xl-3 {

      margin-left: 25%;

   }


   .offset-xl-4 {

      margin-left: 33.33333333%;

   }


   .offset-xl-5 {

      margin-left: 41.66666667%;

   }


   .offset-xl-6 {

      margin-left: 50%;

   }


   .offset-xl-7 {

      margin-left: 58.33333333%;

   }


   .offset-xl-8 {

      margin-left: 66.66666667%;

   }


   .offset-xl-9 {

      margin-left: 75%;

   }


   .offset-xl-10 {

      margin-left: 83.33333333%;

   }


   .offset-xl-11 {

      margin-left: 91.66666667%;

   }

}


.d-none {

   display: none !important;

}


.d-inline {

   display: inline !important;

}


.d-inline-block {

   display: inline-block !important;

}


.d-block {

   display: block !important;

}


.d-table {

   display: table !important;

}


.d-table-row {

   display: table-row !important;

}


.d-table-cell {

   display: table-cell !important;

}


.d-flex {

   display: -webkit-box !important;

   display: -ms-flexbox !important;

   display: flex !important;

}


.d-inline-flex {

   display: -webkit-inline-box !important;

   display: -ms-inline-flexbox !important;

   display: inline-flex !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-table {

      display: table !important;

   }


   .d-sm-table-row {

      display: table-row !important;

   }


   .d-sm-table-cell {

      display: table-cell !important;

   }


   .d-sm-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-sm-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-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-table {

      display: table !important;

   }


   .d-md-table-row {

      display: table-row !important;

   }


   .d-md-table-cell {

      display: table-cell !important;

   }


   .d-md-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-md-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


@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-table {

      display: table !important;

   }


   .d-lg-table-row {

      display: table-row !important;

   }


   .d-lg-table-cell {

      display: table-cell !important;

   }


   .d-lg-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-lg-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !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-table {

      display: table !important;

   }


   .d-xl-table-row {

      display: table-row !important;

   }


   .d-xl-table-cell {

      display: table-cell !important;

   }


   .d-xl-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-xl-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


@media print {

   .d-print-none {

      display: none !important;

   }


   .d-print-inline {

      display: inline !important;

   }


   .d-print-inline-block {

      display: inline-block !important;

   }


   .d-print-block {

      display: block !important;

   }


   .d-print-table {

      display: table !important;

   }


   .d-print-table-row {

      display: table-row !important;

   }


   .d-print-table-cell {

      display: table-cell !important;

   }


   .d-print-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }


   .d-print-inline-flex {

      display: -webkit-inline-box !important;

      display: -ms-inline-flexbox !important;

      display: inline-flex !important;

   }

}


.flex-row {

   -webkit-box-orient: horizontal !important;

   -webkit-box-direction: normal !important;

   -ms-flex-direction: row !important;

   flex-direction: row !important;

}


.flex-column {

   -webkit-box-orient: vertical !important;

   -webkit-box-direction: normal !important;

   -ms-flex-direction: column !important;

   flex-direction: column !important;

}


.flex-row-reverse {

   -webkit-box-orient: horizontal !important;

   -webkit-box-direction: reverse !important;

   -ms-flex-direction: row-reverse !important;

   flex-direction: row-reverse !important;

}


.flex-column-reverse {

   -webkit-box-orient: vertical !important;

   -webkit-box-direction: reverse !important;

   -ms-flex-direction: column-reverse !important;

   flex-direction: column-reverse !important;

}


.flex-wrap {

   -ms-flex-wrap: wrap !important;

   flex-wrap: wrap !important;

}


.flex-nowrap {

   -ms-flex-wrap: nowrap !important;

   flex-wrap: nowrap !important;

}


.flex-wrap-reverse {

   -ms-flex-wrap: wrap-reverse !important;

   flex-wrap: wrap-reverse !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;

}


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

}


.justify-content-between {

   -webkit-box-pack: justify !important;

   -ms-flex-pack: justify !important;

   justify-content: space-between !important;

}


.justify-content-around {

   -ms-flex-pack: distribute !important;

   justify-content: space-around !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-baseline {

   -webkit-box-align: baseline !important;

   -ms-flex-align: baseline !important;

   align-items: baseline !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-between {

   -ms-flex-line-pack: justify !important;

   align-content: space-between !important;

}


.align-content-around {

   -ms-flex-line-pack: distribute !important;

   align-content: space-around !important;

}


.align-content-stretch {

   -ms-flex-line-pack: stretch !important;

   align-content: stretch !important;

}


.align-self-auto {

   -ms-flex-item-align: auto !important;

   align-self: auto !important;

}


.align-self-start {

   -ms-flex-item-align: start !important;

   align-self: flex-start !important;

}


.align-self-end {

   -ms-flex-item-align: end !important;

   align-self: flex-end !important;

}


.align-self-center {

   -ms-flex-item-align: center !important;

   align-self: center !important;

}


.align-self-baseline {

   -ms-flex-item-align: baseline !important;

   align-self: baseline !important;

}


.align-self-stretch {

   -ms-flex-item-align: stretch !important;

   align-self: stretch !important;

}


@media (min-width: 576px) {

   .flex-sm-row {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

   }


   .flex-sm-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-sm-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-sm-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-sm-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-sm-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-sm-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !important;

   }


   .flex-sm-fill {

      -webkit-box-flex: 1 !important;

      -ms-flex: 1 1 auto !important;

      flex: 1 1 auto !important;

   }


   .flex-sm-grow-0 {

      -webkit-box-flex: 0 !important;

      -ms-flex-positive: 0 !important;

      flex-grow: 0 !important;

   }


   .flex-sm-grow-1 {

      -webkit-box-flex: 1 !important;

      -ms-flex-positive: 1 !important;

      flex-grow: 1 !important;

   }


   .flex-sm-shrink-0 {

      -ms-flex-negative: 0 !important;

      flex-shrink: 0 !important;

   }


   .flex-sm-shrink-1 {

      -ms-flex-negative: 1 !important;

      flex-shrink: 1 !important;

   }


   .justify-content-sm-start {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: flex-start !important;

   }


   .justify-content-sm-end {

      -webkit-box-pack: end !important;

      -ms-flex-pack: end !important;

      justify-content: flex-end !important;

   }


   .justify-content-sm-center {

      -webkit-box-pack: center !important;

      -ms-flex-pack: center !important;

      justify-content: center !important;

   }


   .justify-content-sm-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-sm-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !important;

   }


   .align-items-sm-start {

      -webkit-box-align: start !important;

      -ms-flex-align: start !important;

      align-items: flex-start !important;

   }


   .align-items-sm-end {

      -webkit-box-align: end !important;

      -ms-flex-align: end !important;

      align-items: flex-end !important;

   }


   .align-items-sm-center {

      -webkit-box-align: center !important;

      -ms-flex-align: center !important;

      align-items: center !important;

   }


   .align-items-sm-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !important;

   }


   .align-items-sm-stretch {

      -webkit-box-align: stretch !important;

      -ms-flex-align: stretch !important;

      align-items: stretch !important;

   }


   .align-content-sm-start {

      -ms-flex-line-pack: start !important;

      align-content: flex-start !important;

   }


   .align-content-sm-end {

      -ms-flex-line-pack: end !important;

      align-content: flex-end !important;

   }


   .align-content-sm-center {

      -ms-flex-line-pack: center !important;

      align-content: center !important;

   }


   .align-content-sm-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-sm-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-sm-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-sm-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-sm-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-sm-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-sm-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-sm-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-sm-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: 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-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-md-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-md-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-md-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-md-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-md-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !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;

   }


   .justify-content-md-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-md-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !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-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !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-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-md-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-md-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-md-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-md-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-md-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-md-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-md-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-md-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: 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-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-lg-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-lg-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-lg-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-lg-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-lg-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !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;

   }


   .justify-content-lg-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-lg-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !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-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !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-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-lg-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-lg-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-lg-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-lg-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-lg-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-lg-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-lg-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-lg-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: stretch !important;

   }

}


@media (min-width: 1200px) {

   .flex-xl-row {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

   }


   .flex-xl-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

   }


   .flex-xl-row-reverse {

      -webkit-box-orient: horizontal !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: row-reverse !important;

      flex-direction: row-reverse !important;

   }


   .flex-xl-column-reverse {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: reverse !important;

      -ms-flex-direction: column-reverse !important;

      flex-direction: column-reverse !important;

   }


   .flex-xl-wrap {

      -ms-flex-wrap: wrap !important;

      flex-wrap: wrap !important;

   }


   .flex-xl-nowrap {

      -ms-flex-wrap: nowrap !important;

      flex-wrap: nowrap !important;

   }


   .flex-xl-wrap-reverse {

      -ms-flex-wrap: wrap-reverse !important;

      flex-wrap: wrap-reverse !important;

   }


   .flex-xl-fill {

      -webkit-box-flex: 1 !important;

      -ms-flex: 1 1 auto !important;

      flex: 1 1 auto !important;

   }


   .flex-xl-grow-0 {

      -webkit-box-flex: 0 !important;

      -ms-flex-positive: 0 !important;

      flex-grow: 0 !important;

   }


   .flex-xl-grow-1 {

      -webkit-box-flex: 1 !important;

      -ms-flex-positive: 1 !important;

      flex-grow: 1 !important;

   }


   .flex-xl-shrink-0 {

      -ms-flex-negative: 0 !important;

      flex-shrink: 0 !important;

   }


   .flex-xl-shrink-1 {

      -ms-flex-negative: 1 !important;

      flex-shrink: 1 !important;

   }


   .justify-content-xl-start {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: flex-start !important;

   }


   .justify-content-xl-end {

      -webkit-box-pack: end !important;

      -ms-flex-pack: end !important;

      justify-content: flex-end !important;

   }


   .justify-content-xl-center {

      -webkit-box-pack: center !important;

      -ms-flex-pack: center !important;

      justify-content: center !important;

   }


   .justify-content-xl-between {

      -webkit-box-pack: justify !important;

      -ms-flex-pack: justify !important;

      justify-content: space-between !important;

   }


   .justify-content-xl-around {

      -ms-flex-pack: distribute !important;

      justify-content: space-around !important;

   }


   .align-items-xl-start {

      -webkit-box-align: start !important;

      -ms-flex-align: start !important;

      align-items: flex-start !important;

   }



   .align-items-xl-end {

      -webkit-box-align: end !important;

      -ms-flex-align: end !important;

      align-items: flex-end !important;

   }


   .align-items-xl-center {

      -webkit-box-align: center !important;

      -ms-flex-align: center !important;

      align-items: center !important;

   }


   .align-items-xl-baseline {

      -webkit-box-align: baseline !important;

      -ms-flex-align: baseline !important;

      align-items: baseline !important;

   }


   .align-items-xl-stretch {

      -webkit-box-align: stretch !important;

      -ms-flex-align: stretch !important;

      align-items: stretch !important;

   }


   .align-content-xl-start {

      -ms-flex-line-pack: start !important;

      align-content: flex-start !important;

   }


   .align-content-xl-end {

      -ms-flex-line-pack: end !important;

      align-content: flex-end !important;

   }


   .align-content-xl-center {

      -ms-flex-line-pack: center !important;

      align-content: center !important;

   }


   .align-content-xl-between {

      -ms-flex-line-pack: justify !important;

      align-content: space-between !important;

   }


   .align-content-xl-around {

      -ms-flex-line-pack: distribute !important;

      align-content: space-around !important;

   }


   .align-content-xl-stretch {

      -ms-flex-line-pack: stretch !important;

      align-content: stretch !important;

   }


   .align-self-xl-auto {

      -ms-flex-item-align: auto !important;

      align-self: auto !important;

   }


   .align-self-xl-start {

      -ms-flex-item-align: start !important;

      align-self: flex-start !important;

   }


   .align-self-xl-end {

      -ms-flex-item-align: end !important;

      align-self: flex-end !important;

   }


   .align-self-xl-center {

      -ms-flex-item-align: center !important;

      align-self: center !important;

   }


   .align-self-xl-baseline {

      -ms-flex-item-align: baseline !important;

      align-self: baseline !important;

   }


   .align-self-xl-stretch {

      -ms-flex-item-align: stretch !important;

      align-self: stretch !important;

   }

}


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

}


.mt-n1,

.my-n1 {

   margin-top: -0.25rem !important;

}


.mr-n1,

.mx-n1 {

   margin-right: -0.25rem !important;

}


.mb-n1,

.my-n1 {

   margin-bottom: -0.25rem !important;

}


.ml-n1,

.mx-n1 {

   margin-left: -0.25rem !important;

}


.m-n2 {

   margin: -0.5rem !important;

}


.mt-n2,

.my-n2 {

   margin-top: -0.5rem !important;

}


.mr-n2,

.mx-n2 {

   margin-right: -0.5rem !important;

}


.mb-n2,

.my-n2 {

   margin-bottom: -0.5rem !important;

}


.ml-n2,

.mx-n2 {

   margin-left: -0.5rem !important;

}


.m-n3 {

   margin: -1rem !important;

}


.mt-n3,

.my-n3 {

   margin-top: -1rem !important;

}


.mr-n3,

.mx-n3 {

   margin-right: -1rem !important;

}


.mb-n3,

.my-n3 {

   margin-bottom: -1rem !important;

}


.ml-n3,

.mx-n3 {

   margin-left: -1rem !important;

}


.m-n4 {

   margin: -1.5rem !important;

}


.mt-n4,

.my-n4 {

   margin-top: -1.5rem !important;

}


.mr-n4,

.mx-n4 {

   margin-right: -1.5rem !important;

}


.mb-n4,

.my-n4 {

   margin-bottom: -1.5rem !important;

}


.ml-n4,

.mx-n4 {

   margin-left: -1.5rem !important;

}


.m-n5 {

   margin: -3rem !important;

}


.mt-n5,

.my-n5 {

   margin-top: -3rem !important;

}


.mr-n5,

.mx-n5 {

   margin-right: -3rem !important;

}


.mb-n5,

.my-n5 {

   margin-bottom: -3rem !important;

}


.ml-n5,

.mx-n5 {

   margin-left: -3rem !important;

}


.m-auto {

   margin: auto !important;

}


.mt-auto,

.my-auto {

   margin-top: auto !important;

}


.mr-auto,

.mx-auto {

   margin-right: auto !important;

}


.mb-auto,

.my-auto {

   margin-bottom: auto !important;

}


.ml-auto,

.mx-auto {

   margin-left: auto !important;

}


@media (min-width: 576px) {

   .m-sm-0 {

      margin: 0 !important;

   }


   .mt-sm-0,

   .my-sm-0 {

      margin-top: 0 !important;

   }


   .mr-sm-0,

   .mx-sm-0 {

      margin-right: 0 !important;

   }


   .mb-sm-0,

   .my-sm-0 {

      margin-bottom: 0 !important;

   }


   .ml-sm-0,

   .mx-sm-0 {

      margin-left: 0 !important;

   }


   .m-sm-1 {

      margin: 0.25rem !important;

   }


   .mt-sm-1,

   .my-sm-1 {

      margin-top: 0.25rem !important;

   }


   .mr-sm-1,

   .mx-sm-1 {

      margin-right: 0.25rem !important;

   }


   .mb-sm-1,

   .my-sm-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-sm-1,

   .mx-sm-1 {

      margin-left: 0.25rem !important;

   }


   .m-sm-2 {

      margin: 0.5rem !important;

   }


   .mt-sm-2,

   .my-sm-2 {

      margin-top: 0.5rem !important;

   }


   .mr-sm-2,

   .mx-sm-2 {

      margin-right: 0.5rem !important;

   }


   .mb-sm-2,

   .my-sm-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-sm-2,

   .mx-sm-2 {

      margin-left: 0.5rem !important;

   }


   .m-sm-3 {

      margin: 1rem !important;

   }


   .mt-sm-3,

   .my-sm-3 {

      margin-top: 1rem !important;

   }


   .mr-sm-3,

   .mx-sm-3 {

      margin-right: 1rem !important;

   }


   .mb-sm-3,

   .my-sm-3 {

      margin-bottom: 1rem !important;

   }


   .ml-sm-3,

   .mx-sm-3 {

      margin-left: 1rem !important;

   }


   .m-sm-4 {

      margin: 1.5rem !important;

   }


   .mt-sm-4,

   .my-sm-4 {

      margin-top: 1.5rem !important;

   }


   .mr-sm-4,

   .mx-sm-4 {

      margin-right: 1.5rem !important;

   }


   .mb-sm-4,

   .my-sm-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-sm-4,

   .mx-sm-4 {

      margin-left: 1.5rem !important;

   }


   .m-sm-5 {

      margin: 3rem !important;

   }


   .mt-sm-5,

   .my-sm-5 {

      margin-top: 3rem !important;

   }


   .mr-sm-5,

   .mx-sm-5 {

      margin-right: 3rem !important;

   }


   .mb-sm-5,

   .my-sm-5 {

      margin-bottom: 3rem !important;

   }


   .ml-sm-5,

   .mx-sm-5 {

      margin-left: 3rem !important;

   }


   .p-sm-0 {

      padding: 0 !important;

   }


   .pt-sm-0,

   .py-sm-0 {

      padding-top: 0 !important;

   }


   .pr-sm-0,

   .px-sm-0 {

      padding-right: 0 !important;

   }


   .pb-sm-0,

   .py-sm-0 {

      padding-bottom: 0 !important;

   }


   .pl-sm-0,

   .px-sm-0 {

      padding-left: 0 !important;

   }


   .p-sm-1 {

      padding: 0.25rem !important;

   }


   .pt-sm-1,

   .py-sm-1 {

      padding-top: 0.25rem !important;

   }


   .pr-sm-1,

   .px-sm-1 {

      padding-right: 0.25rem !important;

   }


   .pb-sm-1,

   .py-sm-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-sm-1,

   .px-sm-1 {

      padding-left: 0.25rem !important;

   }


   .p-sm-2 {

      padding: 0.5rem !important;

   }


   .pt-sm-2,

   .py-sm-2 {

      padding-top: 0.5rem !important;

   }


   .pr-sm-2,

   .px-sm-2 {

      padding-right: 0.5rem !important;

   }


   .pb-sm-2,

   .py-sm-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-sm-2,

   .px-sm-2 {

      padding-left: 0.5rem !important;

   }


   .p-sm-3 {

      padding: 1rem !important;

   }


   .pt-sm-3,

   .py-sm-3 {

      padding-top: 1rem !important;

   }


   .pr-sm-3,

   .px-sm-3 {

      padding-right: 1rem !important;

   }


   .pb-sm-3,

   .py-sm-3 {

      padding-bottom: 1rem !important;

   }


   .pl-sm-3,

   .px-sm-3 {

      padding-left: 1rem !important;

   }


   .p-sm-4 {

      padding: 1.5rem !important;

   }


   .pt-sm-4,

   .py-sm-4 {

      padding-top: 1.5rem !important;

   }


   .pr-sm-4,

   .px-sm-4 {

      padding-right: 1.5rem !important;

   }


   .pb-sm-4,

   .py-sm-4 {

      padding-bottom: 1.5rem !important;

   }


   .pl-sm-4,

   .px-sm-4 {

      padding-left: 1.5rem !important;

   }


   .p-sm-5 {

      padding: 3rem !important;

   }


   .pt-sm-5,

   .py-sm-5 {

      padding-top: 3rem !important;

   }


   .pr-sm-5,

   .px-sm-5 {

      padding-right: 3rem !important;

   }


   .pb-sm-5,

   .py-sm-5 {

      padding-bottom: 3rem !important;

   }


   .pl-sm-5,

   .px-sm-5 {

      padding-left: 3rem !important;

   }


   .m-sm-n1 {

      margin: -0.25rem !important;

   }


   .mt-sm-n1,

   .my-sm-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-sm-n1,

   .mx-sm-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-sm-n1,

   .my-sm-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-sm-n1,

   .mx-sm-n1 {

      margin-left: -0.25rem !important;

   }


   .m-sm-n2 {

      margin: -0.5rem !important;

   }


   .mt-sm-n2,

   .my-sm-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-sm-n2,

   .mx-sm-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-sm-n2,

   .my-sm-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-sm-n2,

   .mx-sm-n2 {

      margin-left: -0.5rem !important;

   }


   .m-sm-n3 {

      margin: -1rem !important;

   }


   .mt-sm-n3,

   .my-sm-n3 {

      margin-top: -1rem !important;

   }


   .mr-sm-n3,

   .mx-sm-n3 {

      margin-right: -1rem !important;

   }


   .mb-sm-n3,

   .my-sm-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-sm-n3,

   .mx-sm-n3 {

      margin-left: -1rem !important;

   }


   .m-sm-n4 {

      margin: -1.5rem !important;

   }


   .mt-sm-n4,

   .my-sm-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-sm-n4,

   .mx-sm-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-sm-n4,

   .my-sm-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-sm-n4,

   .mx-sm-n4 {

      margin-left: -1.5rem !important;

   }


   .m-sm-n5 {

      margin: -3rem !important;

   }


   .mt-sm-n5,

   .my-sm-n5 {

      margin-top: -3rem !important;

   }


   .mr-sm-n5,

   .mx-sm-n5 {

      margin-right: -3rem !important;

   }


   .mb-sm-n5,

   .my-sm-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-sm-n5,

   .mx-sm-n5 {

      margin-left: -3rem !important;

   }


   .m-sm-auto {

      margin: auto !important;

   }


   .mt-sm-auto,

   .my-sm-auto {

      margin-top: auto !important;

   }


   .mr-sm-auto,

   .mx-sm-auto {

      margin-right: auto !important;

   }


   .mb-sm-auto,

   .my-sm-auto {

      margin-bottom: auto !important;

   }


   .ml-sm-auto,

   .mx-sm-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 768px) {

   .m-md-0 {

      margin: 0 !important;

   }


   .mt-md-0,

   .my-md-0 {

      margin-top: 0 !important;

   }


   .mr-md-0,

   .mx-md-0 {

      margin-right: 0 !important;

   }


   .mb-md-0,

   .my-md-0 {

      margin-bottom: 0 !important;

   }


   .ml-md-0,

   .mx-md-0 {

      margin-left: 0 !important;

   }


   .m-md-1 {

      margin: 0.25rem !important;

   }


   .mt-md-1,

   .my-md-1 {

      margin-top: 0.25rem !important;

   }


   .mr-md-1,

   .mx-md-1 {

      margin-right: 0.25rem !important;

   }


   .mb-md-1,

   .my-md-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-md-1,

   .mx-md-1 {

      margin-left: 0.25rem !important;

   }


   .m-md-2 {

      margin: 0.5rem !important;

   }


   .mt-md-2,

   .my-md-2 {

      margin-top: 0.5rem !important;

   }


   .mr-md-2,

   .mx-md-2 {

      margin-right: 0.5rem !important;

   }


   .mb-md-2,

   .my-md-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-md-2,

   .mx-md-2 {

      margin-left: 0.5rem !important;

   }


   .m-md-3 {

      margin: 1rem !important;

   }


   .mt-md-3,

   .my-md-3 {

      margin-top: 1rem !important;

   }


   .mr-md-3,

   .mx-md-3 {

      margin-right: 1rem !important;

   }


   .mb-md-3,

   .my-md-3 {

      margin-bottom: 1rem !important;

   }


   .ml-md-3,

   .mx-md-3 {

      margin-left: 1rem !important;

   }


   .m-md-4 {

      margin: 1.5rem !important;

   }


   .mt-md-4,

   .my-md-4 {

      margin-top: 1.5rem !important;

   }


   .mr-md-4,

   .mx-md-4 {

      margin-right: 1.5rem !important;

   }


   .mb-md-4,

   .my-md-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-md-4,

   .mx-md-4 {

      margin-left: 1.5rem !important;

   }


   .m-md-5 {

      margin: 3rem !important;

   }


   .mt-md-5,

   .my-md-5 {

      margin-top: 3rem !important;

   }


   .mr-md-5,

   .mx-md-5 {

      margin-right: 3rem !important;

   }


   .mb-md-5,

   .my-md-5 {

      margin-bottom: 3rem !important;

   }


   .ml-md-5,

   .mx-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: 0.25rem !important;

   }


   .pt-md-1,

   .py-md-1 {

      padding-top: 0.25rem !important;

   }


   .pr-md-1,

   .px-md-1 {

      padding-right: 0.25rem !important;

   }


   .pb-md-1,

   .py-md-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-md-1,

   .px-md-1 {

      padding-left: 0.25rem !important;

   }


   .p-md-2 {

      padding: 0.5rem !important;

   }


   .pt-md-2,

   .py-md-2 {

      padding-top: 0.5rem !important;

   }


   .pr-md-2,

   .px-md-2 {

      padding-right: 0.5rem !important;

   }


   .pb-md-2,

   .py-md-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-md-2,

   .px-md-2 {

      padding-left: 0.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-n1 {

      margin: -0.25rem !important;

   }


   .mt-md-n1,

   .my-md-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-md-n1,

   .mx-md-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-md-n1,

   .my-md-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-md-n1,

   .mx-md-n1 {

      margin-left: -0.25rem !important;

   }


   .m-md-n2 {

      margin: -0.5rem !important;

   }


   .mt-md-n2,

   .my-md-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-md-n2,

   .mx-md-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-md-n2,

   .my-md-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-md-n2,

   .mx-md-n2 {

      margin-left: -0.5rem !important;

   }


   .m-md-n3 {

      margin: -1rem !important;

   }


   .mt-md-n3,

   .my-md-n3 {

      margin-top: -1rem !important;

   }


   .mr-md-n3,

   .mx-md-n3 {

      margin-right: -1rem !important;

   }


   .mb-md-n3,

   .my-md-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-md-n3,

   .mx-md-n3 {

      margin-left: -1rem !important;

   }


   .m-md-n4 {

      margin: -1.5rem !important;

   }


   .mt-md-n4,

   .my-md-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-md-n4,

   .mx-md-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-md-n4,

   .my-md-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-md-n4,

   .mx-md-n4 {

      margin-left: -1.5rem !important;

   }


   .m-md-n5 {

      margin: -3rem !important;

   }


   .mt-md-n5,

   .my-md-n5 {

      margin-top: -3rem !important;

   }


   .mr-md-n5,

   .mx-md-n5 {

      margin-right: -3rem !important;

   }


   .mb-md-n5,

   .my-md-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-md-n5,

   .mx-md-n5 {

      margin-left: -3rem !important;

   }


   .m-md-auto {

      margin: auto !important;

   }


   .mt-md-auto,

   .my-md-auto {

      margin-top: auto !important;

   }


   .mr-md-auto,

   .mx-md-auto {

      margin-right: auto !important;

   }


   .mb-md-auto,

   .my-md-auto {

      margin-bottom: auto !important;

   }


   .ml-md-auto,

   .mx-md-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 992px) {

   .m-lg-0 {

      margin: 0 !important;

   }


   .mt-lg-0,

   .my-lg-0 {

      margin-top: 0 !important;

   }


   .mr-lg-0,

   .mx-lg-0 {

      margin-right: 0 !important;

   }


   .mb-lg-0,

   .my-lg-0 {

      margin-bottom: 0 !important;

   }


   .ml-lg-0,

   .mx-lg-0 {

      margin-left: 0 !important;

   }


   .m-lg-1 {

      margin: 0.25rem !important;

   }


   .mt-lg-1,

   .my-lg-1 {

      margin-top: 0.25rem !important;

   }


   .mr-lg-1,

   .mx-lg-1 {

      margin-right: 0.25rem !important;

   }


   .mb-lg-1,

   .my-lg-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-lg-1,

   .mx-lg-1 {

      margin-left: 0.25rem !important;

   }


   .m-lg-2 {

      margin: 0.5rem !important;

   }


   .mt-lg-2,

   .my-lg-2 {

      margin-top: 0.5rem !important;

   }


   .mr-lg-2,

   .mx-lg-2 {

      margin-right: 0.5rem !important;

   }


   .mb-lg-2,

   .my-lg-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-lg-2,

   .mx-lg-2 {

      margin-left: 0.5rem !important;

   }


   .m-lg-3 {

      margin: 1rem !important;

   }


   .mt-lg-3,

   .my-lg-3 {

      margin-top: 1rem !important;

   }


   .mr-lg-3,

   .mx-lg-3 {

      margin-right: 1rem !important;

   }


   .mb-lg-3,

   .my-lg-3 {

      margin-bottom: 1rem !important;

   }


   .ml-lg-3,

   .mx-lg-3 {

      margin-left: 1rem !important;

   }


   .m-lg-4 {

      margin: 1.5rem !important;

   }


   .mt-lg-4,

   .my-lg-4 {

      margin-top: 1.5rem !important;

   }


   .mr-lg-4,

   .mx-lg-4 {

      margin-right: 1.5rem !important;

   }


   .mb-lg-4,

   .my-lg-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-lg-4,

   .mx-lg-4 {

      margin-left: 1.5rem !important;

   }


   .m-lg-5 {

      margin: 3rem !important;

   }


   .mt-lg-5,

   .my-lg-5 {

      margin-top: 3rem !important;

   }


   .mr-lg-5,

   .mx-lg-5 {

      margin-right: 3rem !important;

   }


   .mb-lg-5,

   .my-lg-5 {

      margin-bottom: 3rem !important;

   }


   .ml-lg-5,

   .mx-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: 0.25rem !important;

   }


   .pt-lg-1,

   .py-lg-1 {

      padding-top: 0.25rem !important;

   }


   .pr-lg-1,

   .px-lg-1 {

      padding-right: 0.25rem !important;

   }


   .pb-lg-1,

   .py-lg-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-lg-1,

   .px-lg-1 {

      padding-left: 0.25rem !important;

   }


   .p-lg-2 {

      padding: 0.5rem !important;

   }


   .pt-lg-2,

   .py-lg-2 {

      padding-top: 0.5rem !important;

   }


   .pr-lg-2,

   .px-lg-2 {

      padding-right: 0.5rem !important;

   }


   .pb-lg-2,

   .py-lg-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-lg-2,

   .px-lg-2 {

      padding-left: 0.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-n1 {

      margin: -0.25rem !important;

   }


   .mt-lg-n1,

   .my-lg-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-lg-n1,

   .mx-lg-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-lg-n1,

   .my-lg-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-lg-n1,

   .mx-lg-n1 {

      margin-left: -0.25rem !important;

   }


   .m-lg-n2 {

      margin: -0.5rem !important;

   }


   .mt-lg-n2,

   .my-lg-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-lg-n2,

   .mx-lg-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-lg-n2,

   .my-lg-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-lg-n2,

   .mx-lg-n2 {

      margin-left: -0.5rem !important;

   }


   .m-lg-n3 {

      margin: -1rem !important;

   }


   .mt-lg-n3,

   .my-lg-n3 {

      margin-top: -1rem !important;

   }


   .mr-lg-n3,

   .mx-lg-n3 {

      margin-right: -1rem !important;

   }


   .mb-lg-n3,

   .my-lg-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-lg-n3,

   .mx-lg-n3 {

      margin-left: -1rem !important;

   }


   .m-lg-n4 {

      margin: -1.5rem !important;

   }


   .mt-lg-n4,

   .my-lg-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-lg-n4,

   .mx-lg-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-lg-n4,

   .my-lg-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-lg-n4,

   .mx-lg-n4 {

      margin-left: -1.5rem !important;

   }


   .m-lg-n5 {

      margin: -3rem !important;

   }


   .mt-lg-n5,

   .my-lg-n5 {

      margin-top: -3rem !important;

   }


   .mr-lg-n5,

   .mx-lg-n5 {

      margin-right: -3rem !important;

   }


   .mb-lg-n5,

   .my-lg-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-lg-n5,

   .mx-lg-n5 {

      margin-left: -3rem !important;

   }


   .m-lg-auto {

      margin: auto !important;

   }


   .mt-lg-auto,

   .my-lg-auto {

      margin-top: auto !important;

   }


   .mr-lg-auto,

   .mx-lg-auto {

      margin-right: auto !important;

   }


   .mb-lg-auto,

   .my-lg-auto {

      margin-bottom: auto !important;

   }


   .ml-lg-auto,

   .mx-lg-auto {

      margin-left: auto !important;

   }

}


@media (min-width: 1200px) {

   .m-xl-0 {

      margin: 0 !important;

   }


   .mt-xl-0,

   .my-xl-0 {

      margin-top: 0 !important;

   }


   .mr-xl-0,

   .mx-xl-0 {

      margin-right: 0 !important;

   }


   .mb-xl-0,

   .my-xl-0 {

      margin-bottom: 0 !important;

   }


   .ml-xl-0,

   .mx-xl-0 {

      margin-left: 0 !important;

   }


   .m-xl-1 {

      margin: 0.25rem !important;

   }


   .mt-xl-1,

   .my-xl-1 {

      margin-top: 0.25rem !important;

   }


   .mr-xl-1,

   .mx-xl-1 {

      margin-right: 0.25rem !important;

   }


   .mb-xl-1,

   .my-xl-1 {

      margin-bottom: 0.25rem !important;

   }


   .ml-xl-1,

   .mx-xl-1 {

      margin-left: 0.25rem !important;

   }


   .m-xl-2 {

      margin: 0.5rem !important;

   }


   .mt-xl-2,

   .my-xl-2 {

      margin-top: 0.5rem !important;

   }


   .mr-xl-2,

   .mx-xl-2 {

      margin-right: 0.5rem !important;

   }


   .mb-xl-2,

   .my-xl-2 {

      margin-bottom: 0.5rem !important;

   }


   .ml-xl-2,

   .mx-xl-2 {

      margin-left: 0.5rem !important;

   }


   .m-xl-3 {

      margin: 1rem !important;

   }


   .mt-xl-3,

   .my-xl-3 {

      margin-top: 1rem !important;

   }


   .mr-xl-3,

   .mx-xl-3 {

      margin-right: 1rem !important;

   }


   .mb-xl-3,

   .my-xl-3 {

      margin-bottom: 1rem !important;

   }


   .ml-xl-3,

   .mx-xl-3 {

      margin-left: 1rem !important;

   }


   .m-xl-4 {

      margin: 1.5rem !important;

   }


   .mt-xl-4,

   .my-xl-4 {

      margin-top: 1.5rem !important;

   }


   .mr-xl-4,

   .mx-xl-4 {

      margin-right: 1.5rem !important;

   }


   .mb-xl-4,

   .my-xl-4 {

      margin-bottom: 1.5rem !important;

   }


   .ml-xl-4,

   .mx-xl-4 {

      margin-left: 1.5rem !important;

   }


   .m-xl-5 {

      margin: 3rem !important;

   }


   .mt-xl-5,

   .my-xl-5 {

      margin-top: 3rem !important;

   }


   .mr-xl-5,

   .mx-xl-5 {

      margin-right: 3rem !important;

   }


   .mb-xl-5,

   .my-xl-5 {

      margin-bottom: 3rem !important;

   }


   .ml-xl-5,

   .mx-xl-5 {

      margin-left: 3rem !important;

   }


   .p-xl-0 {

      padding: 0 !important;

   }


   .pt-xl-0,

   .py-xl-0 {

      padding-top: 0 !important;

   }


   .pr-xl-0,

   .px-xl-0 {

      padding-right: 0 !important;

   }


   .pb-xl-0,

   .py-xl-0 {

      padding-bottom: 0 !important;

   }


   .pl-xl-0,

   .px-xl-0 {

      padding-left: 0 !important;

   }


   .p-xl-1 {

      padding: 0.25rem !important;

   }


   .pt-xl-1,

   .py-xl-1 {

      padding-top: 0.25rem !important;

   }


   .pr-xl-1,

   .px-xl-1 {

      padding-right: 0.25rem !important;

   }


   .pb-xl-1,

   .py-xl-1 {

      padding-bottom: 0.25rem !important;

   }


   .pl-xl-1,

   .px-xl-1 {

      padding-left: 0.25rem !important;

   }


   .p-xl-2 {

      padding: 0.5rem !important;

   }


   .pt-xl-2,

   .py-xl-2 {

      padding-top: 0.5rem !important;

   }


   .pr-xl-2,

   .px-xl-2 {

      padding-right: 0.5rem !important;

   }


   .pb-xl-2,

   .py-xl-2 {

      padding-bottom: 0.5rem !important;

   }


   .pl-xl-2,

   .px-xl-2 {

      padding-left: 0.5rem !important;

   }


   .p-xl-3 {

      padding: 1rem !important;

   }


   .pt-xl-3,

   .py-xl-3 {

      padding-top: 1rem !important;

   }


   .pr-xl-3,

   .px-xl-3 {

      padding-right: 1rem !important;

   }


   .pb-xl-3,

   .py-xl-3 {

      padding-bottom: 1rem !important;

   }


   .pl-xl-3,

   .px-xl-3 {

      padding-left: 1rem !important;

   }


   .p-xl-4 {

      padding: 1.5rem !important;

   }


   .pt-xl-4,

   .py-xl-4 {

      padding-top: 1.5rem !important;

   }


   .pr-xl-4,

   .px-xl-4 {

      padding-right: 1.5rem !important;

   }


   .pb-xl-4,

   .py-xl-4 {

      padding-bottom: 1.5rem !important;

   }


   .pl-xl-4,

   .px-xl-4 {

      padding-left: 1.5rem !important;

   }


   .p-xl-5 {

      padding: 3rem !important;

   }


   .pt-xl-5,

   .py-xl-5 {

      padding-top: 3rem !important;

   }


   .pr-xl-5,

   .px-xl-5 {

      padding-right: 3rem !important;

   }


   .pb-xl-5,

   .py-xl-5 {

      padding-bottom: 3rem !important;

   }


   .pl-xl-5,

   .px-xl-5 {

      padding-left: 3rem !important;

   }


   .m-xl-n1 {

      margin: -0.25rem !important;

   }


   .mt-xl-n1,

   .my-xl-n1 {

      margin-top: -0.25rem !important;

   }


   .mr-xl-n1,

   .mx-xl-n1 {

      margin-right: -0.25rem !important;

   }


   .mb-xl-n1,

   .my-xl-n1 {

      margin-bottom: -0.25rem !important;

   }


   .ml-xl-n1,

   .mx-xl-n1 {

      margin-left: -0.25rem !important;

   }


   .m-xl-n2 {

      margin: -0.5rem !important;

   }


   .mt-xl-n2,

   .my-xl-n2 {

      margin-top: -0.5rem !important;

   }


   .mr-xl-n2,

   .mx-xl-n2 {

      margin-right: -0.5rem !important;

   }


   .mb-xl-n2,

   .my-xl-n2 {

      margin-bottom: -0.5rem !important;

   }


   .ml-xl-n2,

   .mx-xl-n2 {

      margin-left: -0.5rem !important;

   }


   .m-xl-n3 {

      margin: -1rem !important;

   }


   .mt-xl-n3,

   .my-xl-n3 {

      margin-top: -1rem !important;

   }


   .mr-xl-n3,

   .mx-xl-n3 {

      margin-right: -1rem !important;

   }


   .mb-xl-n3,

   .my-xl-n3 {

      margin-bottom: -1rem !important;

   }


   .ml-xl-n3,

   .mx-xl-n3 {

      margin-left: -1rem !important;

   }


   .m-xl-n4 {

      margin: -1.5rem !important;

   }


   .mt-xl-n4,

   .my-xl-n4 {

      margin-top: -1.5rem !important;

   }


   .mr-xl-n4,

   .mx-xl-n4 {

      margin-right: -1.5rem !important;

   }


   .mb-xl-n4,

   .my-xl-n4 {

      margin-bottom: -1.5rem !important;

   }


   .ml-xl-n4,

   .mx-xl-n4 {

      margin-left: -1.5rem !important;

   }


   .m-xl-n5 {

      margin: -3rem !important;

   }


   .mt-xl-n5,

   .my-xl-n5 {

      margin-top: -3rem !important;

   }


   .mr-xl-n5,

   .mx-xl-n5 {

      margin-right: -3rem !important;

   }


   .mb-xl-n5,

   .my-xl-n5 {

      margin-bottom: -3rem !important;

   }


   .ml-xl-n5,

   .mx-xl-n5 {

      margin-left: -3rem !important;

   }


   .m-xl-auto {

      margin: auto !important;

   }


   .mt-xl-auto,

   .my-xl-auto {

      margin-top: auto !important;

   }


   .mr-xl-auto,

   .mx-xl-auto {

      margin-right: auto !important;

   }


   .mb-xl-auto,

   .my-xl-auto {

      margin-bottom: auto !important;

   }


   .ml-xl-auto,

   .mx-xl-auto {

      margin-left: auto !important;

   }

}


/*!

* Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)

* Copyright 2011-2019 The Bootstrap Authors

* Copyright 2011-2019 Twitter, Inc.

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)

*/

*,

*::before,

*::after {

   -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: rgba(0, 0, 0, 0);

}


article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

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;

}


hr {

   -webkit-box-sizing: content-box;

   box-sizing: content-box;

   height: 0;

   overflow: visible;

}


h1,

h2,

h3,

h4,

h5,

h6 {

   margin-top: 0;

   margin-bottom: 0.5rem;

}


p {

   margin-top: 0;

   margin-bottom: 1rem;

}


abbr[title],

abbr[data-original-title] {

   text-decoration: underline;

   -webkit-text-decoration: underline dotted;

   text-decoration: underline dotted;

   cursor: help;

   border-bottom: 0;

   -webkit-text-decoration-skip-ink: none;

   text-decoration-skip-ink: none;

}


address {

   margin-bottom: 1rem;

   font-style: normal;

   line-height: inherit;

}


ol,

ul,

dl {

   margin-top: 0;

   margin-bottom: 1rem;

}


ol ol,

ul ul,

ol ul,

ul ol {

   margin-bottom: 0;

}


dt {

   font-weight: 700;

}


dd {

   margin-bottom: .5rem;

   margin-left: 0;

}


blockquote {

   margin: 0 0 1rem;

}


b,

strong {

   font-weight: bolder;

}


small {

   font-size: 80%;

}


sub,

sup {

   position: relative;

   font-size: 75%;

   line-height: 0;

   vertical-align: baseline;

}


sub {

   bottom: -.25em;

}


sup {

   top: -.5em;

}


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]):hover,

a:not([href]):not([tabindex]):focus {

   color: inherit;

   text-decoration: none;

}


a:not([href]):not([tabindex]):focus {

   outline: 0;

}


pre,

code,

kbd,

samp {

   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

   font-size: 1em;

}


pre {

   margin-top: 0;

   margin-bottom: 1rem;

   overflow: auto;

}


figure {

   margin: 0 0 1rem;

}


img {

   vertical-align: middle;

   border-style: none;

}


svg {

   overflow: hidden;

   vertical-align: middle;

}


table {

   border-collapse: collapse;

}


caption {

   padding-top: 0.75rem;

   padding-bottom: 0.75rem;

   color: #6c757d;

   text-align: left;

   caption-side: bottom;

}


th {

   text-align: inherit;

}


label {

   display: inline-block;

   margin-bottom: 0.5rem;

}


button {

   border-radius: 0;

}


button:focus {

   outline: 1px dotted;

   outline: 5px auto -webkit-focus-ring-color;

}


input,

button,

select,

optgroup,

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;

}


button,

[type="button"],

[type="reset"],

[type="submit"] {

   -webkit-appearance: button;

}


button:not(:disabled),

[type="button"]:not(:disabled),

[type="reset"]:not(:disabled),

[type="submit"]:not(:disabled) {

   cursor: pointer;

}


button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

   padding: 0;

   border-style: none;

}


input[type="radio"],

input[type="checkbox"] {

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   padding: 0;

}


input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {

   -webkit-appearance: listbox;

}


textarea {

   overflow: auto;

   resize: vertical;

}


fieldset {

   min-width: 0;

   padding: 0;

   margin: 0;

   border: 0;

}


legend {

   display: block;

   width: 100%;

   max-width: 100%;

   padding: 0;

   margin-bottom: .5rem;

   font-size: 1.5rem;

   line-height: inherit;

   color: inherit;

   white-space: normal;

}


progress {

   vertical-align: baseline;

}


[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;

}


output {

   display: inline-block;

}


summary {

   display: list-item;

   cursor: pointer;

}


template {

   display: none;

}


[hidden] {

   display: none !important;

}


body {

   font-family: "motiva-sans", sans-serif;

}


img {

   width: 100%;

}


h1,

h2,

h3,

h4,

h5,

h6,

p,

span,

input,

button,

textarea {

   font-family: "motiva-sans", sans-serif;

}


a,

a:hover,

a:active {

   text-decoration: none !important;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


h1,

h1 a {

   font-size: 78px;

   line-height: 90px;

   color: #000;

   font-weight: 800;

   font-family: "motiva-sans", sans-serif;

}


h2 {

   font-size: 55px;

   line-height: 67px;

   color: #000;

   font-weight: 800;

   font-family: "co-headline", sans-serif;

}


h3 {

   font-size: 42px;

   line-height: 34px;

   color: #046b99;

   font-weight: 800;

   font-family: "co-text", sans-serif;

}


h4 {

   font-size: 32px;

   line-height: 44px;

   color: #000;

   font-family: "co-text", sans-serif;

}


h5 {

   font-size: 16px;

   line-height: 22px;

   color: #000;

   font-family: "motiva-sans", sans-serif;

}


h6 {

   font-size: 16px;

   line-height: 22px;

   color: #000;

   font-family: "motiva-sans", sans-serif;

}


button {

   font-size: 16px;

   line-height: 22px;

   color: #000;

   font-family: "motiva-sans", sans-serif;

}


.btn {

   font-family: "co-text", sans-serif;

}


.iw-curMenu.btn{

   color: #fff !important;

}


p,

span,

a,

input,

textarea,

button,

label {

   font-size: 18px;

   line-height: 22px;

   color: #000;

   font-family: "motiva-sans", sans-serif;

}


.homeHeaderTitle {

   font-family: "bello-pro", sans-serif !important;

   color: #fcaf31;

}


@media screen and (max-width: 768px) {

   h1 {

      font-size: 42px;

      line-height: 54px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   h2 {

      font-size: 36px;

      line-height: 48px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   h3 {

      font-size: 30px;

      line-height: 42px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   h4 {

      font-size: 26px;

      line-height: 38px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   h5 {

      font-size: 20px;

      line-height: 32px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   h6 {

      font-size: 16px;

      line-height: 22px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   button {

      font-size: 16px;

      line-height: 22px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   p,

   span,

   a,

   input,

   textarea {

      font-size: 16px;

      line-height: 22px;

      color: #000;

      font-family: "motiva-sans", sans-serif;

   }


   .icon-arrow {

      margin-top: 10px !important;

   }

}


body {

   overflow-x: hidden !important;

}


img {

   width: 100%;

}


.component {

   margin: 40px 0;

}


.clear {

   clear: both;

}



/*

New PageHeader2 for all other pages except homepage

*/


.pageheader2 {

   height: 700px;

   width: auto;

   margin: 0%;

   position: relative;

   overflow: hidden !important;

   margin-bottom: -250px;

}


@media screen and (max-width: 768px) {

   .pageheader2 {

      margin-bottom: -300px;

   }

}


.pageheader2__background {

   background-size: cover;

   background-position: inherit;

   background-repeat: no-repeat;

   background-image: var(--image-url);

   margin: 0%;

   height: 570px;

}


svg {

   position: absolute;

   bottom: 0px;

   top: 260px;

   left: 0px;

   width: 100%;

   height: 60%;

   /* set height to pixels if you want angle to change with screen width */

}


.pageheader2__background,

.pageheader2__overlay {

   position: absolute;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

}


.pageheader2__overlay {

   margin: 0%;

   background: rgba(0, 0, 0, -0.5);

   z-index: 2;

}


.pageheader2__content {

   position: relative;

   z-index: 3;


   color: inherit;

   min-height: 100vh;

   display: flex;

   align-items: center;

   justify-content: center;

}


.pageheader2__moremargin {

   height: 20vh !important;

}


@media (min-width: 768px) {

   .pageheader2__moremargin {

      height: 5vh !important;

   }

}



/* HomePage Header SVG Desktop and Mobile CSS Code */

@media only screen and (min-width : 769px){

   .curve-bottom-Main {

      display: block;

      bottom: -1.1%;

      position: absolute;

      width: 100%;

   }

}


.curve-bottom-mobile  {

   display: none;

}


.svghomemobile {

   display: none;

}


@media only screen and (min-width : 320px) and (max-width : 768px) {

   .curve-bottom-mobile  {

      width: 100%;

      background-color: #fff;

      opacity: 1;

      border-bottom-left-radius: 50% 20%;

      border-bottom-right-radius: 50% 20%;

      border-bottom: 30px solid blue;

      margin-top: -64px;

      position: relative;

      display: block;

   }


   .curve-bottom-Main {

      display: none;

   }

   .svghomedesktop {

      display: none;

   }


   .svghomemobile {

      display: block;

   }

}




.pageHeader {

   height: 725px;

   position: relative;

}


.pageHeader .backgroundHeaderImage {

   position: absolute;

   z-index: -1;

   top: 0;

   height: 725px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   -o-object-position: bottom;

   object-position: bottom;

}


.pageHeader .inner {

   width: 100%;

   height: 100%;

   z-index: 1;

   background-position: bottom;

   background-size: cover;

   background-repeat: no-repeat;

}


.pageHeader .content_wrapper {

   padding-top: 230px;

   z-index: 2;

}


.btnWrapper {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}


@media (min-width: 992px) {

   .btnWrapper {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }

}


.btnWrapper .btn {

   margin-bottom: 20px;

}


@media (min-width: 992px) {

   .btnWrapper .btn {

      margin-bottom: 0;

   }


   .btnWrapper .btn:not(:last-of-type) {

      margin-right: 20px;

   }

}


.btn {

   font-weight: 700;

   height: 45px;

   background: #f6ae31;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   border-radius: 10px;

   display: inline-block;

   vertical-align: middle;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   padding: 0.375rem 1.9rem;

   font-size: 16px;

   line-height: 16px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}


.btnBlue {

   font-weight: 700;

   height: 45px;

   background: #1c304a;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   border-radius: 10px;

   display: inline-block;

   vertical-align: middle;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   padding: 0.375rem 1.5rem;

   font-size: 16px;

   line-height: 16px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


.btnTurquoise {

   background: #65c6c3;

   font-family: "co-text", sans-serif;

}


.btnTurquoise span {

   color: #fff;

   font-size: 16px;

}


.btnPink span {

   color: #fff;

   font-size: 16px;

}


.btnPurple {

   background: #46377a !important;

   font-family: "co-text", sans-serif;

}


.btnPurple span {

   color: #fff;

   font-size: 16px;

}


.btnRed {

   background: #ff6b6b;

   font-family: "co-text", sans-serif;

}


.btnWhite {

   background: #fff;

   font-family: "co-text", sans-serif;

   color: #46377a;

}


.popup-wrap {

   width: 100%;

   height: 100vh;

   display: none;

   position: fixed;

   z-index: 100;

   top: 0px;

   left: 0px;

   content: "";

   background: rgba(0, 0, 0, 0.85);

}


.popup-box {

   width: 50vw;

   max-height: 50vh;

   padding: 70px;

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

   position: absolute;

   z-index: 101;

   top: 50%;

   left: 50%;

   -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   border-radius: 10px;

   background: #fff;

   text-align: center;

   overflow-y: scroll;

}


.transform-in,

.transform-out {

   display: block;

   -webkit-transition: all ease 0.5s;

   transition: all ease 0.5s;

}


.transform-in {

   -webkit-transform: translate(-50%, -50%) scale(1);

   transform: translate(-50%, -50%) scale(1);

}


.transform-out {

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

}


.close-btn {

   width: 35px !important;

   padding-top: 2px !important;

   height: 35px;

   position: absolute;

   top: 4%;

   right: 4%;

   text-align: center;

   z-index: 200;

   -webkit-transition: all ease 0.5s;

   transition: all ease 0.5s;

   border-radius: 134%;

   background: #f6ae31 !important;

   font-weight: bold;

   text-decoration: none;

   color: #fff;

   line-height: 43%;

}


.close-btn:hover {

   -webkit-transform: rotate(180deg);

   -webkit-transform: rotate(180deg);

   transform: rotate(180deg);

   color: #fff;

}


@media screen and (max-width: 768px) {

   .btn {

      width: 100%;

   }


   .pageHeader {

      height: 725px !important;

   }


   .btnEvents {

      margin-bottom: 20px;

   }

}


.btn:hover {

   background: #cc0066;

   color: #fff;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.btnBlue:hover {

   background: #f6ae31;

   color: #fff;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.owl-carousel .owl-nav.disabled,

.owl-carousel .owl-dots.disabled {

   display: block !important;

}


.ComponentImageSliderBlock .owl-nav {

   height: 0px !important;

}


.descriptionDiv {

   position: absolute;

   top: 70.8%;

   background: #fff;

   width: 94%;

   padding: 20px 0;

   border-bottom-left-radius: 10px;

   border-bottom-right-radius: 10px;

   display: none;

}


.descriptionDiv h5 {

   margin-bottom: 15px;

   font-family: co-text;

   font-weight: 700;

   font-size: 32px;

   color: #1c304a;

}


.descriptionDiv .descriptionText {

   text-align: center;

   color: #1c304a;

}


.modal {

   display: none;

   /* Hidden by default */

   position: fixed;

   /* Stay in place */

   z-index: 1;

   /* Sit on top */

   padding-top: 100px;

   /* Location of the box */

   left: 0;

   top: 0;

   width: 100%;

   /* Full width */

   height: 100%;

   /* Full height */

   overflow: auto;

   /* Enable scroll if needed */

   background-color: black;

   /* Fallback color */

   background-color: rgba(0, 0, 0, 0.4);

   /* Black w/ opacity */

}


/* Modal Content */

.modal-content {

   background-color: #fefefe;

   margin: auto;

   padding: 20px;

   border: 1px solid #888;

   width: 80%;

}


/* The Close Button */

.close {

   color: #aaaaaa;

   float: right;

   font-size: 28px;

   font-weight: bold;

}


.close:hover,

.close:focus {

   color: #000;

   text-decoration: none;

   cursor: pointer;

}


.oneToOne {

   position: relative;

   width: 100%;

   padding-top: 100%;

}


.oneToOne img {

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   width: 100%;

   height: 100%;

}


a {

   color: #1c304a;

   font-weight: 700;

}


.page-schools-container .editable-header {

   margin-bottom: 310px !important;

}


@media (min-width: 767px) {

   .page-schools-container .editable-header {

      margin-bottom: 10px !important;

   }

}


.page-schools-container .ComponentHeroBlock {

   margin-top: 0;

}


.page-schools-container .ComponentHeroBlock .row {

   -webkit-box-orient: vertical;

   -webkit-box-direction: reverse;

   -ms-flex-flow: column-reverse;

   flex-flow: column-reverse;

}


.page-schools-container .ComponentHeroBlock .row .second-col {

   display: block !important;

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .row .second-col {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 40%;

      flex: 0 0 40%;

      max-width: 40%;

      padding-right: 40px;

   }

}


.page-schools-container .ComponentHeroBlock .row .second-col div {

   border-radius: 10px;

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .row .second-col div {

      -webkit-box-shadow: 10px 10px #66cccc, 20px 20px rgba(102, 205, 204, 0.5);

      box-shadow: 10px 10px #66cccc, 20px 20px rgba(102, 205, 204, 0.5);

   }

}


.page-schools-container .ComponentHeroBlock .row .first-col h3,

.page-schools-container .ComponentHeroBlock .row .first-col p {

   text-align: left;

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .row .first-col {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 60%;

      flex: 0 0 60%;

      max-width: 60%;

      padding-right: 30px;

   }

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .row {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row;

      flex-flow: row;

   }

}


.page-schools-container .ComponentHeroBlock .container {

   margin-top: -260px;

}


@media (min-width: 450px) {

   .page-schools-container .ComponentHeroBlock .container {

      margin-top: -300px;

   }

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .container {

      margin-top: 0;

   }

}


.page-schools-container .ComponentHeroBlock .popup-btn {

   width: initial;

}


.page-schools-container .ComponentHeroBlock .acredited-logos-container {

   display: none;

}


@media (min-width: 767px) {

   .page-schools-container .ComponentHeroBlock .acredited-logos-container {

      display: inline-block;

      width: 100%;

   }

}


.page-schools-container .ComponentHeroBlock .accredited-logo {

   width: 25%;

   height: auto;

   background-size: cover;

   max-width: 220px;

   max-height: 120px;

   border: solid 2px grey;

   padding: 5px;

}


.page-schools-container .ComponentHeroBlock .accredited-logo:first-of-type {

   margin-right: 20px;

}


.page-schools-container .ComponentImageSliderBlock {

   padding-left: 15px;

   padding-right: 15px;

}


.page-schools-container .ComponentImageSliderBlock .h-100,

.page-schools-container .ComponentImageSliderBlock .h-50 {

   border-radius: 10px;

}


.page-schools-container .ComponentImageSliderBlock .next-slide {

   border-radius: 0 10px 10px 0;

}


.page-schools-container .ComponentImageSliderBlock .prev-slide {

   border-radius: 10px 0 0 10px;

}


.PageOffCampusSubs .contact-container {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.PageOffCampusSubs .btnPink {

   background-color: #cc0066;

}


.PageOffCampusSubs .btnPink:hover {

   background-color: #65c6c3;

}


.PageOffCampusSubs .button-container {

   margin-bottom: 20px;

}


.PageOffCampusSubs .ComponentHeroBlock .first-col {

   text-align: left;

}


.PageOffCampusSubs .ComponentHeroBlock h3 {

   max-width: 500px;

}


.PageOffCampusSubs .ComponentMyResources p {

   font-size: 24px;

}


.PageOffCampusSubs .ComponentAboutBlock {

   padding-top: 20px;

   padding-bottom: 120px;

   background: url("/UoB/images/eventsbg1.png") bottom center no-repeat;

   background-size: cover;

   margin-bottom: 60px;

}


@media (min-width: 767px) {

   .PageOffCampusSubs .ComponentAboutBlock {

      padding-bottom: 320px;

   }

}


.PageOffCampusSubs .ComponentAboutBlock h2 {

   color: white;

   font-weight: 400;

}


.PageOffCampusSubs .ComponentAboutBlock .setHeight {

   border-radius: 10px;

   max-height: 320px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

}


.PageOffCampusSubs .ComponentAboutBlock .hero-text {

   color: white;

   font-size: 18px;

   line-height: 32px;

}


@media (min-width: 767px) {

   .PageOffCampusSubs .ComponentAboutBlock .hero-text {

      font-size: 22px;

   }

}


.PageOffCampusSubs .ComponentAboutBlock .inline-buttons {

   margin-right: 20px;

}


@media (max-width: 768px) {

   .PageOffCampusSubs .ComponentAboutBlock .inline-buttons {

      display: block;

      width: 100%;

      padding-left: 15px;

      padding-right: 15px;

      margin-bottom: 20px;

      margin-right: 0;

   }

}


.PageOffCampusSubs .ComponentAboutBlock .underline {

   border-top-color: #1c304a;

}


.PageOffCampusSubA .ComponentHeroBlock .second-col .p-0,

.PageOffCampusSubB .ComponentHeroBlock .second-col .p-0 {

   border-radius: 10px;

   -webkit-box-shadow: 10px 10px #66cccc, 20px 20px rgba(102, 205, 204, 0.5);

   box-shadow: 10px 10px #66cccc, 20px 20px rgba(102, 205, 204, 0.5);

}


.PageOffCampusSubF .ComponentHeroBlock .second-col .btn {

   margin-top: 20px;

   margin-left: auto;

   margin-right: auto;

}


.PageOffCampusSubF .ComponentHeroBlock .second-col .p-0 {

   border: 1px solid grey;

   border-radius: 10px;

}


.PageOffCampusSubF .ComponentHeroBlock .second-col img {

   margin: 25% auto;

   display: block;

   width: 80%;

   border-radius: 0;

}


.PageOffCampusSubF .get-in-touch {

   margin-bottom: 30px;

   padding-bottom: 30px;

}


.PageOffCampusSubF .get-in-touch h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.PageOffCampusSubF .get-in-touch .col-md-6 {

   padding-bottom: 45px;

}


.PageOffCampusSubF .get-in-touch .btn {

   position: absolute;

   bottom: 0;

}


.PageOffCampusSubF .button-container .btn {

   background-color: #dd3598;

}


.ComponentPageTitle h1 {

   <<<<<<< HEAD

   color: #1c304a !important;

   margin: 60px 0;

   =======

   color: white;

   <<<<<<< HEAD

   margin: 0px 0;

   >>>>>>> backup2-purr_work_rotimi

   =======

   margin: 60px 0;

   >>>>>>> backup2-purr_work_rotimi

   font-family: 'co-headline', sans-serif;

   font-weight: 200;

   text-align: center;

}


@media screen and (min-width: 768px) {

   .ComponentPageTitle h1 {

      text-align: left;

   }

}


.ComponentPageTitle h1 a {

   color: #f6ae31;

}


.ComponentPageTitle .title {

   color: #1c304a;

}


nav {

   width: 100%;

   height: 72px;

   background-color: #fff;

   -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);

   box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);

}


nav .container {

   -webkit-box-pack: inherit !important;

   -ms-flex-pack: inherit !important;

   justify-content: inherit !important;

}


nav .container a {

   margin-right: 10px;

}


nav .container a i {

   margin-right: 15px;

}


nav .container .hamburger {

   padding-left: 5px;

   color: #036B99;

}


nav p {

   margin: 0;

   color: #036B99;

}


nav .fas {

   font-size: 45px;

   vertical-align: middle;

}


nav p {

   margin: 0 10px;

   color: #036B99;

}


nav span {

   color: #036B99;

}


nav .awards {

   position: absolute;

   top: 72px;

   right: 0px;

   width: 200px;

   background: #fff;

   padding: 0 10px;

   display: block;

}


nav .awards .slickImages {

   padding: 10px;

}


nav .awards:after {

   position: absolute;

   width: 200px;

   bottom: -40px;

   left: 0;

   content: "";

   height: 0px;

   border-left: 100px solid transparent;

   border-right: 100px solid transparent;

   border-top: 40px solid #fff;

}


nav .branding {

   position: absolute;

   top: 112px;

   left: 9.4%;

   width: 300px;

   display: block;

}


nav .branding img {

   max-height: 25vw;

   width: auto;

}


@media screen and (max-width: 768px) {

   nav .branding {

      top: 100px;

      left: 0%;

      width: 100%;

      padding: 0 15px;

   }


   nav .branding h1 {

      text-align: center;

   }

}


.ComponentFooterBlock .footerTopbar {

   background-color: #1c304a;

   text-align: center;

   padding: 30px 0;

}


.ComponentFooterBlock .footerTopbar h6 {

   margin: 0px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   margin-right: 30px;

   font-size: 18px;

   font-weight: 600;

}


.ComponentFooterBlock .footerTopbar h6 a {

   color: white;

   font-size: 20px;

   font-weight: 600;

}


.ComponentFooterBlock .footerTopbar h6:last-child {

   margin-right: 0px;

}


.ComponentFooterBlock .mainFooter {

   background-color: #0d1a39;

   padding: 30px 0;

}


.ComponentFooterBlock .mainFooter .uniInformation .footerLogo {

   margin-bottom: 40px;

   width: 100%;

   max-width: 300px;

}


.ComponentFooterBlock .mainFooter .uniInformation p,

.ComponentFooterBlock .mainFooter .uniInformation a {

   color: white;

   font-size: 20px;

}


.ComponentFooterBlock .mainFooter .uniInformation h5 {

   font-size: 16px;

   font-weight: 600;

   color: #ffb017;

   margin-bottom: 3px;

}


.ComponentFooterBlock .mainFooter .uniInformation .address {

   font-size: 16px;

}


.ComponentFooterBlock .mainFooter .uniInformation .copyright {

   font-size: 14px;

   margin-top: 40px;

}


.ComponentFooterBlock .mainFooter .footerPageLinks h3 {

   font-size: 22px;

   font-weight: 600;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentFooterBlock .mainFooter .footerPageLinks p,

.ComponentFooterBlock .mainFooter .footerPageLinks a {

   color: white;

   margin-bottom: 13px;

}


.ComponentFooterBlock .mainFooter .footerPageLinks .breaker {

   background-color: #1c304a;

   height: 3px;

   width: 60%;

   margin: 10px 0;

}


.ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(3) h3 {

   color: #dd3598;

}


.ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(4) h3 {

   color: #65c6c3;

}


.ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(5) h3 {

   color: #ffb017;

}


.ComponentFooterBlock .bottomFooter {

   background-color: #1c304a;

   text-align: center;

   padding: 30px 0;

}


.ComponentFooterBlock .bottomFooter img {

   margin-right: 30px;

   width: auto;

   max-height: 50px;

   max-width: 220px;

   margin-bottom: 10px;

}


.ComponentFooterBlock .bottomFooter img:last-child {

   margin-right: 0px;

}


.ComponentFooterBlock .bottomFooter .footer-copy {

   color: white;

   font-weight: normal;

   max-width: 400px;

   margin: 30px auto;

   width: 80%;

}


@media (min-width: 920px) {

   .ComponentFooterBlock .bottomFooter .footer-copy {

      display: inline-block;

      width: 20%;

      text-align: left;

      line-height: 1.2;

      vertical-align: middle;

   }

}


.ComponentFooterBlock .bottomFooter .container {

   display: inline-block;

   width: 90%;

}


@media (min-width: 920px) {

   .ComponentFooterBlock .bottomFooter .container {

      width: 70%;

   }

}


.ComponentFooterBlock .accreditationsFooter {

   background-color: #e3e5e8;

}


.ComponentFooterBlock .accreditationsFooter p {

   font-size: 1.5rem;

   max-width: 400px;

   margin: 30px auto;

   width: 80%;

   font-weight: bold;

}


@media (min-width: 800px) {

   .ComponentFooterBlock .accreditationsFooter p {

      display: inline-block;

      width: 100%;

      text-align: left;

      line-height: 1.2;

      vertical-align: middle;

   }

}


.ComponentFooterBlock .accreditationsFooter .container {

   display: inline-block;

   width: 90%;

}


@media (min-width: 800px) {

   .ComponentFooterBlock .accreditationsFooter .container {

      width: 100%;

   }

}


.ComponentFooterBlock .accreditationsFooter .col-4 {

   max-width: 18%;

}


@media (max-width: 768px) {
   .ComponentFooterBlock .accreditationsFooter .col-4 {
      max-width: 25%;
   }
}


.ComponentFooterBlock .accreditationsFooter .col-4 img {

   max-width: 100%;

   max-height: 60px;

}


.ComponentFooterBlock .social-media-container {

   margin-top: 10px;

}


.ComponentFooterBlock .social-media-container .fab {

   font-size: 30px;

   margin-right: 10px;

   margin-bottom: 10px;

}


@media (min-width: 768px) {

   .ComponentFooterBlock .social-media-container {

      margin-top: 90%;

   }

}


@media screen and (max-width: 768px) {

   .ComponentFooterBlock .footerTopbar {

      padding: 20px 0;

   }


   .ComponentFooterBlock .footerTopbar h6 {

      display: initial;

      margin-right: 0px;

      font-size: 16px;

   }


   .ComponentFooterBlock .footerTopbar h6 a {

      font-size: 16px;

   }


   .ComponentFooterBlock .footerTopbar h6:last-child {

      margin-right: 0px;

   }


   .ComponentFooterBlock .footerTopbar .col-6:nth-child(1),

   .ComponentFooterBlock .footerTopbar .col-6:nth-child(2) {

      margin-bottom: 15px;

   }


   .ComponentFooterBlock .mainFooter .footerPageLinks {

      margin-bottom: 15px;

   }


   .ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(1) h3 {

      color: #dd3598;

   }


   .ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(2) h3 {

      color: #65c6c3;

   }


   .ComponentFooterBlock .mainFooter .footerPageLinks:nth-child(3) h3 {

      color: #ffb017;

   }


   .ComponentFooterBlock .bottomFooter img {

      width: 100%;

      margin-right: 0px;

   }

}


.ComponentSearchBlock .searchBG {

   text-align: right;

}


.ComponentSearchBlock .searchBG input {

   width: 100%;

   padding: 12px 14px;

   background-color: rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   border: none;

   color: white;

   margin-bottom: 20px;

   border: solid 1px white;

}


.ComponentSearchBlock .searchBG input::-webkit-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::-moz-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input:-ms-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::-ms-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::placeholder {

   color: white;

}


.ComponentQuickLinksBlock .row {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


@media (min-width: 767px) {

   .ComponentQuickLinksBlock .row {

      padding-right: 15px;

      padding-lefT: 15px;

   }

}


.ComponentQuickLinksBlock .quick-link-tile {

   background-color: lightblue;

   border-radius: 10px;

   background-size: cover;

   -webkit-box-flex: 90%;

   -ms-flex: 90%;

   flex: 90%;

   max-width: 90%;

   margin: 0 auto 30px auto;

   height: 250px;

   position: relative;

   padding-top: 90px;

}


@media (min-width: 767px) {

   .ComponentQuickLinksBlock .quick-link-tile {

      -webkit-box-flex: 28%;

      -ms-flex: 28%;

      flex: 28%;

      max-width: 28%;

      margin: 0 0 80px 0;

   }


   .ComponentQuickLinksBlock .quick-link-tile:nth-of-type(3n) .btn {

      right: -10px;

   }

}


.ComponentQuickLinksBlock .btn {

   width: 140px;

   position: absolute;

   right: 10px;

   bottom: -22.5px;

}


.ComponentQuickLinksBlock .quick-link-title {

   color: white;

   text-align: center;

   margin: auto;

   vertical-align: center;

}


.ComponentHeroBlock {

   margin-bottom: 30px;

   margin-top: 30px;

}


.ComponentHeroBlock.topGap {

   margin-top: 20px;

}


.ComponentHeroBlock .btnWrapper {

   margin-top: 40px;

}


.ComponentHeroBlock img {

   width: auto;

}


@media (min-width: 767px) {

   .ComponentHeroBlock .col-md-6 {

      text-align: right;

   }

}


.ComponentHeroBlock .btn {

   background-color: #65c6c3;

   font-family: co-text;

}


.ComponentHeroBlock .btnPurple {

   background-color: #46377a;

}


.ComponentHeroBlock .btnRed {

   background-color: #ff6b6b;

}


.ComponentHeroBlock .btnPink {

   background-color: #dd3598;

}


.ComponentHeroBlock .btnLarge {

   padding: 10px 80px 53px 70px;

   font-size: 28px;

   line-height: 1.8;

   border-radius: 10px;

}


.ComponentHeroBlock .setHeight {

   max-height: 320px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

}


.ComponentHeroBlock .jan-intake-imgfit {

   max-height: 450px;

}


/* .Blockquote-jan-intake {

font-size: 40px;

position: relative;

}

.Blockquote-jan-intake:before {

color: #65c6c3;

font-family: 'FontAwesome';

position: absolute;

left: -3px;

content: '\f10d';

z-index: -10;

opacity: 50%;

font-size: 40px;

top: 7px;

}


.Blockquote-jan-intake2 {

font-size: 40px;

position: relative;

}

.Blockquote-jan-intake2:before {

color: #65c6c3;

font-family: 'FontAwesome';

position: absolute;

left: 40px;

content: '\f10d';

z-index: -10;

opacity: 50%;

font-size: 40px;

top: 2px;

} */



.Blockquote-jan-intake {

   font-size: 20px;

   //margin: 0 auto;

   quotes: "\201C""\201D""\2018""\2019";

   padding: 10px 20px;

   line-height: 1.4;

}


.Blockquote-jan-intake:before {

   content: open-quote;

   display: inline;

   height: 0;

   line-height: 0;

   left: -5px;

   position: relative;

   top: 25px;

   color: #65c6c3;

   font-size: 3em;

}


.Blockquote-jan-intake:after {

   content: close-quote;

   display: inline;

   height: 0;

   line-height: 0;

   left: 5px;

   position: relative;

   top: 35px;

   color: #65c6c3;

   font-size: 3em;

}


.Blockquote-jan-intake-footer {

   margin:0;

   font-size: 1.5em;

   font-style: italic;

}




.ComponentHeroBlock .videoWrapper {

   position: relative;

   padding-bottom: 56.25%;

   /* 16:9 */

   padding-top: 25px;

   height: 0;

}


.ComponentHeroBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

}


.ComponentHeroBlock h3 {

   font-size: 32px;

   line-height: 46px;

   color: #01365e;

}


.ComponentHeroBlock p,

.ComponentHeroBlock span,

.ComponentHeroBlock a,

.ComponentHeroBlock input,

.ComponentHeroBlock textarea,

.ComponentHeroBlock button,

.ComponentHeroBlock label {

   font-size: 22px;

   line-height: 32px;

}


.ComponentHeroBlock .heroBannerDesign {

   position: absolute;

   width: 175px;

   left: 15px;

   top: -230px;

   height: auto;

}


.ComponentHeroBlock .heroTextImages,

.ComponentHeroBlock .heroTextImagesRight {

   width: 30%;

   height: auto;

   float: right;

}


.ComponentHeroBlock .heroTextImages {

   margin-left: 10px;

}


.ComponentHeroBlock img {

   border-radius: 10px;

}


.ComponentHeroBlock .popup-wrap {

   width: 100%;

   height: 100vh;

   display: none;

   position: fixed;

   z-index: 100;

   top: 0px;

   left: 0px;

   content: '';

   background: rgba(0, 0, 0, 0.85);

}


.ComponentHeroBlock .popup-box {

   width: 50vw;

   max-height: 50vh;

   padding: 0;

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

   position: absolute;

   z-index: 101;

   top: 50%;

   left: 50%;

   -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   border-radius: 10px;

   background: #fff;

   text-align: center;

   text-align: left;

}


.ComponentHeroBlock .popup-box-scroll {

   overflow-y: scroll;

   max-height: 50vh;

   padding: 0 10px 10px 10px;

}


@media (min-width: 768px) {

   .ComponentHeroBlock .popup-box-scroll {

      padding: 70px;

   }

}


.ComponentHeroBlock .transform-in,

.ComponentHeroBlock .transform-out {

   display: block;

   -webkit-transition: all ease 0.5s;

   transition: all ease 0.5s;

}


.ComponentHeroBlock .transform-in {

   -webkit-transform: translate(-50%, -50%) scale(1);

   transform: translate(-50%, -50%) scale(1);

}


.ComponentHeroBlock .transform-out {

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

}


.close-btn {

   width: 35px;

   padding-top: 13px;

   height: 35px;

   position: absolute;

   top: 4%;

   right: 4%;

   text-align: center;

   z-index: 200;

   -webkit-transition: all ease 0.5s;

   transition: all ease 0.5s;

   border-radius: 134%;

   background: #F6AE31;

   font-weight: bold;

   text-decoration: none;

   color: #fff;

   line-height: 43%;

}


.close-btn:hover {

   -webkit-transform: rotate(180deg);

   -webkit-transform: rotate(180deg);

   transform: rotate(180deg);

   color: #fff;

}


@media screen and (max-width: 768px) {

   .pageHeader .backgroundHeaderImage {

      height: 608px;

   }


   .ComponentHeroBlock {

      margin-bottom: 20px;

   }


   .ComponentHeroBlock .btnBlue {

      width: 100%;

      margin-top: 20px;

   }


   .ComponentHeroBlock img {

      width: 100%;

      -o-object-fit: cover;

      object-fit: cover;

      font-family: 'object-fit: cover;';

      margin-bottom: 30px;

   }


   .ComponentHeroBlock .popup-box {

      width: 90%;

      max-height: 95%;

      padding: 30px;

      padding-top: 10%;

   }


   .ComponentHeroBlock p {

      font-size: 18px;

   }

}


.ComponentLinkBoxBlock {

   margin-bottom: 80px;

}


@media (min-width: 767px) and (max-width: 992px) {

   .ComponentLinkBoxBlock h3 {

      font-size: 32px;

   }

}


.ComponentLinkBoxBlock img {

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


.ComponentLinkBoxBlock .colourBlock {

   height: 320px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(131, 0, 66, 0.4)), to(rgba(164, 0, 82, 0.4)));

   background: linear-gradient(to right, rgba(131, 0, 66, 0.4), rgba(164, 0, 82, 0.4));

}


.ComponentLinkBoxBlock .col-md-4:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.4)), to(rgba(101, 198, 195, 0.4)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.4), rgba(101, 198, 195, 0.4));

}


.ComponentLinkBoxBlock .col-md-4:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left bottom, right top, from(rgba(255, 176, 23, 0.4)), to(rgba(221, 53, 152, 0.4)));

   background: linear-gradient(to top right, rgba(255, 176, 23, 0.4), rgba(221, 53, 152, 0.4));

}


.ComponentLinkBoxBlock .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentLinkBoxBlock .btn {

   position: absolute;

   bottom: -20px;

   right: 9%;

   right: 9%;

}


.ComponentLinkBoxBlock .LinkBlocktitle {

   position: absolute;

   top: 0;

   right: 0;

   left: 0;

   bottom: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   margin: auto;

   text-align: center;

}


.ComponentLinkBoxBlock .LinkBlocktitle h3 {

   color: white;

}


@media screen and (max-width: 768px) {

   .ComponentLinkBoxBlock {

      margin-bottom: 20px;

   }


   .ComponentLinkBoxBlock .col-md-4 {

      margin-bottom: 20px;

   }


   .ComponentLinkBoxBlock .col-md-4:last-child {

      margin-bottom: 0px;

   }


   .ComponentLinkBoxBlock .btn {

      bottom: 6%;

      left: 0;

      right: 0;

      width: 80%;

      margin: auto;

   }


   .ComponentLinkBoxBlock .LinkBlocktitle {

      position: absolute;

      top: 0;

      right: 0;

      left: 0;

      bottom: 0;

      width: -webkit-fit-content;

      width: -moz-fit-content;

      width: fit-content;

      height: -webkit-fit-content;

      height: -moz-fit-content;

      height: fit-content;

      margin: auto;

   }


   .ComponentLinkBoxBlock .LinkBlocktitle h3 {

      color: white;

   }

}


.ComponentVideoBlock {

   padding-top: 160px;

   padding-bottom: 30px;

   margin-bottom: 60px;

   background: url("/UoB/images/videobackground.png") top center no-repeat;

   background-size: cover;

}


.ComponentVideoBlock h2 {

   text-align: right;

   color: #fff;

   margin-bottom: 60px;

}


.ComponentVideoBlock .videoWrapper {

   position: relative;

   padding-bottom: 56.25%;

   /* 16:9 */

   padding-top: 25px;

   height: 0;

   margin: 15px 0px;

}


.ComponentVideoBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

   padding-right: 10px;

   padding-bottom: 15px;

   background: url("/UoB/images/videooutline.png") right bottom no-repeat;

   background-size: 95%;

}


@media screen and (max-width: 768px) {

   .ComponentVideoBlock {

      margin-bottom: 20px;

      padding-top: 5px;

      padding-bottom: 30px;

      background: #f6ae31;

      background-size: auto;

   }


   .ComponentVideoBlock h2 {

      margin-bottom: 5px;

      margin-top: 15px;

      text-shadow: 0px 0px 2px #262626a1;

   }

}



.ComponentMapBlock {

   background-size: cover;

}


.ComponentMapBlock h2 {

   text-align: right;

   color: #000;

   margin-bottom: 10px;

}


.ComponentMapBlock .MapWrapper {

   position: relative;

   width: 100%;

   height: 600px;

}


.ComponentMapBlock .MapWrapper iframe {

   position: relative;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

}


@media screen and (max-width: 768px) {

   .ComponentMapBlock {

      background: #fff;

      background-size: auto;

   }

   .ComponentMapBlock h2 {

      margin-bottom: 5px;

      margin-top: 15px;

      text-shadow: 0px 0px 2px #262626a1;

   }

}



.ComponentIframeBlock {

   background-size: cover;

}


.ComponentIframeBlock h2 {

   text-align: right;

   color: #000;

   margin-bottom: 10px;

}


.ComponentIframeBlock .MapWrapper {

   position: relative;

   width: 100%;

   height: 600px;

}


.ComponentIframeBlock .MapWrapper iframe {

   position: relative;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

}


@media screen and (max-width: 768px) {

   .ComponentIframeBlock {

      background: #fff;

      background-size: auto;

   }

   .ComponentIframeBlock h2 {

      margin-bottom: 5px;

      margin-top: 15px;

      text-shadow: 0px 0px 2px #262626a1;

   }

}



.ComponentImageSliderBlock {

   width: 100%;

   overflow: hidden;

   margin-bottom: 60px;

   display: -webkit-inline-box !important;

   display: -ms-inline-flexbox !important;

   display: inline-flex !important;

}


.ComponentImageSliderBlock .slick-slide {

   height: block !important;

}


.ComponentImageSliderBlock .grid-carousel-container {

   width: 100%;

}


.ComponentImageSliderBlock .gallery-item {

   height: 100%;

   display: block;

}


.ComponentImageSliderBlock .images {

   padding: 0 7.5px;

   display: inline;

   margin: 0 15px;

}


.ComponentImageSliderBlock .stackEmImgTop {

   padding-bottom: 10px;

}


.ComponentImageSliderBlock .stackEmImgBottom {

   padding-top: 10px;

}


.ComponentImageSliderBlock .images img {

   border-radius: 10px;

}


.ComponentImageSliderBlock .imgFull {

   height: 100%;

}


.ComponentImageSliderBlock .welBehavedDiv {

   width: 40vw;

   height: 600px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentImageSliderBlock .imgFull img {

   height: 100%;

   width: 100%;

   padding: 0 7.5px;

   margin: 0 15px;

}


.ComponentImageSliderBlock .images:first-child {

   padding-left: 15px;

}


.ComponentImageSliderBlock .images:last-child {

   padding-right: 15px;

}


.ComponentImageSliderBlock .imgHeight,

.ComponentImageSliderBlock .imgHeight img {

   width: 400px;

   height: 600px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentImageSliderBlock .imgDouble,

.ComponentImageSliderBlock .imgDouble img {

   width: 400px;

   height: 300px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentImageSliderBlock .owl-carousel .nav-btn {

   height: 47px;

   position: absolute;

   width: 75px;

   cursor: pointer;

   top: 100px !important;

}


.ComponentImageSliderBlock .owl-carousel .owl-prev.disabled,

.ComponentImageSliderBlock .owl-carousel .owl-next.disabled {

   pointer-events: none;

   opacity: 0.2;

}


.ComponentImageSliderBlock .owl-carousel .prev-slide {

   left: 0;

   background: rgba(0, 0, 0, 0.5);

   height: 100%;

   margin-top: -100px;

}


.ComponentImageSliderBlock .owl-carousel .next-slide {

   right: 0%;

   background: rgba(0, 0, 0, 0.5);

   height: 100%;

   margin-top: -100px;

}


.ComponentImageSliderBlock .owl-carousel .prev-slide:hover {

   background-position: 0px -53px;

}


.ComponentImageSliderBlock .owl-carousel .next-slide:hover {

   background-position: -24px -53px;

}


.ComponentImageSliderBlock .fa-arrow-left:before {

   position: absolute;

   top: 0;

   bottom: 0;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   margin: auto;

   color: #fff;

   font-size: 24px;

   left: 32.5px;

}


.ComponentImageSliderBlock .fa-arrow-right:before {

   position: absolute;

   top: 0;

   bottom: 0;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   margin: auto;

   color: #fff;

   font-size: 24px;

   right: 27.5px;

}


@media screen and (max-width: 768px) {

   .ComponentImageSliderBlock {

      margin-bottom: 30px;

   }

}


.modal {

   z-index: 11;

}


.modal-backdrop {

   z-index: inherit;

   display: none;

}


.modal-img {

   max-width: 900px;

   border-radius: 5px;

}


.modal-dialog {

   max-width: 900px;

}


.modal-body {

   padding: 0;

}


.close span {

   font-weight: 300;

   font-sizE: 32px;

   background-color: #65c6c3;

   color: white;

   padding: 7px;

   position: absolute;

   top: -10px;

   right: -16px;

   border-radius: 5px;

}


.close {

   opacity: 1;

}


.ComponentTestimonalBlock {

   display: block !important;

}


@media (min-width: 767px) {

   .ComponentTestimonalBlock .slick-dots {

      position: relative;

      bottom: 50px;

      padding-left: 0;

   }


   .ComponentTestimonalBlock .slick-dots li:first-of-type button {

      margin-left: 0;

   }

}


.ComponentTestimonalBlock .bg-purple {

   padding: 20px;

}


@media (min-width: 767px) {

   .ComponentTestimonalBlock .bg-purple {

      padding-left: 6%;

   }

}


.ComponentTestimonalBlock .img-container {

   padding: 0;

}


.ComponentTestimonalBlock .test-bg-img {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   height: 100%;

}


@media (max-width: 768px) {

   .ComponentTestimonalBlock .test-bg-img {

      height: 300px;

      width: 90%;

      margin: auto;

      margin-top: -70px;

      margin-bottom: 20px;

   }

}


.ComponentTestimonalBlock .Testies {

   margin-lefT: 0;

   padding-left: 0;

}


@media (min-width: 767px) {

   .ComponentTestimonalBlock .Testies .slick-list {

      overflow: hidden;

   }

}


@media (max-width: 768px) {

   .ComponentTestimonalBlock .Testies {

      text-align: center;

      background-color: #1c304a;

      background: linear-gradient(45deg, #46377a, #461a58);

   }


   .ComponentTestimonalBlock .Testies ul {

      left: 0;

      padding-left: 0;

   }


   .ComponentTestimonalBlock .Testies ul li:first-child button {

      margin-left: 0;

   }


   .ComponentTestimonalBlock .Testies .slick-list {

      overflow: hidden;

   }

}


.ComponentTestimonalBlock ul li {

   list-style: none;

}


.ComponentTestimonalBlock ul {

   position: relative;

   left: 6%;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentTestimonalBlock button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #fff;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentTestimonalBlock li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentTestimonalBlock li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentTestimonalBlock .slick-list {

   overflow: block !important;

   margin: 0;

   padding: 0;

}


.ComponentTestimonalBlock .slick-slide {

   min-height: 1px;

   height: block !important;

}


.ComponentTestimonalBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentTestimonalBlock .slick-dots-no-height {

   padding-top: 20px;

}


@media (min-width: 768px) {

   .ComponentTestimonalBlock .slick-dots-no-height {

      height: 0;

      padding-top: 0;

   }

}


.ComponentTestimonalBlock .testibg .container {

   display: block !important;

   background: linear-gradient(45deg, #46377a, #461a58);

}


.ComponentTestimonalBlock .testibg .content {

   padding: 2% 0 10% 0;

}


.ComponentTestimonalBlock .testibg .content h3 {

   color: white;

   margin-bottom: 0px;

}


@media (min-width: 767px) and (max-width: 1200px) {

   .ComponentTestimonalBlock .testibg .content h3 {

      min-height: 110px;

   }

}


.ComponentTestimonalBlock .testibg .content h5 {

   color: #f6ae31;

   margin-bottom: 25px;

}


.ComponentTestimonalBlock .testibg .content p {

   color: white;

   margin-top: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentTestimonalBlock {

      margin-bottom: 20px;

   }

}


.ComponentNewsBlock {

   margin-bottom: 60px;

}


.ComponentNewsBlock .row {

   position: relative;

}


.ComponentNewsBlock .spacingMobile a:last-of-type .contentPurple {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsBlock .news-column {

   padding-bottom: 45px;

}


.ComponentNewsBlock .news-column .btn {

   position: absolute;

   bottom: 0;

   width: auto;

}


.ComponentNewsBlock .all-blog-btn{
   justify-content: center;
   display: flex;
}
.ComponentNewsBlock .all-blog{
   position: inherit !important;
   width: -webkit-fill-available !important;
   max-width: 100% !important;
}

.ComponentNewsBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentNewsBlock .blogImage {

   padding-right: 10%;

   height: 307px;

}


.ComponentNewsBlock .blogImage img {

   border-radius: 10px;

   height: 307px;

   width: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentNewsBlock .btnTurquoise {

   background: #65c6c3 !important;

}


.ComponentNewsBlock .blueBorder {

   border: #013760 1px solid;

   border-radius: 10px;

}


.ComponentNewsBlock .borderRadLeftRigt {

   width: 100%;

   height: 464px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentNewsBlock .outerPadding {

   padding: 0 5%;

}


.ComponentNewsBlock .imgDiv {

   position: absolute;

   z-index: 5;

   right: 3%;

   top: 60px;

   background: #65c6c3;

   padding: 0.5% 1%;

   border-radius: 10px;

   -webkit-box-shadow: 0px 4px 29.7px 0.3px rgba(0, 0, 0, 0.45);

   box-shadow: 0px 4px 29.7px 0.3px rgba(0, 0, 0, 0.45);

}


.ComponentNewsBlock .imgDiv h2 {

   color: #fff;

   font-weight: 500;

   padding: 27px 25px;

   font-size: 32px;

}


.ComponentNewsBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentNewsBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentNewsBlock .blogpost .contentOuter .contentPurple {

   padding: 15px;

   position: absolute;

   bottom: -10%;

   border-radius: 10px;

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

}


.ComponentNewsBlock .blogpost .contentOuter .contentPurple p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsBlock .blogpost .contentOuter .contentPurple p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsBlock .blogpost .contentOuter .content {

   padding: 15px;

   position: absolute;

   bottom: -10%;

   border-radius: 10px;

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsBlock .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsBlock .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentNewsBlock .Slick-Blog-Navigation ul li {

   list-style: none;

}


.ComponentNewsBlock .Slick-Blog-Navigation ul {

   position: absolute;

   right: 85px;

   bottom: 10px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   bottom: 65px;

   right: 40px;

}


@media (min-width: 767px) {

   .ComponentNewsBlock .Slick-Blog-Navigation ul {

      right: 85px;

      bottom: 10px;

   }

}


.ComponentNewsBlock .Slick-Blog-Navigation button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #1c304a;

   border-radius: 100%;

   background-color: #fff;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentNewsBlock .Slick-Blog-Navigation .pos {

   position: relative;

   height: 70px;

}


.ComponentNewsBlock .Slick-Blog-Navigation .btn {

   font-weight: 700;

   height: 45px;

   background: #dd3697;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   display: block;

   width: auto;

   padding: 0.375rem 0.75rem;

   margin: 0px;

   border-radius: 10px;

   text-indent: 0;

   bottom: 10px;

   position: absolute;

}


.ComponentNewsBlock .Slick-Blog-Navigation .btn:hover {

   background: #cc0066;

   color: #fff;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.ComponentNewsBlock .Slick-Blog-Navigation li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentNewsBlock .Slick-Blog-Navigation li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


@media screen and (max-width: 768px) {

   .ComponentNewsBlock {

      margin-bottom: 20px;

   }


   .ComponentNewsBlock .row {

      -webkit-box-pack: end;

      -ms-flex-pack: end;

      justify-content: flex-end;

   }


   .ComponentNewsBlock .row .imgDiv {

      display: block !important;

      position: relative !important;

      top: 40px !important;

      right: 0 !important;

      margin-top: -70px;

   }


   .ComponentNewsBlock .slick-slider.blog {

      display: block !important;

   }


   .ComponentNewsBlock .col-md-12 .btn {

      margin-top: 10px;

   }


   .ComponentNewsBlock .imgDiv {

      position: absolute;

      margin-left: 0;

      margin-bottom: 0;

      top: -70px;

      width: auto;

      padding: 2% 3%;

      right: 15px;

   }


   .ComponentNewsBlock .imgDiv h2 {

      padding: 15px 12.5px;

   }


   .ComponentNewsBlock .imgDiv img {

      max-width: 45px !important;

      height: auto;

   }


   .ComponentNewsBlock .blogImage {

      padding-right: 0%;

   }


   .ComponentNewsBlock .blogpost .contentOuter .contentPurple {

      right: -2%;

      width: 90%;

   }


   .ComponentNewsBlock .spacingMobile {

      margin-bottom: 25px;

   }


   .ComponentNewsBlock .outerPadding {

      padding: 0;

      margin-bottom: 40px;

   }

}




.ComponentNewsHomePage {

   margin-bottom: 60px;

}


.ComponentNewsHomePage .row {

   position: relative;

}


.ComponentNewsHomePage .spacingMobile a:last-of-type .contentPurple {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsHomePage h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentNewsHomePage .blogImage {

   padding-right: 10%;

}


.ComponentNewsHomePage .blogImage img {

   border-radius: 10px;

   height: 307px;

   width: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   object-position: 0 0;

}


.ComponentNewsHomePage .btnTurquoise {

   background: #65c6c3 !important;

}


.ComponentNewsHomePage .blueBorder {

   border: #013760 1px solid;

   border-radius: 10px;

}


.ComponentNewsHomePage .borderRadLeftRigt {

   width: 100%;

   height: 464px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentNewsHomePage .outerPadding {

   padding: 0 5%;

}


.ComponentNewsHomePage .imgDiv {

   position: absolute;

   z-index: 5;

   right: 3%;

   top: 60px;

   background: #65c6c3;

   padding: 0.5% 1%;

   border-radius: 10px;

   box-shadow: 0px 4px 29.7px 0.3px rgba(0, 0, 0, 0.45);

}


.ComponentNewsHomePage .imgDiv h2 {

   color: #fff;

   font-weight: 500;

   padding: 27px 25px;

   font-size: 32px;

}


.ComponentNewsHomePage .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentNewsHomePage .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentNewsHomePage .blogpost .contentOuter .contentPurple {

   padding: 15px;

   position: absolute;

   bottom: -10%;

   border-radius: 10px;

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

}


.ComponentNewsHomePage .blogpost .contentOuter .contentPurple p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsHomePage .blogpost .contentOuter .contentPurple p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsHomePage .blogpost .contentOuter .content {

   padding: 15px;

   position: absolute;

   bottom: -10%;

   border-radius: 10px;

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsHomePage .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsHomePage .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsHomePage .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


/* .ComponentNewsHomePage .Slick-Blog-Navigation ul li {

list-style: none;

}


.ComponentNewsHomePage .Slick-Blog-Navigation ul {

position: relative;

left: 10px;

bottom: 30px;

display: inline-flex;

} */




.ComponentNewsHomePage .Slick-Blog-Navigation ul li {

   list-style: none;

}


.ComponentNewsHomePage .Slick-Blog-Navigation ul {

   position: absolute;

   right: 85px;

   bottom: 10px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   bottom: 65px;

   right: 40px;

}


@media (min-width: 767px) {

   .ComponentNewsHomePage .Slick-Blog-Navigation ul {

      right: 85px;

      bottom: 10px;

   }

}



.ComponentNewsHomePage .Slick-Blog-Navigation button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #1c304a;

   border-radius: 100%;

   background-color: #fff;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentNewsHomePage .Slick-Blog-Navigation .pos {

   position: relative;

   height: 70px;

}


.ComponentNewsHomePage .Slick-Blog-Navigation .btn {

   font-weight: 700;

   height: 45px;

   background: #dd3697;

   color: #fff;

   border: none;

   outline: none;

   box-shadow: none;

   transition: 0.6s ease;

   display: block;

   width: auto;

   padding: 0.375rem 0.75rem;

   margin: 0px;

   border-radius: 10px;

   text-indent: 0;

   bottom: 10px;

   position: absolute;

}


.ComponentNewsHomePage .Slick-Blog-Navigation .btn:hover {

   background: #cc0066;

   color: #fff;

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.ComponentNewsHomePage .Slick-Blog-Navigation li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentNewsHomePage .Slick-Blog-Navigation li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


@media screen and (max-width: 768px) {

   .ComponentNewsHomePage {

      margin-bottom: 20px;

   }

   .ComponentNewsHomePage .row {

      justify-content: flex-end;

   }

   .ComponentNewsHomePage .row .imgDiv {

      display: block !important;

      position: relative !important;

      top: 40px !important;

      right: 0 !important;

      margin-top: -70px;

   }

   .ComponentNewsHomePage .slick-slider.blog {

      display: block !important;

   }

   .ComponentNewsHomePage .col-md-12 .btn {

      margin-top: 10px;

   }

   .ComponentNewsHomePage .imgDiv {

      position: absolute;

      margin-left: 0;

      margin-bottom: 0;

      top: -70px;

      width: auto;

      padding: 2% 3%;

      right: 15px;

   }

   .ComponentNewsHomePage .imgDiv h2 {

      padding: 15px 12.5px;

   }

   .ComponentNewsHomePage .imgDiv img {

      max-width: 45px !important;

      height: auto;

   }

   .ComponentNewsHomePage .blogImage {

      padding-right: 0%;

   }

   .ComponentNewsHomePage .blogpost .contentOuter .contentPurple {

      right: -2%;

      width: 90%;

   }

   .ComponentNewsHomePage .spacingMobile {

      margin-bottom: 25px;

   }

   .ComponentNewsHomePage .outerPadding {

      padding: 0;

      margin-bottom: 40px;

   }

}






.ComponentNewsEventsBlock {

   margin-bottom: 60px;

}


.ComponentNewsEventsBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 500;

}


.ComponentNewsEventsBlock .blogImage {

   padding-right: 10%;

}


.ComponentNewsEventsBlock .blogImage img {

   border-radius: 10px;

}


.ComponentNewsEventsBlock .blueBorder {

   border: #013760 1.7px solid;

   border-radius: 10px;

}


.ComponentNewsEventsBlock .borderRadLeftRigt {

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentNewsEventsBlock .outerPadding {

   padding: 0 5%;

}


.ComponentNewsEventsBlock .imgDiv {

   margin-top: 60px;

   position: absolute;

   z-index: 9;

   right: 0;

   top: 0;

   background: #462160;

   padding: 2% 3%;

   border-radius: 10px;

   -webkit-box-shadow: 0px 4px 29.7px 0.3px rgba(0, 0, 0, 0.45);

   box-shadow: 0px 4px 29.7px 0.3px rgba(0, 0, 0, 0.45);

}


.ComponentNewsEventsBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .contentPurple {

   padding: 15px;

   position: absolute;

   bottom: -10%;

   border-radius: 10px;

   color: #fff;

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

}


.ComponentNewsEventsBlock .blogpost .contentOuter .contentPurple p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .contentPurple p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .contentPurple p:last-child {

   margin-bottom: 0px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .content {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   position: absolute;

   bottom: -17%;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsEventsBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation ul li {

   list-style: none;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation ul {

   position: relative;

   left: 10px;

   bottom: 30px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #1c304a;

   border-radius: 100%;

   background-color: #fff;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation .btn {

   font-weight: 700;

   height: 45px;

   background: #f6ae31;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   display: block;

   width: auto;

   padding: 0.375rem 0.75rem;

   margin: 0px;

   border-radius: 10px;

   text-indent: 0;

   margin-left: 14.5%;

   bottom: 10px;

   position: inherit;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentNewsEventsBlock .Slick-Blog-Navigation li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


@media screen and (max-width: 768px) {

   .ComponentNewsBlock {

      margin-bottom: 30px;

   }


   .ComponentNewsBlock .slick-slider {

      display: none !important;

   }


   .ComponentNewsBlock .col-md-12 .btn {

      margin-top: 10px;

   }

}



@media screen and (max-width: 768px) {

   .ComponentNewsHomePage {

      margin-bottom: 30px;

   }


   .ComponentNewsHomePage .slick-slider {

      display: none !important;

   }


   .ComponentNewsHomePage .col-md-12 .btn {

      margin-top: 10px;

   }

}



@media screen and (max-width: 768px) {

   .ComponentNewsEventsBlock {

      margin-bottom: 20px;

      margin-bottom: 30px;

   }


   .ComponentNewsEventsBlock .outerPadding {

      margin-top: 10px;

   }


   .ComponentNewsEventsBlock .btnBlue {

      margin-bottom: 15px;

   }


   .ComponentNewsEventsBlock .imgDiv {

      margin-top: 0px;

      position: absolute;

      margin-left: 0;

      margin-bottom: 0;

      top: 0;

      width: auto;

   }


   .ComponentNewsEventsBlock .imgDiv img {

      max-width: 45px !important;

      height: auto;

   }

}


.ComponentNewsEventsBlock .spacingMobile .blogpost:nth-child(2n) .contentPurple {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsEventsBlock .more-news-events {

   padding-left: 0;

}


.ComponentNewsEventsBlock .more-news-events .btn {

   background-color: #ff6b6b;

}


@media (max-width: 767px) {

   .ComponentNewsEventsBlock .more-news-events {

      margin-bottom: 30px;

   }

}


.ComponentNewsEventsBlock .event-2images-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   height: 150px;

}


@media (min-width: 600px) {

   .ComponentNewsEventsBlock .event-2images-container {

      height: 300px;

   }

}


.ComponentNewsEventsBlock .event-2images-container .event-image {

   border-bottom: #013760 1.7px solid;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   height: 100%;

   margin: auto;

}


.ComponentNewsEventsBlock .event-2images-container .event-image:first-of-type {

   width: 45%;

   -webkit-box-flex: 1;

   -ms-flex: 1;

   flex: 1;

}


.ComponentNewsEventsBlock .event-2images-container .event-image:last-of-type {

   width: 55%;

   -webkit-box-flex: 1;

   -ms-flex: 1;

   flex: 1;

}


.ComponentNewsEventsBlock .pos {

   position: relative;

   height: 70px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.ComponentNewsEventsBlock .pos a .btn {

   width: 100%;

   padding: 10px 20px;

}


.ComponentNewsEventsBlock .pos a:first-of-type .btn {

   background-color: #06377a;

}


.ComponentNewsEventsBlock .pos a:last-of-type {

   margin-left: 5%;

}


.ComponentNewsEventsBlock .pos a:last-of-type .btn {

   background-color: #ff6b6b;

}


.ComponentSingleImageSliderBlock {

   margin-bottom: 60px;

}


.ComponentSingleImageSliderBlock .grey-bg {

   background-color: rgba(0, 0, 0, 0.3);

   position: absolute;

   height: 360px;

   z-index: 9;

   line-height: 360px;

}


.ComponentSingleImageSliderBlock .grey-bg img {

   width: 50px;

   height: auto;

}


.ComponentSingleImageSliderBlock .grey-bg.next-slide {

   right: 15px;

   border-radius: 0 10px 10px 0;
   top: 0;

}


.ComponentSingleImageSliderBlock .grey-bg.next-slide:after {

   content: '';

   display: block;

   background: white;

   height: 100%;

   bottom: 0;

   right: -100%;

   width: 100%;

   position: absolute;

}


.ComponentSingleImageSliderBlock .grey-bg.prev-slide {

   left: 15px;

   border-radius: 10px 0 0 10px;

}


.ComponentSingleImageSliderBlock .grey-bg.prev-slide:after {

   content: '';

   display: block;

   background: white;

   height: 100%;

   bottom: 0;

   left: -100%;

   width: 100%;

   position: absolute;

}


.ComponentSingleImageSliderBlock .meetTheTeam .staff-picture {

   background-size: cover !important;

   background-position: center !important;

   border-radius: 10px;

   height: 360px;

}


@media (max-width: 768px) {

   .ComponentSingleImageSliderBlock .meetTheTeam {

      width: 100% !important;

      margin-left: 0 !important;

      margin-right: 0 !important;

   }

}


.ComponentSingleImageSliderBlock .slick-list {

   width: 100%;

}


.ComponentSingleImageSliderBlock a {

   display: block;

}


.ComponentSingleImageSliderBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 500;

}


.ComponentSingleImageSliderBlock img {

   border-radius: 10px;

   height: 100%;

   width: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentSingleImageSliderBlock .col-md-3 {

   text-align: center;

   margin: 0 17px !important;

}


.ComponentSingleImageSliderBlock h4 {

   font-size: 22px;

   line-height: 34px;

   color: #1c304a;

   margin-bottom: 2px;

}


.ComponentSingleImageSliderBlock p {

   margin-bottom: 0px;

}


.ComponentSingleImageSliderBlock .descriptionDiv {

   position: absolute;

   bottom: 0;

   top: inherit;

   background: #1c304a;

   padding: 20px 0;

   border-bottom-left-radius: 10px;

   border-bottom-right-radius: 10px;

   display: none;

   width: calc(100% - 30px);

}


.ComponentSingleImageSliderBlock .descriptionDiv h5 {

   margin-bottom: 15px;

   font-family: co-text;

   font-weight: 700;

   font-size: 32px;

   color: #1c304a;

}


.ComponentSingleImageSliderBlock .descriptionDiv .descriptionText {

   text-align: center;

   color: #fff;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock {

   margin-bottom: 60px;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock a {

   display: block;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 500;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock img {

   border-radius: 10px;

   height: 100%;

   width: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock .col-md-3 {

   text-align: center;

   margin: 0 17px !important;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock h4 {

   font-size: 22px;

   line-height: 34px;

   color: #1c304a;

   margin-bottom: 2px;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock p {

   margin-bottom: 0px;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock .descriptionDiv {

   position: absolute;

   bottom: 0;

   background: #1c304a;

   padding: 20px 0;

   border-bottom-left-radius: 10px;

   border-bottom-right-radius: 10px;

   display: none;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock .descriptionDiv h5 {

   margin-bottom: 15px;

   font-family: co-text;

   font-weight: 700;

   font-size: 32px;

   color: #1c304a;

}


.ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock .descriptionDiv .descriptionText {

   text-align: center;

   color: #fff;

}


@media screen and (max-width: 768px) {

   .ComponentSingleImageSliderBlock .ComponentSingleImageSliderBlock {

      margin-bottom: 20px;

   }

}


.ComponentSingleImageSliderBlock .underline {

   border-top: 3px solid #8d97a4;

   width: 10%;

   margin-top: -20px;

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentSingleImageSliderBlock {

      margin-bottom: 20px;

   }

}


.underline {

   border-top: 3px solid #8d97a4;

   width: 10%;

   margin-top: 15px !important;

   margin-bottom: 30px !important;

}


.ComponentMyBoltonAppBlock {

   background: linear-gradient(-98deg, #a9a7c5 22%, #126e95 61%);

}


.ComponentMyBoltonAppBlock .AppLinks {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.ComponentMyBoltonAppBlock .AppLinks a:not(:first-of-type) {

   margin-left: 20px;

}


.ComponentMyBoltonAppBlock .AppLinks img {

   max-height: 63px;

   width: auto;

}


.ComponentMyBoltonAppBlock .container {

   background: url("/UoB/images/myboltonbg.png") right center no-repeat;

   background-size: contain;

   padding-top: 40px;

   padding-bottom: 40px;

}


.ComponentMyBoltonAppBlock .container h2 {

   font-size: 100px;

   color: #fff;

   line-height: 112px;

   margin-bottom: 10px;

   font-family: "motiva-sans", sans-serif;

}


.ComponentMyBoltonAppBlock .container p {

   color: #fff;

}


@media screen and (max-width: 768px) {

   .ComponentMyBoltonAppBlock .AppLinks:first-child {

      margin-bottom: 20px;

   }


   .ComponentMyBoltonAppBlock .container {

      background: none;

      text-align: center;

   }


   .ComponentMyBoltonAppBlock .container img {

      width: 80%;

   }


   .ComponentMyBoltonAppBlock .container h2 {

      font-size: 60px;

      color: #fff;

      line-height: 72px;

      margin-bottom: 3px;

   }

}


@media screen and (max-width: 1224px) {

   .ComponentMyBoltonAppBlock .col-md-12>h2 {

      text-shadow: 2px 2px 2px #262626a1;

   }


   .ComponentMyBoltonAppBlock .col-md-6>p {

      text-shadow: 1px 1px 11px #000000;

   }

}



.HelpCentreBlock {
   background-color: #dd3598;
   padding-top: 40px;
   padding-bottom: 7px;
   background-repeat: no-repeat;
   background-size: cover;
   object-fit: cover;
   margin-top: -35px;
   margin-bottom: 30px;
}

.HelpCentreBlock .btn-yellow {
   background: #f8ac1a;
   border: 1px solid #f8ac1a;
   color: #46377a;
   border-radius: 10px;
}

.HelpCentreBlock .col-lg-6 {
   text-align: initial;
}

.HelpCentreBlock .col-lg-4 {
   padding: 0 !important;
}

.HelpCentreBlock h2 {
   font-size: 80px;
   line-height: 67px;
   color: #fff;
   font-weight: 800;
   font-family: 'co-text', sans-serif;
}

.HelpCentreBlock p {
   font-size: 20px;
   line-height: 27px;
   color: #fff;
   font-family: "motiva-sans", sans-serif;
   padding: 0;
}

@media screen and (max-width: 768px) {
   .HelpCentreBlock h2 {
      font-size: 75px;
   }
   .HelpCentreBlock .btn {
      width: 50%;
   }
}


.ComponentAccreditationsBlock {

   margin-bottom: 60px;

}


.ComponentAccreditationsBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

}


.ComponentAccreditationsBlock img {

   border-radius: 10px;

   padding: 10px;

   border: solid 1px #a4acb7;

   background-color: #e2e3e5;

   background-image: -webkit-gradient(linear, right top, left bottom, from(#fff), to(#e2e3e5));

   background-image: linear-gradient(to bottom left, #fff, #e2e3e5);

}


.ComponentAccreditationsBlock .slick-slide {

   height: auto !important;

}


.ComponentAccreditationsBlock .accreditations .col-md-2 {

   display: -webkit-inline-box !important;

   display: -ms-inline-flexbox !important;

   display: inline-flex !important;

}


@media screen and (max-width: 768px) {

   .ComponentAccreditationsBlock {

      margin-bottom: 20px;

   }


   .ComponentAccreditationsBlock .col-md-2 img {

      margin-top: 10px;

   }

}


.ComponentTextImageBlock {

   margin-bottom: 60px;

}


.ComponentTextImageBlock .setHeight {

   max-height: 320px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentTextImageBlock .videoWrapper {

   position: relative;

   padding-bottom: 56.25%;

   /* 16:9 */

   padding-top: 25px;

   height: 0;

}


.ComponentTextImageBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

}


.ComponentTextImageBlock h3 {

   font-size: 32px;

   line-height: 46px;

   color: #01365e;

   margin-bottom: 15px;

}


.ComponentTextImageBlock .heroBannerDesign {

   position: absolute;

   width: 175px;

   left: 15px;

   top: -230px;

   height: auto;

}


.ComponentTextImageBlock .heroTextImages,

.ComponentTextImageBlock .heroTextImagesRight {

   width: 30%;

   height: auto;

   float: right;

}


.ComponentTextImageBlock .heroTextImages {

   margin-left: 10px;

}


.ComponentTextImageBlock img {

   border-radius: 10px;

}


.ComponentTextImageBlock .popup-wrap {

   width: 100%;

   height: 100vh;

   display: none;

   position: fixed;

   z-index: 100;

   top: 0px;

   left: 0px;

   content: '';

   background: rgba(0, 0, 0, 0.85);

}


.ComponentTextImageBlock .popup-box {

   width: 50vw;

   max-height: 50vh;

   padding: 70px;

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

   position: absolute;

   z-index: 101;

   top: 50%;

   left: 50%;

   -webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);

   border-radius: 10px;

   background: #fff;

   text-align: center;

   overflow-y: scroll;

}


.ComponentTextImageBlock .transform-in,

.ComponentTextImageBlock .transform-out {

   display: block;

   -webkit-transition: all ease 0.5s;

   transition: all ease 0.5s;

}


.ComponentTextImageBlock .transform-in {

   -webkit-transform: translate(-50%, -50%) scale(1);

   transform: translate(-50%, -50%) scale(1);

}


.ComponentTextImageBlock .transform-out {

   -webkit-transform: translate(-50%, -50%) scale(0.5);

   transform: translate(-50%, -50%) scale(0.5);

}


@media screen and (max-width: 768px) {

   .ComponentTextImageBlock .popup-box {

      width: 90%;

      max-height: 95%;

      padding: 30px;

      padding-top: 10%;

   }

}


@media screen and (max-width: 768px) {

   .ComponentTextImageBlock {

      margin-bottom: 20px;

   }


   .ComponentTextImageBlock img {

      width: 100%;

      height: 200px;

      -o-object-fit: cover;

      object-fit: cover;

      font-family: 'object-fit: cover;';

      margin-bottom: 20px;

   }

}


.ComponentEventsBlock {

   margin-top: 30px;

   padding-top: 20px;

   padding-bottom: 120px;

   background: url("/UoB/images/eventsbg1.png") bottom center no-repeat;

   background-size: cover;

   margin-bottom: 60px;

}


@media (max-width: 450px) {

   .ComponentEventsBlock .events-slider {

      margin-left: 15px;

      margin-right: 0;

   }

}


.ComponentEventsBlock .slick-list {

   width: 90%;

   min-height: 300px;

   margin-top: -50px;

}


.ComponentEventsBlock .eventsSearchResult {

   max-width: 90%;

}


@media (max-width: 768px) {

   .ComponentEventsBlock .eventsSearchResult {

      max-width: 80%;

      display: block !important;

      margin: auto;

      margin-bottom: 20px;

   }

}


@media (max-width: 450px) {

   .ComponentEventsBlock .eventsSearchResult {

      max-width: 95%;

   }

}


.ComponentEventsBlock .prevImg,

.ComponentEventsBlock .nextImg {

   width: 30px !important;

   height: 70px !important;

   cursor: pointer;

}


@media (max-width: 768px) {

   .ComponentEventsBlock .prevImg,

   .ComponentEventsBlock .nextImg {

      display: none !important;

   }

}


@media (min-width: 767px) {


   .ComponentEventsBlock .prevImg,

   .ComponentEventsBlock .nextImg {

      width: 40px;

   }

}


.ComponentEventsBlock .next-slide {

   position: absolute;

   right: 5px;

   top: 150px;

}


@media (min-width: 767px) {

   .ComponentEventsBlock .next-slide {

      top: 60px;

   }

}


@media (max-width: 450px) {

   .ComponentEventsBlock .next-slide {

      display: none !important;

   }

}


.ComponentEventsBlock .prev-slide {

   margin-left: 5px;

   margin-top: 150px;

}


@media (min-width: 767px) {

   .ComponentEventsBlock .prev-slide {

      margin-top: 60px;

   }

}


@media (max-width: 450px) {

   .ComponentEventsBlock .prev-slide {

      display: none !important;

   }

}


.ComponentEventsBlock .SearchResults h2 {

   margin-bottom: 40px;

}


.ComponentEventsBlock h2 {

   text-align: left;

   color: #fff;

   font-family: "co-text", sans-serif;

   font-weight: 400;

   margin-bottom: 40px;

   padding-bottom: 80px;

}


.ComponentEventsBlock .underline {

   border-top-color: #1c304a;

   opacity: 0.5;

   margin-top: -5px;

}


.ComponentEventsBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

   min-height: 100px;

}


.ComponentEventsBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentEventsBlock .blogpost .contentOuter .content {

   border: solid 2px #1c304a;

   background-color: #fff;

   border-radius: 10px;

   padding: 15px;

   position: absolute;

   bottom: -17%;

   width: 90%;

   background-size: cover;

   max-height: 108px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.ComponentEventsBlock .blogpost .contentOuter .content img {

   max-width: 60px;

   margin-right: 10px;

}


.ComponentEventsBlock .blogpost .contentOuter .content p {

   color: #1c304a;

   font-weight: 600;

   margin-bottom: 0;

}


.ComponentEventsBlock .blogpost .contentOuter .content p span {

   color: #666666;

   font-weight: 200;

   font-size: 14px;

}


.ComponentEventsBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentEventsBlock .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentEventsBlock .blogpost .blogImage img {

   border-radius: 10px;

   width: -webkit-fill-available;

   height: -webkit-fill-available;

}


.ComponentEventsBlock img {

   border-radius: 10px !important;

   width: -webkit-fill-available !important;

   height: 100% !important;

}


.ComponentEventsBlock .sectionTwo {

   margin-top: 60px !important;

}


.ComponentEventsBlock .sectionTwo .blockImages {

   height: 250px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-radius: 10px;

   border: 2px solid;

}


.ComponentEventsBlock .sectionTwo .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentEventsBlock .sectionTwo .LinkBlocktitle {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   background: #fff;

   position: absolute;

   top: 50%;

   right: 0;

   left: 0;

   bottom: 0;

   margin: auto 15px;

   text-align: center;

   border-radius: 10px;

   border: 2px solid #000;

   border-top: 0;

}


.ComponentEventsBlock .sectionTwo .LinkBlocktitle h4 {

   font-size: 24px;

   margin: auto;

}


.ComponentEventsBlock .sectionTwo .colourBlock {

   height: 250px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlock .sectionTwo .col-md-3:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlock .sectionTwo .col-md-3:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlock .sectionTwo .col-md-3:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentEventsBlock .sectionTwo .col-md-3:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


@media (min-width: 767px) and (max-width: 1201px) {

   .ComponentEventsBlock .container {

      max-width: 100%;

   }


   .ComponentEventsBlock .container .contentOuter .content {

      max-height: -webkit-fit-content;

      max-height: -moz-fit-content;

      max-height: fit-content;

      top: 80%;

      bottom: inherit;

   }


   .ComponentEventsBlock .container .contentOuter .content img {

      max-width: 50px;

   }

}


@media screen and (max-width: 768px) {

   .ComponentEventsBlock {

      padding-top: 5px;

      margin-bottom: 0px;

      padding-bottom: 0;

      background-size: auto;

      background: url("/UoB/images/bigbg.png");

   }


   .ComponentEventsBlock h2 {

      margin-bottom: 5px;

      color: #1c304a;

   }


   .ComponentEventsBlock .sectionTwo {

      margin-top: 0px !important;

   }


   .ComponentEventsBlock .eventsSearchResult {

      margin-bottom: 20px;

   }

}


.ComponentEventsBlock.no-bg {

   background-image: none;

}


.ComponentReverseNewsBlock {

   padding-top: 30px;

   padding-bottom: 30px;

   margin-bottom: 30px;

   background: url("/UoB/images/newresearchbg2.png") top center no-repeat;

   background-size: cover;

}


.ComponentReverseNewsBlock h2 {

   color: #1c304a;

   margin-bottom: 60px;

   font-weight: 500;

   font-family: "co-text", sans-serif;

}


.ComponentReverseNewsBlock h4 {

   color: #1c304a;

   font-family: "Motiva Sans", sans-serif;

}


.ComponentReverseNewsBlock .blogImage {

   padding-right: 10%;

}


.ComponentReverseNewsBlock .blogImage img {

   border-radius: 10px;

}


.ComponentReverseNewsBlock .bntRight {

   position: relative;

}


.ComponentReverseNewsBlock .bntRight button {

   position: absolute;

   right: 0;

   background: #dd3697 !important;

}


@media (min-width: 767px) {

   .ComponentReverseNewsBlock .bntRight button {

      top: -10px;

   }

}


@media (min-width: 1000px) {

   .ComponentReverseNewsBlock .bntRight button {

      top: 0;

   }

}


.ComponentReverseNewsBlock .blueBorder {

   border: #013760 1px solid;

   border-radius: 10px;

   overflow: hidden;

}


.ComponentReverseNewsBlock .borderRadLeftRigt {

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentReverseNewsBlock .outerPadding {

   padding-right: 5%;

}


.ComponentReverseNewsBlock .outerPadding .bgColor {

   padding: 5%;

   padding-bottom: 9%;

   background-color: #fff;

}


.ComponentReverseNewsBlock .imgDiv {

   width: 15vw;

   position: absolute;

   right: 0;

   top: -50px;

}


.ComponentReverseNewsBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentReverseNewsBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentReverseNewsBlock .blogpost .contentOuter .content {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   position: absolute;

   bottom: -17%;

}


.ComponentReverseNewsBlock .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentReverseNewsBlock .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentReverseNewsBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation ul li {

   list-style: none;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation ul {

   position: relative;

   left: -15px;

   bottom: 30px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #1c304a;

   border-radius: 100%;

   background-color: #fff;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation .btn {

   font-weight: 700;

   height: 45px;

   background: #f6ae31;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   display: block;

   width: auto;

   padding: 0.375rem 0.75rem;

   margin: 0px;

   border-radius: 10px;

   text-indent: 0;

   margin-left: 15%;

   bottom: 10px;

   position: absolute;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation .btnTurquoise {

   background: #65c6c3;

   font-family: "co-text", sans-serif;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation .btn:hover {

   background: #cc0066;

   color: #fff;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentReverseNewsBlock .Slick-Blog-Navigation li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentReverseNewsBlock .blogImage {

   border-radius: 10px;

   background-sizE: cover;

}


@media (min-width: 767px) {

   .ComponentReverseNewsBlock .btn {

      position: absolute;

      bottom: 0;

   }


   .ComponentReverseNewsBlock .blogpost {

      height: 34.4%;

   }


   .ComponentReverseNewsBlock .blogImage {

      height: 100%;

   }

}


@media (min-width: 991px) {

   .ComponentReverseNewsBlock .blogpost {

      height: 36.7%;

   }

}


@media (min-width: 1200px) {

   .ComponentReverseNewsBlock .blogpost {

      height: 37.7%;

   }

}


.ComponentReverseNewsBlock .col-md-4 a:first-of-type .contentOuter .pink {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


@media screen and (max-width: 768px) {

   .blueBorder {

      margin-bottom: 20px;

   }


   .ComponentReverseNewsBlock {

      margin-bottom: 20px;

      padding-top: 0px;

      padding-bottom: 20px;

   }


   .ComponentReverseNewsBlock .slick-slider {

      display: none !important;

   }


   .ComponentReverseNewsBlock .col-md-12 .btn {

      margin-top: 10px;

   }


   .ComponentReverseNewsBlock .blogImage {

      padding-right: 0%;

      padding-right: 0%;

      height: 250px;

      background-size: cover;

      border-radius: 10px;

   }


   .ComponentReverseNewsBlock .outerPadding {

      padding-right: 0%;

   }


   .ComponentReverseNewsBlock .blogpost .contentOuter {

      padding-left: 0%;

   }


   .ComponentReverseNewsBlock .col-md-6 h2 p {

      text-shadow: 2px 2px 2px #262626a1;

   }


   .ComponentReverseNewsBlock .ComponentReverseNewsBlock .outerPadding {

      padding-right: 0%;

   }

}


.ComponentOpenLinkBoxBlock {

   margin-bottom: 20px;

}


.ComponentOpenLinkBoxBlock img {

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


.ComponentOpenLinkBoxBlock .btn {

   position: absolute;

   bottom: -20px;

   right: 9%;

}


.ComponentOpenLinkBoxBlock .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentOpenLinkBoxBlock .colourBlock {

   height: 320px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(5) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#dd6b6b), to(#ffb017));

   background: linear-gradient(to right, #dd6b6b, #ffb017);

   opacity: 0.5;

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(6) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#65c6c3), to(#dd3598));

   background: linear-gradient(to right, #65c6c3, #dd3598);

   opacity: 0.5;

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(7) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#46377a), to(#65c6c3));

   background: linear-gradient(to right, #46377a, #65c6c3);

   opacity: 0.5;

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(8) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

   opacity: 0.5;

}


.ComponentOpenLinkBoxBlock .col-md-6:nth-child(9) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#afced7), to(#b6c5d4));

   background: linear-gradient(to right, #afced7, #b6c5d4);

   opacity: 0.5;

}


.ComponentOpenLinkBoxBlock .LinkBlocktitle {

   position: absolute;

   top: 0;

   right: 0;

   left: 0;

   bottom: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   margin: auto;

   text-align: center;

}


.ComponentOpenLinkBoxBlock .LinkBlocktitle h3 {

   color: white;

   padding: 0 10px;

}


@media screen and (max-width: 768px) {

   .ComponentOpenLinkBoxBlock {

      margin-bottom: 20px;

   }


   .ComponentOpenLinkBoxBlock .LinkBlocktitle {

      text-align: center;

      text-shadow: 2px 2px 2px #262626a1;

      padding: 15px;

   }


   .ComponentOpenLinkBoxBlock .laSpacing {

      margin-bottom: 20px;

   }


   .ComponentOpenLinkBoxBlock .laSpacing:last-child {

      margin-bottom: 0px;

   }


   .ComponentOpenLinkBoxBlock .col-md-4 {

      margin-bottom: 20px;

   }


   .ComponentOpenLinkBoxBlock .col-md-4:last-child {

      margin-bottom: 0px;

   }


   .ComponentOpenLinkBoxBlock .btn {

      bottom: 6%;

      left: 0;

      right: 0;

      width: 80%;

      margin: auto;

   }


   .ComponentOpenLinkBoxBlock .LinkBlocktitle {

      position: absolute;

      top: 0;

      right: 0;

      left: 0;

      bottom: 0;

      width: -webkit-fit-content;

      width: -moz-fit-content;

      width: fit-content;

      height: -webkit-fit-content;

      height: -moz-fit-content;

      height: fit-content;

      margin: auto;

   }


   .ComponentOpenLinkBoxBlock .LinkBlocktitle h3 {

      color: white;

   }

}


@media (min-width: 769px) {

   .ComponentOpenLinkBoxBlock .laSpacing {

      margin-bottom: 60px;

   }


   .col-sm-12> {

      margin: 60px 0 !important;

   }


   .LinkBlocktitle {

      padding: 0 20px;

   }

}


.ComponentEventsReversedBlock {

   padding: 183px 0 75px 0;

   margin-bottom: 60px;

   background: url("/UoB/images/BG.png") top center no-repeat;

   background-size: cover;

}


.ComponentEventsReversedBlock h2 {

   color: #fff;

   font-size: 64px;

   font-weight: 300;

   font-family: 'co-text';

}


.ComponentEventsReversedBlock .underline {

   border-color: #1c304a;

   opacity: 0.5;

}


.ComponentEventsReversedBlock .icon {

   max-width: 50px;

   height: auto;

}


.ComponentEventsReversedBlock .verticalAlignment {

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentEventsReversedBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentEventsReversedBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentEventsReversedBlock .blogpost .contentOuter .content {

   border: solid 2px #1c304a;

   background-color: #e3e6e9;

   border-radius: 10px;

   padding: 15px;

   padding-bottom: 20px;

   position: absolute;

   bottom: -17%;

   width: 90%;

   background-size: cover;

   padding-left: 15px;

   max-height: 108px;

}


.ComponentEventsReversedBlock .blogpost .contentOuter .content p {

   color: #1c304a;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentEventsReversedBlock .blogpost .contentOuter .content p span {

   color: #1c304a;

   font-weight: 200;

   font-size: 14px;

}


.ComponentEventsReversedBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentEventsReversedBlock .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentEventsReversedBlock .blogpost .blogImage img {

   border-radius: 10px;

}


@media screen and (max-width: 768px) {

   .spacingMoblie {

      margin-top: 15px;

   }


   .ComponentEventsBlock {

      padding-top: 5px;

      background-size: auto;

   }


   .ComponentEventsBlock h2 {

      margin-bottom: 5px;

   }


   .ComponentEventsBlock .moblieMargin {

      margin-right: 15px;

   }


   .ComponentEventsReversedBlock {

      padding-top: 0px;

      padding-bottom: 0px;

      margin-bottom: 20px;

   }


   .ComponentEventsReversedBlock .blogpost .contentOuter .content {

      bottom: -17% !important;

      padding-left: 10px !important;

      max-height: 120px !important;

      margin-right: 10px;

      padding-top: 1px;

   }


   .ComponentEventsReversedBlock .icon {

      margin-right: 15px;

      margin-top: 15px;

      top: 15px;

   }


   .ComponentEventsReversedBlock .content2 {

      padding-left: 40px;

   }

}


@media screen and (max-width: 1406px) {

   .ComponentEventsReversedBlock .blogpost .contentOuter .content {

      bottom: -40%;

      padding-left: 15px;

      max-height: 130px;

   }

}


.ComponentTestimonalVideoBlock {

   margin-bottom: 70px;

}


.ComponentTestimonalVideoBlock .videoWrapper {

   position: relative;

   padding-bottom: 56.25%;

   /* 16:9 */

   padding-top: 25px;

   height: 0;

}


.ComponentTestimonalVideoBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

   padding-right: 10px;

   padding-bottom: 15px;

   background: url("/UoB/images/videooutline.png") right bottom no-repeat;

   background-size: 95%;

}


.ComponentTestimonalVideoBlock ul li {

   list-style: none;

}


.ComponentTestimonalVideoBlock ul {

   position: absolute;

   left: 0;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   right: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   padding: 0px;

   margin: auto;

}


.ComponentTestimonalVideoBlock button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #fff;

   border-radius: 100%;

   background-color: #1c304a;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentTestimonalVideoBlock li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentTestimonalVideoBlock li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentTestimonalVideoBlock .slick-list {

   overflow: hidden !important;

   margin: 0;

   padding: 0;

}


.ComponentTestimonalVideoBlock .slick-slide {

   height: block !important;

}


.ComponentTestimonalVideoBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

}


.ComponentTestimonalVideoBlock .testibg .container {

   display: block !important;

}


.ComponentTestimonalVideoBlock .testibg .content {

   padding: 20px 0;

   text-align: center;

}


.ComponentTestimonalVideoBlock .testibg .content h3 {

   color: #1c304a;

   margin-bottom: 0px;

}


.ComponentTestimonalVideoBlock .testibg .content h5 {

   color: #666666;

   margin-bottom: 25px;

}


.ComponentTestimonalVideoBlock .testibg .content p {

   color: white;

}


.ComponentTestimonalVideoBlock .testibg img {

   position: absolute;

   top: -75px;

   border-radius: 10px;

}


@media screen and (max-width: 768px) {

   .ComponentTestimonalVideoBlock {

      margin-bottom: 20px;

   }

}


.ComponentOpenDayMissBlock {

   margin-top: 0px;

   margin-bottom: 90px;

}


.ComponentOpenDayMissBlock ul li {

   list-style: none;

}


.ComponentOpenDayMissBlock ul {

   position: relative;

   left: 6%;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentOpenDayMissBlock .slick-list {

   overflow: block !important;

   margin: 0;

   padding: 0;

}


.ComponentOpenDayMissBlock .slick-slide {

   height: block !important;

}


.ComponentOpenDayMissBlock h2 {

   color: #1c304a;

   margin-bottom: 20px;

}


.ComponentOpenDayMissBlock .testibg {

   background: -ms-linear-gradient(45deg, #dd3598 1%, #46377a 99%) left center no-repeat;

}


.ComponentOpenDayMissBlock .testibg .container {

   display: block !important;

}


.ComponentOpenDayMissBlock .testibg .content {

   padding: 15% 0;

}


.ComponentOpenDayMissBlock .testibg .content h3 {

   color: white;

   margin-bottom: 0px;

}


.ComponentOpenDayMissBlock .testibg .content h5 {

   color: #f6ae31;

   margin-bottom: 25px;

}


.ComponentOpenDayMissBlock .testibg .content p {

   color: white;

}


.ComponentOpenDayMissBlock .testibg img {

   position: relative;

   -webkit-transform: scale(1.1);

   transform: scale(1.1);

   border-radius: 10px;

   width: 100%;

}


.ComponentTextBannerBlock {

   background: linear-gradient(45deg, #dd3598 1%, #ffb017 100%);

   width: 100%;

   height: auto;

   margin-bottom: 60px;

}


.ComponentTextBannerBlock .alignTextVertically {

   padding: 40px 0;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   /* align horizontal */

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   /* align vertical */

}


.ComponentTextBannerBlock h4 {

   color: #fff;

   text-align: center;

   font-weight: 400;

   font-size: 30px;

}


.ComponentTextBannerBlock h2 {

   color: #fff !important;

}


.ComponentTextBannerBlock p {

   color: #fff !important;

   text-align: center;

   font-weight: 400;

   font-size: 25px;

   line-height: 38px;

   padding: 20px;

   line-height: 35px;

}


.ComponentTextBannerBlock a {

   font-size: 25px;

}


.ComponentTextBannerBlock .col-md-auto p {

   color: #fff !important;

}


.ComponentTextBannerBlock .col-md-auto span {

   color: #fff !important;

   font-size: 17px;

   font-weight: 500;

}


@media screen and (max-width: 768px) {

   .ComponentTextBannerBlock {

      margin-bottom: 20px;

   }


   .ComponentTextBannerBlock .hs-form-iframe {

      width: 80% !important;

   }


}


.ComponentTextContactBlock {

   background: linear-gradient(45deg, #dd3598 1%, #ffb017 100%);

   width: 100%;

   height: auto;

   margin-bottom: 60px;

   padding: 0.5rem;

}


.ComponentTextContactBlock .justify-content-md-center {

   font-size: 5rem;

}


.ComponentTextContactBlock h2 {

   color: #fff !important;

   margin-top: 7rem;

}


.ComponentTextContactBlock p {

   color: #fff !important;

   text-align: center;

   font-weight: 400;

   font-size: 25px;

   line-height: 38px;

   padding: 20px;

   line-height: 35px;

}


.ComponentTextContactBlock a {

   font-size: 25px;

}


.ComponentTextContactBlock span {

   color: #fff !important;

   font-size: 25px;

   font-weight: 400;

}


.ComponentTextContactBlock .justify-content-md-center {

   font-size: 5rem;

}


.ComponentTextContactBlock .hbspt-form {

   background-color: transparent !important;

   padding: 50px 40px;

   max-width: 400px;

}


@media (max-width: 768px) {

   .ComponentTextContactBlock .hbspt-form {

      padding: 20px 10px 15px 10px;

      max-width: 400px !important;

      width: 100% !important;

   }

   .ComponentTextContactBlock .hs-form-iframe {

      width: 270px !important;

      max-width: 280px;

   }

   .ComponentTextContactBlock a {

      font-size: 15px;

   }

}


.ComponentShowHideBlock {

   margin-bottom: 60px;

   background-image: url("/UoB/images/testibg2.png");

   background-repeat: no-repeat;

   background-size: cover;

   position: relative;

}


.ComponentShowHideBlock p {

   color: #fff;

}


.ComponentShowHideBlock button {

   width: 100%;

   text-align: left;

   background-color: #65c6c3;

   outline: none;

   margin-bottom: 30px;

   border: #65c6c3 1px solid;

   border-radius: 10px;

   color: #fff;

   padding: 5px 20px;

   font-weight: 500;

   padding-right: 30px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.ComponentShowHideBlock .white p {

   background-color: #fff;

   color: #000;

}


.ComponentShowHideBlock .fa-arrow-down {

   position: absolute;

   right: 30px;

   margin-top: 2px;

}


.ComponentShowHideBlock .hideShowText {

   display: none;

}


.ComponentShowHideBlock .spacing {

   margin-top: 30px;

}


.ComponentShowHideBlock .alignTextVertically {

   padding: 60px 0;

   padding-bottom: 30px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.ComponentShowHideBlock .alignTextVertically h5 {

   color: #fff;

   text-align: center;

   font-weight: 500;

   font-size: 18px;

}


.ComponentShowHideBlock img {

   border-radius: 10px;

}


@media screen and (max-width: 768px) {

   .ComponentShowHideBlock {

      margin-bottom: 20px;

   }


   .ComponentShowHideBlock .alignTextVertically {

      padding-bottom: 10px;

   }


   .ComponentShowHideBlock button {

      margin-bottom: 10px;

   }


   .ComponentShowHideBlock .spacing {

      margin-top: 10px;

   }

}


.ComponentTextBulletPointBlock {

   margin-bottom: 60px;

}


.ComponentTextBulletPointBlock ul li {

   position: relative;

   list-style-type: none;

   margin-bottom: 15px;

}


.ComponentTextBulletPointBlock ul li:before {

   content: "";

   position: absolute;

   top: 3px;

   left: -26px;

   width: 100px;

   height: 100px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentTextBulletPointBlock h2,

.ComponentTextBulletPointBlock h4 {

   color: #1c304a;

}


.ComponentTextBulletPointBlock .title {

   text-align: center;

   margin-bottom: 60px;

}


@media screen and (max-width: 768px) {

   .ComponentTextBulletPointBlock {

      margin-bottom: 20px;

   }

}


.ComponentShowHideFullBlock {

   margin-bottom: 60px;

   background-image: url("/UoB/images/testibg3.png");

   background-repeat: no-repeat;

   background-size: cover;

   width: auto;

}


.ComponentShowHideFullBlock p {

   color: #fff;

}


.ComponentShowHideFullBlock h2,

.ComponentShowHideFullBlock h4 {

   color: #fff;

}


.ComponentShowHideFullBlock button {

   width: 100%;

   text-align: left;

   background-color: #ff6b6b;

   outline: none;

   margin-bottom: 30px;

   border: #ff6b6b 1px solid;

   border-radius: 10px;

   color: #fff;

   padding: 5px 20px;

   font-weight: 500;

   padding-right: 30px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.ComponentShowHideFullBlock .title {

   padding: 60px 0;

   padding-bottom: 30px;

}


.ComponentShowHideFullBlock .hideNshow {

   margin-top: 90px;

}


.ComponentShowHideFullBlock .white {

   background-color: #fff;

   color: #FF6B6B;

}


.ComponentShowHideFullBlock .fa-arrow-down {

   position: absolute;

   right: 30px;

   margin-top: 2px;

}


.ComponentShowHideFullBlock .hideShowText {

   display: none;

   color: #4c4c4c;

}


.ComponentShowHideFullBlock .alignTextVertically {

   padding: 40px 0;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.ComponentShowHideFullBlock .alignTextVertically h5 {

   color: #fff;

   text-align: center;

   font-weight: 500;

   font-size: 18px;

}


@media screen and (max-width: 768px) {

   .ComponentShowHideFullBlock {

      margin-bottom: 0;

      background: #65c6c3;

   }


   .ComponentShowHideFullBlock .hideNshow {

      margin-top: 45px;

   }


   .ComponentShowHideFullBlock .hideShowText {

      color: #fff;

   }

}


.ComponentColouredTextImgeBlock {

   background-image: url("/UoB/images/eventsbg2.png");

   background-size: cover;

   background-repeat: no-repeat;

   padding-top: 180px;

   padding-bottom: 100px;

}


.ComponentColouredTextImgeBlock img {

   border-radius: 10px;

}


.ComponentColouredTextImgeBlock .space {

   padding-top: 14vh;

}


.ComponentColouredTextImgeBlock p {

   color: #fff;

}


.ComponentColouredTextImgeBlock .position-bottom {

   position: absolute;

   bottom: 0;

}


.ComponentColouredTextImgeBlock .btn {

   font-family: "co-text", sans-serif !important;

}


@media screen and (min-width: 1414px) {

   .ComponentColouredTextImgeBlock p {

      color: #fff;

   }

}


@media screen and (min-width: 2000px) {

   .ComponentColouredTextImgeBlock p {

      padding-top: 80px !important;

      color: #fff;

   }

}


@media screen and (max-width: 768px) {

   .ComponentColouredTextImgeBlock {

      padding-bottom: 20px;

      background-position-x: 20%;

   }


   .ComponentColouredTextImgeBlock .space {

      padding-top: 2vh;

   }


   .ComponentColouredTextImgeBlock .p-0,

   .ComponentColouredTextImgeBlock p {

      margin-top: 20px !important;

   }


   .ComponentColouredTextImgeBlock p {

      padding: 0px;

      color: #fff;

   }


   .ComponentColouredTextImgeBlock .position-bottom {

      position: initial;

   }


   .ComponentColouredTextImgeBlock .btn {

      margin-bottom: 20px;

   }

}


.ComponentLocationBlock {

   padding: 30px 0;

   background-color: #46256a;

}


.ComponentLocationBlock p,

.ComponentLocationBlock h3 {

   color: #fff;

}


.ComponentLocationBlock a {

   line-height: 35px;

   position: relative;

   top: 26%;

}


.ComponentLocationBlock .marker img {

   right: 15px;

}


.ComponentLocationBlock .content {

   border-left: 3px solid #27204e;

   padding: 18px 15px;

}


.ComponentLocationBlock .btnTurquoise {
   background: #FFA500;
   color: #fff;
}

@media screen and (max-width: 768px) {

   .ComponentLocationBlock {

      padding: 30px 0;

   }


   .ComponentLocationBlock .content {

      border-left: none;

      padding: 0;

      margin-bottom: 10px;

   }


   .ComponentLocationBlock a {

      line-height: 35px;

      position: initial;

      top: 26%;

   }

}


.ComponentOpenDayMissBlockVersionTwo {

   margin-bottom: 90px;

}


.ComponentOpenDayMissBlockVersionTwo ul li {

   list-style: none;

}


.ComponentOpenDayMissBlockVersionTwo ul {

   position: relative;

   left: 6%;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentOpenDayMissBlockVersionTwo .slick-list {

   overflow: block !important;

   margin: 0;

   padding: 0;

}


.ComponentOpenDayMissBlockVersionTwo .slick-slide {

   height: block !important;

}


.ComponentOpenDayMissBlockVersionTwo h2 {

   color: #1c304a;

   margin-bottom: 20px;

}


.ComponentOpenDayMissBlockVersionTwo .testibg {

   background: linear-gradient(45deg, #dd3598 1%, #46377a 99%);

   border-top-right-radius: 10px;

   border-bottom-right-radius: 10px;

   width: 80%;

   height: auto;

}


.ComponentOpenDayMissBlockVersionTwo .testibg .container {

   display: block !important;

}


.ComponentOpenDayMissBlockVersionTwo .testibg .content {

   padding: 60px 0;

}


.ComponentOpenDayMissBlockVersionTwo .testibg .content h3 {

   color: white;

   margin-bottom: 30px;

   white-space: pre;

}


.ComponentOpenDayMissBlockVersionTwo .testibg .content h5 {

   color: #f6ae31;

   font-size: 48px;

   margin-bottom: 25px;

}


.ComponentOpenDayMissBlockVersionTwo .testibg .content p {

   color: white;

   margin-bottom: 30px !important;

}


.ComponentOpenDayMissBlockVersionTwo .testibg img {

   position: relative;

   -webkit-transform: scale(1.1);

   transform: scale(1.1);

   border-radius: 10px;

   width: 100%;

   left: 200px;

   bottom: 61px;

}


@media screen and (max-width: 768px) {

   .testibg img {

      left: 170px !important;

   }


   .ComponentOpenDayMissBlockVersionTwo {

      margin: 0;

      margin-bottom: 30px !important;

   }


   .ComponentOpenDayMissBlockVersionTwo .testibg {

      width: 100%;

      border-radius: 0 !important;

   }


   .ComponentOpenDayMissBlockVersionTwo .testibg .content h3 {

      color: white;

      margin-bottom: 30px;

      white-space: normal !important;

   }

}


.ComponentEventsIndexPage {

   margin-top: 60px;

}


.ComponentEventsIndexPage .row {

   margin-left: 0;

   margin-right: 0;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .row {

      margin-right: -1px;

   }

}


.ComponentEventsIndexPage .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   background: none;

   width: 100%;

   margin-top: 10px;

   max-height: calc(1.5em + 24px);

   height: calc(1.5em + 24px);

}


.ComponentEventsIndexPage span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentEventsIndexPage .spacing2 {

   margin-bottom: 60px !important;

}


.ComponentEventsIndexPage .tippy-tooltip.tomato-theme .tippy-roundarrow {

   fill: tomato;

}


.ComponentEventsIndexPage .btnLoadMore {

   padding: 20px 40px 40px 40px;

   font-size: 22px;

   width: 200px;

   margin: 55px auto;

}


.ComponentEventsIndexPage .contentBlock {

   margin: 30px;

   margin-left: 15px;

   border: 1px solid #1c304a;

   border-radius: 11px;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 40%;

      flex: 0 0 40%;

      max-width: 40%;

   }


   .ComponentEventsIndexPage .contentBlock .col-md-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 30%;

      flex: 0 0 30%;

      max-width: 30%;

   }


   .ComponentEventsIndexPage .contentBlock .col-md-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 70%;

      flex: 0 0 70%;

      max-width: 70%;

   }


   .ComponentEventsIndexPage .contentBlock .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 60%;

      flex: 0 0 60%;

      max-width: 60%;

      position: inherit;

   }

}


@media (min-width: 767px) and (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock .col-md-8 {

      padding-right: 1px !important;

   }

}


.ComponentEventsIndexPage .contentBlock .innerBlock {

   height: 230px;

   background-color: #461a58;

   width: 100%;

   border-radius: 10px;

}


.ComponentEventsIndexPage .contentBlock .innerBlock img {

   height: 100%;

   border-radius: 10px;

   height: inherit !important;

   -o-object-fit: contain;

   object-fit: contain;

}


.ComponentEventsIndexPage .contentBlock img {

   width: 100%;

   height: auto;

   position: relative;

}


.ComponentEventsIndexPage .contentBlock .heightFix {

   height: -webkit-max-content;

   height: -moz-max-content;

   height: max-content;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentEventsIndexPage .contentBlock .content {

   color: #fff;

}


.ComponentEventsIndexPage .contentBlock .centerElm {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   /* align horizontal */

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   /* align vertical */

}


.ComponentEventsIndexPage .contentBlock .bottomRight {

   float: right;

   position: relative;

   bottom: -25px;

   left: 32px;

}


.ComponentEventsIndexPage .contentBlock .bottomRightTwo {

   position: absolute;

   right: -18px;

   bottom: -12px;

}


.ComponentEventsIndexPage .contentBlock .bottomLeft {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   font-size: 36px;

   color: #1c2f49;

   margin-bottom: 20px;

}


.ComponentEventsIndexPage .contentBlock .bottomLeft img {

   width: 33px;

   height: auto;

}


.ComponentEventsIndexPage .contentBlock .bottomLeft .splitter {

   margin: 0 10px;

   border-right: 2px solid #000;

   opacity: 0.4;

}


.ComponentEventsIndexPage .contentBlock .purpleBg {

   border-radius: 0 10px 0 0;

}


.ComponentEventsIndexPage .contentBlock .year {

   color: #1c2f49 !important;

   font-family: "motiva-sans", sans-serif;

   font-size: 24px;

   text-transform: uppercase;

}


.ComponentEventsIndexPage .contentBlock .number {

   font-size: 32px;

   color: #1c304a;

   font-weight: 700;

   margin-top: 40px;

}


.ComponentEventsIndexPage .contentBlock .month {

   font-size: 24px;

   color: #1c304a;

   font-weight: 500;

}


.ComponentEventsIndexPage .shows-text.contentBlock2 .hidden-content {

   display: block;

}


.ComponentEventsIndexPage .shows-text.contentBlock2 .innerBlock {

   border-radius: 10px 10px 0 0;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .shows-text.contentBlock2 .innerBlock {

      border-radius: 0 10px 0 0;

   }

}


.ComponentEventsIndexPage .contentBlock2 {

   position: relative;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock2 .event-row-padding-left {

      padding-left: 20%;

   }

}


.ComponentEventsIndexPage .contentBlock2 .innerBlock {

   height: auto;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock2 .innerBlock {

      height: 230px;

      border-radius: 0 10px 10px 0;

   }

}


.ComponentEventsIndexPage .contentBlock2 .hidden-content {

   display: none;

}


.ComponentEventsIndexPage .contentBlock2 .centerElm {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock2 .centerElm {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

      -webkit-box-pack: start;

      -ms-flex-pack: start;

      justify-content: flex-start;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

   }


   .ComponentEventsIndexPage .contentBlock2 .centerElm h4 {

      margin-top: 10px;

   }

}


.ComponentEventsIndexPage .contentBlock2 .bottomRight.bottomRight2 {

   position: absolute !important;

   right: -18px;

   left: auto !important;

   z-index: 4;

}


.ComponentEventsIndexPage .contentBlock2 .year {

   color: white !important;

}


.ComponentEventsIndexPage .contentBlock2 .number,

.ComponentEventsIndexPage .contentBlock2 .month {

   color: #1c2f49 !important;

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock2 .col-md-3 {

      width: 20%;

   }

}


@media (max-width: 768px) {

   .ComponentEventsIndexPage .contentBlock2 .bottomLeft {

      padding-left: 0 !important;

   }

}


@media (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock2 .bottomLeft {

      position: absolute;

      left: 0;

      bottom: 0;

   }


   .ComponentEventsIndexPage .contentBlock2 .col-md-3 {

      position: absolute !important;

      left: 0;

   }


   .ComponentEventsIndexPage .contentBlock2 .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .ComponentEventsIndexPage .contentBlock2 .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

      position: inherit;

   }

}


.ComponentEventsIndexPage .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentEventsIndexPage .fa-calendar {

   font-size: 142px;

   color: #bac0c8;

   margin-left: 85px;

}


.ComponentEventsIndexPage .calendarContent {

   position: absolute;

   left: 0;

   top: 10px;

   margin: auto;

   width: 50%;

   right: 0;

   bottom: 0;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

}


.ComponentEventsIndexPage .position-relative {

   height: -webkit-fit-content !important;

   height: -moz-fit-content !important;

   height: fit-content !important;

   margin: auto;

}


.ComponentEventsIndexPage .positionText {

   position: absolute;

   top: 50%;

   left: 50%;

   -webkit-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);

}


.ComponentEventsIndexPage .gradient {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

}


.ComponentEventsIndexPage .gradient h4 {

   color: #fff;

}


.ComponentEventsIndexPage .gradient .contentImage {

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

}


.ComponentEventsIndexPage .gradient .fas,

.ComponentEventsIndexPage .gradient .far {

   color: #fff;

}


@media screen and (max-width: 768px) {

   .ComponentEventsIndexPage {

      margin-top: 150px;

   }


   .ComponentEventsIndexPage .contentBlock {

      margin: 0 15px 30px !important;

   }


   .ComponentEventsIndexPage .contentBlock .innerBlock {

      height: auto;

      border-radius: 10px 10px 0 0;

   }


   .ComponentEventsIndexPage .contentBlock .gradient {

      border-radius: 10px;

   }


   .ComponentEventsIndexPage .contentBlock .bottomRight {

      float: right;

      position: initial !important;

      bottom: -25px;

      left: 40px;

      width: 36%;

   }


   .ComponentEventsIndexPage .contentBlock div.col-md-4.pr-0.pl-0>div {

      border-radius: 10px;

   }


   .ComponentEventsIndexPage .contentBlock .innerBlock>img {

      border-radius: 10px;

      height: auto;

   }


   .ComponentEventsIndexPage .purpleBg {

      border-radius: 10px;

   }


   .ComponentEventsIndexPage .purpleBg .centerElm img {

      width: 50%;

   }


   .ComponentEventsIndexPage .purpleBg .centerElm .content {

      padding: 0 1.5rem;

   }


   .ComponentEventsIndexPage .spacing {

      margin-bottom: 30px;

   }


   .ComponentEventsIndexPage .centerElm {

      margin: 20px 0;

   }


   .ComponentEventsIndexPage .gradient {

      border-radius: 10px;

   }


   .ComponentEventsIndexPage .btnLightBlueLoad {

      margin-top: -5px !important;

   }

}


.tooltip {

   position: relative;

   display: inline-block;

   border-bottom: 1px dotted black;

}


.tooltip .tooltiptext {

   visibility: hidden;

   width: 120px;

   background-color: black;

   color: #fff;

   text-align: center;

   border-radius: 10px;

   padding: 5px 0;

   position: absolute;

   z-index: 1;

   bottom: 100%;

   left: 50%;

   margin-left: -60px;

   /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */

   opacity: 0;

   -webkit-transition: opacity 1s;

   transition: opacity 1s;

}


.tooltip:hover .tooltiptext {

   visibility: visible;

   opacity: 1;

}


@media screen and (min-width: 767px) {

   .ComponentEventsIndexPage .contentBlock .year {

      margin-top: 5px;

      margin-bottom: 0;

      font-size: 18px;

   }


   .ComponentEventsIndexPage .contentBlock .number {

      font-size: 20px;

      margin-top: 0px;

      margin-bottom: 0;

   }


   .ComponentEventsIndexPage .contentBlock .month {

      font-size: 16px;

   }

}


@media screen and (min-width: 990px) {

   .ComponentEventsIndexPage .contentBlock .year {

      margin-top: 0;

      margin-bottom: 20px;

      font-size: 22px;

   }


   .ComponentEventsIndexPage .contentBlock .number {

      font-size: 24px;

      margin-top: 0px;

      margin-bottom: 0;

   }


   .ComponentEventsIndexPage .contentBlock .month {

      font-size: 18px;

   }

}


@media screen and (min-width: 1200px) {

   .ComponentEventsIndexPage .contentBlock .year {

      margin-top: 0px;

      margin-bottom: 25px;

      font-size: 26px;

   }


   .ComponentEventsIndexPage .contentBlock .number {

      font-size: 32px;

      margin-top: 0px;

      margin-bottom: 10px;

   }


   .ComponentEventsIndexPage .contentBlock .month {

      font-size: 26px;

   }

}


@media screen and (max-width: 500px) {

   .ComponentEventsIndexPage .select-box {

      max-height: calc(1.5em + 24px);

      height: calc(1.5em + 24px);

   }


   .ComponentEventsIndexPage .year {

      margin-top: 30px;

      margin-bottom: 0px;

      font-size: 24px;

   }


   .ComponentEventsIndexPage .number {

      font-size: 36px;

      margin-top: 39px;

      margin-bottom: 25px;

   }


   .ComponentEventsIndexPage .month {

      font-size: 16px;

   }


   .ComponentEventsIndexPage .positionImage {

      margin-top: 20px;

   }


   .ComponentEventsIndexPage .contentBlock .bottomRightTwo {

      position: static;

      margin-bottom: 20px;

   }


   .ComponentEventsIndexPage .spacing2 {

      margin-bottom: 30px !important;

   }

}







.ComponentPageEventsIndex {

   margin-top: 60px;

}


.ComponentPageEventsIndex .row {

   margin-left: 0;

   margin-right: 0;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .row {

      margin-right: -1px;

   }

}


.ComponentPageEventsIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   background: none;

   width: 100%;

   margin-top: 10px;

   max-height: calc(1.5em + 24px);

   height: calc(1.5em + 24px);

}


.ComponentPageEventsIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentPageEventsIndex .spacing2 {

   margin-bottom: 60px !important;

}


.ComponentPageEventsIndex .tippy-tooltip.tomato-theme .tippy-roundarrow {

   fill: tomato;

}


.ComponentPageEventsIndex .btnLoadMore {

   padding: 20px 40px 40px 40px;

   font-size: 22px;

   width: 200px;

   margin: 55px auto;

}


.ComponentPageEventsIndex .contentBlock {

   margin: 30px;

   margin-left: 15px;

   border: 1px solid #1c304a;

   border-radius: 11px;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 40%;

      flex: 0 0 40%;

      max-width: 40%;

   }


   .ComponentPageEventsIndex .contentBlock .col-md-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 30%;

      flex: 0 0 30%;

      max-width: 30%;

   }


   .ComponentPageEventsIndex .contentBlock .col-md-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 70%;

      flex: 0 0 70%;

      max-width: 70%;

   }


   .ComponentPageEventsIndex .contentBlock .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 60%;

      flex: 0 0 60%;

      max-width: 60%;

      position: inherit;

   }

}


@media (min-width: 767px) and (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock .col-md-8 {

      padding-right: 1px !important;

   }

}


.ComponentPageEventsIndex .contentBlock .innerBlock {

   height: 230px;

   background-color: #461a58;

   width: 100%;

   border-radius: 10px;

}


.ComponentPageEventsIndex .contentBlock .innerBlock img {

   height: 100%;

   border-radius: 10px;

   height: inherit !important;

   -o-object-fit: contain;

   object-fit: contain;

}


.ComponentPageEventsIndex .contentBlock img {

   width: 100%;

   height: auto;

   position: relative;

}


.ComponentPageEventsIndex .contentBlock .heightFix {

   height: -webkit-max-content;

   height: -moz-max-content;

   height: max-content;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentPageEventsIndex .contentBlock .content {

   color: #fff;

}


.ComponentPageEventsIndex .contentBlock .centerElm {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   /* align horizontal */

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   /* align vertical */

}


.ComponentPageEventsIndex .contentBlock .bottomRight {

   float: right;

   position: relative;

   bottom: -25px;

   left: 32px;

}


.ComponentPageEventsIndex .contentBlock .bottomRightTwo {

   position: absolute;

   right: -18px;

   bottom: -12px;

}


.ComponentPageEventsIndex .contentBlock .bottomLeft {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   font-size: 36px;

   color: #1c2f49;

   margin-bottom: 20px;

}


.ComponentPageEventsIndex .contentBlock .bottomLeft img {

   width: 33px;

   height: auto;

}


.ComponentPageEventsIndex .contentBlock .bottomLeft .splitter {

   margin: 0 10px;

   border-right: 2px solid #000;

   opacity: 0.4;

}


.ComponentPageEventsIndex .contentBlock .purpleBg {

   border-radius: 0 10px 0 0;

}


.ComponentPageEventsIndex .contentBlock .year {

   color: #1c2f49 !important;

   font-family: "motiva-sans", sans-serif;

   font-size: 24px;

   text-transform: uppercase;

}


.ComponentPageEventsIndex .contentBlock .number {

   font-size: 32px;

   color: #1c304a;

   font-weight: 700;

   margin-top: 40px;

}


.ComponentPageEventsIndex .contentBlock .month {

   font-size: 24px;

   color: #1c304a;

   font-weight: 500;

}


.ComponentPageEventsIndex .shows-text.contentBlock2 .hidden-content {

   display: block;

}


.ComponentPageEventsIndex .shows-text.contentBlock2 .innerBlock {

   border-radius: 10px 10px 0 0;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .shows-text.contentBlock2 .innerBlock {

      border-radius: 0 10px 0 0;

   }

}


.ComponentPageEventsIndex .contentBlock2 {

   position: relative;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock2 .event-row-padding-left {

      padding-left: 20%;

   }

}


.ComponentPageEventsIndex .contentBlock2 .innerBlock {

   height: auto;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock2 .innerBlock {

      height: 230px;

      border-radius: 0 10px 10px 0;

   }

}


.ComponentPageEventsIndex .contentBlock2 .hidden-content {

   display: none;

}


.ComponentPageEventsIndex .contentBlock2 .centerElm {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock2 .centerElm {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

      -webkit-box-pack: start;

      -ms-flex-pack: start;

      justify-content: flex-start;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

   }


   .ComponentPageEventsIndex .contentBlock2 .centerElm h4 {

      margin-top: 10px;

   }

}


.ComponentPageEventsIndex .contentBlock2 .bottomRight.bottomRight2 {

   position: absolute !important;

   right: -18px;

   left: auto !important;

   z-index: 4;

}


.ComponentPageEventsIndex .contentBlock2 .year {

   color: white !important;

}


.ComponentPageEventsIndex .contentBlock2 .number,

.ComponentPageEventsIndex .contentBlock2 .month {

   color: #1c2f49 !important;

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock2 .col-md-3 {

      width: 20%;

   }

}


@media (max-width: 768px) {

   .ComponentPageEventsIndex .contentBlock2 .bottomLeft {

      padding-left: 0 !important;

   }

}


@media (min-width: 767px) {

   .ComponentPageEventsIndex .contentBlock2 .bottomLeft {

      position: absolute;

      left: 0;

      bottom: 0;

   }


   .ComponentPageEventsIndex .contentBlock2 .col-md-3 {

      position: absolute !important;

      left: 0;

   }


   .ComponentPageEventsIndex .contentBlock2 .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

   }


   .ComponentPageEventsIndex .contentBlock2 .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

      position: inherit;

   }

}


.ComponentPageEventsIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentPageEventsIndex .fa-calendar {

   font-size: 142px;

   color: #bac0c8;

   margin-left: 85px;

}


.ComponentPageEventsIndex .calendarContent {

   position: absolute;

   left: 0;

   top: 10px;

   margin: auto;

   width: 50%;

   right: 0;

   bottom: 0;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

}


.ComponentPageEventsIndex .position-relative {

   height: -webkit-fit-content !important;

   height: -moz-fit-content !important;

   height: fit-content !important;

   margin: auto;

}


.ComponentPageEventsIndex .positionText {

   position: absolute;

   top: 50%;

   left: 50%;

   -webkit-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);

}


.ComponentPageEventsIndex .gradient {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

}


.ComponentPageEventsIndex .gradient h4 {

   color: #fff;

}


.ComponentPageEventsIndex .gradient .contentImage {

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

}


.ComponentPageEventsIndex .gradient .fas,

.ComponentPageEventsIndex .gradient .far {

   color: #fff;

}


@media screen and (max-width: 768px) {

   .ComponentPageEventsIndex {

      margin-top: 150px;

   }


   .ComponentPageEventsIndex .contentBlock {

      margin: 0 15px 30px !important;

   }


   .ComponentPageEventsIndex .contentBlock .innerBlock {

      height: auto;

      border-radius: 10px 10px 0 0;

   }


   .ComponentPageEventsIndex .contentBlock .gradient {

      border-radius: 10px;

   }


   .ComponentPageEventsIndex .contentBlock .bottomRight {

      float: right;

      position: initial !important;

      bottom: -25px;

      left: 40px;

      width: 36%;

   }


   .ComponentPageEventsIndex .contentBlock div.col-md-4.pr-0.pl-0>div {

      border-radius: 10px;

   }


   .ComponentPageEventsIndex .contentBlock .innerBlock>img {

      border-radius: 10px;

      height: auto;

   }


   .ComponentPageEventsIndex .purpleBg {

      border-radius: 10px;

   }


   .ComponentPageEventsIndex .purpleBg .centerElm img {

      width: 50%;

   }


   .ComponentPageEventsIndex .purpleBg .centerElm .content {

      padding: 0 1.5rem;

   }


   .ComponentPageEventsIndex .spacing {

      margin-bottom: 30px;

   }


   .ComponentPageEventsIndex .centerElm {

      margin: 20px 0;

   }


   .ComponentPageEventsIndex .gradient {

      border-radius: 10px;

   }


   .ComponentPageEventsIndex .btnLightBlueLoad {

      margin-top: -5px !important;

   }

}







.ComponentTextLinkBulletBlock {

   margin-top: 60px;

   margin-bottom: 60px;

}


.ComponentTextLinkBulletBlock h4 {

   color: #556270;

   font-weight: 600;

   font-size: 36px;

}


.ComponentTextLinkBulletBlock h5 {

   color: #556270;

   font-weight: 600;

   font-size: 32px;

   line-height: 44px;

}


.ComponentTextLinkBulletBlock p {

   padding-right: 30px;

   line-height: 1.6;

}


.ComponentTextLinkBulletBlock ul {

   padding-left: 12px;

   margin-bottom: 15px;

}


.ComponentTextLinkBulletBlock ul li {

   margin-bottom: 10px;

   text-decoration: none;

}


@media screen and (max-width: 768px) {

   .ComponentTextLinkBulletBlock {

      margin-top: 220px;

      margin-bottom: 20px;

   }

}


.ComponentColouredTextBlock {

   background-image: url("/UoB/images/eventsbg2.png");

   padding-bottom: 10px;

   background-repeat: no-repeat;

   height: auto;

   width: 100%;

   padding-top: 230px;

   padding-bottom: 30px;

   background-size: cover;

}


.ComponentColouredTextBlock h2,

.ComponentColouredTextBlock p {

   color: #fff;

}


.ComponentColouredTextBlock h2 {

   font-weight: 500;

   font-size: 64px;

}


.ComponentColouredTextBlock .underline {

   border-color: #1c304a;

   opacity: 0.502;

}


@media screen and (max-width: 768px) {

   .ComponentColouredTextBlock {

      margin-bottom: 20px;

      background-position-x: 20%;

      padding-bottom: 20px;

      padding-top: 150px;

   }


   .ComponentColouredTextBlock .underline {

      width: 36%;

   }


   .ComponentColouredTextBlock h2 {

      line-height: 66px;

      font-size: 54px;

   }

}


.ComponentPolicySlideBlock .paddingTop {

   padding-top: 30px;

}


.ComponentPolicySlideBlock h2 {

   color: #1c304a;

   font-family: co-headline;

   padding-left: 20px;

   font-weight: 500;

}


.ComponentPolicySlideBlock ul li {

   text-decoration: underline;

   position: relative;

   list-style-type: none;

   margin-bottom: 30px;

}


.ComponentPolicySlideBlock ul li a {

   color: #1c304a;

   font-size: 24px;

   margin-left: 25px;

   margin-top: 5px;

}


.ComponentPolicySlideBlock ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -15px;

   width: 100px;

   height: 100px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentPolicySlideBlock .img {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   padding: 15% 29%;

}


.ComponentPolicySlideBlock .data .row .col-md-4 {

   background: #e0f4f3;

}


.ComponentPolicySlideBlock .underline {

   border-color: #1c304a;

   opacity: 0.502;

   margin-left: 25px;

}


.ComponentPolicySlideBlock .slick-arrow {

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   width: 50px;

   position: absolute;

   right: 50px;

   top: 50%;

   bottom: 0;

   cursor: pointer;

   z-index: 5;

}


.ComponentPolicySlideBlock .prev {

   left: 50px;

}


.ComponentPolicySlideBlock .slick-slide {

   height: 100%;

}


.ComponentPolicySlideBlock .slick-slide .d-inline-flex {

   height: 100%;

   margin-left: 0 !important;

   margin-right: 0 !important;

}


.ComponentPolicySlideBlock .slick-slide>div {

   height: 100%;

}


.ComponentPolicySlideBlock .greyBg {

   background: #e0f4f3;

}


@media screen and (max-width: 768px) {

   .ComponentPolicySlideBlock {

      margin-bottom: 100px;

   }


   .ComponentPolicySlideBlock .slick-arrow {

      height: -webkit-fit-content;

      height: -moz-fit-content;

      height: fit-content;

      width: 30px;

      position: absolute;

      right: 50px;

      top: 116%;

      bottom: 0;

      margin: auto;

      cursor: pointer;

   }


   .ComponentPolicySlideBlock .prev {

      position: absolute;

      right: 80%;

   }

}


.ComponentTextImageLinkBulletBlock.ComponentTwoColsTextLists_Purr {

   position: relative;

}


.ComponentTextImageLinkBulletBlock.ComponentTwoColsTextLists_Purr .greyBg {

   position: absolute;

}


.ComponentTextImageLinkBulletBlock {

   margin-bottom: 60px;

}


.ComponentTextImageLinkBulletBlock h3 {

   color: #1c304a;

   margin-top: 5px;

   margin-bottom: 30px;

   font-size: 35px;

}


.ComponentTextImageLinkBulletBlock h4 {

   color: #1c304a;

   font-family: co-text;

   font-weight: 600;

   margin-bottom: 10px !important;

}


.ComponentTextImageLinkBulletBlock ul li {

   text-decoration: underline;

   position: relative;

   list-style-type: none;

   margin-bottom: 30px;

}


.ComponentTextImageLinkBulletBlock ul li a {

   color: #1c304a;

   font-size: 18px;

   margin-left: 20px;

   margin-top: 5px;

   display: block;

}


.ComponentTextImageLinkBulletBlock ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -15px;

   width: 60px;

   height: 60px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentTextImageLinkBulletBlock .underlineText p {

   margin-left: 20px;

}


.ComponentTextImageLinkBulletBlock ul.no-bullet-points {

   padding-left: 0;

}


.ComponentTextImageLinkBulletBlock ul.no-bullet-points li:before {

   content: none !important;

}


.ComponentTextImageLinkBulletBlock ul.no-bullet-points .underlineText p {

   margin-lefT: 0;

}


.ComponentTextImageLinkBulletBlock .row .col-md-7 ul li {

   text-decoration: none !important;

}


.ComponentTextImageLinkBulletBlock .row .col-md-7 ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -39px !important;

   width: 60px;

   height: 60px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentTextImageLinkBulletBlock .title {

   font-size: 32px;

   font-weight: 500;

   line-height: 44px;

   color: #1c304a;

   margin-top: 25px;

   font-family: co-headline;

   padding-right: 100px;

}


.ComponentTextImageLinkBulletBlock .spacing {

   position: relative;

   left: 15%;

}


.ComponentTextImageLinkBulletBlock .img-container {

   max-height: 500px;

   max-width: 100%;

   margin-top: 30px;

   margin-bottom: 30px;

}


.ComponentTextImageLinkBulletBlock .img-container img {

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   height: 100%;

   width: 100%;

   border-radius: 10px;

}


.ComponentTextImageLinkBulletBlock .greyBg {

   background-color: #e0f4f3;

   height: 100%;

   position: fixed;

   top: 0;

   z-index: -2;

   width: 42%;

   right: 0;

}


.ComponentTextImageLinkBulletBlock .greyBgTwo {

   background-color: #e0f4f3;

   height: 125%;

   position: absolute;

   top: 0;

   z-index: -2;

   width: 130%;

   right: -20px;

}


.ComponentTextImageLinkBulletBlock .underline {

   border-top: 3px solid #8d97a4;

   width: 100%;

   margin-top: -20px;

   margin-bottom: 30px;

}


@media screen and (min-width: 768px) {

   .ComponentTextImageLinkBulletBlock .greyBgTwo {

      display: none;

   }

}


@media screen and (max-width: 768px) {

   .ComponentTextImageLinkBulletBlock {

      margin-top: 5px;

      margin-bottom: 30px;

   }


   .ComponentTextImageLinkBulletBlock ul {

      margin-bottom: 20px;

   }


   .ComponentTextImageLinkBulletBlock .title {

      padding: 0;

      margin-top: 30px;

   }


   .ComponentTextImageLinkBulletBlock .spacing {

      margin-left: 0px;

      position: initial;

      left: 0;

   }

}


.ComponentKeyInformationBlock {

   background: linear-gradient(45deg, #c44d58 0%, #ff6b6b 100%);

}


.ComponentKeyInformationBlock .menu {

   margin-bottom: 30px;

   text-align: center;

}


.ComponentKeyInformationBlock .menu p {

   color: #fff;

   font-family: co-text, sans-serif;

   font-size: 18px;

   line-height: 30px;

   margin-bottom: 0px;

}


.ComponentKeyInformationBlock .menu:nth-child(3) {

   border-left: 1px solid rgba(255, 255, 255, 0.5) !important;

   border-right: 1px solid rgba(255, 255, 255, 0.5) !important;

}


.ComponentKeyInformationBlock .centerWhite h2 {

   text-align: center;

   color: #fff;

   margin-top: 30px;

   margin-bottom: 40px;

   font-family: co-headline, sans-serif;

   font-weight: 300;

}


@media (max-width: 768px) {

   .ComponentKeyInformationBlock .col-md-1 {

      -ms-flex: 0 0 33.33333333%;

      -webkit-box-flex: 0 !important;

      flex: 0 0 33.33333333% !important;

      max-width: 33.33333333%;

      border-right: 0px solid #fff;

      border-left: 0px solid #fff;

   }


   .ComponentKeyInformationBlock .mobileSplitters {

      border-left: 1px solid rgba(255, 255, 255, 0.5) !important;

      border-right: 1px solid rgba(255, 255, 255, 0.5) !important;

   }

}


.ComponentFourTextBlock {

   background-image: url("/UoB/images/eventsbg2.png");

   background-repeat: no-repeat;

   background-size: cover;

   height: auto;

   width: 100%;

   padding-top: 200px;

   padding-bottom: 60px;

}


.ComponentFourTextBlock h2,

.ComponentFourTextBlock h5,

.ComponentFourTextBlock p {

   color: #fff;

}


.ComponentFourTextBlock h2 {

   font-size: 64px;

   font-weight: 500;

}


.ComponentFourTextBlock h5 {

   font-size: 20px;

   font-weight: 600;

   font-family: co-text;

   margin-bottom: 10px;

}


.ComponentFourTextBlock .underline {

   border-color: #1c304a;

   opacity: 0.502;

}


@media screen and (max-width: 768px) {

   .ComponentFourTextBlock {

      background-position-x: 20%;

      padding-bottom: 20px;

      padding-top: 130px;

   }


   .ComponentFourTextBlock .underline {

      width: 36%;

   }


   .ComponentFourTextBlock h2 {

      line-height: 66px;

      font-size: 54px;

   }

}


.ComponentNewsPage {

   margin-top: 120px;

   margin-bottom: 60px;

}


.ComponentNewsPage .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   background: none;

   width: 100%;

   margin-top: 10px;

   max-height: calc(1.5em + 24px);

   height: calc(1.5em + 24px);

}


.ComponentNewsPage span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentNewsPage .inner {

   height: 100%;

}


.ComponentNewsPage .inner .btn {

   position: relative;

   right: 0;

   border: 0;

   width: 100%;

   margin-bottom: 20px;

}


@media screen and (min-width: 768px) {

   .ComponentNewsPage .inner .btn {

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex;

      position: absolute;

      right: 20px;

      bottom: -20px;

      margin-bottom: 0;

      width: auto;

   }

}


@media screen and (min-width: 768px) {

   .ComponentNewsPage .inner.hasBorder {

      border: 2px solid #1c304a;

      border-radius: 10px;

   }

}


.ComponentNewsPage .inner .hasColor {

   background-color: #463376;

}


.ComponentNewsPage .inner .hasColor h4,

.ComponentNewsPage .inner .hasColor p {

   color: #fff;

}


.ComponentNewsPage .filter {

   margin-bottom: 30px;

}


.ComponentNewsPage .borderSpecial {

   border-radius: 10px;

   width: 752px;

   height: 534px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentNewsPage .spacing {

   margin-bottom: 30px !important;

}


.ComponentNewsPage .content {

   padding: 5%;

}


.ComponentNewsPage .rowSpacing {

   padding-left: 15px;

   padding-right: 15px;

   margin-bottom: 50px !important;

}


.ComponentNewsPage .imageTextBlock {

   border: 2px #1c304a solid;

   border-radius: 10px;

}


.ComponentNewsPage .imageTextBlock .bottomRightUnique {

   position: absolute;

   right: 35px;

   bottom: -20px;

}


.ComponentNewsPage .bottomRight {

   float: right;

   position: relative;

   bottom: -5px;

   left: 0px;

}


.ComponentNewsPage .date {

   color: #8d97a4;

   margin-bottom: 5px;

}


.ComponentNewsPage .title {

   color: #1c304a;

   font-weight: 600;

   font-family: motiva-sans;

   font-size: 42px;

   line-height: 54px;

}


.ComponentNewsPage .imgContainer {

   max-height: 350px;

}


.ComponentNewsPage .imgContainer img {

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   height: 100%;

   border-radius: 10px;

}


.ComponentNewsPage .img-fluid {
   max-width: 100%;
   height: auto;
   object-fit: cover !important;
   max-height: 470px !important;
}

.ComponentNewsPage .innercontent {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   padding: 5%;

   border-radius: 10px;

}


.ComponentNewsPage .innercontent h4,

.ComponentNewsPage .innercontent p {

   color: #fff;

}


.ComponentNewsPage .innercontent h4 {

   font-weight: 600;

   font-family: motiva-sans;

   font-size: 32px;

   line-height: 40px;

}


.ComponentNewsPage .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 50px;

}


@media screen and (max-width: 768px) {

   .ComponentNewsPage {

      margin-top: 180px;

      margin-bottom: 30px;

   }


   .ComponentNewsPage .select-box {

      height: calc(1.6em + 32px);

      max-height: calc(1.6em + 32px);

   }


   .ComponentNewsPage .noPrMobile {

      padding-right: 0 !important;

   }


   .ComponentNewsPage .mobileColour {

      background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   }


   .ComponentNewsPage .imageTextBlock {

      border: 2px #fff solid;

   }


   .ComponentNewsPage .imageTextBlock .bottomRightUnique {

      position: absolute;

      right: 35px;

      bottom: -20px;

   }


   .ComponentNewsPage .title {

      font-size: 32px;

      line-height: 40px;

      color: #fff;

   }


   .ComponentNewsPage .mainContent {

      color: #fff;

   }


   .ComponentNewsPage .mobileColour {

      border-radius: 10px;

   }


   .ComponentNewsPage .imageTextBlock .bottomRightUnique {

      position: initial !important;

      margin-bottom: 20px;

   }


   .ComponentNewsPage .innerContent {

      margin-bottom: 30px;

   }


   .ComponentNewsPage .bottomRight {

      position: initial !important;

      float: initial;

   }


   .ComponentNewsPage .select-box {

      margin-bottom: 20px;

   }


   .ComponentNewsPage .borderSpecial {

      border-radius: 10px;

      height: -webkit-fill-available;

   }


   .ComponentNewsPage .loadMore {

      background: #65c6c3;

      font-size: 32px;

      padding: 20px 25px 31px 25px;

      margin-top: 0px;

   }

}


.ComponentDuelSearchBlock {

   margin-bottom: 0px;

   margin-right: 90px;

}


.ComponentDuelSearchBlock .input-container {

   position: relative;

}


.ComponentDuelSearchBlock .input-container .fa-search {

   position: absolute;

   right: 10%;

   top: 16px;

   color: #fff;

}


@media all and (min-width: 767px) {

   .ComponentDuelSearchBlock .input-container {

      display: inline-block;

      width: 60%;

   }

}


@media all and (min-width: 800px) {

   .ComponentDuelSearchBlock .input-container {

      display: inline-block;

      width: 60%;

   }

}


@media all and (min-width: 1200px) {

   .ComponentDuelSearchBlock .input-container {

      width: 40%;

   }

}


.ComponentDuelSearchBlock .searchBG {

   text-align: center;

   margin-top: -145px;

   margin-bottom: -20px !important;

}


/* @media all and (width: 1024px) {

.ComponentDuelSearchBlock .searchBG {

margin-right: 130px;

}

} */


.ComponentDuelSearchBlock .searchBG input {

   width: 90%;

   padding: 12px 14px;

   background-color: rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   border: none;

   color: white;

   margin-bottom: 10px;

   border: solid 1px white;

}


.ComponentDuelSearchBlock .searchBG input::-webkit-input-placeholder {

   color: white;

}


.ComponentDuelSearchBlock .searchBG input::-moz-placeholder {

   color: white;

}


.ComponentDuelSearchBlock .searchBG input:-ms-input-placeholder {

   color: white;

}


.ComponentDuelSearchBlock .searchBG input::-ms-input-placeholder {

   color: white;

}


.ComponentDuelSearchBlock .searchBG input::placeholder {

   color: white;

}


.ComponentDuelSearchBlock .searchBG .btn {

   margin: 0 auto;

}


.ComponentDuelSearchBlock .btn {

   padding: 12px 24px;

   height: auto;

   line-height: 22px !important;

}


.ComponentDuelSearchBlock .btnPink {

   background: #dd3598 !important;

}


.ComponentDuelSearchBlock .btnPink,

.ComponentDuelSearchBlock .btnTurquoise {

   display: inline-block;

   padding: 10px 10px;

   margin-top: -2px !important;

   margin: 10px;

   font-size: inherit !important;

}


.ComponentDuelSearchBlock .btnPink {

   padding-left: 30px;

   padding-right: 30px;

}


@media screen and (max-width: 768px) {

   .fa-search {

      position: absolute;

      right: 20px !important;

      top: 16px;

      color: #fff;

   }


   .ComponentDuelSearchBlock {

      margin-bottom: 60px;

      margin-top: 0px;

      padding: 0px 70px 0px 70px;


   }


   .ComponentDuelSearchBlock .searchBG input {

      width: 100%;

   }


   .ComponentDuelSearchBlock .btnPink,

   .ComponentDuelSearchBlock .btnTurquoise {

      margin: 10px 0;

   }


   .ComponentDuelSearchBlock .searchBG {

      text-align: center;

      margin-top: 50px;

      margin-bottom: -20px !important;

      width: max-content;

      position: relative;

      right: 60px;

   }

}



.ComponentDuelSearchHomePage {

   margin-bottom: 0px;

   margin-right: 0px;

}


.ComponentDuelSearchHomePage .input-container {

   position: relative;

}


.ComponentDuelSearchHomePage .input-container .fa-search {

   position: absolute;

   right: 10%;

   top: 16px;

   color: #fff;

}


@media all and (min-width: 767px) {

   .ComponentDuelSearchHomePage .input-container {

      display: inline-block;

      width: 60%;

   }

}


@media all and (min-width: 800px) {

   .ComponentDuelSearchHomePage .input-container {

      display: inline-block;

      width: 60%;

   }

}


@media all and (min-width: 1200px) {

   .ComponentDuelSearchHomePage .input-container {

      width: 25%;

   }

}


.ComponentDuelSearchHomePage .searchBG {

   text-align: center;

   margin-top: -90px;

   margin-bottom: -20px !important;

}


/* @media all and (width: 1024px) {

.ComponentDuelSearchHomePage .searchBG {

margin-right: 130px;

}

} */


.ComponentDuelSearchHomePage .searchBG input {

   width: 90%;

   padding: 12px 14px;

   background-color: rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   border: none;

   color: white;

   margin-bottom: 10px;

   border: solid 1px white;

}


.ComponentDuelSearchHomePage .searchBG input::-webkit-input-placeholder {

   color: white;

}


.ComponentDuelSearchHomePage .searchBG input::-moz-placeholder {

   color: white;

}


.ComponentDuelSearchHomePage .searchBG input:-ms-input-placeholder {

   color: white;

}


.ComponentDuelSearchHomePage .searchBG input::-ms-input-placeholder {

   color: white;

}


.ComponentDuelSearchHomePage .searchBG input::placeholder {

   color: white;

}


.ComponentDuelSearchHomePage .searchBG .btn {

   margin: 0 auto;

}


.ComponentDuelSearchHomePage .btn {

   padding: 12px 24px;

   height: 49px;

   line-height: 22px !important;

}


.ComponentDuelSearchHomePage .btnPink {

   background: #65c6c3 !important;

}


.ComponentDuelSearchHomePage .btnPink,

.ComponentDuelSearchHomePage .btnTurquoise {

   display: inline-block;

   padding: 10px 10px;

   margin-top: -2px !important;

   margin: 10px;

   font-size: inherit !important;

}


.ComponentDuelSearchHomePage .btnPink {

   padding-left: 30px;

   padding-right: 30px;

}


@media screen and (max-width: 768px) {

   .fa-search {

      position: absolute;

      right: 20px !important;

      top: 16px;

      color: #fff;

   }


   .ComponentDuelSearchHomePage {

      margin-bottom: 60px;

      margin-top: -90px;

      padding: 0px 70px 0px 70px;

   }


   .ComponentDuelSearchHomePage .searchBG input {

      width: 100%;

   }


   .ComponentDuelSearchHomePage .btnPink,

   .ComponentDuelSearchHomePage .btnTurquoise {

      margin: 10px 0;

   }


   .ComponentDuelSearchHomePage .searchBG {

      text-align: center;

      margin-top: 70px;

      margin-bottom: -20px !important;

   }

}



.PageArticle .btn-yellow {
   margin-bottom: 2rem;
}
.articleMainpicturemargin{
   margin-bottom: -60px;
}
.PageArticle .course-filter-section {
  margin-top: 5rem;
  margin-bottom: 2rem;
}
.PageArticle .text-center img {
  border-radius: 10px;
}
.PageArticle .text-center iframe {
  border-radius: 10px;
}
.PageArticle #category-list ul {
   position: absolute;
   left: 0;
   display: -webkit-inline-box !important;
   display: -ms-inline-flexbox;
   display: list-item !important;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 0px;
   margin: auto;
   list-style: none !important;
}
.PageArticle #category-list-img img {
   width: 69rem;
   height: 36rem;
   object-fit: cover;
   max-width: 69rem !important;
   max-height: 36rem !important;
}
@media screen and (max-width: 768px) {
   .PageArticle #category-list {
      margin-bottom: 10rem;
   }
   .PageArticle #category-list ul {
      margin-left: 0px;
   }
   .PageArticle #category-list-img img {
      max-width: 370px !important;
      max-height: 300px !important;
   }
}


.ComponentTitleAndVideoSlider ul li {

   list-style: none;

}


.ComponentTitleAndVideoSlider ul {

   position: absolute;

   left: 0;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   right: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   padding: 0px;

   margin: auto;

}


.ComponentTitleAndVideoSlider li>button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #1c304a;

   border-radius: 100%;

   background-color: #fff;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentTitleAndVideoSlider li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentTitleAndVideoSlider li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentTitleAndVideoSlider .slick-list {

   overflow: hidden !important;

   margin: 0;

   padding: 0;

}


.ComponentTitleAndVideoSlider .slick-slide {

   height: block !important;

}


.ComponentTitleAndVideoSlider .title {

   color: #1c304a;

   margin-bottom: 30px;

}


.ComponentTitleAndVideoSlider .container>p {

   margin-bottom: 30px;

}


.ComponentTitleAndVideoSlider .category {

   position: relative;

}


.ComponentTitleAndVideoSlider .category .postionButton {

   position: absolute;

   z-index: 9;

   top: -20px;

   right: 50px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentTitleAndVideoSlider .category .postionButton .btn {

   margin-right: 20px;

}


.ComponentTitleAndVideoSlider .slideVids {

   margin-bottom: 80px;

}


.ComponentTitleAndVideoSlider .slideVids img {

   max-height: 35em;

   -o-object-fit: cover;

   object-fit: cover;

   object-position: 0 0;

}


.ComponentTitleAndVideoSlider .slick-slide {

   height: auto !important;

}


.ComponentTitleAndVideoSlider .prev-slide,

.ComponentTitleAndVideoSlider .next-slide {

   position: absolute;

   top: 0;

   bottom: 0;

   height: 100%;

   width: 50px;

   padding-left: 18px;

   background-color: rgba(0, 0, 0, 0.5);

   z-index: 9;

}


.ComponentTitleAndVideoSlider .prev-slide .prevImg,

.ComponentTitleAndVideoSlider .prev-slide .nextImg,

.ComponentTitleAndVideoSlider .next-slide .prevImg,

.ComponentTitleAndVideoSlider .next-slide .nextImg {

   position: absolute;

   top: 0;

   margin-left: -43px;

   bottom: 0;

   padding-right: 30px;

   z-index: 9999999999;

   margin: auto;

   color: #fff;

}


.ComponentTitleAndVideoSlider .nextImg {

   right: 0;

   padding-right: 15px !important;

   padding-left: 15px;

}


.ComponentTitleAndVideoSlider .next-slide {

   padding-left: 18px;

   right: 0;

}


.ComponentTitleAndVideoSlider .slick-dots li.slick-active button:before {

   opacity: 0.99;

   color: #ffb017;

}


.ComponentTitleAndVideoSlider .slick-dots li button:before {

   font-size: 14px;

}


.ComponentTitleAndVideoSlider .slick-dots li button:before:hover {

   color: grey !important;

}


.ComponentTitleAndVideoSlider .slick-dots {

   bottom: -50px;

}


@media screen and (max-width: 768px) {

   .ComponentTitleAndVideoSlider .btnPurple {

      display: none !important;

   }

}


.ComponentArticleTextCategoryAndContact {

   margin-bottom: 60px;

}


.ComponentArticleTextCategoryAndContact .category h4,

.ComponentArticleTextCategoryAndContact .contact h4 {

   margin-bottom: 30px;

}


.ComponentArticleTextCategoryAndContact .category {

   margin-bottom: 50px;

}


.ComponentArticleTextCategoryAndContact .category button {

   width: 100%;

}


.ComponentArticleTextCategoryAndContact .btnPurple {

   background: #46377a;

   margin-bottom: 20px;

}


.ComponentArticleTextCategoryAndContact .underline {

   border-top: 3px solid #8d97a4;

   width: 33%;

   margin-top: -20px;

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentArticleTextCategoryAndContact {

      margin-bottom: 30px;

   }


   .ComponentArticleTextCategoryAndContact .btnPurple {

      background: #46377a;

      margin-bottom: 20px;

   }


   .ComponentArticleTextCategoryAndContact .category {

      margin-bottom: 20px;

   }

}


.underline {

   display: none !important;

}


.ComponentRelatedArticles {

   margin-bottom: 30px;

}


.ComponentRelatedArticles .sectionTitle {

   color: #1c304a;

   font-family: co-text;

   margin-bottom: 30px;

   font-weight: 300;

}


.ComponentRelatedArticles .articlepost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentRelatedArticles .articlepost img {

   border-radius: 10px;

}


.ComponentRelatedArticles .btnPurple {

   background: #46377a;

}


.ComponentRelatedArticles .articleImage {

   padding-right: 0%;

   min-height: 350px;

}


.ComponentRelatedArticles .articleImage img {

   width: 100%;

   height: 350px;

}


.ComponentRelatedArticles .contentOuter {

   padding-left: 13%;

}


.ComponentRelatedArticles .contentOuter .content {

   background: linear-gradient(45deg, #46377a 40%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   padding-bottom: 20px;

   position: absolute;

   bottom: -17%;

   width: 90%;

   background-size: cover;

   padding-left: 15px;

}


.ComponentRelatedArticles .contentOuter span {

   color: #fff;

}


.ComponentRelatedArticles .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 50px;

}


.ComponentRelatedArticles .underline {

   border-top: 3px solid #8d97a4;

   width: 10%;

   margin-top: -20px;

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentRelatedArticles .contentOuter {

      padding-left: 0%;

      position: relative;

      bottom: -120px;

   }


   .ComponentRelatedArticles .contentOuter .content {

      width: 100%;

      padding-left: 10px;

      height: auto;

      max-height: inherit !important;

      margin-right: 10px;

      padding-top: 1px;

      bottom: -60% !important;

   }


   .ComponentRelatedArticles .underline {

      width: 33%;

   }


   .ComponentRelatedArticles .articlepost {

      margin-bottom: 150px;

   }


   .ComponentRelatedArticles .mobileSpacing {

      margin-bottom: 115px !important;

   }


   .ComponentRelatedArticles .articleImage {

      padding-right: 0%;

   }


   .ComponentRelatedArticles .loadMore {

      width: 70%;

      margin-bottom: 20px;

   }

}


.ComponentFreedomSlideBlock .paddingTop {

   padding-top: 30px;

}


.ComponentFreedomSlideBlock h2 {

   color: #1c304a;

   font-family: co-headline;

   padding-left: 20px;

   font-weight: 500;

}


.ComponentFreedomSlideBlock ul li {

   text-decoration: underline;

   position: relative;

   list-style-type: none;

   margin-bottom: 30px;

}


.ComponentFreedomSlideBlock ul li a {

   color: #1c304a;

   font-size: 24px;

   margin-left: 25px;

   margin-top: 5px;

}


.ComponentFreedomSlideBlock ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -15px;

   width: 100px;

   height: 100px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentFreedomSlideBlock .img {

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   padding: 15% 29%;

}


.ComponentFreedomSlideBlock .data .row .col-md-4 {

   background: #e0f4f3;

}


.ComponentFreedomSlideBlock .underline {

   border-color: #1c304a;

   opacity: 0.502;

   margin-left: 25px;

}


.ComponentFreedomSlideBlock .slick-arrow {

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   width: 50px;

   position: absolute;

   right: 50px;

   top: 25%;

   bottom: 0;

   cursor: pointer;

   z-index: 5;

}


.ComponentFreedomSlideBlock .prev {

   left: -545px;

}


.ComponentFreedomSlideBlock .slick-slide {

   height: auto;

}


.ComponentFreedomSlideBlock .greyBg {

   background: #e0f4f3;

}


@media screen and (max-width: 768px) {

   .ComponentFreedomSlideBlock {

      margin-bottom: 100px;

   }


   .ComponentFreedomSlideBlock .slick-arrow {

      height: -webkit-fit-content;

      height: -moz-fit-content;

      height: fit-content;

      width: 30px;

      position: absolute;

      right: 50px;

      top: 116%;

      bottom: 0;

      margin: auto;

      cursor: pointer;

   }


   .ComponentFreedomSlideBlock .prev {

      position: absolute;

      right: 80%;

   }

}


.ComponentPageNotFoundBlock {

   background: url("/UoB/images/404_bg.png") center top no-repeat;

   background-size: cover;

   padding-top: 200px;

   padding-bottom: 440px;

}


@media (min-width: 1200px) {

   .ComponentPageNotFoundBlock {

      margin-top: 0%;

   }

}


@media (min-width: 1500px) {

   .ComponentPageNotFoundBlock {

      margin-top: 0%;

   }

}


@media (min-width: 1800px) {

   .ComponentPageNotFoundBlock {

      margin-top: 0%;

   }

}


.ComponentPageNotFoundBlock h3 {

   color: #fff;

   margin-bottom: 30px;

}


.ComponentPageNotFoundBlock form label {

   color: #fff;

   font-weight: 600;

}


.ComponentPageNotFoundBlock form input {

   width: 100%;

   border: solid 2px #fff;

   width: 100%;

   padding: 12px 14px;

   border-radius: 10px;

   color: #000000;

   margin-bottom: 20px;

}


.ComponentPageNotFoundBlock form input::-webkit-input-placeholder {

   color: #fff;

}


.ComponentPageNotFoundBlock form input::-moz-placeholder {

   color: #000000;

}


.ComponentPageNotFoundBlock form input:-ms-input-placeholder {

   color: #000000;

}


.ComponentPageNotFoundBlock form input::-ms-input-placeholder {

   color: #000000;

}


.ComponentPageNotFoundBlock form input::placeholder {

   color: #fff;

}


.ComponentPageNotFoundBlock form .fa-search {

   position: absolute;

   right: 35px;

   bottom: 54px;

   color: #fff;

}


.ComponentPageNotFoundBlock .btn {

   width: 100%;

   padding: 17px 0px;

   height: auto;

}


.ComponentPageNotFoundBlock .btnPink {

   background: #65c6c3;

}


.ComponentPageNotFoundBlock .btnTurquoise {

   background: #46377a;

}


@media screen and (max-width: 768px) {

   .ComponentPageNotFoundBlock {

      padding-top: 100px;

      padding-bottom: 60px;

      margin-top: 100px;

      /* background-position-x: 24%; */

   }

}


.NavigationBlock {

   position: fixed;

   top: 0;

   left: 0;

   width: 100%;

   height: 70px;

   background-color: #fff;

   -webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.3);

   box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.3);

   z-index: 20;

   -webkit-transition: 0.6s;

   transition: 0.6s;

   padding-top: 5px;

}


.NavigationBlock .no-dropdown:hover a {

   color: #1c304a;

}


.NavigationBlock .searchbar2 {

   position: relative;

}


.NavigationBlock .searchbar2 .fas {

   position: absolute;

   top: 20px;

   right: 30px;

   color: #bac0c8;

   width: 10px;

   height: 10px;

   font-sizE: 17px;

}


@media (min-width: 992px) {

   .NavigationBlock .searchbar2 .fas {

      right: 20px;

   }

}


.NavigationBlock p {

   border-radius: 10px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   color: #1c304a;

   font-size: 18px;

   font-weight: 600;

   font-family: "co-text", sans-serif;

   padding: 15px 12px 27px 3px;
   -webkit-transition: 0.6s;

   transition: 0.6s;

   margin: 0px;

   cursor: pointer;

}


@media (min-width: 992px) and (max-width: 1200px) {

   .NavigationBlock p {

      padding: 17px 4px 27px 4px !important;

   }

}


.NavigationBlock p a {

   color: #1c304a;

   font-size: 18px;

   font-weight: 600;

   font-family: "co-text", sans-serif;

   -webkit-transition: 0.6s;

   transition: 0.6s;

   margin: 0px;

   cursor: pointer;

}


.NavigationBlock p p:hover {

   color: white;

}


.NavigationBlock p p:hover a {

   color: white;

}


.NavigationBlock p:hover {

   opacity: 0.3;

}


.NavigationBlock p:hover a {

   color: white;

}


.NavigationBlock input {

   width: 100%;

   margin: 6px 0;

   padding: 9px 13px;

   border-radius: 10px;

   border: solid 2px #bac0c8;

   color: #1c0000;

}


.NavigationBlock input::-webkit-input-placeholder {

   color: #bac0c8;

}


.NavigationBlock input::-moz-placeholder {

   color: #bac0c8;

}


.NavigationBlock input:-ms-input-placeholder {

   color: #bac0c8;

}


.NavigationBlock input::-ms-input-placeholder {

   color: #bac0c8;

}


.NavigationBlock input::placeholder {

   color: #bac0c8;

}


.NavigationBlock .menuCourses.courseHover,

.NavigationBlock .menuInternational.courseHover {

   background-color: #46377a;

   border-radius: 10px;

}


.NavigationBlock .menuCourses.courseHover a,

.NavigationBlock .menuInternational.courseHover a {

   color: white;

}


.NavigationBlock .menuJoinUs.courseHover,

.NavigationBlock .menuOpenDays.courseHover {

   background-color: #ff6b6b;

   border-radius: 10px;

}


.NavigationBlock .menuJoinUs.courseHover a,

.NavigationBlock .menuOpenDays.courseHover a {

   color: white;

}


.NavigationBlock .menuStudentLife.courseHover,

.NavigationBlock .menuMore.courseHover {

   background-color: #65c6c3;

   border-radius: 10px;

}


.NavigationBlock .menuStudentLife.courseHover a,

.NavigationBlock .menuMore.courseHover a {

   color: white;

}


.dropdown .bg {

   margin-top: 30px;

   padding: 20px 15px;

   border-radius: 10px;

}


.dropdown .bg h3 {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

}


.dropdown .bg p,

.dropdown .bg span {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.dropdown .bg strong {

   color: #ffb017;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.course-dropdown-container .dropdown-item {

   color: black;

}


.course-dropdown-container .dropdown-item:hover {

   color: white;

}


.fa-search {

   position: absolute;

   right: 42px;

   top: 17px;

   color: #fff;

}


.search-input {

   width: 100%;

   padding: 13px 14px;

   background-color: rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   border: none;

   color: white;

   margin-bottom: 10px;

   border: solid 1px white;

}


.search-input2 {

   width: 100%;

   padding: 13px 14px;

   border-radius: 10px;

   border: none;

   color: white;

   margin-bottom: 10px;

   border: solid 1px rgba(0, 0, 0, 0.5);

}


.courseDropdown,

.joinusDropdown,

.studentlifeDropdown,

.internationalDropdown,

.opendaysDropdown,

.menuMoreDropdown,

.dropdown {

   height: 100%;

   display: none;

   position: fixed;

   top: 70px;

   left: 0;

   width: 100%;

   z-index: 3147483638;

   -webkit-transition: 0.6s;

   transition: 0.6s;

}


.courseDropdown .column-heading,

.joinusDropdown .column-heading,

.studentlifeDropdown .column-heading,

.internationalDropdown .column-heading,

.opendaysDropdown .column-heading,

.menuMoreDropdown .column-heading,

.dropdown .column-heading {

   color: #1c304a;

   font-size: 22px;

   line-height: 20px;

   font-weight: 600;

   margin-bottom: 10px;

}


.courseDropdown .background,

.joinusDropdown .background,

.studentlifeDropdown .background,

.internationalDropdown .background,

.opendaysDropdown .background,

.menuMoreDropdown .background,

.dropdown .background {

   min-height: 500px;

   padding: 30px 0;

}


.courseDropdown h4,

.joinusDropdown h4,

.studentlifeDropdown h4,

.internationalDropdown h4,

.opendaysDropdown h4,

.menuMoreDropdown h4,

.dropdown h4 {

   color: white;

}


.courseDropdown p a,

.joinusDropdown p a,

.studentlifeDropdown p a,

.internationalDropdown p a,

.opendaysDropdown p a,

.menuMoreDropdown p a,

.dropdown p a {

   color: white;

}


.courseDropdown p a:hover,

.joinusDropdown p a:hover,

.studentlifeDropdown p a:hover,

.internationalDropdown p a:hover,

.opendaysDropdown p a:hover,

.menuMoreDropdown p a:hover,

.dropdown p a:hover {

   color: #1c1835;

}


.courseDropdown .underline,

.joinusDropdown .underline,

.studentlifeDropdown .underline,

.internationalDropdown .underline,

.opendaysDropdown .underline,

.menuMoreDropdown .underline,

.dropdown .underline {

   margin: 0;

}


.courseDropdown .background {

   background-color: #46377a;

   position: relative;

   padding-bottom: 60px;

}


.courseDropdown .underline {

   border-color: #000;

   opacity: 0.5;

   width: 17%;

}


.courseDropdown p {

   color: #fff;

}


.joinusDropdown .background {

   background-color: #ff6b6b;

   position: relative;

   padding-bottom: 60px;

}


.joinusDropdown .underline {

   border-color: #000;

   opacity: 0.5;

   width: 17%;

}


.joinusDropdown .imgWrap {

   padding: 0 30px;

}


.joinusDropdown .gradientTilte {

   padding: 35px;

   padding-bottom: 0;

   color: #fff;

   font-family: "co-text", sans-serif;

}


.joinusDropdown .orange {

   color: #ffb017;

   font-family: "co-text", sans-serif;

}


.joinusDropdown .bg {

   margin-top: 30px;

   background-color: #cd6b6b;

   padding: 20px 15px;

   border-radius: 10px;

}


.joinusDropdown .bg h3 {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

}


.joinusDropdown .bg p,

.joinusDropdown .bg span {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.joinusDropdown .bg strong {

   color: #ffb017;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.studentlifeDropdown .background,

.menuMoreDropdown .background {

   background-color: #65c6c3;

   position: relative;

   padding-bottom: 60px;

}


.studentlifeDropdown .underline,

.menuMoreDropdown .underline {

   border-color: #000;

   opacity: 0.5;

   width: 17%;

}


.studentlifeDropdown .imgWrap,

.menuMoreDropdown .imgWrap {

   padding: 0 30px;

}


.studentlifeDropdown .gradientTilte,

.menuMoreDropdown .gradientTilte {

   padding: 35px;

   padding-bottom: 0;

   color: #fff;

   font-family: "co-text", sans-serif;

}


.studentlifeDropdown .orange,

.menuMoreDropdown .orange {

   color: #ffb017;

   font-family: "co-text", sans-serif;

}


.studentlifeDropdown .bg,

.menuMoreDropdown .bg {

   margin-top: 30px;

   background-color: rgba(84, 154, 151, 0.5);

   padding: 20px 15px;

   border-radius: 10px;

}


.studentlifeDropdown .bg h3,

.menuMoreDropdown .bg h3 {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

}


.studentlifeDropdown .bg p,

.studentlifeDropdown .bg span,

.menuMoreDropdown .bg p,

.menuMoreDropdown .bg span {

   color: #fff;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.studentlifeDropdown .bg strong,

.menuMoreDropdown .bg strong {

   color: #ffb017;

   font-weight: 500;

   font-size: 24px;

   line-height: 36px;

   font-family: "co-text", sans-serif;

}


.internationalDropdown .background,

.dropdown .background {

   background-color: #46377a;

   position: relative;

   padding-bottom: 60px;

}


.internationalDropdown .imgWrap,

.dropdown .imgWrap {

   padding: 0 35px;

   margin-top: -5px;

   margin-bottom: 15px;

}


.internationalDropdown h5,

.internationalDropdown a,

.internationalDropdown p,

.dropdown h5,

.dropdown a,

.dropdown p {

   color: #fff;

}


.internationalDropdown h5,

.dropdown h5 {

   font-family: "co-text", sans-serif;

   font-weight: 600;

}


.internationalDropdown .select-box,

.dropdown .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   background: none;

   width: 100%;

   margin-top: 10px;

   max-height: calc(1.5em + 24px);

   height: calc(1.5em + 24px);

   background: #fff;

}


.internationalDropdown .underline,

.dropdown .underline {

   border-color: #000;

   opacity: 0.5;

   width: 17%;

}


.calendarIcon {

   padding-left: 0px;

   padding-right: 15px;

   margin-bottom: 20px;

}


.calendarIcon img {

   max-width: 65px;

}


.OtherEventsWrap {

   background-color: transparent;

   border-radius: 7px;

   border: solid 1px white;

   margin: 10px;

   padding: 10px 0px 0px 10px;

}


.gradientPurplePink {

   background: linear-gradient(45deg, #2b3554 8%, #dd3598 87%);

   position: absolute;

   height: 100%;

   width: 25%;

   top: 0;

   right: 0;

}


.gradientOrangePink {

   background: linear-gradient(45deg, #ffb017 9%, #dd3598 87%);

   position: absolute;

   height: 100%;

   width: 25%;

   top: 0;

   right: 0;

   Z-index: 1;

}


.gradientTurquoisePink {

   background: linear-gradient(45deg, #65c6c3 8%, #dd3598 87%);

   position: absolute;

   height: 100%;

   width: 25%;

   top: 0;

   right: 0;

}


.gradientBluePurple {

   position: absolute;

   height: 100%;

   width: 25%;

   top: 0;

   right: 0;

}


.gradientCourses {

   position: absolute;

   height: 100%;

   width: 25%;

   top: 0;

   right: 0;

}


.opendaysDropdown p,

.opendaysDropdown h5 {

   color: #fff;

}


.opendaysDropdown h5 {

   font-size: 19px;

   line-height: 1.2;

}


.opendaysDropdown p {

   font-size: 18px;

}


.opendaysDropdown .underline {

   border-color: #000;

   opacity: 0.5;

   width: 17%;

}


.opendaysDropdown .background {

   background-color: #ff6b6b;

   position: relative;

   padding-bottom: 60px;

}


.opendaysDropdown .positionContent {

   margin-left: -15px;

}


.opendaysDropdown .content {

   padding: 105px 15px;

   text-align: center;

}


.opendaysDropdown .content p {

   color: #fff;

}


.opendaysDropdown .content h3 {

   color: #fff;

   font-size: 34px;

   line-height: 38px;

}


.opendaysDropdown .content a {

   color: #ffb017;

   font-weight: 600;

}


.mobileHome a {

   font-size: 20px;

   font-weight: 600;

   color: #1c304a;

   margin-bottom: 40px;

}


.menuHome a:hover {

   color: #1c304a !important;

}


.NavigationScroll {

   height: 50px;

   padding-top: 5px;

}


.NavigationScroll p {

   font-size: 16px;

   padding: 9px 10px 14px 10px;

}


.NavigationScroll p a {

   font-size: 16px;

}


.courseDropdown.NavigationScroll,

.joinusDropdown.NavigationScroll,

.studentlifeDropdown.NavigationScroll,

.internationalDropdown.NavigationScroll,

.opendaysDropdown.NavigationScroll,

.menuMoreDropdown.NavigationScroll .dropdown.NavigationScroll {

   top: 50px;

}


.branding {

   margin-top: 120px;

   position: absolute;

   width: 100% !important;

   z-index: 1 !important;

}


.branding.brandingDesktop {

   z-index: 10 !important;

}


.branding a {

   display: block;

   max-width: 300px;

   margin: 0 auto;

}


@media screen and (min-width: 768px) {

   .branding a {

      max-width: 370px;

   }

}


.mobileFirstLevel {

   position: fixed;

   top: 75px;

   z-index: 21;

   width: 100%;

   height: 100%;

   display: none !important;

   background: rgba(0, 0, 0, 0.5);

}


.mobileFirstLevel .firstLevel {

   background-color: white;

   height: -webkit-fill-available;

   padding: 30px 0;

}


.mobileFirstLevel .firstLevel p,

.mobileFirstLevel .firstLevel a {

   font-size: 20px;

   font-weight: 600;

   color: #1c304a;

   margin-bottom: 15px;

}


.mobileFirstLevel .firstLevel p span,

.mobileFirstLevel .firstLevel a span {

   position: absolute;

   right: 50%;

   font-weight: 400;

}


.mobileFirstLevel .firstLevel .mobileMore {

   border: solid 2px #1c304a;

   border-radius: 10px;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   padding: 8px 25px;

}


.mobileFirstLevel .collapse-nav-dropdown {

   cursor: pointer;

}


.mobileSecondLevel {

   position: fixed;

   top: 75px;

   z-index: 21;

   width: 100%;

   display: none !important;

   background: rgba(0, 0, 0, 0.5);

   overflow-y: auto;

   min-height: -webkit-fill-available;

   height: 100%;

}


.mobileSecondLevel .SecondLevelCourses {

   background-color: #46377a;

   min-height: -webkit-fill-available;

   height: 100%;

}


.mobileSecondLevel .SecondLevelJoinUs {

   background-color: #ff6b6b;

   min-height: -webkit-fill-available;

   height: 100%;

}


.mobileSecondLevel .SecondLevelStudentLife {

   background-color: #65c6c3;

   min-height: -webkit-fill-available;

   height: 100%;

}


.mobileSecondLevel .SecondLevelInternational {

   background-color: #46377a;

   min-height: -webkit-fill-available;

   height: 100%;

}


.mobileSecondLevel .SecondLevelInternational h3 {

   margin-bottom: 30px;

}


.mobileSecondLevel .SecondLevelOpenDays {

   background-color: #ff6b6b;

   min-height: -webkit-fill-available;

   height: 100%;

   padding-bottom: 80px;

}


.mobileSecondLevel select {

   width: 100%;

   padding: 10px;

   border-radius: 10px;

}


.mobileSecondLevel h3.mt30 {

   margin-top: 45px;

}


.mobileSecondLevel h3.mb30 {

   margin-bottom: 30px;

}


.mobileSecondLevel .topMenu {

   background-color: white;

   padding: 20px 15px;

   margin-bottom: 30px;

   cursor: pointer;

}


.mobileSecondLevel .topMenu p {

   color: #1c304a;

   font-size: 16px;

   font-weight: 400;

   margin-bottom: 0px;

}


.mobileSecondLevel .underline {

   border-color: #2c215a;

   opacity: 0.5;

   width: 25%;

}


.mobileSecondLevel .btn {

   margin-bottom: 30px;

}


.mobileSecondLevel h3 {

   font-size: 20px;

   line-height: 26px;

   font-weight: 400;

   color: #fff;

}


.mobileSecondLevel p {

   font-size: 16px;

   font-weight: 400;

   color: #fff;

   margin-bottom: 20px;

}


.mobileSecondLevel p a {

   font-size: 16px;

   font-weight: 400;

   color: #fff;

}


.mobileSecondLevel .mobileMore {

   border: solid 2px #1c304a;

   border-radius: 10px;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   padding: 8px 25px;

}


.MobileActive {

   display: block !important;

}


@media screen and (max-width: 991px) {

   .NavigationBlock p.hamburgerOpen {

      display: none;

   }

}


@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

   .NavigationDesktop p a {

      font-size: 14px;

   }


   .NavigationDesktop p {

      padding: 17px 15px 27px 15px;

   }

}


.menuMore:hover {

   color: #1c304a !important;

}


.menuMore:hover a {

   color: #1c304a !important;

}


p.menuMore a:hover {

   color: #1c304a !important;

}


p.show-border a {

   border: 2px solid black !important;

   border-radius: 7px !important;

   padding: 5px 10px !important;

}


.menuMore a {

   color: #1c304a !important;

   border: 2px solid black !important;

   border-radius: 7px !important;

   padding: 5px 10px !important;

}


.no1-badge {

   position: absolute;

   top: 90px;

   right: 10px;

   z-index: 19;

}


.no1-badge img {

   max-width: 250px;

}


@media (max-width: 820px) {

   .no1-badge {

      display: none;

   }

}


.NavigationMobile .searchbar2 {

   position: relative;

}


.NavigationMobile .searchbar2 .fas {

   position: absolute;

   top: 20px;

   right: 30px;

   color: #bac0c8;

   width: 10px;

   height: 10px;

   font-sizE: 17px;

}


@media screen and (max-width: 768px) {

   .searchbar2 {

      position: relative;

   }


   .searchbar2 .fas {

      position: absolute;

      top: 20px;

      right: 30px !important;

      color: #bac0c8;

      width: 10px;

      height: 10px;

      font-sizE: 17px;

   }

}


.ComponentTextVideoBlock {

   margin-bottom: 60px;

}


.ComponentTextVideoBlock p {

   margin-top: 20px;

}


.ComponentTextVideoBlock .videoWrapper {

   width: 100%;

   height: 320px;

   overflow: hidden;

   position: relative;

   z-index: 10;

   border-radius: 10px;

}


.ComponentTextVideoBlock .videoWrapper ::before {

   display: block;

   content: "";

}


.ComponentTextVideoBlock .videoWrapper iframe {

   width: 100%;

   height: 100%;

   border: 0;

   border-radius: 10px;

}


.ComponentImagesAndTextBlocks .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentImagesAndTextBlocks .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentImagesAndTextBlocks .blogpost .blogImage img {

   border-radius: 10px;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter {

   padding-left: 5%;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter .content {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   position: relative;

   bottom: 30px;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentImagesAndTextBlocks .blogpost .contentOuter .pink {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


@media screen and (max-width: 768px) {

   .ComponentImagesAndTextBlocks {

      margin-top: 30px;

      margin-bottom: 20px;

   }


   .ComponentImagesAndTextBlocks .blogpost {

      position: relative;

      margin-bottom: 0px;

   }

}


.ComponentMyResources {

   margin-bottom: 60px;

}


@media (min-width: 767px) and (max-width: 1201px) {

   .ComponentMyResources h3 {

      font-size: 28px;

   }

}


.ComponentMyResources .bgImage {

   background-position: center;

   border-radius: 10px;

}


.ComponentMyResources img {

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   -webkit-box-shadow: 1px 1px 16px 2px #9e9e9e;

   box-shadow: 1px 1px 16px 2px #9e9e9e;

}


.ComponentMyResources .btn {

   position: absolute;

   bottom: -20px;

   right: 9%;

}


.ComponentMyResources .laSpacing {

   margin-bottom: 60px;

   height: 250px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover';

}


.ComponentMyResources .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentMyResources .colourBlock {

   height: 250px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentMyResources .col-md-3:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentMyResources .col-md-3:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentMyResources .col-md-3:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentMyResources .col-md-3:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentMyResources .col-md-3:nth-child(5) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#dd6b6b), to(#ffb017));

   background: linear-gradient(to right, #dd6b6b, #ffb017);

   opacity: 0.5;

}


.ComponentMyResources .col-md-3:nth-child(6) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#65c6c3), to(#dd3598));

   background: linear-gradient(to right, #65c6c3, #dd3598);

   opacity: 0.5;

}


.ComponentMyResources .col-md-3:nth-child(7) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#46377a), to(#65c6c3));

   background: linear-gradient(to right, #46377a, #65c6c3);

   opacity: 0.5;

}


.ComponentMyResources .col-md-3:nth-child(8) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

   opacity: 0.5;

}


.ComponentMyResources .col-md-3:nth-child(9) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#afced7), to(#b6c5d4));

   background: linear-gradient(to right, #afced7, #b6c5d4);

   opacity: 0.5;

}


.ComponentMyResources .LinkBlocktitle {

   position: absolute;

   top: 0;

   right: 0;

   left: 0;

   bottom: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   margin: auto;

   text-align: center;

}


.ComponentMyResources .LinkBlocktitle h3 {

   color: white;

   padding: 0 10px;

}


@media screen and (max-width: 768px) {

   .ComponentMyResources {

      margin-bottom: 20px;

   }


   .ComponentMyResources .btn {

      bottom: 6%;

      left: 0;

      right: 0;

      width: 80%;

      margin: auto;

   }


   .ComponentMyResources .LinkBlocktitle {

      text-align: center;

      text-shadow: 2px 2px 2px #262626a1;

      padding: 15px;

      padding-bottom: 55px;

   }


   .ComponentMyResources .laSpacing {

      margin-bottom: 285px;

      margin-left: 0px;

      margin-top: 90px;

   }

}


.ComponentMyResources {

   margin-top: 60px;

   margin-bottom: 0px;

}


.ComponentMyResources p {

   color: #fff;

   font-size: 32px;

   line-height: 38px;

   font-family: 'co-text', sans-serif;

   font-weight: 600;

}


.ComponentMyResources .col-md-4:nth-child(9n+1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.75)), to(rgba(101, 198, 195, 0.75)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.75), rgba(101, 198, 195, 0.75));

}


.ComponentMyResources .col-md-4:nth-child(9n+2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.75)), to(rgba(101, 198, 195, 0.75)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.75), rgba(101, 198, 195, 0.75));

}


.ComponentMyResources .col-md-4:nth-child(9n+3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.75)), to(rgba(221, 76, 152, 0.75)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.75), rgba(221, 76, 152, 0.75));

}


.ComponentMyResources .col-md-4:nth-child(9n+4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.75)), to(rgba(255, 176, 23, 0.75)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.75), rgba(255, 176, 23, 0.75));

}


.ComponentMyResources .col-md-4:nth-child(9n+5) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#dd6b6b), to(#ffb017));

   background: linear-gradient(to right, #dd6b6b, #ffb017);

   opacity: 0.75;

}


.ComponentMyResources .col-md-4:nth-child(9n+6) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#65c6c3), to(#dd3598));

   background: linear-gradient(to right, #65c6c3, #dd3598);

   opacity: 0.75;

}


.ComponentMyResources .col-md-4:nth-child(9n+7) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#46377a), to(#65c6c3));

   background: linear-gradient(to right, #46377a, #65c6c3);

   opacity: 0.75;

}


.ComponentMyResources .col-md-4:nth-child(9n+8) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

   opacity: 0.75;

}


.ComponentMyResources .col-md-4:nth-child(9n+9) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#afced7), to(#b6c5d4));

   background: linear-gradient(to right, #afced7, #b6c5d4);

   opacity: 0.75;

}


@media screen and (max-width: 768px) {

   .LinkBlocktitle>img {

      margin-bottom: 55px;

   }

}


.ComponentSportsAndWellBeing {

   margin-bottom: 60px;

}


.ComponentSportsAndWellBeing .bgContainer {

   border-radius: 10px;

   background: #71ae32;

}


.ComponentSportsAndWellBeing .bgContainer h2,

.ComponentSportsAndWellBeing .bgContainer h3,

.ComponentSportsAndWellBeing .bgContainer h5,

.ComponentSportsAndWellBeing .bgContainer p,

.ComponentSportsAndWellBeing .bgContainer button {

   color: #f8f9fa;

   font-family: "co-text", sans-serif;

   font-weight: 400;

}


.ComponentSportsAndWellBeing .bgContainer h2 {

   font-size: 54px;

}


.ComponentSportsAndWellBeing .bgContainer h5 {

   font-size: 24px;

   margin-bottom: 30px;

}


.ComponentSportsAndWellBeing .bgContainer h3,

.ComponentSportsAndWellBeing .bgContainer h5,

.ComponentSportsAndWellBeing .bgContainer p {

   padding-left: 15px;

}


.ComponentSportsAndWellBeing .bgContainer .content {

   padding: 30px;

}


.ComponentSportsAndWellBeing .bgContainer .btn-container {

   position: absolute;

   right: 13px;

   bottom: -23px;

}


.ComponentSportsAndWellBeing .bgContainer .btnPink {

   background: #ff6b6b !important;

}


.ComponentSportsAndWellBeing .bgContainer .img-container img {

   border-radius: 10px;

}


.ComponentStudentSupport {

   margin-bottom: 120px;

}


.ComponentStudentSupport img {

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


.ComponentStudentSupport .underline {

   margin-top: 0px;

}


.ComponentStudentSupport h2 {

   color: #1c304a;

   font-weight: 400;

}


.ComponentStudentSupport .btn {

   position: absolute;

   bottom: 50px;

}


.ComponentStudentSupport .btnPink {

   background: #ff6b6b !important;

}


.ComponentStudentSupport .laSpacing {

   margin-bottom: 60px;

}


.ComponentStudentSupport .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentStudentSupport .positionBottom {

   position: absolute;

   width: 100%;

   bottom: 30px;

}


.ComponentStudentSupport .colourBlock {

   height: 250px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentStudentSupport .col-md-3:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentStudentSupport .col-md-3:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentStudentSupport .col-md-3:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentStudentSupport .col-md-3:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentStudentSupport .col-md-3:nth-child(5) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#dd6b6b), to(#ffb017));

   background: linear-gradient(to right, #dd6b6b, #ffb017);

   opacity: 0.5;

}


.ComponentStudentSupport .col-md-3:nth-child(6) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#65c6c3), to(#dd3598));

   background: linear-gradient(to right, #65c6c3, #dd3598);

   opacity: 0.5;

}


.ComponentStudentSupport .col-md-3:nth-child(7) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#46377a), to(#65c6c3));

   background: linear-gradient(to right, #46377a, #65c6c3);

   opacity: 0.5;

}


.ComponentStudentSupport .col-md-3:nth-child(8) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

   opacity: 0.5;

}


.ComponentStudentSupport .col-md-3:nth-child(9) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(#afced7), to(#b6c5d4));

   background: linear-gradient(to right, #afced7, #b6c5d4);

   opacity: 0.5;

}


.ComponentStudentSupport .LinkBlocktitle {

   position: absolute;

   top: 0;

   right: 0;

   left: 0;

   bottom: 0;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   height: -webkit-fit-content;

   height: -moz-fit-content;

   height: fit-content;

   margin: auto;

   text-align: center;

}


.ComponentStudentSupport .LinkBlocktitle h3 {

   color: white;

   padding: 0 10px;

}


.ComponentStudentSupport .outLine {

   border: 1px solid #1c304a;

   border-radius: 10px;

   padding: 30px;

   width: 100%;

}


.ComponentStudentSupport .positionImage {

   position: relative;

   top: 100px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   z-index: 1;

}


.ComponentStudentSupport .positionImage img {

   height: 185px;

   width: auto;

}


.ComponentStudentSupport .bg {

   padding: 30px;

   border-radius: 10px;

   background: linear-gradient(45deg, #46377a 0%, #dd3598 100%);

}


.ComponentStudentSupport .bg h3 {

   color: #fff;

   font-size: 48px;

}


.ComponentStudentSupport .bg p {

   color: #fff;

   width: 70%;

}


@media screen and (max-width: 768px) {

   .ComponentStudentSupport {

      margin-bottom: 20px;

   }


   .ComponentStudentSupport .bg p {

      width: 100%;

      margin: 20px 0;

   }


   .ComponentStudentSupport .btn {

      bottom: 6%;

      left: 0;

      right: 0;

      width: 80%;

      margin: auto;

   }


   .ComponentStudentSupport .LinkBlocktitle {

      text-align: center;

      text-shadow: 2px 2px 2px #262626a1;

      padding: 15px;

   }


   .ComponentStudentSupport .laSpacing {

      margin-bottom: 20px;

   }


   .ComponentStudentSupport .outLine {

      width: 100%;

      margin-bottom: 30px;

   }


   .ComponentStudentSupport .positionImage {

      position: static;

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex;

      text-align: center;

   }


   .ComponentStudentSupport .positionImage img {

      height: 130px;

   }


   .ComponentStudentSupport .positionBottom {

      position: relative;

   }

}


.ComponentExtraSupport h2 {

   color: #1c304a;

   font-weight: 400;

}


.ComponentExtraSupport .underline {

   margin-top: 0px;

}


.ComponentExtraSupport .col-md-4 ul li {

   text-decoration: underline;

   position: relative;

   list-style-type: none;

   margin-bottom: 30px;

}


.ComponentExtraSupport .col-md-4 ul li a {

   color: #1c304a;

   font-size: 18px;

   margin-left: 20px;

   margin-top: 5px;

   display: block;

}


.ComponentExtraSupport .col-md-4 ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -15px;

   width: 60px;

   height: 60px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentTextImageBlocksWithGradientBg {

   background-image: url("/UoB/images/meetTheTeamBG.png");

   background-size: cover;

   background-repeat: no-repeat;

   padding-top: 80px;

   padding-bottom: 100px;

   margin-bottom: 60px;

}


.ComponentTextImageBlocksWithGradientBg h2 {

   color: #fff;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentTextImageBlocksWithGradientBg .underline {

   margin-top: 0px;

}


.ComponentTextImageBlocksWithGradientBg .outerPadding {

   padding-right: 5%;

}


.ComponentTextImageBlocksWithGradientBg .blueBorder {

   border: #013760 1px solid;

   background: #fff;

   border-radius: 10px;

   overflow: hidden;

}


.ComponentTextImageBlocksWithGradientBg .borderRadLeftRigt {

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentTextImageBlocksWithGradientBg .bgColor {

   padding: 5%;

   padding-bottom: 9%;

   background-color: #fff;

}


.ComponentTextImageBlocksWithGradientBg .bntRight {

   float: right;

   position: relative;

   top: -10px;

}


.ComponentTextImageBlocksWithGradientBg .sectionTwo {

   margin-top: 60px !important;

}


.ComponentTextImageBlocksWithGradientBg .blockImages {

   height: 250px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-radius: 10px;

   border: 2px solid;

}


.ComponentTextImageBlocksWithGradientBg .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentTextImageBlocksWithGradientBg .LinkBlocktitle {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   background: #fff;

   position: absolute;

   top: 50%;

   right: 0;

   left: 0;

   bottom: 0;

   margin: auto 15px;

   text-align: center;

   border-radius: 10px;

   border: 2px solid #000;

   border-top: 0;

}


.ComponentTextImageBlocksWithGradientBg .LinkBlocktitle h4 {

   font-size: 24px;

   margin: auto;

}


.ComponentTextImageBlocksWithGradientBg .colourBlock {

   height: 250px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentTextImageBlocksWithGradientBg .col-md-3:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentTextImageBlocksWithGradientBg .col-md-3:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentTextImageBlocksWithGradientBg .col-md-3:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentTextImageBlocksWithGradientBg .col-md-3:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


@media screen and (max-width: 768px) {

   .ComponentTextImageBlocksWithGradientBg {

      padding-bottom: 0px;

      margin-bottom: 30px;

   }

}


.dropdown-menu {

   z-index: 11;

}


.dropdown-menu.show {

   width: auto !important;

}


.minusMargin {

   position: relative;

   z-index: 11;

}


.ComponentSliderWithGradientBg {

   background: url("/UoB/images/BG.png");

   margin-top: 20px;

   margin-bottom: 30px;

   padding: 60px 0;

   padding-left: 80px;

   padding-right: 80px;

   background-repeat: no-repeat;

   background-position-y: 30px;

   background-size: cover;

   margin-top: -9%;

   z-index: 5;

   position: relative;

}


@media (min-width: 1500px) {

   .ComponentSliderWithGradientBg {

      margin-top: -10%;

   }

}


@media all and (min-width: 767px) {

   .ComponentSliderWithGradientBg .prevImg {

      left: -55px;

   }

}


@media all and (min-width: 992px) {

   .ComponentSliderWithGradientBg .prevImg {

      left: -40px;

   }

}


@media all and (min-width: 1200px) {

   .ComponentSliderWithGradientBg .prevImg {

      left: -20px;

   }

}


@media all and (min-width: 767px) {

   .ComponentSliderWithGradientBg .nextImg {

      right: -65px;

   }

}


@media all and (min-width: 992px) {

   .ComponentSliderWithGradientBg .nextImg {

      right: -40px;

   }

}


@media all and (min-width: 1200px) {

   .ComponentSliderWithGradientBg .nextImg {

      right: -20px;

   }

}


.ComponentSliderWithGradientBg .slick-dots {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   margin: 0;

   padding: 1rem 0;

   list-style-type: none;

   position: absolute;

   left: 50%;

   -webkit-transform: translate(-50%);

   transform: translate(-50%);

   bottom: 25px;

}


@media screen and (max-width: 768px) {

   .ComponentSliderWithGradientBg .slick-dots {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin: 0;

      padding: 1rem 0;

      list-style-type: none;

      position: absolute;

      left: 50%;

      -webkit-transform: translate(-50%);

      transform: translate(-50%);

      bottom: -20px;

   }

}


.ComponentSliderWithGradientBg .slick-dots li {

   margin: 0 0.25rem;

}


.ComponentSliderWithGradientBg .slick-dots button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: solid 1px white;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

}


.ComponentSliderWithGradientBg .slick-dots li.slick-active button {

   background-color: white;

}


.ComponentSliderWithGradientBg .svg-container {

   padding: 120px 0;

   width: 100%;

   height: auto;

}


.ComponentSliderWithGradientBg .svg-container h2 {

   color: #fff;

   text-align: center;

   font-weight: 500;

   font-size: 72px;

   line-height: 84px;

}


.ComponentSliderWithGradientBg .slideVids {

   margin-bottom: 80px;

}


.ComponentSliderWithGradientBg .slideVids img {

   max-height: 500px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentSliderWithGradientBg .slick-slide {

   height: auto !important;

   overflow: hidden !important;

}


.ComponentSliderWithGradientBg .prev-slide,

.ComponentSliderWithGradientBg .next-slide {

   position: absolute;

   top: 0;

   bottom: 0;

   height: 100%;

   width: 90px;

   padding-left: 18px;

   z-index: 9;

}


@media screen and (max-width: 768px) {


   .ComponentSliderWithGradientBg .prev-slide,

   .ComponentSliderWithGradientBg .next-slide {

      position: absolute;

      top: 0;

      bottom: 0;

      height: 100%;

      width: 45px;

      padding-left: 0px;

      z-index: 9;

   }

}


.ComponentSliderWithGradientBg .prev-slide .prevImg,

.ComponentSliderWithGradientBg .prev-slide .nextImg,

.ComponentSliderWithGradientBg .next-slide .prevImg,

.ComponentSliderWithGradientBg .next-slide .nextImg {

   position: absolute;

   top: 0;

   margin-left: -43px;

   bottom: 0;

   padding-right: 30px;

   z-index: 9999999999;

   margin: auto;

   color: #fff;

   margin-right: -40px;

}


.ComponentSliderWithGradientBg .nextImg {

   padding-right: 15px !important;

   padding-left: 15px;

}


.ComponentSliderWithGradientBg .next-slide {

   padding-left: 18px;

   right: 0;

}


.ComponentSliderWithGradientBg .slick-dots li.slick-active button:before {

   opacity: 0.99;

   color: #ffb017;

}


.ComponentSliderWithGradientBg .slick-dots li button:before {

   font-size: 14px;

}


.ComponentSliderWithGradientBg .slick-dots li button:before:hover {

   color: grey !important;

}


@media screen and (max-width: 768px) {

   .ComponentSliderWithGradientBg {

      position: relative;

      z-index: 0;

      margin-top: 20px;

      margin-bottom: 20px;

      padding-left: 0px;

      padding-right: 0px;

      background-position-y: -125px;

   }


   .ComponentSliderWithGradientBg .svg-container {

      padding-top: 0;

   }


   .ComponentSliderWithGradientBg .svg-container h2 {

      font-size: 42px;

      line-height: 54px;

      margin-bottom: 20px;

   }


   .ComponentSliderWithGradientBg .svg-container img {

      position: relative;

      z-index: 1;

   }

}


.homeHeaderTitle {

   margin-top: 30px;

}


@media all and (min-width: 767px) {

   .homeHeaderTitle {

      margin-top: 50px;

   }

}


.ComponentPageTitle h1.homeHeaderMainTitle {

   line-height: 50px;

}


@media all and (min-width: 767px) {

   .ComponentPageTitle h1.homeHeaderMainTitle {

      line-height: 70px;

   }

}


@media screen and (max-width: 768px) {

   .ComponentPageTitle h1.homeHeaderMainTitle {

      font-size: 40px !important;

   }

   .ComponentPageTitle h3 {

      position: relative;

      top: 70px;

   }

}


@media all and (max-width: 1200px) {

   .ComponentPageTitle h1.homeHeaderMainTitle {

      margin-bottom: 70px !important;

   }

}


.ComponentImageGridBlockWithSlider {

   background: url("/UoB/images/bigbg.png");

   height: -webkit-max-content;

   height: -moz-max-content;

   height: max-content;

   width: 100%;

   padding-top: 30px;

   margin-bottom: -60px;

   background-repeat: no-repeat;

   background-size: cover;

   background-position: bottom;

   padding-bottom: 12%;

}


@media (min-width: 767px) and (max-width: 1250px) {

   .ComponentImageGridBlockWithSlider h3 {

      font-size: 28px !important;

   }


   .ComponentImageGridBlockWithSlider .videoWrapper,

   .ComponentImageGridBlockWithSlider .pinkBg,

   .ComponentImageGridBlockWithSlider .greenGreyBg {

      height: 100% !important;

   }

}


.ComponentImageGridBlockWithSlider .pinkBg span {

   display: inline-block;

}


.ComponentImageGridBlockWithSlider .homeHeaderTitle {

   font-size: 48px;

   margin-top: 60px;

   line-height: 1;

}


.ComponentImageGridBlockWithSlider .infoBlocks h5 span {

   color: #1c304a;

   font-size: 24px;

   font-weight: 600;

}


.ComponentImageGridBlockWithSlider .openDay .inner {

   height: 430px;

   border-radius: 10px;

   background-position: center;

   background-size: cover;

   background-repeat: no-repeat;

}


@media (min-width: 768px) {

   .ComponentImageGridBlockWithSlider .openDay .inner {

      height: 100%;

   }

}


.ComponentImageGridBlockWithSlider .openDay .contentWrap {

   height: auto;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}


@media (min-width: 767px) {

   .ComponentImageGridBlockWithSlider .openDay .contentWrap {

      height: 45vh;

   }

}


.ComponentImageGridBlockWithSlider .openDay .contentWrap h2 {

   line-height: 1;

   margin-top: 0;

}


@media (min-width: 768px) {

   .ComponentImageGridBlockWithSlider .openDay .contentWrap h2 {

      margin-bottom: 100px;

   }

}


@media all and (min-width: 992px) {

   .ComponentImageGridBlockWithSlider .openDay .contentWrap .btn.btnTurquoise {

      margin-right: 30px;

   }

}


.ComponentImageGridBlockWithSlider .homeSecondSlider .slick-dots {

   position: absolute;

   bottom: 30px;

   left: 10px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   padding: 0px;

   margin: auto;

}


.ComponentImageGridBlockWithSlider .homeSecondSlider .slick-dots li {

   list-style: none;

}


.ComponentImageGridBlockWithSlider .homeSecondSlider .slick-dots li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentImageGridBlockWithSlider .homeSecondSlider button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #fff;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentImageGridBlockWithSlider .slickFix {

   display: -webkit-inline-box !important;

   display: -ms-inline-flexbox !important;

   display: inline-flex !important;

}


.ComponentImageGridBlockWithSlider h2 {

   margin-top: 5.7vh;

   color: #fff;

   font-size: 6vw;

   font-weight: 600;

   font-family: 'co-text', sans-serif;

}


.ComponentImageGridBlockWithSlider .btnPink {

   background-color: #dd3598;

}


.ComponentImageGridBlockWithSlider .grid {

   background: #fff;

   border-radius: 10px;

   padding: 30px;

   padding-bottom: 10px;

}


.ComponentImageGridBlockWithSlider .minusMargin {

   margin-top: -240px;

}


.ComponentImageGridBlockWithSlider .imgSize {

   width: 100%;

   max-height: 375px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-radius: 10px;

}


.ComponentImageGridBlockWithSlider .colSpacing {

   margin-bottom: 30px;

}


.ComponentImageGridBlockWithSlider .positionBtns {

   display: block;

   height: 100%;

   bottom: -275px;

   position: absolute;

}


.ComponentImageGridBlockWithSlider .positionBtns button {

   margin-right: 30px;

}


.ComponentImageGridBlockWithSlider .imgContainer {

   height: 180px;

   width: 11vw;

   position: absolute;

   right: 5%;

   top: -70px;

}


.ComponentImageGridBlockWithSlider .number {

   position: absolute;

   text-align: center;

   width: 11vw;

   font-size: 3.3vw;

   top: 5vw;

   color: #1c304a;

   -webkit-transform: rotate(10deg);

   transform: rotate(10deg);

}


.ComponentImageGridBlockWithSlider .month {

   position: absolute;

   text-align: right;

   color: #1c304a;

   -webkit-transform: rotate(10deg);

   transform: rotate(10deg);

   top: 6.9vw;

   left: 0;

   font-size: 1.5vw;

   width: 4.3vw;

}


.ComponentImageGridBlockWithSlider .year {

   position: absolute;

   text-align: left;

   color: #1c304a;

   font-size: 1.5vw;

   left: 4.8vw;

   top: 7.7vw;

   -webkit-transform: rotate(10deg);

   transform: rotate(10deg);

}


.ComponentImageGridBlockWithSlider .videoWrapper {

   width: 100%;

   height: 320px;

   overflow: hidden;

   position: relative;

   z-index: 10;

   border-radius: 10px;

}


.ComponentImageGridBlockWithSlider .videoWrapper iframe {

   width: 100%;

   height: 100%;

   border: 0;

   border-radius: 10px;

}


.ComponentImageGridBlockWithSlider .secondSection h5 {

   color: #1c304a;

   font-family: "co-text", sans-serif;

   font-size: 24px;

   line-height: 36px;

}


.ComponentImageGridBlockWithSlider .secondSection p {

   color: #fff;

   font-size: 24px;

   line-height: 36px;

}


.ComponentImageGridBlockWithSlider .secondSection span {

   color: #fff;

}


.ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo {

   width: 100%;

   padding-top: 100%;

   position: relative;

}


.ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo img {

   position: absolute;

   top: 10px;

   left: -10px;

   bottom: 0;

   right: 0;

   width: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   height: 100%;

   border-radius: 10px;

   -webkit-box-shadow: 0 0 11px 5px #3333336b;

   box-shadow: 0 0 11px 5px #3333336b;

}


.ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo .smallerImg {

   position: absolute;

   border-radius: 10px;

   height: 50%;

   width: 50%;

   bottom: -18%;

   right: 19px;

   z-index: 99;

}


.ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo .smallerImg .oneByOne {

   position: relative;

   width: 100%;

   padding-top: 100%;

}


.ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo .smallerImg img {

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   border-radius: 10px;

   -webkit-box-shadow: 0 0 11px 5px #3333336b;

   box-shadow: 0 0 11px 5px #3333336b;

}


.ComponentImageGridBlockWithSlider .purplebg {

   border-radius: 10px;

   padding: 30px;

   background: linear-gradient(32deg, #1c304a 39%, #46377a 78%);

}


.ComponentImageGridBlockWithSlider .purplebg p {

   color: #ffb017;

   margin: 35px 0;

}


.ComponentImageGridBlockWithSlider .pinkBg {

   text-align: center;

   padding: 15px;

   border-radius: 10px;

   height: 320px;

   background: linear-gradient(45deg, #dd3598 0%, #ff6b6b 99%);

}


.ComponentImageGridBlockWithSlider .pinkBg h3,

.ComponentImageGridBlockWithSlider .pinkBg h5,

.ComponentImageGridBlockWithSlider .pinkBg p,

.ComponentImageGridBlockWithSlider .pinkBg button {

   text-align: center;

}


.ComponentImageGridBlockWithSlider .pinkBg h3,

.ComponentImageGridBlockWithSlider .pinkBg h5 {

   color: #fff;

   font-weight: 600;

}


.ComponentImageGridBlockWithSlider .pinkBg h3 {

   font-size: 54px;

   font-weight: 300;

}


.ComponentImageGridBlockWithSlider .promo-block-2ndrow-margin {

   margin-top: 30px;

}


@media (min-width: 767px) {

   .ComponentImageGridBlockWithSlider .pinkBg h3 {

      font-size: 33px;

      font-weight: 300;

   }

}


.ComponentImageGridBlockWithSlider .pinkBg h5 {

   font-family: "motiva-sans", sans-serif;

   font-size: 24px;

   line-height: 36px;

   margin-bottom: 30px;

}


.ComponentImageGridBlockWithSlider .pinkBg p {

   color: #1c304a;

   font-size: 24px;

   font-weight: 600;

   margin-top: 30px;

}


.ComponentImageGridBlockWithSlider .pinkBg a {

   color: #fff !important;

   font-size: 26px;

}


.ComponentImageGridBlockWithSlider .greenGreyBg a {

   color: #1c304a !important;

}


.ComponentImageGridBlockWithSlider .greenGreyBg {

   padding: 30px;

   border-radius: 10px;

   height: 320px;

   background-position-y: -60px;

   background-position-x: -85px;

   background-repeat: no-repeat !important;

   background-size: contain !important;

   display: block;

}


.ComponentImageGridBlockWithSlider .greenGreyBg h3,

.ComponentImageGridBlockWithSlider .greenGreyBg h5 {

   color: #fff;

}


.ComponentImageGridBlockWithSlider .greenGreyBg h5 {

   margin-bottom: 42px;

}


.ComponentImageGridBlockWithSlider .slick-list {

   overflow-x: hidden !important;

}


.ComponentImageGridBlockWithSlider .cols-overlay {

   position: absolute;

   top: 0;

   bottom: 0;

   left: 0;

   right: 0;

   /* height: 100%;

   width: 100%; */

   opacity: 0%;

   transition: .7s ease;

   background-color: #000;

}


.ComponentImageGridBlockWithSlider .cols-overlay:hover  {

   opacity: 1%;

}


@media screen and (max-width: 768px) {

   .number {

      width: 47vw !important;

      top: 23vw !important;

      font-size: 15vw !important;

   }


   .month {

      width: 18vw !important;

      left: auto !important;

      top: 33vw !important;

      font-size: 6vw !important;

   }


   .year {

      width: auto !important;

      left: 20vw !important;

      top: 36.5vw !important;

      font-size: 6vw !important;

   }


   .test {

      padding-bottom: 30px;

   }


   .ComponentImageGridBlockWithSlider {

      background: linear-gradient(45deg, #dd3598 0%, #ffb017 99%);

      padding-bottom: 30px;

      margin-bottom: 160px;

      background-position-y: 990px;

      background-repeat: no-repeat;

      background-size: cover;

      padding: 0;

   }


   .ComponentImageGridBlockWithSlider .homeHeaderTitle {

      line-height: 60px;

      margin: 0;

   }


   .ComponentImageGridBlockWithSlider h2 {

      margin: 20px 0;

      font-size: 12vw;

   }


   .ComponentImageGridBlockWithSlider .smallerImg {

      display: none;

   }


   .ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo {

      width: 100%;

      padding-top: 100%;

      position: relative;

      margin-bottom: 30px;

   }


   .ComponentImageGridBlockWithSlider .BG_copy {

      background-color: #1c304a;

      position: absolute;

      left: 0px;

      top: 2361px;

      width: 1987px;

      height: 1972px;

      z-index: 5;

   }


   .ComponentImageGridBlockWithSlider .minusMargin {

      position: relative;

      z-index: 1;

   }


   @media screen and (max-width: 768px) {

      .ComponentImageGridBlockWithSlider .minusMargin {

         position: relative;

         z-index: 1;

         padding-top: 60px;

      }

   }


   .ComponentImageGridBlockWithSlider .btnTurquoise {

      margin-bottom: 20px;

      margin-top: auto;

   }


   .ComponentImageGridBlockWithSlider .btnPink {

      margin-bottom: -10px;

   }


   .ComponentImageGridBlockWithSlider .imgContainer {

      position: inherit !important;

      height: auto !important;

      width: 48vw !important;

      margin: auto;

   }


   .ComponentImageGridBlockWithSlider .positionBtns {

      position: static;

   }


   .ComponentImageGridBlockWithSlider .purpleBg {

      border-radius: 10px;

   }


   .ComponentImageGridBlockWithSlider .imgSize {

      padding-right: 15px;

      border-radius: 8px 25px 25px 8px;

   }


   .ComponentImageGridBlockWithSlider .purplebg {

      border-radius: 10px;

   }


   .ComponentImageGridBlockWithSlider .purplebg p {

      margin: 0;

   }


   .ComponentImageGridBlockWithSlider .quickFix {

      display: none !important;

   }


   .ComponentImageGridBlockWithSlider .colSpacing {

      padding-left: 15px !important;

      margin-bottom: 20px;

   }


   .ComponentImageGridBlockWithSlider .videoWrapper {

      margin-bottom: 20px;

   }


   .ComponentImageGridBlockWithSlider .pinkBg {

      margin-bottom: 20px;

   }


   .ComponentImageGridBlockWithSlider .row .noPaddingMobile {

      padding-top: 0 !important;

   }


   .ComponentImageGridBlockWithSlider .blogpost {

      margin-bottom: 0px;

   }


   .ComponentImageGridBlockWithSlider .secondSection .noPaddingMobile h5 {

      margin-top: 30px;

   }


   .ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo img {

      width: 100%;

      margin-top: 20px;

      -webkit-box-shadow: 0px 1px 5px 5px #13131338;

      box-shadow: 0px 1px 5px 5px #13131338;

   }


   .ComponentImageGridBlockWithSlider .secondSection .imgContainerTwo .smallerImg {

      bottom: 50px;

      left: 66px;

      width: 40%;

   }

}


@media screen and (max-width: 1824px) {

   .ComponentImageGridBlockWithSlider {

      margin-bottom: 30px;

   }

}


@media (max-width: 768px) {

   .ComponentImageGridBlockWithSlider .imgContainer {

      position: relative !important;

   }

}


.ComponentThripleVideoBlock {

   margin-bottom: 60px;

   padding-left: 50px;

   padding-right: 50px;

}


.ComponentThripleVideoBlock h2 {

   color: #1c304a;

   font-weight: 400;

   font-family: 'co-text', sans-serif;

}


.ComponentThripleVideoBlock .underline {

   margin-top: 0px;

}


.ComponentThripleVideoBlock .videoWrapper {

   position: relative;

   width: 100%;

   padding-top: 56.25%;

   border-radius: 10px;

}


.ComponentThripleVideoBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   border-radius: 10px;

   width: 100%;

   height: 100%;

   outline: 0;

   border: 0;

}


@media screen and (max-width: 768px) {

   .ComponentThripleVideoBlock {

      margin-bottom: 20px;

      padding-left: 0px;

      padding-right: 0px;

   }


   .ComponentThripleVideoBlock h2 {

      font-size: 28px;

   }


   .ComponentThripleVideoBlock .videoWrapper {

      margin-bottom: 20px;

   }

}


.ComponentThripleVideoBlock {

   margin-bottom: 60px;

}


.ComponentThripleVideoBlock h2 {

   color: #1c304a;

   font-weight: 400;

   font-family: 'co-text', sans-serif;

}


.ComponentThripleVideoBlock .underline {

   margin-top: 0px;

}


.ComponentThripleVideoBlock .videoWrapper {

   position: relative;

   width: 100%;

   padding-top: 56.25%;

   border-radius: 10px;

}


.ComponentThripleVideoBlock .videoWrapper iframe {

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   border-radius: 10px;

   width: 100%;

   height: 100%;

   outline: 0;

   border: 0;

}


@media screen and (max-width: 768px) {

   .ComponentThripleVideoBlock {

      margin-bottom: 20px;

      padding-left: 0px;

      padding-right: 0px;

   }


   .ComponentThripleVideoBlock h2 {

      font-size: 28px;

   }


   .ComponentThripleVideoBlock .videoWrapper {

      margin-bottom: 20px;

   }

}


.ComponentNewsBlockFilter {

   margin-bottom: 60px;

   padding-left: 60px;

   padding-right: 50px;

}


.ComponentNewsBlockFilter .underline {

   border-top: 3px solid #8d97a4;

   width: 120px;

   margin-top: 0px;

}


.ComponentNewsBlockFilter h2 {

   color: #1c304a;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentNewsBlockFilter .btn {

   top: 87%;

}


.ComponentNewsBlockFilter .btnPink {

   background: #dd3598;

}


.ComponentNewsBlockFilter .pos {

   position: absolute;

   z-index: 2;

   bottom: 0;

   left: 0;

   width: 100%;

}


.ComponentNewsBlockFilter .blogpost {

   position: relative;

   margin-bottom: 0px;

}


.ComponentNewsBlockFilter .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentNewsBlockFilter .blogpost .blogImage img {

   border-radius: 10px;

   height: 200px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

}


.ComponentNewsBlockFilter .blogpost .contentOuter {

   padding-left: 5%;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .content {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   position: relative;

   bottom: 30px;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .pink {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsBlockFilter .blogpost .contentOuter .white {

   background: #fff;

   border: 1px solid #1b2f49;

}


.ComponentNewsBlockFilter .blogpost .contentOuter .white p,

.ComponentNewsBlockFilter .blogpost .contentOuter .white p>span {

   color: #1b2f49;

}


.ComponentNewsBlockFilter .row .col-12.col-md-3:nth-child(2n) .contentOuter .content {

   background: linear-gradient(45deg, #dd3598 0%, #462160 99%);

}


@media screen and (max-width: 768px) {

   .ComponentNewsBlockFilter {

      margin-bottom: 30px;

      padding-left: 20px;

      padding-right: 10px;

   }


   .ComponentNewsBlockFilter .blogpost {

      margin-bottom: 0px;

   }


   .ComponentNewsBlockFilter .btn {

      position: static;

      margin-bottom: 30px;

   }


   .ComponentNewsBlockFilter .mobilePos {

      position: relative;

   }

}






.ComponentNewsFilterHomePage {

   margin-bottom: 60px;

   padding-left: 60px;

   padding-right: 50px;

}


.ComponentNewsFilterHomePage .underline {

   border-top: 3px solid #8d97a4;

   width: 120px;

   margin-top: 0px;

}


.ComponentNewsFilterHomePage h2 {

   color: #1c304a;

   font-weight: 400;

   font-family: "co-text", sans-serif;

}


.ComponentNewsFilterHomePage .btn {

   top: 87%;

}


.ComponentNewsFilterHomePage .btnPink {

   background: #dd3598;

}


.ComponentNewsFilterHomePage .pos {

   position: absolute;

   z-index: 2;

   bottom: 0;

   left: 0;

   width: 100%;

}


.ComponentNewsFilterHomePage .blogpost {

   position: relative;

   margin-bottom: 0px;

}


.ComponentNewsFilterHomePage .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentNewsFilterHomePage .blogpost .blogImage img {

   border-radius: 10px;

   height: 200px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   width: 100%;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter {

   padding-left: 5%;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .content {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

   border-radius: 10px;

   padding: 15px;

   position: relative;

   bottom: 30px;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .content p {

   color: white;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .content p span {

   color: white;

   font-weight: 200;

   font-size: 14px;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .pink {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .white {

   background: #fff;

   border: 1px solid #1b2f49;

}


.ComponentNewsFilterHomePage .blogpost .contentOuter .white p,

.ComponentNewsFilterHomePage .blogpost .contentOuter .white p>span {

   color: #1b2f49;

}


.ComponentNewsFilterHomePage .row .col-12.col-md-3:nth-child(2n) .contentOuter .content {

   background: linear-gradient(45deg, #dd3598 0%, #462160 99%);

}


@media screen and (max-width: 768px) {

   .ComponentNewsFilterHomePage {

      margin-bottom: 30px;

      padding-left: 20px;

      padding-right: 10px;

   }


   .ComponentNewsFilterHomePage .blogpost {

      margin-bottom: 0px;

   }


   .ComponentNewsFilterHomePage .btn {

      position: static;

      margin-bottom: 30px;

   }


   .ComponentNewsFilterHomePage .mobilePos {

      position: relative;

   }

}





.ComponentEventsSearchBlock {

   margin: 60px 0;

}


.ComponentEventsSearchBlock .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentEventsSearchBlock .fa-search {

   position: absolute;

   right: 42px;

   top: 57px;

   color: #000;

}


.ComponentPageSearchBlock {

   margin-bottom: 30px;

}


.ComponentPageSearchBlock h2 {

   font-family: "co-text", sans-serif;

   font-weight: 400;

}


.ComponentPageSearchBlock .spacing {

   margin-bottom: 30px;

}


.ComponentPageSearchBlock .btnPurple {

   float: right;

}


@media screen and (max-width: 768px) {

   .ComponentEventsSearchBlock .btnPurple {

      margin-top: 20px;

   }

}


@media screen and (max-width: 768px) {

   .ComponentPageSearchBlock .spacing img {

      display: none;

   }

}


.ComponentPromotionQuoteBlock {

   margin-bottom: 60px;

   background-image: url("/UoB/images/pinkBlueBG.svg");

   background-size: cover;

   background-repeat: no-repeat;

   padding-top: 180px;

   padding-bottom: 100px;

}


.ComponentPromotionQuoteBlock h3 {

   color: #fff;

}


.ComponentPromotionQuoteBlock span {

   color: #46377a;

   font-weight: 600;

}


.ComponentPromotionQuoteBlock .centerText {

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: colum;

   flex-direction: colum;

   -ms-flex-item-align: center;

   align-self: center;

}


@media screen and (max-width: 768px) {

   .ComponentPromotionQuoteBlock {

      margin-bottom: 30px;

      background-position-x: -486px;

      padding-top: 100px;

      padding-bottom: 50px;

   }


   .ComponentPromotionQuoteBlock img {

      margin-top: 20px;

   }

}


.ComponentTestimonialsShowHideBlock {

   margin-bottom: 60px;

}


.ComponentTestimonialsShowHideBlock .ChildParent {

   display: none;

}


.ComponentTestimonialsShowHideBlock .showActive {

   display: inherit;

}


.ComponentTestimonialsShowHideBlock .gradientBg {

   margin-top: -60px;

   margin-bottom: 60px;

   background: linear-gradient(45deg, #dd3598 0%, #461a58 100%);

}


.ComponentTestimonialsShowHideBlock .gradientBg .col-md-2,

.ComponentTestimonialsShowHideBlock .gradientBg .col-6 {

   text-align: center;

   background: url("/UoB/images/line.png") bottom right no-repeat;

   background-position-y: 44px;

   -ms-flex-item-align: center;

   align-self: center;

   padding: 30px 0;

}


.ComponentTestimonialsShowHideBlock .gradientBg .col-md-2 p,

.ComponentTestimonialsShowHideBlock .gradientBg .col-6 p {

   color: #fff;

   margin: 0;

   padding: 30px;

   cursor: pointer;

}


.ComponentTestimonialsShowHideBlock .gradientBg .last {

   background: none;

}


.ComponentTestimonialsShowHideBlock h2 {

   color: #1c304a;

   margin-bottom: 60px;

   font-weight: 500;

}


.ComponentTestimonialsShowHideBlock .underline {

   margin-top: -50px;

}


.ComponentTestimonialsShowHideBlock .gradientBgTwo {

   margin-top: 100px;

   margin-bottom: 30px;

   padding: 10px;

   background: linear-gradient(45deg, #46377a 0%, #461a58 100%);

   border-radius: 10px;

}


.ComponentTestimonialsShowHideBlock .gradientBgTwo h3,

.ComponentTestimonialsShowHideBlock .gradientBgTwo h5,

.ComponentTestimonialsShowHideBlock .gradientBgTwo p {

   color: #fff;

}


.ComponentTestimonialsShowHideBlock .gradientBgTwo:nth-child(even) {

   border-radius: 10px;

   background: linear-gradient(45deg, #dd3598 0%, #461a58 100%);

}


.ComponentTestimonialsShowHideBlock .imgContainer {

   width: 100%;

   height: 250px;

   padding: 0 50px;

}


.ComponentTestimonialsShowHideBlock .imgContainer img {

   width: 100%;

   height: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   margin-top: -50px;

   border-radius: 10px;

}


.ComponentTestimonialsShowHideBlock .btnTurquoise {

   width: 78%;

   margin-top: -30px;

   margin-bottom: 15px;

}


@media screen and (max-width: 768px) {

   .ComponentTestimonialsShowHideBlock {

      margin-bottom: 20px;

   }


   .ComponentTestimonialsShowHideBlock .gradientBg {

      margin-bottom: 20px;

      margin-top: -30px;

   }


   .ComponentTestimonialsShowHideBlock .gradientBg .col-md-2,

   .ComponentTestimonialsShowHideBlock .gradientBg .col-6 {

      background: none !important;

      padding: 0px;

      margin: 15px 0;

   }


   .ComponentTestimonialsShowHideBlock .gradientBg .col-6:nth-child(odd) {

      background: none !important;

      border-right: 1px solid rgba(255, 255, 255, 0.5);

   }

}


.ComponentStaffShowHideBlock .filterBar {

   margin-bottom: 0px;

   background: linear-gradient(45deg, #dd3598 0%, #ff6b6b 99%);

}


.ComponentStaffShowHideBlock .filterBar .col-md-2,

.ComponentStaffShowHideBlock .filterBar .col-6 {

   text-align: center;

   background: url("/UoB/images/line.png") bottom right no-repeat;

   background-position-y: 14px;

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentStaffShowHideBlock .filterBar .col-md-2 p,

.ComponentStaffShowHideBlock .filterBar .col-6 p {

   color: #fff;

   margin: 0;

   padding: 30px;

   cursor: pointer;

   font-family: "co-text", arial;

}


.ComponentStaffShowHideBlock .filterBar .last {

   background: none !important;

}


.ComponentStaffShowHideBlock .filterBlock {

   background: #46377a;

   padding-top: 50px;

   padding-bottom: 90px;

}


.ComponentStaffShowHideBlock .filterBlock img {

   border-radius: 10px;

   height: 400px;

   width: 400px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentStaffShowHideBlock .filterBlock ul {

   padding: 0;

}


.ComponentStaffShowHideBlock .filterBlock ul li {

   color: #fff;

   margin-bottom: 15px;

   font-weight: 600;

}


@media screen and (max-width: 768px) {

   .ComponentStaffShowHideBlock .filterBlock {

      margin-bottom: 50px;

      padding-bottom: 20px;

   }


   .ComponentStaffShowHideBlock .filterBlock img {

      border-radius: 10px;

      height: auto;

      width: 80vw;

      -o-object-fit: cover;

      object-fit: cover;

      font-family: 'object-fit: cover;';

   }


   .ComponentStaffShowHideBlock .filterBlock ul {

      margin-top: 40px;

      padding-left: 40px;

   }

}


.ComponentBannerLinkBlock .gradientBg {

   margin-top: 100px;

   margin-bottom: 30px;

   padding: 10px;

   background: linear-gradient(45deg, #46377a 0%, #dd3598 100%);

}


.ComponentBannerLinkBlock .gradientBg h3,

.ComponentBannerLinkBlock .gradientBg h5 {

   color: #fff;

   padding: 0;

   margin: 0;

   height: 50px;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   font-family: "co-text", Arial;

   font-weight: 600;

}


.ComponentBannerLinkBlock .gradientBg .col-md-2 {

   text-align: center;

   background: url("/UoB/images/line.png") bottom right no-repeat;

   background-position-y: 14px;

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentBannerLinkBlock .gradientBg .col-md-2 p {

   color: #fff;

   margin: 0;

   padding: 30px;

   cursor: pointer;

   font-family: "co-text", arial;

}


.ComponentBannerLinkBlock .gradientBg .col-md-2:nth-last-child(1) {

   background: none !important;

}


@media screen and (max-width: 768px) {

   .ComponentBannerLinkBlock {

      margin-bottom: 30px;

      margin-top: -80px;

   }


   .ComponentBannerLinkBlock .gradientBg .col-md-2:nth-child(even) {

      background: none !important;

   }


   .ComponentBannerLinkBlock .gradientBg .col-md-2 {

      background-position-y: 37px;

   }

}


.ComponentEmailSetupBlock {

   margin-top: 0px;

   margin-bottom: 60px;

   background: linear-gradient(45deg, #65c6c3 0%, #dd3598 100%);

}


.ComponentEmailSetupBlock .padding {

   padding: 30px 0;

}


.ComponentEmailSetupBlock .padding h2,

.ComponentEmailSetupBlock .padding p {

   color: #fff;

   font-weight: 400;

}


.ComponentEmailSetupBlock .position {

   position: relative;

   top: 100px;

}


@media screen and (max-width: 768px) {

   .ComponentEmailSetupBlock .position {

      position: static;

      margin-bottom: 30px;

   }

}


.ComponentPartnersBlock {

   margin-bottom: 60px;

}


.ComponentPartnersBlock h2 {

   color: #1c304a;

   font-weight: 400;

}


.ComponentPartnersBlock .underline {

   margin: 0;

}



.ComponentEventsBlockWithBooking {

   margin-top: -40px;

   padding-top: 20px;

   padding-bottom: 120px;

   background: url("/UoB/images/eventsbg1.png") bottom center no-repeat;

   background-size: cover;

   margin-bottom: 60px;

}


.ComponentEventsBlockWithBooking h2 {

   text-align: left;

   color: #fff;

   font-family: "co-text", sans-serif;

   font-weight: 400;

}


.ComponentEventsBlockWithBooking .underline {

   border-top-color: #1c304a;

   opacity: 0.5;

   margin-top: -5px;

}


.ComponentEventsBlockWithBooking .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentEventsBlockWithBooking .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentEventsBlockWithBooking .blogpost .contentOuter .content {

   border: solid 2px #1c304a;

   background-color: #fff;

   border-radius: 10px;

   padding: 15px;

   position: absolute;

   bottom: -17%;

   width: 90%;

   background-size: cover;

   max-height: 108px;

}


.ComponentEventsBlockWithBooking .blogpost .contentOuter .content p {

   color: #1c304a;

   font-weight: 600;

   margin-bottom: 8px;

}


.ComponentEventsBlockWithBooking .blogpost .contentOuter .content p span {

   color: #666666;

   font-weight: 200;

   font-size: 14px;

}


.ComponentEventsBlockWithBooking .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentEventsBlockWithBooking .blogpost .blogImage {

   padding-right: 10%;

}


.ComponentEventsBlockWithBooking .blogpost .blogImage img {

   border-radius: 10px;

}


.ComponentEventsBlockWithBooking .sectionTwo {

   margin-top: 60px !important;

}


.ComponentEventsBlockWithBooking .sectionTwo .blockImages {

   height: 250px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-radius: 10px;

   border: 2px solid;

}


.ComponentEventsBlockWithBooking .sectionTwo .positionCorrectly {

   position: absolute;

   top: 0;

   left: 0;

}


.ComponentEventsBlockWithBooking .sectionTwo .LinkBlocktitle {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   background: #fff;

   position: absolute;

   top: 50%;

   right: 0;

   left: 0;

   bottom: 0;

   margin: auto 15px;

   text-align: center;

   border-radius: 10px;

   border: 2px solid #000;

   border-top: 0;

}


.ComponentEventsBlockWithBooking .sectionTwo .LinkBlocktitle h4 {

   font-size: 24px;

   margin: auto;

}


.ComponentEventsBlockWithBooking .sectionTwo .colourBlock {

   height: 250px;

   border-radius: 10px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlockWithBooking .sectionTwo .col-md-3:nth-child(1) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlockWithBooking .sectionTwo .col-md-3:nth-child(2) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 177, 0, 0.5)), to(rgba(101, 198, 195, 0.5)));

   background: linear-gradient(to right, rgba(255, 177, 0, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentEventsBlockWithBooking .sectionTwo .col-md-3:nth-child(3) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 107, 107, 0.5)), to(rgba(221, 76, 152, 0.5)));

   background: linear-gradient(to right, rgba(255, 107, 107, 0.5), rgba(221, 76, 152, 0.5));

}


.ComponentEventsBlockWithBooking .sectionTwo .col-md-3:nth-child(4) .colourBlock {

   background: -webkit-gradient(linear, left top, right top, from(rgba(101, 198, 195, 0.5)), to(rgba(255, 176, 23, 0.5)));

   background: linear-gradient(to right, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


@media screen and (max-width: 768px) {

   h1 {

      margin-top: 60px;

   }


   .ComponentEventsBlock {

      padding-top: 5px;

      margin-bottom: 0px;

      padding-bottom: 0;

      background-size: auto;

      background: url("/UoB/images/bigbg.png");

      background-position-y: 10px;

      background-repeat: no-repeat;

   }


   .ComponentEventsBlock h2 {

      margin-top: 15px;

      margin-bottom: 5px;

      color: #1c304a;

   }


   .ComponentEventsBlock .sectionTwo {

      margin-top: 0px !important;

   }

}


.ComponentClearingSearch {

   margin: 60px 0;

}


.ComponentClearingSearch .search-input {

   background: transparent;

   border: 2px solid #556270;

}


.ComponentClearingSearch .fas {

   color: #556270;

}


.ComponentClearingSearch .wrapper {

   border: 1px solid #dadadb;

   border-radius: 30px;

   padding: 30px;

}


.ComponentClearingSearch .infoBox>p {

   background: #46377a;

   padding: 40px 15px;

   border-radius: 10px;

   font-size: 24px;

   font-weight: 600;

   color: white;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   margin-top: -50px;

   margin-left: -50px;

   font-family: co-text, sans-serif;

}


.ComponentClearingSearch .btnTurquoise {

   background: #65c6c3;

}


.ComponentClearingSearch .btnPurple {

   background: #46377a;

}


.ComponentClearingSearch .purpleOutline {

   background: white;

   border: 2px solid #46377a;

   color: #46377a;

   width: 95% !important;

}


.ComponentClearingSearch .position {

   margin-top: -30px;

}


.ComponentClearingSearch h2 {

   color: #556270 !important;

   margin-bottom: 20px;

   font-weight: 600;

   font-family: "co-text", sans-serif;

}


@media (max-width: 768px) {

   .ComponentClearingSearch {

      margin-top: 100px;

      margin-bottom: 30px;

   }


   .ComponentClearingSearch .btn {

      margin-bottom: 30px;

   }


   .ComponentClearingSearch .btnRed {

      margin-bottom: 0px !important;

   }


   .ComponentClearingSearch .search-input {

      margin-bottom: 30px;

   }


   .ComponentClearingSearch .position {

      margin-top: 0px;

   }


   .ComponentClearingSearch .infoBox {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

   }


   .ComponentClearingSearch .infoBox>p {

      background: #46377a;

      padding: 40px 30px;

      border-radius: 10px;

      font-size: 24px;

      font-weight: 500;

      color: white;

      width: -webkit-fit-content;

      width: -moz-fit-content;

      width: fit-content;

      margin-top: -75px;

      margin-left: 0px;

      margin-bottom: 30px;

   }

}


.ComponentClearingShowHideBlock {

   margin-bottom: 60px;

}


.ComponentClearingShowHideBlock .filterSearch .col-md-2 {

   text-align: center;

   background: url("/UoB/images/lineGrey.png") bottom right no-repeat;

   background-position-y: 14px;

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentClearingShowHideBlock .filterSearch .col-md-2 p {

   margin: 0;

   padding: 30px;

   cursor: pointer;

   font-family: "co-headline", arial;

   font-weight: 300;

   color: #46377a;

   font-size: 20px;

}


.ComponentClearingShowHideBlock .filterSearch .col-md-2:nth-last-child(2) {

   background: none;

}


.ComponentClearingShowHideBlock .pinkOrangeBg,

.ComponentClearingShowHideBlock .purpleBg {

   padding: 60px 0;

}


.ComponentClearingShowHideBlock .pinkOrangeBg {

   height: 500px;

   width: 100%;

   padding-left: 100px;

   background: linear-gradient(45deg, #dd3598 0%, #ff6b6b 100%);

}


.ComponentClearingShowHideBlock .pinkOrangeBg h3 {

   font-family: "co-headline", arial !important;

}


.ComponentClearingShowHideBlock .pinkOrangeBg h4,

.ComponentClearingShowHideBlock .pinkOrangeBg h5 {

   color: #fff;

}


.ComponentClearingShowHideBlock .pinkOrangeBg h4 {

   font-family: "co-headline", arial !important;

}


.ComponentClearingShowHideBlock .pinkOrangeBg h5 {

   font-size: 24px;

   font-family: "co-text", arial !important;

}


.ComponentClearingShowHideBlock .purpleBg {

   height: 500px;

   width: 100%;

   padding-right: 100px;

   background: linear-gradient(45deg, #46377a 0%, #461a58 100%);

}


.ComponentClearingShowHideBlock .purpleBg h3 {

   font-family: "co-headline", arial !important;

}


.ComponentClearingShowHideBlock h3 {

   color: #1c304a;

}


.ComponentClearingShowHideBlock .filterText,

.ComponentClearingShowHideBlock h3 {

   text-align: center;

}


.ComponentClearingShowHideBlock .ChildParent {

   margin-right: 0;

   margin-left: 0;

}


.ComponentClearingShowHideBlock .showActive {

   display: block;

}


.ComponentClearingShowHideBlock .slick-slide {

   height: auto !important;

}


.ComponentClearingShowHideBlock .prev-slide,

.ComponentClearingShowHideBlock .next-slide {

   position: absolute;

   top: 0;

   bottom: 0;

   height: 100%;

   width: 50px;

   padding-left: 18px;

   z-index: 9;

}


.ComponentClearingShowHideBlock .prev-slide .prevImg,

.ComponentClearingShowHideBlock .prev-slide .nextImg,

.ComponentClearingShowHideBlock .next-slide .prevImg,

.ComponentClearingShowHideBlock .next-slide .nextImg {

   position: absolute;

   top: 0;

   bottom: 0;

   padding-right: 30px;

   z-index: 9999;

   margin: auto;

   color: #fff;

   right: 0;

}


.ComponentClearingShowHideBlock .prev-slide .prevImg,

.ComponentClearingShowHideBlock .next-slide .prevImg {

   left: 10px;

}


.ComponentClearingShowHideBlock .nextImg {

   right: -75px;

   padding-right: 15px !important;

   padding-left: 15px;

}


.ComponentClearingShowHideBlock .next-slide {

   padding-left: 18px;

   right: 0;

}


.ComponentClearingShowHideBlock .slick-dots li.slick-active button:before {

   opacity: 0.99;

   color: #ffb017;

}


.ComponentClearingShowHideBlock .slick-dots li button:before {

   font-size: 14px;

}


.ComponentClearingShowHideBlock .slick-dots li button:before:hover {

   color: grey !important;

}


.ComponentClearingShowHideBlock .slick-dots {

   bottom: -50px;

}


.ComponentClearingShowHideBlock .justify-content-between {

   margin-right: 0;

   margin-left: 0;

}


.ComponentClearingShowHideBlock .purpleBg p {

   color: white;

}


@media screen and (max-width: 1200px) {

   .ComponentClearingShowHideBlock {

      margin-bottom: 30px;

   }


   .ComponentClearingShowHideBlock .pinkOrangeBg,

   .ComponentClearingShowHideBlock .purpleBg {

      height: auto;

      padding: 30px;

   }

}


.ComponentTripleButtonBlock {

   margin-bottom: 60px;

}


.ComponentTripleButtonBlock .col-md-4 {

   text-align: center;

}


.ComponentTripleButtonBlock .btn {

   width: 75%;

   height: 78px;

   font-size: 24px;

   line-height: 28px;

}


.ComponentTripleButtonBlock .btnPink {

   background: #dd3598 !important;

}


.ComponentTripleButtonBlock a {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

}


@media screen and (max-width: 768px) {

   .ComponentTripleButtonBlock {

      margin-bottom: 20px;

   }


   .ComponentTripleButtonBlock .mobile {

      text-align: center !important;

   }


   .ComponentTripleButtonBlock .btn {

      width: 75%;

      height: 66px;

      font-size: 24px;

      line-height: 29px;

   }

}


.ComponentQuadVideoBlock {

   background: url("/UoB/images/bigbg.png");

   height: -webkit-max-content;

   height: -moz-max-content;

   height: max-content;

   width: 100%;

   padding-top: 30px;

   margin-bottom: 60px;

   background-repeat: no-repeat;

   background-size: cover;

   background-position-y: bottom;

   padding-bottom: 19%;

   padding-top: 30px;

}


.ComponentQuadVideoBlock h3 {

   color: #fff;

   text-align: center;

   font-size: 36px;

   font-weight: 300;

}


.ComponentQuadVideoBlock .col-md-6 {

   margin: 30px 0;

}


.ComponentQuadVideoBlock .videoWrapper {

   width: auto;

   height: auto;

   overflow: hidden;

   position: relative;

   z-index: 10;

   padding-top: 56.25%;

}


.ComponentQuadVideoBlock .videoWrapper>iframe {

   position: absolute;

   top: 10px;

   left: -10px;

   bottom: 0;

   right: 0;

   width: 100%;

   height: 100%;

   border: 0;

}


@media screen and (max-width: 768px) {

   .ComponentQuadVideoBlock {

      padding-bottom: 0px;

      margin-bottom: 30px !important;

   }

}


.ComponentOpenEventsBlock {

   margin-bottom: 60px;

}


.ComponentOpenEventsBlock h2 {

   text-align: left;

   color: #1c304a;

   font-family: "co-text", sans-serif;

   font-weight: 400;

}


.ComponentOpenEventsBlock .underline {

   border-top-color: #1c304a;

   opacity: 0.5;

   margin-top: -5px;

}


.ComponentOpenEventsBlock .verticalAlignment {

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentOpenEventsBlock .blogpost {

   position: relative;

   margin-bottom: 70px;

}


.ComponentOpenEventsBlock .blogpost .contentOuter {

   padding-left: 10%;

}


.ComponentOpenEventsBlock .blogpost .contentOuter .content {

   border: solid 2px #1c304a;

   background-color: #fff;

   border-radius: 10px;

   padding: 15px;

   position: absolute;

   bottom: -17%;

   width: 90%;

   background-size: cover;

   max-height: 108px;

}


.ComponentOpenEventsBlock .blogpost .contentOuter .content p {

   color: #1c304a;

   font-weight: 600;

   margin-bottom: 8px;

}


.ComponentOpenEventsBlock .blogpost .contentOuter .content p span {

   color: #666666;

   font-weight: 200;

   font-size: 14px;

}


.ComponentOpenEventsBlock .blogpost .contentOuter .content p:last-child {

   margin-bottom: 0px;

}


.ComponentOpenEventsBlock .blogpost .blogImage {

   padding-right: 5%;

}


.ComponentOpenEventsBlock .blogpost .blogImage img {

   border-radius: 10px;

}


.ComponentTextBulletPointLinksBlock h2 {

   color: #1c304a;

   font-weight: 300;

   font-family: "co-text", sans-serif;

}


.ComponentTextBulletPointLinksBlock ul {

   padding-left: 19px;

}


.ComponentTextBulletPointLinksBlock ul li {

   text-decoration: underline;

   position: relative;

   list-style-type: none;

   margin-bottom: 30px;

}


.ComponentTextBulletPointLinksBlock ul li a {

   color: #1c304a;

   font-size: 18px;

   margin-left: 20px;

   margin-top: 5px;

   display: block;

}


.ComponentTextBulletPointLinksBlock ul li:before {

   content: "";

   position: absolute;

   top: 0;

   left: -15px;

   width: 60px;

   height: 60px;

   background-image: url("/UoB/images/square.png");

   background-repeat: no-repeat;

}


.ComponentSliderWithGradientBgTwo {

   background: url("/UoB/images/BG.png");

   margin-top: 20px;

   padding-top: 60px;

   background-repeat: no-repeat;

   background-position-y: 30px;

   background-size: cover;

}


.ComponentSliderWithGradientBgTwo .svg-container {

   padding: 120px 0;

   width: 100%;

   height: auto;

}


.ComponentSliderWithGradientBgTwo .svg-container h2 {

   color: #fff;

   text-align: center;

   font-weight: 500;

   font-size: 72px;

   line-height: 84px;

}


.ComponentSliderWithGradientBgTwo .slideVids {

   margin-bottom: 80px;

}


.ComponentSliderWithGradientBgTwo .slideVids img {

   max-height: 500px;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

}


.ComponentSliderWithGradientBgTwo .slick-slide {

   height: auto !important;

}


.ComponentSliderWithGradientBgTwo .prev-slide,

.ComponentSliderWithGradientBgTwo .next-slide {

   position: absolute;

   top: 0;

   bottom: 0;

   height: 100%;

   width: 50px;

   padding-left: 18px;

   z-index: 9;

}


.ComponentSliderWithGradientBgTwo .prev-slide .prevImg,

.ComponentSliderWithGradientBgTwo .prev-slide .nextImg,

.ComponentSliderWithGradientBgTwo .next-slide .prevImg,

.ComponentSliderWithGradientBgTwo .next-slide .nextImg {

   position: absolute;

   top: 0;

   margin-left: -43px;

   bottom: 0;

   padding-right: 30px;

   z-index: 9999999999;

   margin: auto;

   color: #fff;

}


.ComponentSliderWithGradientBgTwo .prev-slide .prevImg,

.ComponentSliderWithGradientBgTwo .next-slide .prevImg {

   left: -75px;

}


.ComponentSliderWithGradientBgTwo .nextImg {

   right: -75px;

   padding-right: 15px !important;

   padding-left: 15px;

}


.ComponentSliderWithGradientBgTwo .next-slide {

   padding-left: 18px;

   right: 0;

}


.ComponentSliderWithGradientBgTwo .slick-dots li.slick-active button:before {

   opacity: 0.99;

   color: #ffb017;

}


.ComponentSliderWithGradientBgTwo .slick-dots li button:before {

   font-size: 14px;

}


.ComponentSliderWithGradientBgTwo .slick-dots li button:before:hover {

   color: grey !important;

}


.ComponentSliderWithGradientBgTwo .slick-dots {

   bottom: -50px;

}


@media screen and (max-width: 768px) {

   .ComponentSliderWithGradientBgTwo {

      background: linear-gradient(45deg, #65c6c3 0%, #dd3598 100%);

      position: relative;

      z-index: 1;

      margin-top: 0px;

      padding-bottom: 0;

   }


   .ComponentSliderWithGradientBgTwo .svg-container {

      padding-top: 0;

      padding-bottom: 0;

   }


   .ComponentSliderWithGradientBgTwo .svg-container h2 {

      font-size: 42px;

      line-height: 54px;

      margin-bottom: 20px;

   }


   .ComponentSliderWithGradientBgTwo .svg-container img {

      position: relative;

      z-index: 1;

   }

}


.ComponentDuelButton {

   margin-bottom: 60px;

}


.ComponentDuelButton .btn {

   font-weight: 700;

   height: auto;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   border-radius: 10px;

   display: inline-block;

   vertical-align: middle;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   padding: 1.375rem 1.5rem;

   font-size: 24px;

   line-height: 16px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


@media screen and (max-width: 768px) {

   .ComponentDuelButton .btn {

      line-height: 36px;

   }

}


.ComponentQuadImageAndHeaderBlock {

   margin-bottom: 60px;

}


.ComponentQuadImageAndHeaderBlock h2 {

   color: #1c304a;

   font-weight: 300;

   font-size: 42px;

}


.ComponentQuadImageAndHeaderBlock .description {

   margin: 30px 0;

}


.ComponentQuadImageAndHeaderBlock .imgContainer {

   position: relative;

   width: 100%;

   padding-top: 56.25%;

   margin-bottom: 100px;

}


.ComponentQuadImageAndHeaderBlock .imgContainer>img {

   position: absolute;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   height: 100%;

   -o-object-fit: cover;

   object-fit: cover;

   font-family: 'object-fit: cover;';

   border-radius: 10px;

}


.ComponentQuadImageAndHeaderBlock .content {

   border: solid 2px #1c304a;

   background-color: white;

   border-radius: 10px;

   padding: 15px;

   padding-bottom: 20px;

   position: absolute;

   bottom: -17%;

   width: 75%;

   background-size: cover;

   padding-left: 15px;

   max-height: 108px;

   right: -10px;

}


.ComponentQuadImageAndHeaderBlock .content p {

   color: #1c304a;

   font-weight: 500;

   margin-bottom: 8px;

}


.ComponentQuadImageAndHeaderBlock .content span {

   color: #1c304a;

   font-weight: 200;

   font-size: 14px;

}


.ComponentQuadImageAndHeaderBlock .btnPink {

   background: #dd3598 !important;

}


@media screen and (max-width: 768px) {

   .ComponentQuadImageAndHeaderBlock {

      margin-bottom: 30px;

   }


   .ComponentQuadImageAndHeaderBlock .spacingMoblie {

      margin-top: 15px;

   }


   .ComponentQuadImageAndHeaderBlock .col-md-6:nth-child(2) {

      margin-top: 30px;

   }


   .ComponentQuadImageAndHeaderBlock .content {

      width: 94%;

      bottom: -40%;

   }

}


.ComponentPageClearingIndex {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentPageClearingIndex h5,

.ComponentPageClearingIndex h6 {

   color: #fff;

   text-align: center;

}


.ComponentPageClearingIndex h5 {

   font-size: 22px;

   font-weight: 200;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentPageClearingIndex h6 {

   font-size: 16px;

}


.ComponentPageClearingIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentPageClearingIndex .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


.ComponentPageClearingIndex #selectbox1 {

   padding: 8px 15px;

}


.ComponentPageClearingIndex .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentPageClearingIndex .blogImage {

   padding-right: 0;

}


.ComponentPageClearingIndex .blogImage img {

   border-radius: 10px;

}


.ComponentPageClearingIndex .blogpost {

   position: relative;

   margin: 0;

   padding-right: 30px;

}


.ComponentPageClearingIndex .outContent {

   padding-left: 30px;

}


.ComponentPageClearingIndex .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentPageClearingIndex .spacing {

   margin-top: 30px !important;

}


.ComponentPageClearingIndex .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentPageClearingIndex .content .row .col-md-4 {

   text-align: center;

}


.ComponentPageClearingIndex .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentPageClearingIndex .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentPageClearingIndex .content .topWhite p {

   color: #666666;

}


.ComponentPageClearingIndex .content .arrowPng {

   max-width: 20%;

   height: 100%;

}


.ComponentPageClearingIndex .content .d-inline-flex p {

   margin: auto;

   margin-left: 10px;

   color: #fff;

}


.ComponentPageClearingIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentPageClearingIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


@media screen and (max-width: 768px) {

   .ComponentPageClearingIndex {

      margin-top: 30px;

      margin-bottom: 20px;

   }


   .ComponentPageClearingIndex .spacing {

      margin-top: 10px !important;

   }


   .ComponentPageClearingIndex .filter {

      margin-top: 180px !important;

      margin-bottom: 30px !important;

   }


   .ComponentPageClearingIndex .container .row .col-12 {

      margin-bottom: 20px;

   }


   .ComponentPageClearingIndex .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentPageClearingIndex .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentPageClearingIndex .select-box {

      margin-top: 20px;

   }


   .ComponentPageClearingIndex .content {

      color: #fff;

   }


   .ComponentPageClearingIndex .content p {

      color: #fff;

   }


   .ComponentPageClearingIndex .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentPageClearingIndex .outContent {

      padding-left: 0px;

   }


   .ComponentPageClearingIndex .blogpost {

      padding: 0;

   }


   .ComponentPageClearingIndex .mobile {

      margin-top: 10px;

   }


   .ComponentPageClearingIndex .topWhite p {

      color: #606060;

   }


   .ComponentPageClearingIndex div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .btnWhite {

      margin-bottom: 30px;

   }

}


.ComponentStaffProfileIndex {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentStaffProfileIndex h5,

.ComponentStaffProfileIndex h6 {

   color: #fff;

   text-align: center;

}


.ComponentStaffProfileIndex h5 {

   font-size: 22px;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentStaffProfileIndex h6 {

   font-size: 16px;

}


.ComponentStaffProfileIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentStaffProfileIndex .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


.ComponentStaffProfileIndex #selectbox1 {

   padding: 8px 15px;

}


.ComponentStaffProfileIndex .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentStaffProfileIndex .blogImage {

   padding-right: 0;

}


.ComponentStaffProfileIndex #more-staff {

   display: block;

   margin: auto;

}


.ComponentStaffProfileIndex .img-container {

   height: 250px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentStaffProfileIndex .blogpost {

   position: relative;

   margin: 0;

   padding-right: 30px;

   height: 250px;

}


.ComponentStaffProfileIndex .outContent {

   padding-left: 30px;

   margin-bottom: 30px;

}


.ComponentStaffProfileIndex .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentStaffProfileIndex .spacing {

   margin-top: 30px !important;

}


.ComponentStaffProfileIndex .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentStaffProfileIndex .content .row .col-md-4 {

   text-align: center;

}


.ComponentStaffProfileIndex .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentStaffProfileIndex .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentStaffProfileIndex .content .topWhite p {

   color: #666666;

}


.ComponentStaffProfileIndex .content .arrowPng {

   max-width: 20%;

   height: 100%;

}


.ComponentStaffProfileIndex .content .d-inline-flex p {

   margin: auto;

   color: #fff;

}


.ComponentStaffProfileIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentStaffProfileIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentStaffProfileIndex .filter-bar {

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentStaffProfileIndex {

      margin-top: 330px;

      margin-bottom: 20px;

   }


   .ComponentStaffProfileIndex .spacing {

      margin-top: 10px !important;

   }


   .ComponentStaffProfileIndex .container .row .col-12 {

      margin-bottom: 20px;

   }


   .ComponentStaffProfileIndex .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentStaffProfileIndex .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentStaffProfileIndex .select-box {

      margin-top: 20px;

      background: transparent;

   }


   .ComponentStaffProfileIndex .content {

      color: #fff;

   }


   .ComponentStaffProfileIndex .content p {

      color: #fff;

   }


   .ComponentStaffProfileIndex .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentStaffProfileIndex .outContent {

      padding-left: 0px;

   }


   .ComponentStaffProfileIndex .blogpost {

      padding: 0;

   }


   .ComponentStaffProfileIndex .mobile {

      margin-top: 10px;

   }


   .ComponentStaffProfileIndex .topWhite p {

      color: #606060;

   }


   .ComponentStaffProfileIndex div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .pageHeader .content_wrapper {

      padding-top: 174px;

   }

}


.ComponentStaffProfileIndex {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentStaffProfileIndex h5,

.ComponentStaffProfileIndex h6 {

   color: #fff;

   text-align: center;

}


.ComponentStaffProfileIndex h5 {

   font-size: 22px;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentStaffProfileIndex h6 {

   font-size: 16px;

}


.ComponentStaffProfileIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentStaffProfileIndex .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


.ComponentStaffProfileIndex #selectbox1 {

   padding: 8px 15px;

}


.ComponentStaffProfileIndex .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentStaffProfileIndex .blogImage {

   padding-right: 0;

}


.ComponentStaffProfileIndex #more-staff {

   display: block;

   margin: auto;

}


.ComponentStaffProfileIndex .img-container {

   height: 250px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentStaffProfileIndex .blogpost {

   position: relative;

   margin: 0;

   padding-right: 30px;

   height: 250px;

}


.ComponentStaffProfileIndex .outContent {

   padding-left: 30px;

   margin-bottom: 30px;

}


.ComponentStaffProfileIndex .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentStaffProfileIndex .spacing {

   margin-top: 30px !important;

}


.ComponentStaffProfileIndex .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentStaffProfileIndex .content .row .col-md-4 {

   text-align: center;

}


.ComponentStaffProfileIndex .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentStaffProfileIndex .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentStaffProfileIndex .content .topWhite p {

   color: #666666;

}


.ComponentStaffProfileIndex .content .arrowPng {

   max-width: 20%;

   height: 100%;

}


.ComponentStaffProfileIndex .content .d-inline-flex p {

   margin: auto;

   color: #fff;

}


.ComponentStaffProfileIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentStaffProfileIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentStaffProfileIndex .filter-bar {

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentStaffProfileIndex {

      margin-top: 330px;

      margin-bottom: 20px;

   }


   .ComponentStaffProfileIndex .spacing {

      margin-top: 10px !important;

   }


   .ComponentStaffProfileIndex .container .row .col-12 {

      margin-bottom: 20px;

   }


   .ComponentStaffProfileIndex .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentStaffProfileIndex .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentStaffProfileIndex .select-box {

      margin-top: 20px;

      background: transparent;

   }


   .ComponentStaffProfileIndex .content {

      color: #fff;

   }


   .ComponentStaffProfileIndex .content p {

      color: #fff;

   }


   .ComponentStaffProfileIndex .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentStaffProfileIndex .outContent {

      padding-left: 0px;

   }


   .ComponentStaffProfileIndex .blogpost {

      padding: 0;

   }


   .ComponentStaffProfileIndex .mobile {

      margin-top: 10px;

   }


   .ComponentStaffProfileIndex .topWhite p {

      color: #606060;

   }


   .ComponentStaffProfileIndex div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .pageHeader .content_wrapper {

      padding-top: 174px;

   }

}




.ComponentMainEventsIndex {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentMainEventsIndex h5,

.ComponentMainEventsIndex h6 {

   color: #fff;

   text-align: center;

}


.ComponentMainEventsIndex h5 {

   font-size: 22px;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentMainEventsIndex h6 {

   font-size: 16px;

}


.ComponentMainEventsIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentMainEventsIndex .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


.ComponentMainEventsIndex #selectbox1 {

   padding: 8px 15px;

}


.ComponentMainEventsIndex .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentMainEventsIndex .blogImage {

   padding-right: 0;

}


.ComponentMainEventsIndex #more-staff {

   display: block;

   margin: auto;

}


.ComponentMainEventsIndex .img-container {

   height: 250px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentMainEventsIndex .blogpost {

   position: relative;

   margin: 0;

   padding-right: 30px;

   height: 250px;

}


.ComponentMainEventsIndex .outContent {

   padding-left: 30px;

   margin-bottom: 30px;

}


.ComponentMainEventsIndex .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentMainEventsIndex .spacing {

   margin-top: 30px !important;

}


.ComponentMainEventsIndex .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentMainEventsIndex .content .row .col-md-4 {

   text-align: center;

}


.ComponentMainEventsIndex .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentMainEventsIndex .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentMainEventsIndex .content .topWhite p {

   color: #666666;

}


.ComponentMainEventsIndex .content .arrowPng {

   max-width: 20%;

   height: 100%;

}


.ComponentMainEventsIndex .content .d-inline-flex p {

   margin: auto;

   color: #fff;

}


.ComponentMainEventsIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentMainEventsIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentMainEventsIndex .filter-bar {

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentMainEventsIndex {

      margin-top: 330px;

      margin-bottom: 20px;

   }


   .ComponentMainEventsIndex .spacing {

      margin-top: 10px !important;

   }


   .ComponentMainEventsIndex .container .row .col-12 {

      margin-bottom: 20px;

   }


   .ComponentMainEventsIndex .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentMainEventsIndex .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentMainEventsIndex .select-box {

      margin-top: 20px;

      background: transparent;

   }


   .ComponentMainEventsIndex .content {

      color: #fff;

   }


   .ComponentMainEventsIndex .content p {

      color: #fff;

   }


   .ComponentMainEventsIndex .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentMainEventsIndex .outContent {

      padding-left: 0px;

   }


   .ComponentMainEventsIndex .blogpost {

      padding: 0;

   }


   .ComponentMainEventsIndex .mobile {

      margin-top: 10px;

   }


   .ComponentMainEventsIndex .topWhite p {

      color: #606060;

   }


   .ComponentMainEventsIndex div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .pageHeader .content_wrapper {

      padding-top: 174px;

   }

}


.ComponentMainEventsIndex {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentMainEventsIndex h5,

.ComponentMainEventsIndex h6 {

   color: #fff;

   text-align: center;

}


.ComponentMainEventsIndex h5 {

   font-size: 22px;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentMainEventsIndex h6 {

   font-size: 16px;

}


.ComponentMainEventsIndex span {

   font-weight: 600;

   font-size: 20px;

}


.ComponentMainEventsIndex .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


.ComponentMainEventsIndex #selectbox1 {

   padding: 8px 15px;

}


.ComponentMainEventsIndex .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentMainEventsIndex .blogImage {

   padding-right: 0;

}


.ComponentMainEventsIndex #more-staff {

   display: block;

   margin: auto;

}


.ComponentMainEventsIndex .img-container {

   height: 250px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentMainEventsIndex .blogpost {

   position: relative;

   margin: 0;

   padding-right: 30px;

   height: 250px;

}


.ComponentMainEventsIndex .outContent {

   padding-left: 30px;

   margin-bottom: 30px;

}


.ComponentMainEventsIndex .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentMainEventsIndex .spacing {

   margin-top: 30px !important;

}


.ComponentMainEventsIndex .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentMainEventsIndex .content .row .col-md-4 {

   text-align: center;

}


.ComponentMainEventsIndex .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentMainEventsIndex .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentMainEventsIndex .content .topWhite p {

   color: #666666;

}


.ComponentMainEventsIndex .content .arrowPng {

   max-width: 20%;

   height: 100%;

}


.ComponentMainEventsIndex .content .d-inline-flex p {

   margin: auto;

   color: #fff;

}


.ComponentMainEventsIndex .select-box {

   border-color: #1c304a;

   border-radius: 10px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentMainEventsIndex .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentMainEventsIndex .filter-bar {

   margin-bottom: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentMainEventsIndex {

      margin-top: 330px;

      margin-bottom: 20px;

   }


   .ComponentMainEventsIndex .spacing {

      margin-top: 10px !important;

   }


   .ComponentMainEventsIndex .container .row .col-12 {

      margin-bottom: 20px;

   }


   .ComponentMainEventsIndex .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentMainEventsIndex .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentMainEventsIndex .select-box {

      margin-top: 20px;

      background: transparent;

   }


   .ComponentMainEventsIndex .content {

      color: #fff;

   }


   .ComponentMainEventsIndex .content p {

      color: #fff;

   }


   .ComponentMainEventsIndex .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentMainEventsIndex .outContent {

      padding-left: 0px;

   }


   .ComponentMainEventsIndex .blogpost {

      padding: 0;

   }


   .ComponentMainEventsIndex .mobile {

      margin-top: 10px;

   }


   .ComponentMainEventsIndex .topWhite p {

      color: #606060;

   }


   .ComponentMainEventsIndex div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .pageHeader .content_wrapper {

      padding-top: 174px;

   }

}



.ComponentGridFourImages .container {

   max-width: 2200px;

}


.ComponentGridFourImages .row {

   height: 500px;

   width: 100%;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.ComponentGridFourImages .row .single-image-container {

   height: 100%;

   width: 39%;

   margin-left: 1%;

}


.ComponentGridFourImages .row .first-container {

   width: 29%;

   margin-right: 1%;

   margin-left: 0;

}


.ComponentGridFourImages .row .two-imgs-container {

   height: 100%;

   width: 30%;

}


.ComponentGridFourImages .row .inner-grid-img {

   height: 49%;

   width: 100%;

}


.ComponentGridFourImages .row .inner-grid-img:first-of-type {

   margin-bottom: 2%;

}


.ComponentGridFourImages .grid-item {

   background-size: cover;

   border-radius: 10px;

}


.PageDocumentsWithCrest {

   overflow: auto;

}


.PageDocumentsWithCrest .row {

   margin-left: 0;

   margin-right: 0;

}


.PageDocumentsWithCrest .col-md-5 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 30%;

   flex: 0 0 30%;

   max-width: 30%;

}


.PageDocumentsWithCrest .col-md-7 {

   -webkit-box-flex: 0;

   -ms-flex: 0 0 65%;

   flex: 0 0 65%;

   max-width: 65%;

}


@media (max-width: 768px) {

   .PageDocumentsWithCrest .col-md-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

   }


   .PageDocumentsWithCrest .col-md-7 h2 {

      font-size: 22px;

   }


   .PageDocumentsWithCrest .col-md-7 a {

      font-size: 18px;

   }

}


.PageDocumentsWithCrest .col-md-7 a {

   font-weight: 400;

}


.PageDocumentsWithCrest .col-md-7 h2 {

   font-weight: 500;

}


.PageDocumentsWithCrest .greyBg {

   min-height: 700px;

}


.PageDocumentsWithCrest .greyBg img {

   width: 90%;

   display: block;

   height: auto;

   max-width: 300px;

   margin: auto;

   margin-top: 100%;

}


@media (min-width: 767px) {

   .PageDocumentsWithCrest .greyBg img {

      margin: auto;

      width: 55%;

      margin-left: 30%;

      margin-top: 45%;

   }

}


.PageDocumentsWithCrest .content-container {

   width: 100%;

   float: right;

}


.PageDocumentsWithCrest:after {

   content: "";

   display: table;

   clear: both;

}


.PageDocumentsWithCrest .img-fluid {

   width: 30px;

}


.editable-header {

   height: 600px;

}


@media (min-width: 767px) {

   .editable-header {

      height: 750px;

   }

}


.editable-header .inner {

   background-position: 90%;

}


@media (min-width: 767px) {

   .editable-header .inner {

      background-position: center;

   }

}


.editable-header .gradient {

   opacity: .6;

   width: 100%;

   height: 100%;

   position: absolute;

   left: 0;

   top: 0;

   background: -webkit-gradient(linear, left top, left bottom, from(#333366), to(#66cccc));

   background: linear-gradient(#333366, #66cccc);

}


.editable-header .curve-bottom {

   display: block;

   bottom: -0.1%;

   position: absolute;

}


@media (min-width: 992px) and (max-width: 1710px) {

   .editable-header .searchBG {

      max-width: 100%;

   }

}


.editable-header .content_wrapper {

   padding-top: 0 !important;

   margin-top: -400px;

}


@media (min-width: 767px) {

   .editable-header .content_wrapper {

      margin-top: -500px;

   }

}


@media (min-width: 1600px) {

   .editable-header .content_wrapper {

      margin-top: -550px;

   }

}



.fourth-uk img {

   width: 150px;

   position: absolute;

   bottom: 10%;

}


@media (min-width: 1700px) {

   .fourth-uk img {

      bottom: 15%;

   }

}


.ComponentGetInTouchFourColumnsBlock {

   margin-bottom: 80px;

}


.ComponentGetInTouchFourColumnsBlock h2 {

   font-weight: 500;

   color: #1c304a;

}


@media (min-width: 767px) and (max-width: 992px) {

   .ComponentGetInTouchFourColumnsBlock h4 {

      font-size: 26px;

   }

}


.ComponentGetInTouchFourColumnsBlock p {

   font-weight: normal;

}


@media (min-width: 767px) {

   .ComponentGetInTouchFourColumnsBlock .btn {

      max-width: 105px;

      position: absolute;

      bottom: 0;

      left: 0;

   }

}


@media (min-width: 767px) {

   .ComponentGetInTouchFourColumnsBlock .col-md-3 {

      padding-bottom: 75px;

   }

}


.ComponentFaqBlock {

   background-size: cover !important;

   padding-bottom: 50px;

}


.ComponentFaqBlock h2 {

   font-weight: 500;

   color: #01365e;

}


.ComponentFaqBlock .first-row {

   margin-bottom: 10%;

}


@media (min-width: 1200px) {

   .ComponentFaqBlock .first-row {

      margin-bottom: 15%;

   }

}


.ComponentFaqBlock .second-row {

   margin-bottom: 30px;

}


.ComponentFaqBlock .floated-button {

   float: right;

   font-size: 18px;

   height: 50px;

}


@media (min-width: 767px) {

   .ComponentFaqBlock .floated-button {

      margin-top: -20px;

   }

}


.ComponentFaqBlock p {

   color: white;

}


.ComponentFaqBlock .third-row div {

   text-align: left;

}


.ComponentFaqBlock .btn-dropdown {

   width: 100%;

   -webkit-box-pack: start;

   -ms-flex-pack: start;

   justify-content: flex-start;

}


.ComponentFaqBlock .hidden::after {

   content: '';

   border: 4px solid transparent;

   border-top: 6px solid white;

   margin-left: 2px;

   margin-bottom: 3px;

   display: inline-block;

   vertical-align: bottom;

   position: absolute;

   right: 30px;

}


.ComponentFaqBlock .shown {

   background-color: white !important;

   color: #01365e;

   border: 1px solid #01365e;

}


.ComponentFaqBlock .shown::after {

   content: '';

   border: 4px solid transparent;

   border-bottom: 6px solid black;

   margin-left: 2px;

   margin-bottom: 3px;

   display: inline-block;

   vertical-align: bottom;

   position: absolute;

   right: 30px;

}


.ComponentFaqBlock .dropdown-column p {

   display: none;

}


.ComponentFaqBlock .flexedBtn {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


@media (min-width: 767px) {

   .ComponentFaqBlock .flexed {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

   }


   .ComponentFaqBlock .flexed .btn {

      width: 95%;

   }


   .ComponentFaqBlock .flexed:last-of-type .btn {

      margin-left: 5%;

   }

}


.no-bg p {

   color: black;

}


.no-bg .first-row {

   margin-bottom: 20px;

}


.ComponentPartnersTiles {

   margin-top: 30px;

}


.ComponentPartnersTiles h2 {

   font-weight: 500;

   color: #01365e;

}


.ComponentPartnersTiles label {

   color: #01365e;

   font-weight: 500;

   font-size: 18px;

}


.ComponentPartnersTiles select {

   width: 100%;

   margin-bottom: 20px;

   background-color: white;

   height: 40px;

}


.ComponentPartnersTiles .tile {

   border: 1px solid black;

   background-color: white;

   border-radius: 10px;

   margin-bottom: 40px;

}


.ComponentPartnersTiles .tile img {

   display: block;

   max-height: 100px;

   width: auto;

   margin: 10% auto 5% auto;

}


.ComponentPartnersTiles .name-location-container {

   background-color: #0d1a39;

   border-radius: 10px;

   color: white;

   padding: 10px;

}


@media (min-width: 767px) {

   .ComponentPartnersTiles .name-location-container {

      position: relative;

      right: -20px;

      bottom: -20px;

   }

}


.ComponentPartnersTiles .partner-name {

   color: white;

   font-weight: 500;

   font-size: 18px;

}


.ComponentPartnersTiles .partner-location {

   font-size: 14px;

}


.ComponentPartnersTiles .partner-location .marker {

   margin: inherit;

   width: 12px;

   display: inline-block;

}


.ComponentPartnersTiles .btnLoadMore {

   display: block;

   padding: 20px 40px 40px 40px;

   font-size: 22px;

   width: 200px;

   margin: 55px auto;

}


.ComponentTwoColumnsGridWithLinks {

   margin-top: 30px;

   margin-bottom: 30px;

}


.ComponentTwoColumnsGridWithLinks .column {

   position: relative;

   min-height: 250px;

   border-radius: 10px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   margin-bottom: 20px;

}


.ComponentTwoColumnsGridWithLinks .column p {

   max-width: 90%;

   margin: auto;

   color: white;

   text-align: center;

   z-index: 2;

   position: relative;

   padding-top: 125px;

   font-weight: 500;

   font-size: 22px;

}


.ComponentTwoColumnsGridWithLinks .column button {

   position: absolute;

   z-index: 2;

   bottom: 0;

   right: 0;

}


@media (min-width: 767px) {

   .ComponentTwoColumnsGridWithLinks .column button {

      bottom: -22.5px;

      right: 30px;

   }

}


.ComponentTwoColumnsGridWithLinks .gradient {

   z-index: 1;

   border-radius: 10px;

   position: absolute;

   left: 0;

   top: 0;

   width: 100%;

   height: 100%;

}


.ComponentTwoColumnsGridWithLinks .column1 .gradient {

   background: linear-gradient(45deg, rgba(221, 53, 152, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentTwoColumnsGridWithLinks .column2 .gradient {

   background: linear-gradient(45deg, rgba(221, 53, 152, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentDiagramBlock {

   margin-top: 50px;

}


.ComponentDiagramBlock .diagram {

   border: 1px solid #1c304a;

   width: 100%;

   padding: 50px;

   margin: auto;

   border-radius: 10px;

   margin-bottom: 30px;

   margin-top: 50px;

}


.ComponentDiagramBlock img {

   height: auto;

   width: 80%;

   display: block;

   margin: auto;

   margin-top: 50px;

}


.ComponentDiagramBlock .process-logo {

   width: 25%;

   max-width: 180px;

   position: absolute;

   top: -90px;

   border-radius: 10px;

}


@media (max-width: 450px) {

   .ComponentDiagramBlock .process-logo {

      top: -60px;

      left: 30px;

   }

}


.PageCentreOppositionStudies .ComponentHeroBlock .btn {

   background-color: #ff6b6b;

}


.PageCentreOppositionStudies .inline-buttons a:first-child .btn {

   background-color: #ff6b6b;

}


.PageCentreOppositionStudies .inline-buttons a:last-child .btn {

   background-color: #46377a;

}


.PageCentreOppositionStudies .contact-container {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.PageCentreOppositionStudies .button-container {

   margin-bottom: 20px;

}


.ComponentTextImageLinksBlock {

   margin-bottom: 30px;

}


.ComponentTextImageLinksBlock .image-container {

   background-color: rgba(101, 198, 195, 0.3);

   border-radius: 10px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   padding-top: 20px;

   padding-bottom: 20px;

   height: 100%;

}


.ComponentTextImageLinksBlock .image-container img {

   width: 50%;

   max-width: 170px;

   height: auto;

   display: block;

}


@media (min-width: 767px) {

   .ComponentTextImageLinksBlock .inline-buttons {

      position: absolute;

      bottom: 0;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

   }


   .ComponentTextImageLinksBlock .inline-buttons .btn:first-of-type {

      margin-right: 20px;

   }

}


@media (max-width: 768px) {

   .ComponentTextImageLinksBlock .inline-buttons .text-buttons-container {

      margin-bottom: 20px;

   }


   .ComponentTextImageLinksBlock .inline-buttons .btn:first-of-type {

      margin-bottom: 20px;

   }

}


@media (min-width: 768px) {

   .ComponentTextImageLinksBlock .text-buttons-container {

      padding-bottom: 45px;

   }

}


@media (max-width: 768px) {

   .ComponentTextImageLinksBlock .text-buttons-container {

      margin-top: 20px;

   }

}


.ComponentOurPeople h2 {

   color: white;

}


.ComponentOurPeople .descriptionDiv p {

   color: white;

   text-align: center;

   padding-left: 5%;

   padding-right: 5%;

}


.ComponentOurPeople .text-column {

   padding: 40px;

   background: linear-gradient(45deg, #46377a, #461a58) !important;

}


.ComponentOurPeople .text-column p,

.ComponentOurPeople .text-column h2,

.ComponentOurPeople .text-column h5 {

   color: white;

}


.ComponentOurPeople .text-column .underline {

   border-top-color: white !important;

}


.ComponentOurPeople .single-result .category-block {

   margin-top: 30px;

}


.ComponentOurPeople .single-result .picture-column {

   padding: 0 !important;

}


.ComponentOurPeople .single-result .staff-picture {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   min-height: 400px;

   height: 100% !important;

}


.ComponentOurPeople .multiple-results {

   background: linear-gradient(45deg, #ff6b6b, #dd3598);

   padding: 50px;

   padding-bottom: 110px;

}


.ComponentOurPeople .multiple-results .nav-btn:after {

   visibility: hidden;

}


.ComponentOurPeople .our-people {

   text-align: center;

}


.ComponentOurPeople .our-people h4 {

   margin-bottom: 30px;

   color: #1c304a;

}


.ComponentOurPeople .our-people-categories {

   list-style-type: none;

   margin-bottom: 20px;

}


.ComponentOurPeople .our-people-categories li {

   color: #46377a;

   font-size: 18px;

   cursor: pointer;

   display: inline-block;

}


.ComponentOurPeople .our-people-categories li:not(:last-of-type) {

   margin-right: 20px;

   border-right: solid 2px rgba(28, 48, 74, 0.5);

   padding-right: 20px;

}


.ComponentOurPeople .directors-container {

   background: linear-gradient(45deg, #46377a, #461a58);

   margin-bottom: 60px;

}


.ComponentOurPeople .directors-container .directors-text-columns {

   padding: 40px;

}


.ComponentOurPeople .directors-container .directors-text-columns h2 {

   font-weight: 500;

}


.ComponentOurPeople .directors-container .picture-column .staff-picture {

   height: 300px;

   width: 60%;

   margin: auto;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

}


@media (max-width: 768px) {

   .ComponentOurPeople .directors-container .picture-column .staff-picture {

      width: 100%;

   }

}


.ComponentOurPeople .directors-container .text-content p,

.ComponentOurPeople .directors-container .text-content h5 {

   color: white;

}


.ComponentOurPeople .directors-container .slick-dots li {

   list-style: none;

}


.ComponentOurPeople .directors-container .slick-dots {

   position: relative;

   left: 50%;

   -webkit-transform: translate(-50%);

   transform: translate(-50%);

   margin-top: 50px;

   margin-bottom: 100px;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentOurPeople .directors-container button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #fff;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


.ComponentOurPeople .directors-container li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.ComponentOurPeople .directors-container li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentOurPeople .directors-container .advisory_board_logo {

   display: inline-block;

   width: 40px;

   margin-right: 10px;

}


.ComponentOurPeople .directors-container .name-logo-content {

   color: white;

}


.ComponentOurPeople .directors-container .name-logo-content h5 {

   display: inline-block;

}


.ComponentOurPeople .directors-container .advisory-board-slider .next-slide {

   position: absolute;

   top: 50%;

   right: 10px;

   -webkit-transform: translate(-10px, -50%);

   transform: translate(-10px, -50%);

   width: 50px;

}


.ComponentOurPeople .directors-container .advisory-board-slider .prev-slide {

   position: absolute;

   top: 50%;

   left: 10px;

   -webkit-transform: translate(10px, -50%);

   transform: translate(10px, -50%);

   width: 50px;

}


.ComponentOurPeople .directors-container .advisory-board-slider .prev-slide,

.ComponentOurPeople .directors-container .advisory-board-slider .next-slide {

   z-index: 99999;

}


@media (max-width: 768px) {


   .ComponentOurPeople .directors-container .advisory-board-slider .prev-slide,

   .ComponentOurPeople .directors-container .advisory-board-slider .next-slide {

      display: none;

   }

}


@media (min-width: 767px) {

   .ComponentOurPeople .directors-container .advisory-board-slider .text-content {

      padding-left: 70px;

      padding-right: 50px;

   }

}


@media (min-width: 767px) {

   .ComponentOurPeople .directors-container .advisory-h2 {

      padding-left: 70px;

   }

}


.ComponentPastEvents {

   margin-lefT: 15px;

   margin-right: 15px;

   margin-bottom: 30px;

}


.ComponentPastEvents .filters-container {

   text-align: center;

}


.ComponentPastEvents .past-events-categories {

   list-style-type: none;

   margin-bottom: 20px;

}


.ComponentPastEvents .past-events-categories li {

   color: #46377a;

   font-size: 18px;

   cursor: pointer;

   display: inline-block;

}


.ComponentPastEvents .past-events-categories li:not(:last-of-type) {

   margin-right: 20px;

   border-right: solid 2px rgba(28, 48, 74, 0.5);

   padding-right: 20px;

}


.ComponentPastEvents .single-result {

   background: linear-gradient(45deg, #46377a, #461a58) !important;

}


.ComponentPastEvents .single-result .event-date {

   color: turquoise;

   font-weight: 500;

}


.ComponentPastEvents .single-result .text-column {

   padding-bottom: 75px;

}


@media (min-width: 767px) {

   .ComponentPastEvents .single-result .btn {

      position: absolute;

      bottom: 30px;

      right: 60px;

   }

}


.ComponentPastEvents .multiple-results .content-container {

   background: linear-gradient(45deg, #ff6b6b, #dd3598);

}


.ComponentPastEvents .multiple-results .event-date {

   color: #46377a;

   font-weight: 500;

}


@media (min-width: 767px) {

   .ComponentPastEvents .multiple-results .btn {

      position: absolute;

      bottom: 30px;

      right: 60px;

   }

}


@media (min-width: 767px) {

   .ComponentPastEvents .multiple-results .slider {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

   }

}


.ComponentPastEvents .picture-container {

   padding-left: 0;

   padding-right: 0;

}


.ComponentPastEvents .picture-column {

   width: 100%;

   min-height: 400px;

   height: 100%;

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

}


.ComponentPastEvents .text-column {

   padding: 30px 60px 30px 30px;

}


.ComponentPastEvents .text-column p {

   color: white;

}


p.event-text {

   overflow-x: hidden;

   /* text-indent: -28px; */

}


.ComponentPastEvents .past-events-slider .next-slide {

   position: absolute;

   top: 50%;

   right: 10px;

   -webkit-transform: translate(-10px, -50%);

   transform: translate(-10px, -50%);

   width: 50px;

}


.ComponentPastEvents .past-events-slider .prev-slide {

   position: absolute;

   top: 50%;

   left: 10px;

   -webkit-transform: translate(10px, -50%);

   transform: translate(10px, -50%);

   width: 50px;

}


.ComponentPastEvents .past-events-slider .prev-slide,

.ComponentPastEvents .past-events-slider .next-slide {

   z-index: 99999;

}


@media (max-width: 768px) {


   .ComponentPastEvents .past-events-slider .prev-slide,

   .ComponentPastEvents .past-events-slider .next-slide {

      display: none;

   }

}


.PageCentreIslamicFinance .ComponentHeroBlock .popup-btn {

   background-color: #65c6c3;

}


.PageCentreIslamicFinance .ComponentTextImageLinksBlock .inline-buttons a:first-of-type .btn {

   background-color: #65c6c3;

}


.PageCentreIslamicFinance .ComponentTextImageLinksBlock .inline-buttons a:nth-of-type(2n) .btn {

   background-color: #dd3598;

}


.PageCentreIslamicFinance .contact-container {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.PageCentreIslamicFinance .button-container {

   margin-bottom: 20px;

}


.PageCentreIslamicFinance .ComponentStudentSlider .slick-dots-container {

   text-align: center;

}


.PageCentreIslamicFinance .ComponentStudentSlider .slick-dots li {

   list-style: none;

}


.PageCentreIslamicFinance .ComponentStudentSlider .slick-dots {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.PageCentreIslamicFinance .ComponentStudentSlider button {

   display: block;

   width: 1rem;

   height: 1rem;

   padding: 0;

   border: 2px solid #fff;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


.PageCentreIslamicFinance .ComponentStudentSlider li:first-child button {

   margin-left: 22.5px;

   margin-right: 7px;

}


.PageCentreIslamicFinance .ComponentStudentSlider li.slick-active button {

   background-color: #f6ae31;

   border: none;

}



@media (max-width: 768px) {

   .ComponentOpenQuadLinkPannelsBLock .with-btn .LinkBlocktitle {

      padding-bottom: 45px;

   }

}


.ComponentOpenQuadLinkPannelsBLock h3 {

   font-size: 32px;

}


@media (max-width: 1201px) and (min-width: 767px) {

   .ComponentOpenQuadLinkPannelsBLock h3 {

      font-size: 18px;

   }


   .ComponentOpenQuadLinkPannelsBLock p {

      font-size: 16px;

   }

}



@media (max-width: 768px) {

   .ComponentCenteredGridBox .with-btn .LinkBlocktitle {

      padding-bottom: 45px;

   }

}


.ComponentCenteredGridBox h3 {

   font-size: 32px;

}


@media (max-width: 768px) {

   .ComponentCenteredGridBox h3 {

      font-size: 24px !important;

      line-height: 30px;

      margin: auto;

   }

}


@media (max-width: 1201px) and (min-width: 767px) {

   .ComponentCenteredGridBox h3 {

      font-size: 18px;

   }


   .ComponentCenteredGridBox p {

      font-size: 16px;

   }

}



@media (max-width: 768px) {

   .ComponentFundingCenteredBox .with-btn .LinkBlocktitle {

      padding-bottom: 45px;

   }

}


.ComponentFundingCenteredBox h3 {

   font-size: 32px;

}


@media (max-width: 1201px) and (min-width: 767px) {

   .ComponentFundingCenteredBox h3 {

      font-size: 18px;

   }

   .ComponentFundingCenteredBox p {

      font-size: 16px;

   }

}


.ComponentStudentSlider {

   padding-top: 100px;

   padding-bottom: 15%;

   height: 100%;

   min-height: 600px;

   background-size: cover !important;

   background-position: bottom !important;

   background-repeat: no-repeat !important;

}


.ComponentStudentSlider h3,

.ComponentStudentSlider p,

.ComponentStudentSlider h5 {

   color: white;

}


.ComponentStudentSlider h3 {

   margin-bottom: 0;

}


.ComponentStudentSlider h5 {

   color: #f6ae31;

   margin-bottom: 25px;

}


.ComponentStudentSlider .student-picture {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   width: 100%;

   max-width: 250px;

   height: 250px;

}


@media (max-width: 768px) {

   .ComponentStudentSlider .student-picture {

      display: none;

   }

}


.ComponentOurResearch {

   padding-bottom: 45px;

   margin-bottom: 30px;

}


.ComponentOurResearch h3 {

   color: #1c304a;

   font-weight: 500;

}


.ComponentOurResearch .main-bg-image {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   border-radius: 10px;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   height: 300px;

   width: 90%;

   margin-top: 100px;

   position: relative;

}


@media (min-width: 767px) {

   .ComponentOurResearch .main-bg-image {

      height: 350px;

   }

}


@media (max-width: 768px) {

   .ComponentOurResearch .main-bg-image {

      margin-bottom: 30px;

   }

}


.ComponentOurResearch .secondary-bg-image {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   border-radius: 10px;

   position: absolute;

   right: -10%;

   top: -30px;

   height: 150px;

   width: 35%;

}


@media (max-width: 768px) {

   .ComponentOurResearch .text-bg-row {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse;

   }

}


.ComponentOurResearch .research-item-container {

   padding: 0 15px;

   margin-bottom: 30px;

}


.ComponentOurResearch .research-item-container .logo-container {

   border: solid 1px black;

   border-radius: 10px;

   padding: 5%;

   width: 30%;

   max-width: 150px;

}


@media (max-width: 500px) {

   .ComponentOurResearch .research-item-container .logo-container {

      height: 50%;

   }

}


@media (min-width: 1200px) {

   .ComponentOurResearch .research-item-container .logo-container {

      max-width: 180px;

   }

}


.ComponentOurResearch .research-item-container .logo-container img {

   height: auto;

   display: block;

   margin: auto;

}


.ComponentOurResearch .research-item-container .text-container {

   width: 68%;

   margin-lefT: 2%;

}


.ComponentOurResearch .author-date-container p {

   display: inline-block;

   font-size: 12px;

}


@media (min-width: 767px) {

   .ComponentOurResearch .author-date-container p {

      font-size: 14px;

   }

}


.ComponentOurResearch .author-date-container p:first-of-type {

   border-right: solid 1px black;

   padding-right: 10px;

   margin-right: 5px;

   line-height: 12px;

}


@media (min-width: 767px) {

   .ComponentOurResearch .author-date-container p:first-of-type {

      line-height: 14px;

   }

}


.ComponentOurResearch .hidden {

   display: none;

}


.PageCareers .contact-container {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.PageCareers .button-container {

   margin-bottom: 20px;

}


.PageCareers .button-container:first-of-type .btn {

   background-color: #46377a;

}


.PageCareers .button-container:nth-of-type(2n) .btn {

   background-color: #dd3697;

}


.ComponentExploreMyOptions h3 {

   font-size: 32px;

   line-height: 46px;

   color: #01365e;

   font-weight: 400;

}


.ComponentExploreMyOptions .bg-images-container {

   min-height: 250px;

}


.ComponentExploreMyOptions .bg-images-container div {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   border-radius: 10px;

}


.ComponentExploreMyOptions .bg-images-container div:first-of-type {

   width: 100%;

   height: 200px;

}


@media (min-width: 767px) {

   .ComponentExploreMyOptions .bg-images-container div:first-of-type {

      width: 80%;

      height: 300px;

      position: absolute;

      right: 15px;

      bottom: -40%;

      z-index: 3;

   }

}


.ComponentExploreMyOptions .bg-images-container div:nth-of-type(2n) {

   width: 40%;

   height: 150px;

   position: absolute;

   left: 0;

   top: 0;

}


@media (max-width: 768px) {

   .ComponentExploreMyOptions .bg-images-container div:nth-of-type(2n) {

      display: none;

   }

}


.ComponentExploreMyOptions .bg-images-container div:nth-of-type(3n) {

   width: 20%;

   height: 75px;

   position: absolute;

   right: 10%;

   bottom: 60%;

   z-index: 5;

}


@media (max-width: 768px) {

   .ComponentExploreMyOptions .bg-images-container div:nth-of-type(3n) {

      display: none;

   }

}


@media (min-width: 767px) and (max-width: 990px) {

   .ComponentExploreMyOptions .bg-images-container div:nth-of-type(3n) {

      bottom: 50%;

   }

}


.ComponentSearchForJob {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: bottom !important;

   padding-top: 60px;

   padding-bottom: 35%;

   margin-bottom: 60px;

}


@media (min-width: 450px) {

   .ComponentSearchForJob {

      padding-bottom: 20%;

   }

}


@media (min-width: 767px) {

   .ComponentSearchForJob {

      margin-bottom: 60px;

   }

}


.ComponentSearchForJob .heading-container {

   margin-bottom: 60px;

}


.ComponentSearchForJob h3 {

   color: white;

   font-weight: 400;

}


.ComponentSearchForJob .underline {

   border-color: #1c304a;

}


.ComponentSearchForJob p {

   color: white;

}


.ComponentSearchForJob .job-details-container {

   width: 50%;

   min-height: 170px;

   padding-bottom: 65px;

   background-color: white;

   padding-left: 20px;

   padding-top: 20px;

   border-radius: 10px 0 0 10px;

}


.ComponentSearchForJob .job-details-container h5 {

   color: #1c304a;

}


.ComponentSearchForJob .job-details-container .btn {

   position: absolute;

   bottom: 20px;

   width: inherit;

}


.ComponentSearchForJob .job-details-container p {

   width: 80%;

}


.ComponentSearchForJob .job-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   margin-bottom: 20px;

}


.ComponentSearchForJob .bg-container {

   width: 50%;

   height: 100%;

   border-radius: 0 10px 10px 0;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   position: relative;

}


.ComponentSearchForJob .bg-container .gradient {

   position: absolute;

   top: 0;

   left: 0;

   height: 100%;

   width: 100%;

   border-radius: 0 10px 10px 0;

}


.ComponentSearchForJob .job-container:nth-of-type(2n) .gradient,

.ComponentSearchForJob .job-container:nth-of-type(3n) .gradient {

   background: linear-gradient(45deg, rgba(221, 53, 152, 0.6), rgba(255, 107, 107, 0.6));

}


.ComponentSearchForJob .job-container:first-of-type .gradient,

.ComponentSearchForJob .job-container:last-of-type .gradient {

   background: linear-gradient(45deg, rgba(221, 53, 152, 0.6), rgba(255, 176, 23, 0.6));

}


.ComponentApplyForJobs {

   margin-bottom: 30px;

   margin-top: -65px;

}


.ComponentApplyForJobs h3 {

   font-size: 32px;

   line-height: 46px;

   color: #01365e;

   font-weight: 400;

}


.ComponentApplyForJobs .bg-images-container div:first-of-type {

   height: 200px;

   left: 15px;

   bottom: 36%;

}


@media (min-width: 767px) {

   .ComponentApplyForJobs .bg-images-container div:first-of-type {

      height: 300px;

   }

}


.ComponentApplyForJobs .bg-images-container div:nth-of-type(2n) {

   width: 40%;

   height: 150px;

   position: absolute;

   left: 10%;

   z-index: 4;

}


@media (min-width: 767px) {

   .ComponentApplyForJobs .bg-images-container div:nth-of-type(2n) {

      top: -40%;

   }

}


@media (min-width: 990px) {

   .ComponentApplyForJobs .bg-images-container div:nth-of-type(2n) {

      top: -60%;

   }

}


@media (max-width: 768px) {

   .ComponentApplyForJobs .flex-direction-reverse {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse;

   }

}


.ComponentTwoColumnsGridWithLinks2 {

   margin-bottom: 30px;

}


.ComponentTwoColumnsGridWithLinks2 h3,

.ComponentTwoColumnsGridWithLinks2 p {

   color: white;

}


.ComponentTwoColumnsGridWithLinks2 .gradient {

   border-radius: 10px;

   height: 100%;

   width: 100%;

   position: absolute;

   left: 0;

   top: 0;

   z-index: -1;

}


.ComponentTwoColumnsGridWithLinks2 .column1 .btn {

   background-color: #ff6b6b;

}


.ComponentTwoColumnsGridWithLinks2 .column1 .gradient {

   background: linear-gradient(45deg, #46377a, #dd3598);

}


.ComponentTwoColumnsGridWithLinks2 .column2 .gradient {

   background: linear-gradient(45deg, #dd3498, #65c6c3);

}


.ComponentTwoColumnsGridWithLinks2 .column {

   border-radius: 10px;

   position: relative;

   min-height: 300px;

   padding: 30px 60px 75px 30px;

}


@media (max-width: 767px) {

   .ComponentTwoColumnsGridWithLinks2 .column {

      margin-bottom: 20px;

   }

}


.ComponentTwoColumnsGridWithLinks2 .column .btn {

   position: absolute;

   bottom: 10px;

   display: block;

   width: inherit;

}


@media (min-width: 767px) {

   .ComponentTwoColumnsGridWithLinks2 .column .btn {

      bottom: 30px;

      left: 30px;

      width: inherit;

   }

}





.ComponentTwoColumnsGridWithLinks3 {

   margin: 0px;

}


.ComponentTwoColumnsGridWithLinks3 h3,

.ComponentTwoColumnsGridWithLinks3 p {

   color: white;

}


.ComponentTwoColumnsGridWithLinks3 .gradient {

   border-radius: 10px;

   height: 100%;

   width: 100%;

   position: absolute;

   left: 0;

   top: 0;

   z-index: -1;

}


.ComponentTwoColumnsGridWithLinks3 .column1 .btn {

   background-color: #ff6b6b;

}


.ComponentTwoColumnsGridWithLinks3 .column1 .gradient {

   background-color: #46377a;

}


.ComponentTwoColumnsGridWithLinks3 .column2 .gradient {

   background-color: #ff6b6b;

}


.ComponentTwoColumnsGridWithLinks3 .column3 .gradient {

   background-color: #65c6c3;

}


.ComponentTwoColumnsGridWithLinks3 .column {

   border-radius: 10px;

   position: relative;

   min-height: 300px;

   padding: 40px;

   margin: 20px;

}


@media (max-width: 767px) {


   .ComponentTwoColumnsGridWithLinks3 {

      margin: 0px;

   }


   .ComponentTwoColumnsGridWithLinks3 .column {

      margin-bottom: 20px;

   }

}


.ComponentTwoColumnsGridWithLinks3 .column .btn {

   position: absolute;

   bottom: 10px;

   display: block;

   width: inherit;

}


@media (min-width: 767px) {

   .ComponentTwoColumnsGridWithLinks3 .column .btn {

      bottom: 30px;

      left: 30px;

      width: inherit;

   }

}



.ComponentFourColumnsGridWithLinks4 {

   margin-bottom: 30px;

}


.ComponentFourColumnsGridWithLinks4 h3, .ComponentFourColumnsGridWithLinks4 p {

   color: white;

}


.ComponentFourColumnsGridWithLinks4 h2 {

   color: #1c304a !important;

   font-weight: 600 !important;

   font-size: 50px;

   margin-top: 20px;

}


.ComponentFourColumnsGridWithLinks4 .gradient {

   border-radius: 10px;

   height: 100%;

   width: 100%;

   position: absolute;

   left: 0;

   top: 0;

   z-index: -1;

   pointer: cursor;

}


.ComponentFourColumnsGridWithLinks4 .column1 .btn {

   background-color: #ff6b6b;

}


.ComponentFourColumnsGridWithLinks4 .column1 .gradient {

   background: linear-gradient(45deg, #46377a, #dd3598);

}


.ComponentFourColumnsGridWithLinks4 .column2 .gradient {

   background: linear-gradient(45deg, #dd3498, #65c6c3);

}


.ComponentFourColumnsGridWithLinks4 .column3 .gradient {

   background: linear-gradient(45deg, #ffb017, #dd3598);

}


.ComponentFourColumnsGridWithLinks4 .column4 .gradient {

   background: linear-gradient(45deg, #65c6c3, #ffb017);

}


.ComponentFourColumnsGridWithLinks4 .column {

   border-radius: 10px;

   position: relative;

   margin: 0px;

   padding: 0px;

}


.ComponentFourColumnsGridWithLinks4 .imgContainer {

   height: auto;

   margin: 0 auto;

   padding: 81px 102px;

}


@media (max-width: 767px) {

   .ComponentFourColumnsGridWithLinks4 .column {

      min-height: auto;

      position: relative;

      padding: 0px;

   }

}


.ComponentFourColumnsGridWithLinks4 .column .btn {

   position: absolute;

   bottom: 10px;

   display: block;

   width: inherit;

}


@media (min-width: 767px) {

   .ComponentFourColumnsGridWithLinks4 .column .btn {

      bottom: 30px;

      left: 30px;

      width: inherit;

   }

}




.ComponentChildrenSliders {

   margin-bottom: 30px;

}


.ComponentChildrenSliders .filtering-categories {

   width: 100%;

   background: linear-gradient(45deg, #dd3598, #461a58);

   margin-right: 30px;

   margin-bottom: -1px;

   padding-top: 30px;

   padding-bottom: 30px;

   text-align: center;

}


.ComponentChildrenSliders .filtering-categories ul {

   list-style-type: none;

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

}


.ComponentChildrenSliders .filtering-categories ul li {

   color: white;

   cursor: pointer;

}


.ComponentChildrenSliders .filtering-categories ul li:not(:last-of-type) {

   margin-right: 20px;

   padding-right: 20px;

   border-right: 1px solid white;

}


.ComponentChildrenSliders .absolute-header {

   width: 65%;

   position: relative;

   top: 120px;

   left: 60px;

   z-index: 99999;

   margin-top: -100px;

}


.ComponentChildrenSliders .absolute-header h3 {

   color: white;

}


.ComponentChildrenSliders .absolute-header .underline {

   border-color: white;

   border-width: 2px;

}


.ComponentChildrenSliders .prev-slide,

.ComponentChildrenSliders .next-slide {

   width: 40px;

   position: absolute;

   top: 50%;

   z-index: 5;

   cursor: pointer;

}


.ComponentChildrenSliders .prev-slide img,

.ComponentChildrenSliders .next-slide img {

   color: pink;

}


@media (max-width: 768px) {


   .ComponentChildrenSliders .prev-slide,

   .ComponentChildrenSliders .next-slide {

      width: 20px;

   }

}


.ComponentChildrenSliders .prev-slide {

   left: 10px;

   -webkit-transform: translate(10px, -50%);

   transform: translate(10px, -50%);

}


.ComponentChildrenSliders .next-slide {

   right: 10px;

   -webkit-transform: translate(-10px, -50%);

   transform: translate(-10px, -50%);

}


.ComponentChildrenSliders .content-container {

   display: -webkit-box !important;

   display: -ms-flexbox !important;

   display: flex !important;

}


@media (max-width: 768px) {

   .ComponentChildrenSliders .content-container {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

   }

}


.ComponentChildrenSliders .text-content {

   background: linear-gradient(45deg, #46377a, #65c6c3);

   padding-top: 120px;

   padding-left: 75px;

   min-height: 500px;

}


.ComponentChildrenSliders .text-content p,

.ComponentChildrenSliders .text-content h4 {

   color: white;

}


.ComponentChildrenSliders .bg-image-container {

   padding: 0;

}


.ComponentChildrenSliders .bg-image-container div {

   width: 100%;

   height: 100%;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

}


@media (max-width: 768px) {

   .ComponentChildrenSliders .bg-image-container {

      height: 200px;

   }

}


.ComponentChildrenSliders .slick-dots {

   position: relative;

   bottom: 40px;

   left: 45%;

}


@media (max-width: 768px) {

   .ComponentChildrenSliders .slick-dots {

      left: 0;

      bottom: -10px;

   }

}


.ComponentChildrenSliders .slick-dots {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   list-style-type: none;

   text-align: centre;

   margin: auto;

   margin-bottom: 30px;

}


.ComponentChildrenSliders .slick-dots button {

   display: block;

   width: .8rem;

   height: .8rem;

   padding: 0;

   border: 1px solid white;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


@media (max-width: 768px) {

   .ComponentChildrenSliders .slick-dots button {

      border-color: black;

   }

}


.ComponentChildrenSliders li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentChildrenSliders .parent-slider {

   margin-top: -1px;

}


.ComponentChildrenSliders .parent-slider button {

   width: .8rem;

   height: .8rem;

   border-width: 1px;

}


.ComponentNewsOnlyBlock .slick-slider {

   margin: 0 -15px;

}


.ComponentNewsOnlyBlock .slick-slide {

   padding: 0;

   margin-right: 15px;

   margin-left: 15px;

}


.ComponentNewsOnlyBlock .slick-track .slick-slide:nth-child(even) .text-container {

   background: linear-gradient(45deg, #dd3697 0%, #462160 99%);

}


.ComponentNewsOnlyBlock .slick-track .slick-slide:nth-child(odd) .text-container {

   background: linear-gradient(45deg, #46377a 0%, #462160 99%);

}


.ComponentNewsOnlyBlock .bg-img-container {

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

   height: 250px;

   border-radius: 10px;

}


.ComponentNewsOnlyBlock .text-container {

   position: relative;

   border-radius: 10px;

   bottom: 65px;

   left: 10px;

   height: 100%;

   min-height: 140px;

   padding: 10px;

}


@media (max-width: 768px) {

   .ComponentNewsOnlyBlock .text-container {

      left: 0;

      bottom: 10px;

   }

}


.ComponentNewsOnlyBlock .text-container p,

.ComponentNewsOnlyBlock .text-container span {

   color: white;

}


.ComponentNewsOnlyBlock .text-container span {

   position: absolute;

   bottom: 10px;

}


.ComponentNewsOnlyBlock .slick-dots {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   list-style-type: none;

   text-align: centre;

   margin: auto;

   margin-bottom: 30px;

}


.ComponentNewsOnlyBlock .slick-dots button {

   display: block;

   width: .8rem;

   height: .8rem;

   padding: 0;

   border: 1px solid black;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

   visibility: hidden;

}


.ComponentNewsOnlyBlock li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.ComponentHeroBlock p {

   text-align: left;

}


#home a img {

   width: auto;

}


.recognition {

   margin-bottom: 10px;

   text-align: left;

   font-size: 16px;

}


@media (max-width: 768px) {

   .more-margin {

      padding-bottom: 40px !important;

      padding-top: 40px !important;

      margin-bottom: 20px;

   }

}


.ComponentAccordionFilterInformation h2 {

   font-size: 23px !important;

   line-height: 60px !important;

   font-weight: 600 !important;

}


.ComponentAccordionFilterInformation h3 {

   font-size: 25px !important;

   font-weight: 600 !important;

}


.ComponentAccordionFilterInformation h4 {

   font-size: 35px !important;

   line-height: 40px !important;

}


.ComponentAccordionFilterInformation h5 {

   font-size: 28px !important;

   line-height: 38px !important;

}


#search-course-heading {

   display: none;

}


.PageCourses .contact-container {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.PageCourses .button-container {

   margin-bottom: 20px;

}


@media (min-width: 768px) {

   .PageCourses .course-apply-btn {

      margin-left: 220px;

   }


   .PageCourses .course-apply-btn .btn {

      font-size: 22px;

   }

}


@media (min-width: 991px) {

   .PageCourses .course-apply-btn {

      margin-left: 255px;

   }

}


@media (min-width: 1200px) {

   .PageCourses .course-apply-btn {

      margin-left: 280px;

   }

}


@media (min-width: 1600px) {

   .PageCourses .course-apply-btn {

      margin-left: 450px;

   }

}


@media (min-width: 2000px) {

   .PageCourses .course-apply-btn {

      margin-left: 550px;

   }

}


@media (min-width: 2400px) {

   .PageCourses .course-apply-btn {

      margin-left: 600px;

   }

}


.ComponentHeroBlock.course-hero-block {

   margin-top: 30px;

}


.hero-text-btns {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


.download-brochure .btn {

   height: auto;

   min-height: 45px;

}


@media (min-width: 768px) {

   .download-brochure .btn {

      height: 100%;

   }

}


@media (min-width: 768px) and (max-width: 991px) {

   .brochure-container {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

   }


   .brochure-container .download-brochure {

      max-width: 100%;

   }


   .brochure-container .purpleOutline {

      margin-top: 10px;

      width: 100% !important;

   }

}


.ComponentProgrammeContacts h2,

.ComponentProgrammeContacts h3 {

   color: black;

}


.ComponentAccreditationLogosBlock {

   margin-bottom: 30px;

}


.ComponentAccreditationLogosBlock .accred-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

}


.ComponentAccreditationLogosBlock img {

   border-radius: 10px;

   padding: 10px;

   border: solid 1px #a4acb7;

   background-color: #e2e3e5;

   background-image: -webkit-gradient(linear, right top, left bottom, from(#fff), to(#e2e3e5));

   background-image: linear-gradient(to bottom left, #fff, #e2e3e5);

}


.ComponentAccreditationLogosBlock .acredited-logos-container:not(:last-of-type) {

   margin-right: 2%;

}


.ComponentImagesBlock {

   margin-bottom: 30px;

}


@media (max-width: 768px) {

   .ComponentImagesBlock .img-content {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

   }


   .ComponentImagesBlock .image-container {

      width: 90%;

      display: block;

      margin: auto;

      margin-bottom: 20px;

   }

}


.ComponentImagesBlock .image-container {

   height: 300px;

   border-radius: 10px;

   background-size: cover !important;

   background-position: center !important;

   background-repeat: no-repeat !important;

}


@media (min-width: 767px) {

   .ComponentImagesBlock .image-container {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

   }


   .ComponentImagesBlock .image-container:not(:last-of-type) {

      margin-right: 10px;

   }

}


.content-margin-top {

   margin-top: -75px !important;

}


.ComponentSearchBlock .search-wrapper {

   -webkit-box-pack: end;

   -ms-flex-pack: end;

   justify-content: flex-end;

}


.ComponentSearchBlock .searchBG {

   text-align: center;

   margin-top: -50px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: horizontal;

   -webkit-box-direction: normal;

   -ms-flex-direction: row;

   flex-direction: row;

   margin-left: 450px;

}


@media screen and (max-width: 768px) {

   .ComponentSearchBlock .searchBG {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      margin-left: 0px;

      margin-bottom:0px;

   }

}


.ComponentSearchBlock .searchBG .courseBtn {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: nowrap;

   flex-wrap: nowrap;

   -ms-flex-negative: 0;

   flex-shrink: 0;

   margin: 0;

}


.ComponentSearchBlock .searchBG input {

   width: 100%;

   padding: 13px 14px;

   background-color: rgba(0, 0, 0, 0.3);

   border-radius: 10px;

   border: none;

   color: white;

   border: solid 1px white;

}


.ComponentSearchBlock .searchBG div {

   width: 100%;

   margin-right: 20px;

}


.ComponentSearchBlock .searchBG input::-webkit-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::-moz-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input:-ms-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::-ms-input-placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG input::placeholder {

   color: white;

}


.ComponentSearchBlock .searchBG span {

   color: #fff;

   font-size: 20px;

}


.ComponentSearchBlock .btn {

   padding: 20px 35px;

   height: auto;

   line-height: 28px !important;

}


.ComponentSearchBlock .fa-search {

   position: absolute;

   right: 42px;

   top: 57px;

   color: #fff;

}


.ComponentSearchBlock .btnPink,

.ComponentSearchBlock .btnTurquoise {

   padding: 15px 15px;

   margin: 10px;

   font-size: 24px !important;

}


.ComponentSearchBlock .btnPink {

   padding-left: 30px;

   padding-right: 30px;

}


@media screen and (max-width: 768px) {

   .ComponentSearchBlock {

      margin-bottom: 34px;

   }


   .ComponentSearchBlock .searchBG {

      margin-top: 10px !important;

      width: 100%;

      top: 60px !important;

   }


   .ComponentSearchBlock .searchBG input {

      margin: 10px 0 !important;

      width: 100%;

   }


   .ComponentSearchBlock .fa-search {

      position: absolute;

      right: 40px;

      top: 35px;

      color: #fff;

   }


   .ComponentSearchBlock .btnTurquoise {

      padding: 15px 0px;

      width: 100%;

      margin: 10px 0;

      font-size: 24px !important;

   }


   .ComponentSearchBlock .btnPink,

   .ComponentSearchBlock .btnTurquoise {

      margin: 10px 0 !important;

   }

}


/* end Component Search Block */

/* Component Page Title */

.ComponentPageTitle h1 {

   color: #1c304a !important;

   margin-bottom: 0px;

   font-weight: 500 !important;

   font-size: 60px;

   line-height: 70px;

   margin-top: 0px !important;

}


.ComponentPageTitle .jan-intake-custom-title h1 {

   color: #1f304c !important;

   position: absolute;

   top: -100px;

}


.ComponentPageTitle .jan-intake-custom-title-line2 h1 {

   color: #FFB017 !important;

   position: absolute;

   top: -70px;

   left: 320px;

   font-size: 90px;

   font-weight: 700 !important;

   font-family: Bello Script Pro;

   font-style: italic;

}


@media only screen and (max-width: 1199px) and (min-width: 769px) {

   .ComponentPageTitle .jan-intake-custom-title-line2 h1 {

      color: #FFB017 !important;

      position: relative;

      top: -40px !important;

      left: 15px;

      font-size: 77px;

      font-weight: 700 !important;

      font-family: Bello Script Pro;

      font-style: italic;

      display: block;

   }


   .ComponentPageTitle .jan-intake-custom-title h1 {

      top: -70px;

      font-size: 50px;

   }

}


@media screen and (max-width: 768px) {

   .ComponentPageTitle h1 {

      font-size: 45px !important;

      line-height: 54px !important;

      margin-bottom: -80px !important;

      margin-top: -10px !important;

   }


   .ComponentPageTitle .jan-intake-custom-title h1 {

      color: #1f304c !important;

      position: absolute;

      top: -40px;

      font-size: 40px !important;

      line-height: 37px !important;

   }


   .ComponentPageTitle .jan-intake-custom-title-line2 h1 {

      color: #FFB017 !important;

      position: absolute;

      top: 10px;

      left: 0px;

      font-size: 90px;

      font-weight: 700 !important;

      font-family: Bello Script Pro;

      font-style: italic;

   }

}


.ComponentPageTitle h1 a {

   color: #f6ae31;

}


@media screen and (max-width: 768px) {

   .ComponentPageTitle h1 {

      text-align: left !important;

      font-weight: 500 !important;

   }


   .ComponentPageTitle .searchBG {

      display: none;

   }

}


@media (min-width: 767px) {

   .text-center {

      padding-bottom: 0 !important;

   }

}


@media (max-width: 768px) {

   .text-center a {

      color: white !important;

   }

}


/* end Component Page Title */

.table-container {

   width: 100%;

   overflow-x: auto;

}


.table-container table tr:nth-child(2) {

   background-color: #1c304a;

   color: white;

   opacity: .5;

}


.table-container table tr:nth-child(3) {

   background-color: rgba(28, 48, 74, 0.2);

   color: black;

}


.table-container table tr:nth-child(4) {

   background-color: rgba(28, 48, 74, 0.1);

   color: black;

}


.table-container th,

.table-container td {

   padding: 10px;

   text-align: center;

}


.table-container table {

   margin-bottom: 30px;

   width: 100%;

}


.table-container table .first-row .no-bg-color,

.table-container table .second-row .no-bg-color {

   background-color: white;

   color: black;

   text-align: left;

}


.table-container table .first-row th,

.table-container table .second-row th {

   background-color: #1c304a;

   color: white;

}


.table-container table .third-row th,

.table-container table .third-row td,

.table-container table .fourth-row th,

.table-container table .fourth-row td {

   color: black;

}


.table-container table .second-row th {

   opacity: .5;

}


.table-container table .third-row th,

.table-container table .third-row td {

   background-color: rgba(28, 48, 74, 0.2);

}


.table-container table .fourth-row th,

.table-container table .fourth-row td {

   background-color: rgba(28, 48, 74, 0.1);

}


.table-container table {

   border-collapse: collapse;

}


.table-container table td,

.table-container table th {

   border: 5px solid white;

}


.table-container table tr:first-child th {

   border-top: 0;

}


.table-container table tr:last-child td {

   border-bottom: 0;

}


.table-container table tr td:first-child,

.table-container table tr th:first-child {

   border-left: 0;

}


.table-container table tr td:last-child,

.table-container table tr th:last-child {

   border-right: 0;

}


@media (max-width: 767px){

   td {

      display: block;

   }

}


.btn:hover {

   color: #fff;

   -webkit-box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

   box-shadow: -1px 4px 9px 0px rgba(0, 0, 0, 0.7);

}


.ComponentCourses .blogImage img {

   max-height: 250px !important;

   width: 100%;

}


.ComponentCourses .topWhite h6 {

   color: black !important;

}


.ComponentCourses .course-filter-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


.ComponentCourses .course-filter-container .select-container {

   width: 100%;

   max-width: 100%;

}


@media (min-width: 767px) {

   .ComponentCourses .course-filter-container .select-container:first-of-type {

      margin-left: -21px;

   }

}


@media (min-width: 767px) {

   .ComponentCourses .course-filter-container .select-container {

      width: 24%;

      -webkit-box-flex: 0 !important;

      -ms-flex: 0 0 24% !important;

      flex: 0 0 24% !important;

      max-width: 24%;

   }

}


@media (min-width: 767px) {

   .ComponentCourses .course-filter-container {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

   }

}


.ComponentCourses select {

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;

   padding: .5em;

   background: white;

   padding: 1em 2em 1em 1em;

   font-size: 1em;

}


.ComponentCourses .select-container {

   position: relative;

   display: inline;

}


.ComponentCourses .select-container:after {

   content: "";

   width: 0;

   height: 0;

   position: absolute;

   pointer-events: none;

}


.ComponentCourses .select-container:after {

   border-left: 5px solid transparent;

   border-right: 5px solid transparent;

   top: 40px;

   right: 20px;

   border-top: 8px solid black;

}


.ComponentCourses .select-container:before {

   content: "";

   width: 0;

   height: 0;

   position: absolute;

   pointer-events: none;

}


.ComponentCourses .select-container:before {

   border-left: 5px solid transparent;

   border-right: 5px solid transparent;

   top: 20px;

   right: 20px;

   border-bottom: 8px solid black;

}


.ComponentCourses select::-ms-expand {

   display: none;

}



#course-filter-sub {

   margin-bottom: 30px;

   margin-left: -15px;

}


@media (max-width: 768px) {

   #course-filter-sub {

      margin-left: 0px;

   }

}


.ComponentDisclaimer {

   margin-bottom: 40px;

}


@media (min-width: 720px) {

   .ComponentDisclaimer {

      margin-bottom: 40px;

      padding-bottom: 20px;

   }

}


@media (max-width: 992px) {

   .ComponentAllCourses .filters-row {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

   }

}


.ComponentAllCourses .col-md-2.select-container {

   max-width: 100%;

}


@media (min-width: 991px) {

   .ComponentAllCourses .col-md-2.select-container {

      max-width: 20%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 20%;

      flex: 0 0 20%;

   }

}


.ComponentAllCourses .select-container:after {

   top: 75%;

}


.ComponentAllCourses .select-container:before {

   top: 55%;

   z-index: 9;

}


.ComponentCourses .btn.btnTurquoise {

   padding: 0.375rem 2.5rem !important;

}


.align-items-center {

   padding-right: 10px;

}


@media (max-width: 878px) {

   .ComponentCourses .filters {

      left: 0;

   }

}


@media (min-width: 767px) and (max-width: 992px) {

   .ComponentCourses h5 {

      font-size: 18px !important;

   }


   .ComponentCourses h6 {

      font-size: 14px !important;

   }


   .outContent .col-4:first-of-type {

      padding-left: 20px;

   }


   .outContent .col-4:last-of-type {

      padding-right: 20px;

   }


   .ComponentKnowMoreBlock .col-md-3 {

      padding-left: 0;

   }


   .ComponentFliterInformationBlock .col-md-1 {

      padding-left: 0;

      padding-right: 0;

   }


   .ComponentFliterInformationBlock .container .col-md-1 p {

      font-size: 16px !important;

   }

}


.ComponentHeroBlock img {

   border-radius: 15px;

}


.ComponentHeroBlock iframe {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

   border: none;

   padding-right: 0px;

   padding-bottom: 0px;

   background-size: 95%;

}


.ComponentHeroBlock video {

   width: 100%;

   height: 60%;

}


.ComponentHeroBlock .btnRow {

   position: relative;

   bottom: 0px;

   width: 100%;

}


.ComponentHeroBlock .btnRow button {

   width: 100%;

}


.ComponentHeroBlock .btnTurquoise {

   background: #65c6c3;

   color: #fff;

}


.ComponentHeroBlock .btnTurquoise span {

   color: inherit;

}


.ComponentHeroBlock .btnPurple {

   background: #46377a;

   color: #fff;

}


.ComponentHeroBlock .btnPurple span {

   color: inherit;

}


.ComponentHeroBlock .purpleOutline {

   background: white;

   border: 2px solid #46377a;

   color: #46377a;

   width: 95% !important;

}


@media (min-width: 768px) and (max-width: 991px) {

   .ComponentHeroBlock .purpleOutline {

      width: 100% !important;

   }

}


.ComponentHeroBlock .purpleOutline span {

   color: inherit;

}


.ComponentHeroBlock .heroTitle {

   color: #556270;

   font-size: 42px;

   line-height: 54px;

   font-weight: 600;

   margin-bottom: 30px;

}


.year-switch {

   margin-top: 100px;

}


@media (min-width: 768px) {

   .year-switch {

      margin-top: 0px;

   }

}


@media screen and (max-width: 1375px) {

   .ComponentHeroBlock .btnRow {

      position: inherit;

   }

}


@media screen and (max-width: 768px) {

   .ComponentHeroBlock {

      margin-bottom: 20px;

      height: auto;

   }


   .ComponentHeroBlock .btnTurquoise {

      background: #65c6c3;

      margin-bottom: 10px;

      color: #fff;

   }


   .ComponentHeroBlock .btnTurquoise span {

      color: inherit;

   }


   .ComponentHeroBlock .btnPurple {

      background: #46377a;

      margin-bottom: 10px;

      color: #fff;

   }


   .ComponentHeroBlock .btnPurple span {

      color: inherit;

   }


   .ComponentHeroBlock .purpleOutline {

      width: 100% !important;

   }


   .ComponentHeroBlock .btnRow {

      bottom: inherit;

      position: initial;

   }


   .ComponentHeroBlock img {

      margin-bottom: 30px;

   }


   .ComponentHeroBlock .heroTitle {

      text-align: center;

      margin-bottom: 30px;

      font-size: 32px;

      line-height: 44px;

   }


   .ComponentHeroBlock p {

      text-align: left;

      margin-bottom: 30px;

   }


   .ComponentHeroBlock .popup-box p {

      text-align: center;

   }

}


.ComponentKeyInformationBlock {

   margin-bottom: 60px;

   background: linear-gradient(45deg, #c44d58 0%, #ff6b6b 100%);

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c44d58", endColorstr="#ff6b6b", GradientType=0);

}


.ComponentKeyInformationBlock .col-md-1:nth-child(2) {

   border-left: 0px !important;

}


.ComponentKeyInformationBlock .col-md-1:nth-child(8) {

   border-right: 0px !important;

}


.ComponentKeyInformationBlock .col-md-1 {

   -ms-flex: 0 0 14.033333% !important;

   -webkit-box-flex: 0 !important;

   flex: 0 0 14.033333% !important;

   max-width: 14.033333%;

   border-right: 1px solid rgba(255, 255, 255, 0.5);

   border-left: 1px solid rgba(255, 255, 255, 0.5);

   margin-bottom: 30px;

   text-align: center;

}


.ComponentKeyInformationBlock .col-md-1 p {

   color: #fff;

   font-family: co-text, sans-serif;

   font-size: 18px;

   line-height: 30px;

   margin-bottom: 0px;

}


.ComponentKeyInformationBlock .centerWhite h2 {

   text-align: center;

   color: #fff;

   margin-top: 30px;

   margin-bottom: 40px;

   font-family: co-headline, sans-serif;

   font-weight: 300;

}


.ComponentKeyInformationBlock .col-3 {

   padding-left: 5px;

   padding-right: 5px;

}


@media (max-width: 768px) {

   .ComponentKeyInformationBlock .col-md-1 {

      -ms-flex: 0 0 33.33333333%;

      -webkit-box-flex: 0 !important;

      flex: 0 0 33.33333333% !important;

      max-width: 33.33333333%;

      border-right: 0px solid #fff;

      border-left: 0px solid #fff;

   }


   .ComponentKeyInformationBlock .mobileSplitters {

      border-left: 1px solid rgba(255, 255, 255, 0.5) !important;

      border-right: 1px solid rgba(255, 255, 255, 0.5) !important;

   }

}


.ComponentFliterInformationBlock {

   margin-bottom: 80px;

}


.ComponentFliterInformationBlock .containerCustom p a,

.ComponentFliterInformationBlock .containerCustom a {

   color: white;

   font-style: italic;

}


.ComponentFliterInformationBlock .how-to-apply a img {

   width: auto;

}


.ComponentFliterInformationBlock .how-to-apply ol {

   list-style-type: none;

}


.ComponentFliterInformationBlock .how-to-apply li p {

   display: inline;

}


.ComponentFliterInformationBlock .targetDiv {

   margin-right: 0;

}


.ComponentFliterInformationBlock img {

   -o-object-fit: cover;

   object-fit: cover;

   height: 100%;

}


.ComponentFliterInformationBlock ul {

   list-style: none;

   padding: 0;

   font-size: 18px;

}


.ComponentFliterInformationBlock li {

   padding-left: 1.3em;

   margin-bottom: 20px;

}


.ComponentFliterInformationBlock li:before {

   font-family: "Font Awesome 5 Free";

   font-weight: 900;

   content: "\F0C8";

   display: inline-block;

   margin-left: -1.8em;

   width: 1.8em;

}


.ComponentFliterInformationBlock .dp-wrap {

   margin-top: -30px !important;

}


.ComponentFliterInformationBlock .col-md-1:nth-child(1) {

   border-left: 0px !important;

}


.ComponentFliterInformationBlock .col-md-1:nth-child(6) {

   border-right: 0px !important;

}


.ComponentFliterInformationBlock .col-md-1 {

   -ms-flex: 0 0 16.663333% !important;

   -webkit-box-flex: 0 !important;

   flex: 0 0 16.663333% !important;

   max-width: 16.663333%;

   border-left: 2px solid #8d97a4;

   margin-bottom: 30px;

   text-align: center;

   margin: auto;

   margin-bottom: 30px;

}


.ComponentFliterInformationBlock .col-md-1 p {

   margin: 0;

   color: #46377a;

   font-size: 18px !important;

   font-weight: 500;

   font-family: co-text, sans-serif;

}


.ComponentFliterInformationBlock h4 {

   font-weight: 600;

}


.ComponentFliterInformationBlock .info {

   margin-top: 30px;

}


.ComponentFliterInformationBlock .purpBg {

   background-color: #462767;

   color: #fff;

}


.ComponentFliterInformationBlock .showSingle:hover {

   cursor: pointer;

   -webkit-transition-delay: 0.3s ease;

   transition-delay: 0.3s ease;

   color: #8d97a4;

   -webkit-transition: 0.3s ease;

   transition: 0.3s ease;

}


@media (min-width: 1200px) {

   .ComponentFliterInformationBlock .containerCustom {

      max-width: 85% !important;

      margin: auto;

      margin-bottom: 100px;

   }


   .ComponentFliterInformationBlock .containerCustom button {

      float: right;

   }


   .ComponentFliterInformationBlock .containerCustom p {

      font-size: 18px;

   }


   .ComponentFliterInformationBlock .containerCustom p,

   .ComponentFliterInformationBlock .containerCustom h4 {

      color: #fff;

      line-height: 26px;

      margin-bottom: 30px;

   }


   .ComponentFliterInformationBlock .containerCustom h4 {

      color: #65c6c3;

   }


   .btnTurquoise {

      background: #65c6c3;

      color: #fff;

   }


   .btnTurquoise span {

      color: inherit;

   }

}


@media (max-width: 768px) {

   .ComponentFliterInformationBlock .col-md-1 {

      -ms-flex: 0 0 50% !important;

      -webkit-box-flex: 0 !important;

      flex: 0 0 50% !important;

      max-width: 50% !important;

   }


   .ComponentFliterInformationBlock .col-md-1:nth-child(1) {

      border-left: 0px solid #8d97a4 !important;

   }


   .ComponentFliterInformationBlock ul,

   .ComponentFliterInformationBlock li {

      list-style-position: outside;

      padding: 10px 0 10px 20px;

   }


   .ComponentFliterInformationBlock ul span,

   .ComponentFliterInformationBlock li span {

      color: #fff;

      font-size: 18px;

      line-height: 26px;

   }


   .ComponentFliterInformationBlock button {

      float: right;

   }


   .ComponentFliterInformationBlock p {

      font-size: 18px;

   }


   .ComponentFliterInformationBlock p,

   .ComponentFliterInformationBlock h4 {

      color: #fff;

      line-height: 26px;

      margin-top: 15px;

   }


   .ComponentFliterInformationBlock h4 {

      color: #65c6c3;

   }


   .btnTurquoise {

      background: #65c6c3;

      margin-bottom: 20px;

      color: #fff;

   }


   .btnTurquoise span {

      color: inherit;

   }


   .ComponentFliterInformationBlock .mobileSplitters {

      border-left: 1px solid rgba(255, 255, 255, 0.5) !important;

      border-right: 1px solid rgba(255, 255, 255, 0.5) !important;

   }

}


.ComponentKnowMoreBlock {

   margin-bottom: 60px;

}


.ComponentKnowMoreBlock .wrapper {

   border: 1px solid #dadadb;

   border-radius: 30px;

   padding: 30px;

}


.ComponentKnowMoreBlock .infoBox>p {

   background: #65c6c3;

   padding: 40px 30px;

   border-radius: 10px;

   font-size: 24px;

   font-weight: 600;

   color: white;

   width: -webkit-fit-content;

   width: -moz-fit-content;

   width: fit-content;

   margin-top: -50px;

   margin-left: -50px;

   font-family: co-text, sans-serif;

}


.btnTurquoise {

   background: #65c6c3;

   color: #fff;

}


.btnTurquoise span {

   color: inherit;

}


.btnPurple {

   background: #46377a;

   color: #fff;

}


.btnPurple span {

   color: inherit;

}


.btnRed {

   background: #ff6b6b;

   color: #fff;

}


.btnRed span {

   color: inherit;

}


.purpleOutline {

   background: white;

   border: 2px solid #46377a;

   color: #46377a;

   width: 95% !important;

}


.purpleOutline span {

   color: inherit;

}


.ComponentKnowMoreBlock .position {

   margin-top: -30px;

}


.ComponentKnowMoreBlock h2 {

   color: #556270 !important;

   margin-bottom: 20px;

}


@media (max-width: 768px) {

   .ComponentFliterInformationBlock .containerCustom {

      max-width: 85% !important;

      margin: auto;

      margin-bottom: 10px;

   }


   .ComponentKnowMoreBlock {

      margin-bottom: 30px;

   }


   .btn {

      margin-bottom: 30px;

   }


   .btnRed {

      margin-bottom: 0px !important;

   }


   .ComponentKnowMoreBlock .position {

      margin-top: 0px;

   }


   .ComponentKnowMoreBlock .infoBox {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

   }


   .ComponentKnowMoreBlock .infoBox>p {

      background: #65c6c3;

      padding: 40px 30px;

      border-radius: 10px;

      font-size: 24px;

      font-weight: 500;

      color: white;

      width: -webkit-fit-content;

      width: -moz-fit-content;

      width: fit-content;

      margin-top: -75px;

      margin-left: 0px;

      margin-bottom: 30px;

   }

}


.unistats {

   background: #dd312c;

   height: 300px;

   width: 100%;

   margin-bottom: 0px;

}


.staffIframe {

   width: 100%;

   overflow: hidden;

   border: none !important;

   min-height: 810px;

}


@media screen and (max-width: 420px) {

   .staffIframe {

      width: 100%;

      overflow: hidden;

      border: none !important;

      min-height: 580px;

   }

}


/* Styles Component Courses  */

.ComponentCourses {

   margin-bottom: 60px;

   margin-top: 30px;

}


.ComponentCourses h5,

.ComponentCourses h6 {

   color: #fff;

   text-align: center;

}


.ComponentCourses h5 {

   font-size: 22px;

   line-height: 34px;

   margin-bottom: 0px;

}


.ComponentCourses h6 {

   font-size: 16px;

}


.ComponentCourses span {

   font-weight: 600;

   font-size: 19px;

}


.ComponentCourses .filters {

   position: relative;

   right: 20px;

}


.ComponentCourses .filters div {

   margin: 20px 0;

}


.ComponentCourses .btnRow {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   margin-top: 40px;

}


@media screen and (max-width: 768px) {

   .ComponentCourses .arrowPng {

      width: 46px;

   }

}


.ComponentCourses .courseTypeDiv {

   text-align: right;

   padding-top: 10px;

}


@media (max-width: 768px) {

   .ComponentCourses .courseTypeDiv {

      margin-bottom: 50px;

   }

}


.ComponentCourses .courseTypeDiv .row {

   -webkit-box-align: end;

   -ms-flex-align: end;

   align-items: flex-end;

}


.ComponentCourses .courseTypeDiv .col-md-3 {

   margin-bottom: 20px;

}


.ComponentCourses #selectbox1 {

   padding: 8px 15px;

}


.ComponentCourses .loadMore {

   background: #65c6c3;

   font-size: 32px;

   padding: 20px 25px 31px 25px;

   margin-top: 2.3rem;

}


.ComponentCourses .blogImage {

   padding-right: 0;

}


.ComponentCourses .blogImage img {

   max-height: 250px !important;

   width: 100%;

   border-radius: 10px;

   position: relative;

   left: -20px;

}


.ComponentCourses .blogpost {

   position: relative;

   margin: 0;

}


.ComponentCourses .splitters {

   border-right: 1px solid #000;

   border-left: 1px solid #000;

}


.ComponentCourses .spacing {

   margin-top: 30px;

}


.ComponentCourses .content {

   background-color: #1c304a;

   border-radius: 10px;

   padding: 0 0 15px 0;

   width: auto;

   padding-top: 2px;

   margin-top: -75px;

   position: relative;

   z-index: 10;

}


.ComponentCourses .course-no-img {

   margin-top: 20px;

}


.ComponentCourses .content .row .col-md-4 {

   text-align: center;

}


.ComponentCourses .content .topWhite {

   background-color: #fff;

   padding: 1px;

   padding-top: 20px;

   margin: 0 2px !important;

   border-top-right-radius: 10px;

   border-top-left-radius: 10px;

}


.ComponentCourses .content .topWhite h6 {

   color: #1c304a;

   text-align: left;

   font-family: co-headline, sans-serif;

   font-size: 20px;

   font-weight: 600;

}


.ComponentCourses .content .topWhite p {

   color: #666666;

}


.ComponentCourses .content .arrowPng {

   max-width: 20%;

   height: 100%;

   padding-left: 10px;

}


.ComponentCourses .content .d-inline-flex p {

   margin: auto;

   margin-left: 10px;

   color: #fff;

}


.ComponentCourses .select-box {

   border-color: #1c304a;

   border-radius: 5px;

   border-width: 2px;

   padding: 10px;

   width: 100%;

   margin-top: 10px;

}


.ComponentCourses .btnLightBlueLoad {

   font-weight: 700;

   font-size: 32px !important;

   height: 45px;

   background: #65c6c3;

   padding: 30px 16px 40px 16px;

}


.ComponentCourses .content .arrowPng {

   max-width: 20%;

   min-width: 25px;

   height: 100%;

   padding-left: 10px;

   padding-left: 10px;

   margin-top: auto;

   margin-bottom: auto;

}


.btnLightBlue {

   font-weight: 700;

   height: 45px;

   background: #65c6c3;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   border-radius: 5px;

   display: inline-block;

   vertical-align: middle;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   padding: 0.375rem 1.5rem;

   font-size: 16px;

   line-height: 16px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

}


@media screen and (max-width: 768px) {

   .ComponentCourses {

      margin-top: 30px;

      margin-bottom: 20px;

   }


   .ComponentCourses .spacing {

      margin-top: 10px !important;

   }


   .ComponentCourses .col-md-4 {

      margin-bottom: 30px;

   }


   .ComponentCourses .loadMore {

      width: 70%;

      margin: 20px 0;

   }


   .ComponentCourses .select-container {

      margin-top: 20px;

   }


   .ComponentCourses .content {

      color: #fff;

   }


   .ComponentCourses .content p {

      color: #fff;

   }


   .ComponentCourses .content .arrowPng {

      max-width: 100%;

      height: auto;

   }


   .ComponentCourses .outContent {

      padding-left: 0px;

   }


   .ComponentCourses .blogpost {

      padding: 0;

   }


   .ComponentCourses .mobile {

      margin-top: 10px;

   }


   .ComponentCourses .topWhite p {

      color: #606060;

   }


   .ComponentCourses div.col-md-6.courseTypeDiv>div>div>select {

      width: 60% !important;

   }


   .pageHeader .content_wrapper {

      padding-top: 174px;

   }

}


.embed-container {

   position: relative;

   padding-bottom: 56.25%;

   height: 0;

   max-width: 100%;

}


.embed-container iframe {

   z-index: 15;

}


.embed-container.dropshadow:after,

.embed-container.dropshadow:before {

   content: "";

   display: block;

   position: absolute;

   border-radius: 3px;

   width: 98%;

   height: 96%;

}


.embed-container.dropshadow:before {

   background: #65c6c3;

   top: 10px;

   right: -2px;

   z-index: 10;

}


.embed-container.dropshadow:after {

   background: #b2e2e1;

   top: 22px;

   right: -14px;

   z-index: 5;

}


.embed-container iframe,

.embed-container object,

.embed-container embed {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: bottom !important;

   padding-top: 50px;

   padding-bottom: 175px;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider .grey-bg.next-slide {

   margin-right: -2px;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider .grey-bg.next-slide:after {

   background: transparent;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider .grey-bg.prev-slide:after {

   background: transparent;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider .descriptionDiv p {

   color: white;

   width: 90%;

   margin: auto;

}


.ComponentSingleImageSliderBlock.CoursePeopleSlider .grey-bg.next-slide:after {

   content: '';

   display: none;

}


.disclaimer-container {

   margin-top: 10px;

}


@media (min-width: 768px) {

   .disclaimer-container {

      padding-left: 0;

   }

}


.UnistatsContainer {

   margin-bottom: 30px;

}


.assesment-table {

   width: 100%;

   margin-bottom: 30px;

   margin-top: 20px;

   padding: 0;

   width: 100%;

   border-collapse: collapse;

   border-spacing: 0;

   background-color: #fff;

   border: 1px solid #ececec;

}


.assesment-table tr:nth-child(2n+1) {

   background-color: #fcfcfc;

}


.assesment-table th,

.assesment-table td {

   padding: 10px;

}


@media print {


   .menuMoreDropdown,

   .NavigationBlock,

   .branding img,

   .brandingMobile,

   .NavigationMobibe,

   .brandingDesktop,

   .searchbar2,

   .hamburger,

   .hamburgerClosed,

   .ComponentSearchBlock,

   #year-swop,

   .ComponentHeroBlock .btn,

   .ComponentKnowMoreBlock,

   .events.mb-5,

   #unistats-widget-frame,

   .ComponentMyBoltonAppBlock,

   .ComponentFooterBlock,

   .ComponentImagesBlock,

   .image-container,

   .ComponentSingleImageSliderBlock.CoursePeopleSlider {

      display: none !important;

   }


   .inner {

      background-image: none !important;

   }


   .pageHeader {

      height: auto;

   }


   .collapse {

      display: block !important;

   }


   .ComponentAccordionFilterInformation .col-md-8 {

      width: 100% !important;

      max-width: 100%;

   }


   .pageHeader .content_wrapper {

      padding-top: 0;

   }


   .course-info-btn {

      font-size: 32px;

   }

}


@media (max-width: 767px) {

   #noMoreThan120 {

      line-height: 54px !important;

      font-size: 42px !important;

   }

}


#coursedet a {

   color: #1c304a;

   font-size: 15px;

   text-decoration: none;

   border-bottom: #1c304a 0.125em solid;

}


.collapse a {

   color: #1c304a !important;

   font-size: 17px;

   text-decoration: none;

   border-bottom: #1c304a 0.125em solid !important;

}



.ComponentAccordionFilterInformation {

   margin-bottom: 30px;

   color: black;

}


.ComponentAccordionFilterInformation a {

   color: black;

}


.ComponentAccordionFilterInformation h3 {

   color: black;

}


.ComponentAccordionFilterInformation .course-info-btn {

   width: 100%;

   -webkit-box-pack: start;

   -ms-flex-pack: start;

   justify-content: flex-start;

   margin-bottom: 10px;

}


.ComponentAccordionFilterInformation .course-info-btn:after,

.ComponentAccordionFilterInformation .collapsed:after {

   content: '';

   border: 4px solid transparent;

   border-top: 6px solid white;

   margin-left: 2px;

   margin-bottom: 3px;

   display: inline-block;

   vertical-align: bottom;

   position: absolute;

   right: 30px;

}


.ComponentAccordionFilterInformation .show-content {

   background-color: white !important;

   color: #01365e;

   border: 1px solid #01365e;

}


.ComponentAccordionFilterInformation .show-content:after {

   content: '';

   border: 4px solid transparent;

   border-bottom: 6px solid black;

   margin-left: 2px;

   margin-bottom: 3px;

   display: inline-block;

   vertical-align: bottom;

   position: absolute;

   right: 30px;

}


.ComponentAccordionFilterInformation .dropdown-content {

   display: none;

}


.ComponentAccordionFilterInformation .dropdown-content a>img {

   width: auto;

}


.ComponentAccordionFilterInformation .emblem {

   height: 50%;

   max-height: 227px;

   width: auto;

   display: block;

   margin: auto;

}


.ComponentSearchOffCampus h2 {

   font-weight: 500;

   color: #01365e;

}


.ComponentSearchOffCampus label {

   color: #01365e;

   font-weight: 500;

   font-size: 18px;

}


.ComponentSearchOffCampus select {

   width: 100%;

   margin-bottom: 20px;

   background-color: white;

   height: 40px;

}


.ComponentSearchOffCampus .btn {

   width: 100%;

   position: relative;

   top: 4px;

}


.ComponentSearchOffCampus .btnContainer {

   -ms-flex-item-align: center;

   align-self: center;

}


.ComponentHomePageSlider {

   margin-top: 30px;

   padding-left: 70px;

   padding-right: 70px;

}


@media screen and (max-width: 768px) {

   .ComponentHomePageSlider {

      padding-left: 0px;

      padding-right: 0px;

   }

}


.ComponentHomePageSlider h5 {

   color: #1c304a;

   font-size: 25px;

   margin: 10px 0px 10px 0px;

}


.ComponentHomePageSlider p {

   color: white;

   font-size: 17px;

   line-height: 25px;

}


.ComponentHomePageSlider .smaller-text {

   font-size: 18px;

   font-weight: 600;

}


.ComponentHomePageSlider .main-image,

.ComponentHomePageSlider .secondary-image {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentHomePageSlider .main-image {

   width: 90%;

   height: 200px;

}


@media (min-width: 767px) {

   .ComponentHomePageSlider .main-image {

      width: 80%;

   }

}


@media (min-width: 991px) {

   .ComponentHomePageSlider .main-image {

      margin-left: 15%;

      height: 275px;

      width: 70%;

   }

}


@media (min-width: 1200px) {

   .ComponentHomePageSlider .main-image {

      height: 325px;

      width: 70%;

   }

}


.ComponentHomePageSlider .secondary-image {

   width: 40%;

   height: 100px;

   position: absolute;

   right: 0;

   top: 80%;

}


@media (min-width: 360px) {

   .ComponentHomePageSlider .secondary-image {

      width: 20%;

   }

}


@media (min-width: 767px) {

   .ComponentHomePageSlider .secondary-image {

      width: 40%;

   }

}


@media (min-width: 991px) {

   .ComponentHomePageSlider .secondary-image {

      height: 150px;

      width: 40%;

   }

}


@media (min-width: 1200px) {

   .ComponentHomePageSlider .secondary-image {

      height: 225px;

      width: 40%;

   }

}


.ComponentHomePageSlider .slick-dots {

   position: relative;

   left: 0;

}


.ComponentHomePageSlider .slick-dots {

   display: -webkit-inline-box;

   display: -ms-inline-flexbox;

   display: inline-flex;

   list-style-type: none;

   text-align: centre;

   margin: auto;

   margin-bottom: 30px;

}


.ComponentHomePageSlider .slick-dots button {

   display: block;

   width: .8rem;

   height: .8rem;

   padding: 0;

   border: 1px solid white;

   border-radius: 100%;

   background-color: transparent;

   text-indent: -9999px;

   margin: 0 7px;

}


@media (max-width: 768px) {

   .ComponentHomePageSlider .slick-dots button {

      border-color: black;

   }

}


.ComponentHomePageSlider li.slick-active button {

   background-color: #f6ae31;

   border: none;

}


.page-module h2 {

   color: #1c304a;

   margin-bottom: 20px;

   font-weight: 500;

}


.ComponentEmailSetupStudentArea {

   margin-bottom: 50px;

}


.ComponentEmailSetupStudentArea h5 {

   margin-bottom: 30px;

   margin-top: 20px;

}


.ComponentEmailSetupStudentArea .email-setup-col {

   height: 100%;

   padding: 20px;

}


.ComponentEmailSetupStudentArea .col-md-6 {

   margin-bottom: 20px;

}


@media (min-width: 991px) {

   .ComponentEmailSetupStudentArea .col-md-6 {

      margin-bottom: 50px;

   }

}


.ComponentEmailSetupStudentArea .email-setup-first {

   border: solid 1px black;

   border-radius: 10px;

}


@media (min-width: 991px) {

   .ComponentEmailSetupStudentArea .email-setup-first .img-containers {

      position: absolute;

      right: 5%;

      bottom: -30%;

   }

}


.ComponentEmailSetupStudentArea .email-setup-first h5 {

   font-size: 35px;

   color: #1c304a;

   font-weight: 600;

   line-height: 33px;

}


.ComponentEmailSetupStudentArea .email-setup-second {

   background: linear-gradient(45deg, #462160, #dd3598);

   border-radius: 10px;

}


.ComponentEmailSetupStudentArea .email-setup-second h5 {

   font-size: 38px;

   font-weight: 500;

   color: white;

   line-height: 33px;

}


.ComponentEmailSetupStudentArea .email-setup-second p {

   color: white;

}


.ComponentEmailSetupStudentArea .email-setup-second a {

   color: #fff !important;

}


.ComponentEmailSetupStudentArea .email-setup-second a:hover {

   color: #ff6b6b !important;

}



@media (min-width: 991px) {

   .ComponentEmailSetupStudentArea .email-setup-second .btn {

      position: absolute;

      left: 30px;

      bottom: 20px;

      background-color: #ff6b6b;

   }

}


@media (min-width: 991px) {

   .ComponentEmailSetupStudentArea .email-setup-second .img-containers {

      text-align: right;

   }

}


.ComponentEmailSetupStudentArea .email-setup-img {

   width: auto;

   max-width: 200px;

   margin-bottom: 70px;

}


.ComponentEmailSetupStudentArea .img-containers {

   text-align: center;

}


@media (min-width: 767px) and (max-width: 991px) {

   .ComponentEmailSetupStudentArea .btn {

      display: block;

      margin: auto;

      margin-bottom: 40px;

   }

}


.ComponentStudentHub {

   background-repeat: no-repeat !important;

   background-size: cover !important;

   background-position: bottom !important;

   padding-top: 50px;

   margin-bottom: 30px;

}


@media (max-width: 768px) {

   .ComponentStudentHub .tile-container {

      margin-bottom: 30px;

   }

}


.ComponentStudentHub h5 {

   color: white;

   font-size: 28px;

   font-weight: 400;

   margin-bottom: 40px;

}


.ComponentStudentHub .bg-image-container {

   min-height: 237px;

   background-repeat: no-repeat !important;

   background-size: cover !important;

   background-position: center !important;

   border-radius: 10px 10px 0 0;

}


@media (max-width: 768px) {

   .ComponentStudentHub .bg-image-container {

      min-height: 200px;

   }

}


.ComponentStudentHub .text-container {

   background-color: white;

   border: 1px solid black;

   padding: 15px;

   border-radius: 0 0 10px 10px;

   min-height: 115px;

}


@media (min-width: 767px) {

   .ComponentStudentHub .text-container .btn {

      position: absolute;

      right: 40px;

      bottom: -20px;

   }

}


.ComponentStudentHub .margin-bottom {

   margin-bottom: 50px;

}


@media (min-width: 1200px) {

   .ComponentStudentHub .margin-bottom {

      margin-bottom: 75px;

   }

}


.ComponentStudentHub .tile {

   border: 2px solid #1c304a;

   border-radius: 12px;

}


@media (max-width: 768px) {

   .ComponentStudentHub .tile {

      margin-bottom: 30px;

   }

}


.ComponentStudentHub .tile .gradient {

   width: 100%;

   height: 100%;

   border-radius: 10px 10px 0 0;

}


.ComponentStudentHub .row .col-md-3:first-of-type .gradient {

   background: linear-gradient(45deg, rgba(221, 53, 152, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentStudentHub .row .col-md-3:nth-of-type(2n) .gradient {

   background: linear-gradient(45deg, rgba(101, 198, 195, 0.5), rgba(221, 53, 152, 0.5));

}


.ComponentStudentHub .row .col-md-3:nth-of-type(3n) .gradient {

   background: linear-gradient(45deg, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentStudentHub .row .col-md-3:nth-of-type(4n) .gradient {

   background: linear-gradient(45deg, rgba(255, 107, 107, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentStudentHub .tile-bg-image,

.ComponentStudentHub .tile-text {

   height: 120px;

}


@media (min-width: 1200px) {


   .ComponentStudentHub .tile-bg-image,

   .ComponentStudentHub .tile-text {

      height: 150px;

   }

}


.ComponentStudentHub .tile-bg-image {

   border-radius: 10px 10px 0 0;

   background-repeat: no-repeat !important;

   background-size: cover !important;

   background-position: center !important;

}


.ComponentStudentHub .tile-text {

   color: #1c304a;

   background-color: white;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   border-radius: 0 0 10px 10px;

   border-top: 2px solid #1c304a;

}


.PageSportsAndWellness .pageHeader .gradient {

   background: -webkit-gradient(linear, left top, right top, from(#dd3598), to(#65c6c3));

   background: linear-gradient(to right, #dd3598, #65c6c3);

}


.ComponentSportswellnessTabs {

   margin-bottom: 30px;

}


.ComponentSportswellnessTabs .pills-row {

   background: linear-gradient(45deg, #dd3598, #ff6b6b);

   padding: 10px;

}


@media (min-width: 767px) {

   .ComponentSportswellnessTabs .pills-row {

      padding: 30px;

   }

}


.ComponentSportswellnessTabs .pills-row ul {

   color: white;

   list-style-type: none;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   text-align: center;

   padding-left: 0;

}


@media (min-width: 767px) {

   .ComponentSportswellnessTabs .pills-row ul {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

      margin-bottom: 0;

   }

}


.ComponentSportswellnessTabs .pills-row li {

   font-weight: 500;

   cursor: pointer;

}


@media (min-width: 767px) {

   .ComponentSportswellnessTabs .pills-row ul li:not(:last-child) {

      padding-right: 20px;

      border-right: 1px solid rgba(28, 48, 74, 0.5);

   }

}


@media (min-width: 767px) {

   .ComponentSportswellnessTabs .pills-row ul li:not(:first-child) {

      padding-left: 20px;

   }

}


.ComponentSportswellnessTabs .tabs-row {

   background: -webkit-gradient(linear, left top, left bottom, from(#46377a), to(#462160));

   background: linear-gradient(#46377a, #462160);

   padding: 10px;

   color: white;

}


@media (min-width: 767px) {

   .ComponentSportswellnessTabs .tabs-row {

      padding: 30px;

   }

}


.ComponentSportswellnessTabs .tabs-row .tab-content {

   padding: 30px;

}


@media (max-width: 768px) {

   .ComponentSportswellnessTabs .tabs-row .tab-content {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse;

   }

}


.ComponentSportswellnessTabs .tabs-row .tab-content a {

   color: white;

   cursor: pointer;

}


.ComponentSportswellnessTabs .tabs-row h6 {

   color: white;

   font-weight: 600;

   font-size: 32px;

   margin-bottom: 30px;

}


.ComponentSportswellnessTabs .tabs-row p,

.ComponentSportswellnessTabs .tabs-row a,

.ComponentSportswellnessTabs .tabs-row span,

.ComponentSportswellnessTabs .tabs-row h1,

.ComponentSportswellnessTabs .tabs-row h2,

.ComponentSportswellnessTabs .tabs-row h3,

.ComponentSportswellnessTabs .tabs-row h4,

.ComponentSportswellnessTabs .tabs-row h5,

.ComponentSportswellnessTabs .tabs-row h6,

.ComponentSportswellnessTabs .tabs-row tr,

.ComponentSportswellnessTabs .tabs-row td,

.ComponentSportswellnessTabs .tabs-row th,

.ComponentSportswellnessTabs .tabs-row li,

.ComponentSportswellnessTabs .tabs-row strong {

   color: white;

}


.ComponentSportswellnessTabs .tabs-row .bg-image-container {

   height: 100%;

   border-radius: 10px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   min-height: 250px;

}


.ComponentSportTimetable {

   margin-bottom: 30px;

}


.ComponentSportTimetable label {

   display: block;

   font-weight: 500;

}


.ComponentSportTimetable select {

   background-color: white;

   min-width: 150px;

   max-width: 100%;

}


.ComponentSportTimetable .sport-tile-container {

   margin-top: 30px;

}


.ComponentSportTimetable .sport-tile-bg {

   height: 250px;

   border-radius: 10px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

}


.ComponentSportTimetable .sport-tile-content {

   border: 1px solid #1c304a;

   border-radius: 10px;

}


@media (min-width: 350px) {

   .ComponentSportTimetable .sport-tile-content {

      position: relative;

      bottom: 40px;

      right: -10px;

   }

}


.ComponentSportTimetable .sport-name {

   background-color: white;

   padding: 15px 10px;

   border-radius: 10px 10px 0 0;

}


.ComponentSportTimetable .sport-name p {

   margin-bottom: 0;

}


.ComponentSportTimetable .sport-details {

   background-color: #1c304a;

   padding: 10px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   border-radius: 0 0 9px 9px;

}


.ComponentSportTimetable .sport-details img {

   width: 30px;

}


.ComponentSportTimetable .sport-details .day-month-container p {

   margin-bottom: 0;

   color: white;

   text-align: left;

   font-size: 14px;

}


.ComponentSportTimetable .sport-details .clock-container,

.ComponentSportTimetable .sport-details .book-button-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.ComponentSportTimetable .sport-details .clock-container button,

.ComponentSportTimetable .sport-details .book-button-container button {

   margin-bottom: 0;

}


@media (min-width: 767px) and (max-width: 991px) {


   .ComponentSportTimetable .sport-details .clock-container button,

   .ComponentSportTimetable .sport-details .book-button-container button {

      width: 100%;

   }

}


@media (min-width: 767px) and (max-width: 991px) {

   .ComponentSportTimetable .sport-details .book-button-container {

      width: 100%;

      margin-top: 10px;

   }


   .ComponentSportTimetable .sport-details .book-button-container a {

      width: 100%;

   }

}


.ComponentSportTimetable #more-sports {

   padding: 20px 30px;

   margin: auto;

   height: auto;

   font-size: 24px;

}


.ComponentBookActivity {

   margin-top: 75px;

   margin-bottom: 30px;

}


.ComponentBookActivity .square-book-btn {

   background-color: #65c6c3;

   padding: 40px;

   color: white;

   text-align: center;

   font-weight: 500;

   width: 130px;

   border-radius: 10px;

   font-size: 24px;

   position: absolute;

   top: -55px;

   left: -65px;

}


.ComponentBookActivity .component-content {

   border: 1px solid lightgrey;

   border-radius: 10px;

   width: 90%;

   float: right;

   padding: 30px 75px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   position: relative;

   display: flex;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


@media (min-width: 1100px) {

   .ComponentBookActivity .component-content {

      width: 95%;

   }

}


.ComponentBookActivity .btn-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: end;

   -ms-flex-align: end;

   align-items: flex-end;

}


.ComponentBookActivity .btn-container .btn {

   padding-left: 50px;

   padding-right: 50px;

   background-color: #ff6b6b;

   width: auto;

}


.ComponentBookActivity .text-container {

   width: 90%;

}


.ComponentBookActivity .text-container h5 {

   color: #1c304a;

   opacity: .8;

   font-weight: 600;

}


@media (min-width: 768px) {

   .ComponentBookActivity .text-container {

      width: 70%;

   }

}




.Componentinfo1{

   margin-top: 75px;

   margin-bottom: 30px;

}


.Componentinfo1 .h4 {

   color: #606266;

}


.Componentinfo1 .square-book-btn {

   background-color: #65c6c3;

   padding: 40px;

   color: white;

   text-align: center;

   font-weight: 500;

   width: 130px;

   border-radius: 10px;

   font-size: 24px;

   position: absolute;

   top: -55px;

   left: -65px;

}


.Componentinfo1 .component-content {

   border: 1px solid lightgrey;

   border-radius: 10px;

   width: 90%;

   float: right;

   padding: 30px 75px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;

   position: relative;

   display: flex;

   -webkit-box-pack: justify;

   -ms-flex-pack: justify;

   justify-content: space-between;

}


@media (min-width: 1100px) {

   .Componentinfo1 .component-content {

      width: 95%;

   }

}


.Componentinfo1 .btn-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: end;

   -ms-flex-align: end;

   align-items: flex-end;

}


.Componentinfo1 .btn-container .btn {

   padding-left: 50px;

   padding-right: 50px;

   background-color: #ff6b6b;

   width: auto;

}


@media (max-width: 768px) {

   .Componentinfo1 .btn-container .btn {

      padding-left: 15px;

      padding-right: 10px;

      background-color: #ff6b6b;

      width: auto;

   }

}


.Componentinfo1 .text-container {

   width: 90%;

}


.Componentinfo1 .text-container h5 {

   color: #1c304a;

   opacity: .8;

   font-weight: 600;

}


@media (min-width: 768px) {

   .Componentinfo1 .text-container {

      width: 70%;

   }

}






.ComponentBanner {

   margin-bottom: 30px;

   margin-top: 30px;

}


.ComponentMultipleRowsTextAndTiles {

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: bottom !important;

   padding-top: 30px;

}


.ComponentMultipleRowsTextAndTiles .main-component-content h2,

.ComponentMultipleRowsTextAndTiles .main-component-content p {

   color: white;

}


.ComponentMultipleRowsTextAndTiles .ComponentMyResources .col-md-3:nth-child(1) .colourBlock {

   background: linear-gradient(60deg, rgba(70, 55, 122, 0.5), rgba(221, 53, 152, 0.5));

}


.ComponentMultipleRowsTextAndTiles .ComponentMyResources .col-md-3:nth-child(2) .colourBlock {

   background: linear-gradient(60deg, rgba(251, 53, 152, 0.5), rgba(101, 198, 195, 0.5));

}


.ComponentMultipleRowsTextAndTiles .ComponentMyResources .col-md-3:nth-child(3) .colourBlock {

   background: linear-gradient(60deg, rgba(255, 176, 23, 0.5), rgba(221, 53, 152, 0.5));

}


.ComponentMultipleRowsTextAndTiles .ComponentMyResources .col-md-3:nth-child(4) .colourBlock {

   background: linear-gradient(60deg, rgba(101, 198, 195, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentMultipleRowsTextAndTiles .column {

   height: 100%;

   min-height: 300px;

}


.ComponentMultipleRowsTextAndTiles .column h3,

.ComponentMultipleRowsTextAndTiles .column p {

   color: white;

}


@media (max-width: 768px) {

   .ComponentMultipleRowsTextAndTiles .second-column {

      margin-top: 20px;

   }

}


.ComponentMultipleRowsTextAndTiles .logo-container {

   background-color: white;

   text-align: right;

   padding: 15px 30px;

   border-radius: 10px 10px 0 0;

}


.ComponentMultipleRowsTextAndTiles .logo-container img {

   width: 40%;

   max-width: 180px;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container {

   position: relative;

   border-radius: 0 0 10px 10px;

   padding: 20px 15px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container .btn-container {

   position: absolute;

   bottom: 20px;

   right: 20px;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container .btn-container .btn {

   display: inline-block;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container .btn-container .btnPink {

   background-color: #dd3598;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container p {

   margin-bottom: 65px;

}


.ComponentMultipleRowsTextAndTiles .bg-image-container-no-logo {

   border-radius: 10px;

   height: 100%;

}


.ComponentLogoTitleFourColumnGrid {

   margin-bottom: 30px;

   margin-top: 30px;

}


.ComponentLogoTitleFourColumnGrid h2 {

   margin-bottom: 20px;

}


.ComponentLogoTitleFourColumnGrid .tile-container {

   border: 2px solid lightgrey;

   border-radius: 10px;

   height: 100%;

   min-height: 160px;

   padding: 10px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-shadow: 0px 0px 15px 5px lightgrey;

   box-shadow: 0px 0px 15px 5px lightgrey;

}


.ComponentLogoTitleFourColumnGrid .tile {

   margin-bottom: 20px;

}


.ComponentLogoTitleFourColumnGrid h6 {

   color: grey;

   font-weight: 600;

}


.ComponentLogoTitleFourColumnGrid img {

   width: 90%;

   max-width: 300px;

}


.ComponentGridTwoColsLogoTextBg .col-container {

   min-height: 350px;

   margin-bottom: 20px;

}


.ComponentGridTwoColsLogoTextBg .tile-container {

   position: relative;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   height: 100%;

   border-radius: 10px;

}


.ComponentGridTwoColsLogoTextBg .gradient {

   position: absolute;

   left: 0;

   top: 0;

   height: 100%;

   width: 100%;

   border-radius: 10px;

   padding: 20px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -ms-flex-direction: column;

   flex-direction: column;

   -ms-flex-pack: distribute;

   justify-content: space-around;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

}


.ComponentGridTwoColsLogoTextBg .sml-logo {

   height: 40px;

   width: auto;

}


.ComponentGridTwoColsLogoTextBg .lrg-logo {

   width: 80%;

   max-width: 350px;

}


.ComponentGridTwoColsLogoTextBg p {

   color: white;

   font-size: 32px;

   font-weight: 500;

   text-align: center;

   line-height: 1;

}


.ComponentGridTwoColsLogoTextBg .col-container:first-of-type .btn {

   background-color: #65c6c3;

}


.ComponentGridTwoColsLogoTextBg .col-container:first-of-type .gradient {

   background: linear-gradient(60deg, rgba(221, 53, 152, 0.5), rgba(255, 176, 23, 0.5));

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(2) .btn {

   background-color: #dd3598;

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(2) .gradient {

   background: linear-gradient(60deg, rgba(101, 198, 195, 0.5), rgba(70, 55, 122, 0.5));

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(3n) .btn {

   background-color: #46377a;

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(3n) .gradient {

   background: linear-gradient(60deg, rgba(101, 198, 195, 0.5), rgba(221, 53, 152, 0.5));

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(4) .btn {

   background-color: white;

   color: black;

}


.ComponentGridTwoColsLogoTextBg .col-container:nth-of-type(4) .gradient {

   background-color: rgba(166, 132, 179, 0.8);

}


.ComponentEventSummary {

   background-image: url("/UoB/images/eventsbg2.png");

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: top !important;

   padding-bottom: 30px;

   padding-top: 30%;

}


@media (min-width: 991px) {

   .ComponentEventSummary {

      padding-top: 20%;

   }

}


@media (min-width: 1600px) {

   .ComponentEventSummary {

      padding-top: 15%;

   }

}


.ComponentEventSummary .bg-image {

   height: 100%;

   min-height: 300px;

   background-size: cover !important;

   background-repeat: no-repeat !important;

   background-position: center !important;

   border-radius: 10px;

}


.ComponentEventSummary .text-container {

   padding-bottom: 65px;

}


.ComponentEventSummary .text-container p {

   color: white;

}


.ComponentEventSummary .btns-container {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: start;

   -ms-flex-pack: start;

   justify-content: flex-start;

   position: absolute;

   bottom: 0;

}


.ComponentEventSummary .btns-container .btn:first-of-type {

   margin-right: 20px;

}


@media (max-width: 500px) {

   .ComponentEventSummary .popup-box {

      width: 90vw;

      padding: 40px;

   }

}


.ComponentEventSummary .popup-box p {

   text-align: left;

}


.ComponentOpenDay {

   max-width: 1600px;

   margin: auto;

   margin-bottom: 30px;

   background: #65C6C3;

   padding: 6px;

   word-break: break-word;

   line-height: 1;

}


.ComponentOpenDay .open-days-row {

   border: solid 12px #65C6C3;

}


.ComponentOpenDay .open-days-col1 {

   padding-left: 0;

   padding-right: 0;

   margin-bottom: 12px;

}


@media (min-width: 767px) {

   .ComponentOpenDay .open-days-col1 {

      padding-right: 12px;

      margin-bottom: 0;

   }

}


.ComponentOpenDay .open-days-darker-bg {

   height: 100%;

   background-color: #45a7a4;

   border-radius: 0 0 10px 10px;

   padding-bottom: 15px;

}


@media (min-width: 767px) {

   .ComponentOpenDay .open-days-darker-bg {

      padding-bottom: 105px;

   }

}


.ComponentOpenDay .main-img-container {

   background-color: #65C6C3;

}


.ComponentOpenDay .text-img {

   width: 70%;

   display: block;

   margin: auto;

   max-width: 500px;

   margin-top: 20px;

}


.ComponentOpenDay .open-days-col2 {

   padding-left: 0;

   padding-right: 0;

   background: -webkit-gradient(linear, left top, right top, from(#ff6b6b), to(#dd3598));

   background: linear-gradient(to right, #ff6b6b, #dd3598);

   border-radius: 10px;

   padding-bottom: 15px;

}


@media (min-width: 767px) {

   .ComponentOpenDay .open-days-col2 {

      padding-bottom: 105px;

   }

}


.ComponentOpenDay p,

.ComponentOpenDay h2 {

   color: white;

   text-align: center;

}


.ComponentOpenDay .explore {

   margin-top: 20px;

   font-size: 24px;

   font-weight: 500;

}


@media (min-width: 1200px) {

   .ComponentOpenDay .explore {

      margin-top: 40px;

      font-size: 48px;

   }

}


.ComponentOpenDay h2 {

   font-size: 42px;

}


@media (min-width: 1200px) {

   .ComponentOpenDay h2 {

      font-size: 75px;

      margin-top: 40px;

      margin-bottom: 100px;

   }

}


.ComponentOpenDay .find-out-more {

   color: #1c304a;

   font-size: 22px;

   font-weight: 500;

   margin-bottom: 40px;

}


@media (min-width: 1200px) {

   .ComponentOpenDay .find-out-more {

      font-size: 44px;

      margin-bottom: 60px;

   }

}


.ComponentOpenDay .open-day-date {

   font-size: 45px;

   font-weight: 500;

   margin-bottom: 40px;

}


@media (min-width: 1200px) {

   .ComponentOpenDay .open-day-date {

      font-size: 90px;

      margin-bottom: 100px;

   }

}


.ComponentOpenDay .btn.open-days-btn {

   display: block;

   margin: auto;

   max-width: 120px;

}


@media (min-width: 767px) {

   .ComponentOpenDay .btn.open-days-btn {

      position: absolute;

      left: 50%;

      bottom: 30px;

      -webkit-transform: translate(-50%, -30px);

      transform: translate(-50%, -30px);

   }

}


@media (max-width: 395px) {

   .ComponentImageGridBlockWithSlider .col-md-4 .pinkBg {

      margin-bottom: 40px !important;

   }

}


.ComponentHomePagePopup {

   position: fixed;

   font-family: Arial, Helvetica, sans-serif;

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

   background: rgba(0, 0, 0, 0.8);

   z-index: 9999999999999999999;

   opacity: 1;

   -webkit-transition: opacity 400ms ease-in;

   transition: opacity 400ms ease-in;

   pointer-events: none;

}


@media (max-width: 768px) {

   .ComponentHomePagePopup {

      height: 100%;

   }

}


@media (max-width: 768px) {

   .ComponentHomePagePopup .modal-dialog {

      height: 100%;

   }

}


@media (max-width: 768px) {

   .ComponentHomePagePopup .modal-content {

      height: 100%;

      overflow-y: scroll;

   }

}


.ComponentHomePagePopup h2,

.ComponentHomePagePopup .modal-image {

   margin-bottom: 20px;

}


.ComponentHomePagePopup .btn {

   display: block;

   margin: auto;

}


#Content.searchResults .btn {

   max-width: 150px;

   display: block;

   margin: auto;

}


.login_page .content_wrapper {

   padding-top: 0px;

}


@media (max-width: 768px) {

   .login_page .logo {

      max-width: 400px;

      display: block;

      margin: auto;

   }

}


@media (max-width: 768px) {

   .login_page .inner {

      padding-bottom: 50px;

   }

}


#MemberLoginForm_LoginForm {

   width: 100%;

   padding-right: 15px;

   padding-left: 15px;

   z-index: 9999;

   position: relative;

}


@media (min-width: 576px) {

   #MemberLoginForm_LoginForm {

      max-width: 540px;

   }

}


@media (min-width: 768px) {

   #MemberLoginForm_LoginForm {

      max-width: 720px;

   }

}


@media (min-width: 992px) {

   #MemberLoginForm_LoginForm {

      max-width: 960px;

   }

}


@media (min-width: 1200px) {

   #MemberLoginForm_LoginForm {

      max-width: 1140px;

   }

}


#MemberLoginForm_LoginForm label.left {

   font-weight: 700;

   margin-bottom: 10px;

}


#MemberLoginForm_LoginForm input.text {

   -webkit-appearance: none;

   -moz-appearance: none;

   -ms-appearance: none;

   -o-appearance: none;

   appearance: none;

   padding: 5px;

   border-radius: 7px;

   border: solid 1px black;

   background-color: white !important;

   margin-bottom: 30px;

}


@media (min-width: 500px) {

   #MemberLoginForm_LoginForm input.text {

      width: 400px;

   }

}


#MemberLoginForm_LoginForm input.action {

   -webkit-appearance: none;

   background: #65c6c3;

   font-family: "co-text", sans-serif;

   font-weight: 700;

   height: 45px;

   color: #fff;

   border: none;

   outline: none;

   -webkit-box-shadow: none;

   box-shadow: none;

   border-radius: 7px;

   display: inline-block;

   vertical-align: middle;

   -webkit-user-select: none;

   -moz-user-select: none;

   -ms-user-select: none;

   user-select: none;

   padding: 0.375rem 1.9rem;

   font-size: 16px;

   line-height: 16px;

   -webkit-transition: 0.6s ease;

   transition: 0.6s ease;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

   -webkit-box-pack: center;

   -ms-flex-pack: center;

   justify-content: center;

   margin-bottom: 30px;

}


#MemberLoginForm_LoginForm input.checkbox {

   /* IE */

   /* FF */

   -webkit-transform: scale(2);

   /* Safari and Chrome */

   /* Opera */

   transform: scale(2);

   padding: 10px;

   margin-left: 10px;

}


#MemberLoginForm_LoginForm .field.checkbox {

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-pack: start;

   -ms-flex-pack: start;

   justify-content: flex-start;

   -webkit-box-align: baseline;

   -ms-flex-align: baseline;

   align-items: baseline;

   margin-bottom: 30px;

}


#MemberLoginForm_LoginForm label.right {

   margin-left: 20px;

}


.ComponentAccordion_Purr .accordion_pannel_button {

   width: 100%;

   margin-bottom: 30px;

}


.ComponentAccordion_Purr .accordion_pannel_button::after {

   content: "";

   width: 0;

   height: 0;

   position: absolute;

   pointer-events: none;

   border-left: 5px solid transparent;

   border-right: 5px solid transparent;

   top: 20px;

   right: 30px;

   border-top: 8px solid white;

}


.ComponentAccordion_Purr .accordion_pannel_button--show {

   background-color: white;

   border: 1px solid #1c304a;

   color: #1c304a;

}


.ComponentAccordion_Purr .accordion_pannel_button--show:after {

   border-bottom: 8px solid black;

   top: 10px;

}


.ComponentAccordion_Purr .accordion_pannel_dropdown {

   display: none;

}


.ComponentAccordion_Purr .accordion_pannel_dropdown--show {

   display: block;

   padding: 15px;

}


.ComponentAccordion_Purr .accordion_pannel--full {

   padding-left: 30px;

   padding-right: 30px;

}


.ComponentAccordion_Purr .accordion_pannel--full .btn::after {

   right: 45px;

}


.ComponentTextImageSection_Purr {

   margin-bottom: 30px;

}


.ComponentTextImageSection_Purr .row-heading {

   margin-bottom: 20px;

}


.ComponentTextImageSection_Purr .row {

   margin-bottom: 20px;

}


.ComponentTextImageSection_Purr .image-container img {

   border-radius: 10px;

}


.ComponentTextImageSection_Purr h2 {

   font-size: 45px;

   color: #1c304a !important;

   font-weight: 500;

}


.ComponentTextImageSection_Purr .alternate-imgsection-title {

   margin-bottom: -40px;

}


.ComponentTextImageSection_Purr .alternate-imgsection-title h2 {

   color: #1c304A !important;

   font-size: 80px;

   font-weight: 600;

   font-family: co-text;

}


.ComponentTextImageSection_Purr .card, .ComponentTextImageSection_Purr .brd {

   display: none !important;

}


.timeline-Footer .u-cf {

   display: none !important;

}


@media screen and (max-width: 768px) {

   .ComponentTextImageSection_Purr .alternate-imgsection-title h2 {

      font-size: 58px;

      font-family: co-text;

   }

}


.ComponentTextImage_rtl {

   margin-bottom: 30px;

}


.ComponentTextImage_rtl .row-heading {

   margin-bottom: 20px;

}


.ComponentTextImage_rtl .row {

   margin-bottom: 20px;

}


.ComponentTextImage_rtl .image-container img {

   border-radius: 10px;

}


.ComponentTextImage_rtl p.rtltest {

   direction: rtl;

}



.ComponentTextImageSection_form {

   margin-bottom: 30px;

}


.ComponentTextImageSection_form .row-heading {

   margin-bottom: 20px;

}


.ComponentTextImageSection_form .row {

   margin-bottom: 20px;

}


.ComponentTextImageSection_form .image-container img {

   border-radius: 10px;

}


.tab-nav {

   background: -webkit-gradient(linear, left top, right top, from(#dd3598), to(#ff6b6b));

   background: linear-gradient(to right, #dd3598, #ff6b6b);

   margin-top: 20px;

   padding: 25px;

}


.tab-nav ul {

   margin-bottom: 0;

}


.tab-nav ul li:not(:last-of-type) {

   padding-right: 20px;

   border-right: 2px solid rgba(28, 48, 74, 0.3);

}


.tab-nav a {

   color: #ffffff !important;

   font-size: 22px !important;

}


.tab-nav a.active {

   color: rgba(255, 255, 255, 0.5) !important;

   font-size: 22px !important;

}


.tab-purple {

   background: #46377A;

}


.tab-purple p {

   color: #ffffff !important;

}


.tab-pink {

   background: #DD3598;

}


.tab-blue {

   background: #1C304A;

}


.tab-content {

   margin-bottom: 30px;

   padding: 35px 25px;

}


.tab-content p,

.tab-content h1,

.tab-content h2,

.tab-content h3,

.tab-content h4,

.tab-content h5,

.tab-content h6,

.tab-content ul,

.tab-content li,

.tab-content a {

   color: white;

}


@media (max-width: 768px) {

   .two-columns-tab {

      -webkit-box-orient: vertical;

      -webkit-box-direction: reverse;

      -ms-flex-direction: column-reverse;

      flex-direction: column-reverse;

   }


   .two-columns-tab .col-6 {

      max-width: 80%;

      margin: auto;

      text-align: center;

   }


   .two-columns-tab .col-6 ul {

      display: inline-block;

      text-align: left;

   }

}


.two-columns-tab .image-container img {

   border-radius: 10px;

}


.ComponentOpenDayBanner_Purr {

   margin-bottom: 30px;

}



/* Hamburger Menu Mobile */

.mobile-nav-button {

   border-bottom: 2px solid #2125290f;

   padding-bottom: 15px;

   width: 6em;

}


/* Fontawesome social Icons */


.fa {

   padding: 10px;

   font-size: 50px;

   width: 60px;

   text-align: center;

   text-decoration: none;

   margin: -20px 0px 0px 0px;

}



.fa:hover {

   opacity: 0.7;

}


.fa-facebook {

   background: ;

   color: white;

}


.fa-twitter {

   background: ;

   color: white;

}


.fa-google {

   background: #dd4b39;

   color: white;

}


.fa-linkedin {

   /* background: #007bb5; */

   color: white;

}


.fa-youtube {

   background: #bb0000;

   color: white;

}


.fa-instagram {

   /* background: #125688; */

   color: white;

}



.fa-skype {

   background: #00aff0;

   color: white;

}


.fa-android {

   background: #a4c639;

   color: white;

}


.fa-yahoo {

   background: #430297;

   color: white;

}


.fa-rss {

   background: #ff6600;

   color: white;

}


.fa-whatsapp {

   background: ;

   color: white;

}



/* GOOGLE CUSTOM SEARCH RESULT PAGE STYLING OVERIDE*/

.cse input.gsc-input,input.gsc-input{

   background-image:none !important;

}


.gcsc-find-more-on-google-magnifier{

   display: none !important;

}


.gcsc-find-more-on-google{

   display: none !important;

}


.gsc-adBlock{

   display: none !important;

}


.gs-result .gs-title,

.gs-result .gs-title * {

   color: #0000cc;

   text-decoration: none !important;

}


.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {

   color: #333333;

   font-size: 15px !important;

}


.gsc-control-cse .gs-spelling,

.gsc-control-cse .gs-result .gs-title,

.gsc-control-cse .gs-result .gs-title * {

   font-size: 25px !important;

}


.gsc-results .gsc-cursor-box .gsc-cursor-page {

   border-color: #666666;

   background-color: #FFFFFF;

   color: #666666;

   font-size: 18px;

}


.gsc-selected-option-container {

   background-color: #46377A !important;

   background-image: linear-gradient(top,whiteSmoke,#F1F1F1);

   width: 130px;

   height: -webkit-fill-available !important;

   border-radius: 3px !important;

}


.gsc-selected-option {

   position: relative;

   width: 100%;

   color: #fff !important;

   font-size: 12px !important;

}


.gsc-orderby-label {

   color: #676767;

   padding: 15px 5px 6px 0 !important;

}


/* GOOGLE CUSTOM SEARCH RESULT @MOBILE PAGE STYLING OVERIDE*/

.gsc-cursor-chevron {

   cursor: pointer;

   margin-top: 10px !important;

   margin-bottom:10px !important;

   margin-left:50px !important;

   margin-right:50px !important;

   position: relative !important;

   bottom: 0px !important;

   top: 0px !important;

   left: 0px !important;

   width: 24% !important;

   height: 30% !important;

}


/* Clearing 2020 popup styles */

.clearingPopup .overlay {

   height: 100%;

   width: 0;

   position: fixed;

   z-index: 9999;

   top: 0;

   left: 0;

   background-color: rgb(0,0,0);

   background-color: rgba(0,0,0, 0.9);

   overflow-x: hidden;

}


.clearingPopup .overlay-content {

   position: relative;

   height: 100%;

   width: 100%;

   text-align: left;

}


.clearingPopup .side-img {

   background: url('../images/clearing/Clearing-homepage-overlayALT_BG.png') no-repeat;

   background-position: top left;

}


.clearingPopup .clearing-text {

   padding-top: 10%;

   position: relative !important;

   top: 33% !important;

}


.clearingPopup .satisfaction-img {

   position: absolute;

   top: 90%;

   left: 3%;

   max-width: 328px;

   width: 30%;

   height: auto;

}


.clearingPopup .satisfaction-img2 {

   position: absolute;

   top: 90%;

   left: 43%;

   max-width: 328px;

   width: 27%;

   height: auto;

}


.grades-img {

   width: 100%;

   height: auto;

}


.grades-img-spacing {

   margin-top: -35px;

   margin-bottom: -15px;

}


.img-col-spacing {

   margin-left: -10px;

}


.clearingPopup .pink-banner, .clearingPopup .turqouise-banner {

   padding: 0.5rem 1rem;

   color: #fff;

}


.clearingPopup .pink-banner {

   background: #66c6c4;

   margin-bottom: 1.4rem;

   font-size: 68px !important;

   line-height: 78px;

   border-radius: 7px;

}


.clearingPopup .pink-banner .yellow-text {

   color: #ffb017 !important;

   font-size: 60px !important;

   font-weight: 700 !important;

   line-height: 78px;

   font-family: Co-text !important;

}


.clearingPopup .pink-banner .white-text {

   color: #fff !important;

   font-size: 55px !important;

   font-weight: 700 !important;

   line-height: 78px;

   font-family: Co-text !important;

}


.white-text-right {

   color: #fff !important;

   font-size: 30px !important;

   font-weight: 700 !important;

   margin-top: -20px;

   line-height: 40px;

   font-family: Co-text !important;

}


.white-text-right-bottom {

   color: #fff !important;

   font-size: 16px !important;

   font-weight: 300 !important;

   font-family: Co-text !important;

}


.clearingPopup .turqouise-banner {

   background: #ff6b6b;

   font-size: 68px !important;

   line-height: 90px;

}


.clearingPopup .clearing-button-cont {

   padding-top: 2.7rem;

}


.clearingPopup .yellow-btn, .clearingPopup .white-btn {

   display: inline-block;

   color: #1c2f49 !important;

   text-decoration: none;

   text-align: center;

   padding: 2.2rem 3.2rem;

   font-size: 22px !important;

   border-radius: 6px;

   margin: 15px 20px;

}


.clearingPopup .yellow-btn {

   background: #ffb017;

}


.clearingPopup .white-btn {

   background: #fff;

   margin-right: 0px;

}



/* Small devices (landscape phones, 767px and down) */

@media (max-width: 1200px) {

   .clearingPopup .satisfaction-img {

      display: none;

   }

   .clearingPopup .satisfaction-img2 {

      display: none;

   }

}


/* Small devices (landscape phones, 767px and down) */

@media (max-width: 991px) {

   .clearingPopup .side-img {

      background: none !important;

   }


   .clearingPopup .yellow-btn, .clearingPopup .white-btn {

      display: inline-block;

      color: #1c2f49 !important;

      text-decoration: none;

      text-align: center;

      max-width: 328px;

      width: 100%;

      padding: 2.2rem 1.2rem;

      font-size: 22px !important;

      margin: 15px 0;

   }


   .clearingPopup .clearing-text {

      padding-top: 15%;

   }


   .clearingPopup .overlay-content {

      text-align: center;

   }


   .clearingPopup .pink-banner .white-text {

      font-size: 45px !important;

   }


   .clearingPopup .pink-banner .yellow-text {

      font-size: 45px !important;

   }


   .mobile-text-bottom {

      margin: auto;

   }


   .desktop-text-top {

      margin-bottom: 100px;

   }


   .grades-img {

      display: none;

   }


   .white-text-right-bottom {

      display: none;

   }

}




/* ENROLMENT PROCESS COMPONENT STYLES */

.ComponentEnrolmentProcess {

}

.bg-image {

   background-image: url("$EnrolmentSessionBgImage.URL");

   /* Full height */

   height: 100%;

   /* Center and scale the image nicely */

   background-repeat: no-repeat;

   background-size: cover;

}


.ComponentEnrolmentProcess .EnrolCol1 {

   background-color: #1c304a;

   padding: 15px;

}

.ComponentEnrolmentProcess .EnrolCol1 p {

   color: #fff;

}

.ComponentEnrolmentProcess .EnrolCol1 a {

   color: #ffb017;

}



.ComponentEnrolmentProcess .EnrolCol3-A {

   background-color: #ff6b6b;

   padding: 15px;

   padding-left: 30px;

}

.ComponentEnrolmentProcess .EnrolCol3-A h3 {

   color: #fff;

}

.ComponentEnrolmentProcess .EnrolCol3-A p {

   color: #fff;

}


.ComponentEnrolmentProcess .EnrolCol3-B {

   background-color: #dd3598;

   padding: 15px;

   padding-left: 30px;

}

.ComponentEnrolmentProcess .EnrolCol3-B h3 {

   color: #fff;

}

.ComponentEnrolmentProcess .EnrolCol3-B p {

   color: #fff;

}


.ComponentEnrolmentProcess .EnrolCol3-C {

   background-color: #fff;

   padding: 15px;

   padding-left: 30px;

   margin-top: 35px;

}

.ComponentEnrolmentProcess .EnrolCol3-C h3 {

   color: #1c304a;

   padding-right: 40px;

   line-height: 37px;

}

.ComponentEnrolmentProcess .EnrolCol3-C p {

   color: #000;

}

.ComponentEnrolmentProcess .EnrolCol3-C a {

   color: #1c304a;

}


.EnrolCol3-C-img {

   position: absolute;

   width: 70px;

   left: 380px;

   top: 465px;

}


.EnrolCol3-B-btn-margin {

   margin-bottom: 10px;

   font-size: 25px;

}


.EnrolCol2-margin {

   margin-bottom: 20px;

}


.col-md-3-img {

   height: 235px;

}


/* Small devices (landscape phones, 768px and down) */

@media (max-width: 768px) {

   .EnrolCol2-margin {

      margin-top: 20px;

      padding-left: 80px;

      padding-right: 80px;

      padding-bottom: 10px;

   }


   .EnrolCol3-C-img {

      /* position: absolute;

      width: 70px;

      left: 215px;

      top: 645px; */

      display: none;

   }


   .ComponentEnrolmentProcess .EnrolCol1 a {

      display: inline-block;

   }


   .ComponentEnrolmentProcess .EnrolCol3-C a {

      display: inline-block;

   }


   .EnrolCol3-B .btn {

      width: max-content !important;

   }


   .col-md-3-img {

      height: auto;

   }


   .EnrolCol3-B-btn-margin {

      margin-bottom: 10px;

      font-size: inherit;

   }

}




/* INFOGRPHICS COMPONENT STYLES */

.ComponentInfographicsBlock {

}


.ComponentInfographicsBlock .row {

   align-items: center !important;

}


.ComponentInfographicsBlock .InfographicsFirstText {

   background-color: #e39829;

   padding: 15px;

   border-radius: 7px;

}


.ComponentInfographicsBlock .InfographicsSecondText {

   background-color: #00adee;

   padding: 15px;

   border-radius: 7px;

}


.ComponentInfographicsBlock .InfograhicsFirst-Img {

   width: 70%;

   padding-left: 10px;

}


.ComponentInfographicsBlock .InfograhicsSecond-Img {

   width: 70%;

   padding-right: 10px;

}


.ComponentInfographicsBlock .InfographicsHeaderText h3 {

   font-size: 40px !important;

   color: #1c304a !important;

   text-align: center;

   margin-top: 20px;

   margin-bottom: 20px;

   padding-right: 200px;

   padding-left: 200px;

   line-height: 50px;

}


/* Small devices (landscape phones, 768px and down) */

@media (max-width: 768px) {

   .ComponentInfographicsBlock .flex-row-reverse-mobile {

      flex-direction: column-reverse;

   }


   .ComponentInfographicsBlock .InfograhicsFirst-Img {

      width: 100%;

   }


   .ComponentInfographicsBlock .InfograhicsSecond-Img {

      width: 100%;

   }


   .ComponentInfographicsBlock .InfographicsFirstImage {

      margin-top: 20px;

      /* padding-left: 80px; */

      /* padding-right: 80px; */

      /* padding-bottom: 10px; */

      margin-right: 0px;

   }


   .ComponentInfographicsBlock .InfographicsSecondImage {

      margin-top: 20px;

      /* padding-left: 80px; */

      /* padding-right: 80px; */

      /* padding-bottom: 10px; */

      margin-right: 0px;

   }


   .ComponentInfographicsBlock .InfographicsHeaderText h3 {

      line-height: 50px;

      padding-right: 0px;

      padding-left: 0px;


   }

}






/* SCLEARING WEBSITE STYLES - Lazilly Copied in from Clearing.CSS for ComponentWhyBolton- To be cleaned later*/

.navbar-uob-gradient {

   background-image: linear-gradient(to right, #de3598 , #46377a);

   height: 120px;

}


.navbar-uob-gradient .navbar-brand img {

   width: 250px;

}


.collapse .navbar-nav li {

   padding: 0 3rem 0 0;

}


.collapse .navbar-nav .no-pad {

   padding: 0 0 0 0 !important;

}


.collapse .nav-item a {

   border-bottom: none !important;

   color: #fff !important;

}


.clearing-search {

   background: #1c3049;

   margin-top: 120px;

}


.clearing-search label {

   display: block;

   font-size: 16px;

   color: #fff;

}


.clearing-search form {

   width: 100%;

}


.clearing-search input[type=text] {

   border: 1px solid #1c3049;

   border-radius: 10px;

   padding: 0.8em 1.1rem;

   margin: 0;

   width: 100%;

   display: block;

   background: #fff;

}


.clearing-search button {

   background: #f8ac1a;

   color: #fff;

   padding: 0.8em 2.4rem;

   border-radius: 10px;

   border: 1px solid #f8ac1a;

   transition: 0.6s ease;

}


.clearing-search button:hover {

   background: #df9a17;

   color: #fff;

   border: 1px solid #df9a17;

}


.clearing-banner {

   background: url('../images/clearing/clearing-main-header-1920x800.jpg') no-repeat;

   background-position: center top;

   padding-top: 5%;

   padding-bottom: 9rem;

   min-height: 85vh;

   margin-top: 226px;

   background-size: cover;

}


.clearing-banner h1 {

   line-height: 100px;

}


.clearing-banner h1 span {

   font-size: 72px;

   color: #fff !important;

}


.clearing-banner .btn-cont {

   padding-top: 7rem !important;

}


.white-text, .white-text a {

   color: #fff !important;

}


.navy-blue-text {

   color: #1c3049 !important;

}


.yellow-text, .clearing-banner h1 span.yellow-text, .yellow-text a, .yellow-text a:hover {

   color: #f8ac1a !important;

}


.cs-top-margin {

   margin-top: 180px;

   display: none;

}


.cs-info-align {

   text-align: center;

   color: #f8ac1a !important;

   font-size: 40px;

   padding: 8px;

   font-weight: 600;

}


.cs-info-align-top {

   position: fixed;

   top: 0;

   right: 0;

   left: 0;

   z-index: 1040;

}


.pink-bg {

   background: #de3598 !important;

   padding: 0.4rem 1rem 0.4rem 3rem;

}


.turqouise-bg {

   background: #66c6c4 !important;

   padding: 0.4rem 1rem 0.4rem 3rem;

}


.header-text {

   font-size: 44px;

   line-height: 44px;

}


.header-tel, .yellow-text a {

   font-size: 30px;

   line-height: 30px;

   font-weight: 500 !important;

}


.btn-navy-full {

   background: #1c3049;

   border: 1px solid #1c3049;

   color: #fff;

   border-radius: 10px;

}


.btn-navy-full:hover {

   background: #49596d;

   border: 1px solid #49596d;

   color: #fff !important;

}


.btn-yellow-full {

   background: #f8ac1a;

   border: 1px solid #f8ac1a;

   color: #fff;

   border-radius: 10px;

   margin-right: 1.8rem;

}


.btn-yellow-full:hover {

   background: #ad7812;

   border: 1px solid #ad7812;

   color: #fff !important;

}


.btn-peach-full {

   background: #ff6b6b;

   border: 1px solid #ff6b6b;

   color: #fff;

   border-radius: 10px;

   margin-left: 1.8rem;

}


.btn-peach-full:hover {

   background: #b24a4a;

   border: 1px solid #b24a4a;

   color: #fff !important;

}


.btn-pink {

   background: #de3598;

   border: 1px solid #de3598;

   color: #fff;

   border-radius: 10px;

}


.btn-pink:hover {

   background: #851f5b;

   border: 1px solid #851f5b;

   color: #fff !important;

}


.btn-yellow {

   background: #f8ac1a;

   border: 1px solid #f8ac1a;

   color: #fff;

   border-radius: 10px;

}


.btn-yellow:hover {

   background: #ad7812;

   border: 1px solid #ad7812;

   color: #fff !important;

}


.btn-purple {

   background: #46377a;

   border: 1px solid #46377a;

   color: #fff;

   border-radius: 10px;

}


.btn-purple:hover {

   background: #7d73a1;

   border: 1px solid #7d73a1;

   color: #fff !important;

}


.btn-peach {

   background: #ff6b6b;

   border: 1px solid #ff6b6b;

   color: #fff;

   border-radius: 10px;

}


.btn-peach:hover {

   background: #b24a4a;

   border: 1px solid #b24a4a;

   color: #fff !important;

}


.btn-turqouise {

   background: #66c6c4;

   border: 1px solid #66c6c4;

   color: #fff;

   border-radius: 10px;

}


.btn-turqouise:hover {

   background: #3d7675;

   border: 1px solid #3d7675;

   color: #fff !important;

}


.btn-large {

   padding: 1.6rem 1.6rem;

   font-size: 16px;

   margin: 15px;

}


.btn-big-block {

   padding: 1.6rem 3rem;

   margin: 15px;

   font-size: 16px;

   display: inline-block;

   text-align: center;

}


.btn-cont:last-child {

   margin-right: 0;

}


.btn-60-block {

   width: 60%;

   padding: 2.2rem 0;

   font-size: 18px;

   display: block;

   text-align: center;

   margin: 0 auto;

}


.bg-navy-blue {

   background: #1c3049;

   padding-left: 20px;

   padding-right: 20px;

   min-height: 370px;

}


.Why-BoltonBlock-PlainText {

   padding: 30px 40px 0px 40px;

   margin: 20px 100px -160px 30px;

}


@media screen and (max-width: 768px)  {

   .Why-BoltonBlock-PlainText {

      margin: 0px 0px -160px 0px;

   }

}


.bg-white {

   background: #fff;

}


.bg-white .mb-5 {

   margin-bottom: 7rem !important;

}


.border-pink {

   border: 2px solid #de3598;

   border-radius: 10px;

}


.border-turqouise {

   border: 2px solid #66c6c4;

   border-radius: 10px;

}


.negative-margin-200 {

   position: relative;

   bottom: 0rem;

   top: 0rem;

   margin-bottom: 200px;

}


.positive-margin-34 {

   top: 3rem;

   z-index: 1000;

   position: relative;

}


.why-bolton {


}


.why-icon {

   width: 100%;

   max-width: 135px;

   height: auto;

}


.why-icon-text {

   width: 100%;

   max-width: 200px;

   color: #fff;

   font-size: 18px;

}


.why-bolton h2 {

   color: #fff;

}


.why-bolton h2 .yellow-text, .why-bolton h2 {

   font-size: 38px;

}


.what-is-clearing {

   background: url('../images/clearing/clearing-section-bg-1920x789.jpg') no-repeat;

   background-position: center top;

   background-size: cover;

   padding-top: 11rem;

}


.what-is-clearing .owl-carousel .disabled, .ready-to-apply .owl-carousel .disabled {

   display: none !important;

}


.what-is-clearing h3 {

   font-size: 38px;

   font-weight: 700;

   margin-bottom: 2.8rem;

}


.what-is-clearing h4 {

   font-size: 24px;

   font-weight: 700;

   margin-bottom: 1.2rem;

}


.what-is-clearing p {

   font-size: 18px;

   font-weight: 500;

   line-height: 24px;

}


.what-is-clearing .left-click, .what-is-clearing .right-click {

   position: absolute;

   top: 15%;

   cursor: pointer;

   z-index: 1000;

}


.what-is-clearing .left-click {

   left: 10px;

}


.what-is-clearing .right-click {

   right: 10px;

}


.ready-to-apply .row, .open-days .row, .what-is-clearing .row, .clearing-search .row {

   margin-bottom: 0 !important;

}


.ready-to-apply h2 {

   margin-top: 17%;

}


.ready-to-apply h2 span {

   color: #fff !important;

   font-size: 62px;

   line-height: 70px;

}


.ready-to-apply h3 {

   margin-top: 30%;

   font-size: 32px;

   line-height: 42px;

   color: #1f304c !important;

}


.ComponentReadyToApply {

   margin-top: -50px;

}

.ComponentReadyToApply .text-center h3 {

   margin-top: 0px;

   font-size: 32px;

   line-height: 42px;

   color: #1f304c !important;

}


@media screen and (min-width: 768px) {

   .ComponentTextContactBlock .hs-form-iframe {

      width: 330px;

   }

}


@media screen and (max-width: 768px) {

   .ComponentReadyToApply .hide-nav-mobile {

      display: none;

   }


   .ComponentReadyToApply .text-center h3 {

      margin-top: 30px;

   }

}


.ComponentReadyToApplyTwo{

   margin-top: 50px;

}

.ComponentReadyToApplyTwo .text-md-right h2 {

   color: #1c304A !important;

   font-size: 75px;

   line-height: 0px;

   font-family: co-text;

}


.ComponentReadyToApplyTwo .readytoapply-btns p {

   margin-top: 25.8rem;

   padding: 0.2rem;

}


.ComponentReadyToApplyTwo #apply-btn1-width {

   width: 49% !important;

   padding: 1.6rem 0.5rem !important;

   display: inline-block !important;

}


@media screen and (max-width: 768px) {

   .ComponentReadyToApplyTwo #apply-btn1-width {

      width: 80% !important;

   }

   .ComponentReadyToApplyTwo .btn-cont a.btn-block {

      width: 44% !important;

   }

}


.ComponentReadyToApplyTwo .btn-cont a.btn-block {

   width: 35%;

   padding: 1.6rem 0.5rem !important;

   display: inline-block !important;

   margin-right: 1rem;

}


.ComponentReadyToApplyTwo .btn-block {

   margin-top: 1.5rem !important;

}


@media only screen and (min-width: 1197px) {

   .ComponentReadyToApplyTwo .pr-4 {

      padding-right: 14.5rem !important;

   }

}


@media only screen and (max-width: 1197px) and (min-width: 280px) {

   .ComponentReadyToApplyTwo .d-md-block {

      display: block !important;

   }


   .ComponentReadyToApplyTwo .text-md-right h2 {

      line-height: 66px !important;

      font-size: 60px !important;

   }


   .ComponentReadyToApplyTwo .pr-4, .ComponentReadyToApplyTwo .px-4 {

      padding-right: 1.5rem !important;

   }

}


@media screen and (max-width: 400px) {

   .ComponentTextContactBlock .hs-form-iframe {

      width: 215px !important;

      max-width: 280px;

   }

   .ComponentTextContactBlock h2 {

      font-size: 30px;

   }

   .ComponentTextContactBlock p {

      font-size: 22px;

   }


   .ComponentTextContactBlock span {

      font-size: 22px;

   }


   .ComponentReadyToApplyTwo .btn-cont a.btn-block {

      width: 80% !important;

   }

}


.ready-to-apply p, .open-days p, .ready-to-apply p a, .open-days p a {

   margin-top: 1.8rem;

   color: #1c3049 !important;

   font-size: 18px;

   line-height: 26px;

}


.ready-to-apply .btn-cont a:first-child {

   margin-right: 1.3rem;

}


.ready-to-apply .btn-cont a.btn-block {

   width: 40%;

   padding: 1.6rem 0.5rem;

   display: inline-block;

}


.ready-to-apply p.btn-cont a {

   color: #fff !important;

}


.ready-to-apply .nav-apply {

   color: #de3598 !important;

   font-size: 18px;

   padding: 0 0.7rem;

   cursor: pointer;

}


.open-days h2 {

   margin-top: 3.4rem;

   font-size: 72px;

   line-height: 80px;

   color: #1f304c !important;

}


.open-days .date-cont {

   position: relative;

   top: 35%;

   right: 12%;

}


.open-days .date-cont img {

   max-width: 235px;

   height: auto;

   width: 100%;

   display: inline-block;

   padding-right: 1.3rem;

}


.faq-help {

   background: url('../images/clearing/help-bg-1920x907.png') no-repeat;

   margin-top: -94px;

   position: relative;

   z-index: 1000;

   background-position: center top;

   background-size: cover;

   padding: 7rem 0 3rem 0;

}


.faq-help h2, .faq-help p, .faq-help a {

   color: #fff !important;

}


.faq-help h2 {

   width: 60%;

}


.faq-help p, .faq-help a {

   font-size: 18px;

}


.accordion-header {

   background: #fff;

   color: #023048;

   cursor: pointer;

   padding: 0.7rem 4rem 0.7rem 1.3rem;

   border-radius: 10px;

   position: relative;

}


.accordion-header:hover {

   background: #fff;

}


.accordian-content {

   display: none;

   color: #fff;

   padding: 0.8rem 0.4rem;

}


.accordion-header::after {

   content: '';

   background: url('../images/clearing/open-arrow-26x20.png') no-repeat;

   width: 26px;

   height: 20px;

   right: 25px;

   position: absolute;

   top: 35%;

}


.active.accordion-header {

   background: #c14344;

   color: #fff;

}


.active.accordion-header::after {

   background: url('../images/clearing/close-arrow-26x20.png') no-repeat;

}


.btn-overlay-section {

   bottom: -12rem !important;

   position: relative;

}


.owl-carousel .owl-stage-outer {

   height: 120% !important;

}


/* Large devices (desktops, 992px and up) */

@media (max-width: 1199px) {

   .header-text {

      font-size: 38px;

   }

   .header-tel {

      font-size: 26px;

   }

   .clearing-banner h1 span {

      font-size: 60px;

   }

   .clearing-banner .btn-cont {

      padding-top: 5.8rem !important;

   }

   .what-is-clearing {

      padding-top: 12rem;

   }

   .ready-to-apply h2 span {

      font-size: 50px;

   }

   .open-days h2 {

      font-size: 60px;

   }

   .open-days p{

      margin-bottom: 6rem;

   }

}


/* Medium devices (tablets, 991px and down) */

@media (max-width: 991px) {

   .header-text {

      font-size: 22px;

   }

   .header-tel, .yellow-text {

      font-size: 20px;

   }

   .clearing-banner {

      padding-top: 60px;

      margin-top: 188px;

   }

   .clearing-banner h1 {

      line-height: 70px;

   }

   .clearing-banner h1 span {

      font-size: 45px;

   }

   .clearing-banner .btn-cont {

      padding-top: 5.8rem !important;

   }

   .btn-cont {

      text-align: center;

   }

   .btn-large {

      display: inline-block;

   }

   .what-is-clearing {

      padding-top: 12rem;

   }

   .ready-to-apply h2 span {

      font-size: 50px;

   }

   .open-days h2 {

      font-size: 60px;

   }

   .open-days p{

      margin-bottom: 6rem;

   }

   .btn-big-block {

      margin-bottom: 1.7rem;

   }

   .why-bolton h2 .yellow-text, .why-bolton h2 {

      font-size: 26px;

   }

   .navbar-uob-gradient {

      height: 80px;

   }

   .navbar-uob-gradient .navbar-brand img {

      width: 180px;

   }

   .clearing-search {

      margin-top: 80px;

   }

}


/* Small devices (landscape phones, 767px and down) */

@media (max-width: 767px) {

   .why-bolton h2 {

      padding: 0 2.4rem;

   }

   .pink-bg {

      padding: 0.4rem 1rem;

   }

   .turqouise-bg {

      background: #66c6c4 !important;

      padding: 0.4rem 1rem;

   }

   .clearing-search form {

      width: 80%;

   }

   .clearing-banner .btn-cont {

      padding-top: 1.8rem !important;

   }

   .btn-large {

      width: 100%;

      margin: 15px 0;

   }

   .btn-big-block {

      width: 100%;

      margin: 0 0 15px;

   }

   .clearing-banner {

      padding-top: 20px;

      margin-top: 185px;

      min-height: 95vh;

   }

   .clearing-banner h1 span {

      font-size: 35px;

   }

}





.ComponentIconsTextBlock {
   margin-top: 0px;
   margin-bottom: -110px;
}

.ComponentIconsTextBlock #IconBlocktitle {
   text-align: center;
   margin-bottom: 70px;
   margin-top: 10px;
}

.ComponentIconsTextBlock #IconBlocktitle h2 {
   color: #1c304a;
   font-size: 50px;
}

@media only screen and (max-width: 768px) and (min-width: 320px){
   .ComponentIconsTextBlock #IconBlocktitle h2{
      font-size: 35px !important;
   }
   .ComponentIconsTextBlock #IconBlockButton {
      width: 300px !important;
   }
}

.ComponentIconsTextBlock #IconBlockButton {
   margin-bottom: 90px;
   width: auto;
   margin-top: -60px;
   z-index: 1;
}

.ComponentIconsTextBlock .IconImageContainer {
   z-index: 1;
   padding: 40px;
}

.ComponentIconsTextBlock .position {
   padding: 0px;
}

.ComponentIconsTextBlock .IconText {
   margin-top: 50px;
   margin-bottom: 50px;
}
.ComponentIconsTextBlock .IconText h2 {
   text-align: center;
   color: #1c304a;
   font-size: 45px;
   line-height: initial;
}

@media only screen and (max-width: 768px) and (min-width: 320px){
   .ComponentIconsTextBlock .IconText h2 {
      font-size: 38px !important;
   }
}

.ComponentIconsTextBlock .IconText p {
   text-align: center;
   padding-left: 30px;
   padding-right: 30px;
   justify-content: center;
   margin-bottom: 90px;
}

.ComponentIconsTextBlock .Icongradient1 {
   border-radius: 10px;
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   pointer: cursor;
   /* background: linear-gradient(0deg, #46377a, #dd3598); */
   -ms-transform: rotate(20deg); /* IE 9 */
   transform: rotate(20deg);
   border: 2px solid #46377a;
}

.ComponentIconsTextBlock .Icongradient2 {
   border-radius: 10px;
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   pointer: cursor;
   /* background: linear-gradient(0deg, #46377a, #65c6c3); */
   -ms-transform: rotate(20deg); /* IE 9 */
   transform: rotate(20deg);
   border: 2px solid #dd3598;
}

.ComponentIconsTextBlock .Icongradient3 {
   border-radius: 10px;
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   pointer: cursor;
   /* background: linear-gradient(0deg, #ff6b6b, #dd3598); */
   -ms-transform: rotate(20deg); /* IE 9 */
   transform: rotate(20deg);
   border: 2px solid #ff6b6b;
}


.ComponentOnlineAdmiProcess {
   /* background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), var(--image-url) center center; */
   background: rgb(221,53,152);
   background: linear-gradient(0deg, rgba(221,53,152,1) 0%, rgba(70,55,122,0.7483368347338936) 61%), var(--image-url) center center;
   /* Full height */
   height: 100%;
   /* Center and scale the image nicely */
   background-repeat: no-repeat;
   background-size: cover;
   justify-content: center;
   -webkit-backface-visibility: hidden;
}

.Onlineprocess-sloped-edge {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

.Onlineprocess-sloped-edge:after {
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
   clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
   background: #e99d15;
   content: '';
   position: absolute;
   left: 0;
   top: -82%;
   right: 0;
   height: 100%;
   display: block;
   z-index: 9;
}

.ComponentOnlineAdmiProcess .OnlineAdmiProcessIconImg {
   max-width: fit-content !important;
}

.ComponentOnlineAdmiProcess .icon-text-block-main {
   background: #fff;
}

.ComponentOnlineAdmiProcess .icon-text-block-child {
   Padding: 30px;
   margin-bottom: 4rem;
}

.ComponentOnlineAdmiProcess .OnlineAdmiProcessbottomsection {
   margin-top: 70px;
   margin-bottom: 10px;
}

.ComponentOnlineAdmiProcess h2 {
   font-size: 55px;
   line-height: 67px;
   color: #fff;
   margin-top: 3rem;
   margin-bottom: 3rem;
   font-weight: 500;
   font-family: "co-headline", sans-serif;
}

.ComponentOnlineAdmiProcess h5 {
   font-size: 20px;
   line-height: 27px;
   padding-bottom: 20px;
}

.ComponentOnlineAdmiProcess .OnlineAdmiProcessChildText {
   background: #1c304a;
   padding: 25px;
   margin-left: -16px;
}

.ComponentOnlineAdmiProcess .OnlineAdmiProcessChildText p {
   color: #fff;
   line-height: 27px;
}

.ComponentOnlineAdmiProcess .OnlineAdmiProcessBottomTextleft p {
   font-size: 37px;
   line-height: 45px;
   color: #fff;
   font-weight: 400;
}

@media (max-width: 768px){
   .ComponentOnlineAdmiProcess .make-loop-section-responsive {
      display: flex;
      justify-content: center;
   }

   .ComponentOnlineAdmiProcess .OnlineAdmiProcessChildText {
      padding: 50px;
      margin-left: 0 !important;
   }

   .ComponentOnlineAdmiProcess h2 {
      font-size: 38px;
   }
   .ComponentOnlineAdmiProcess .OnlineAdmiProcessBottomTextleft p {
      font-size: 27px;
   }

   .ComponentOnlineAdmiProcess .OnlineAdmiProcessChildSideImage {
      max-width: fit-content;
   }

   .Onlineprocess-sloped-edge {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }

   .Onlineprocess-sloped-edge:after {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
   }
}


.PageMainEvents h3{
   /* color: #046b99 !important; */
   font-weight: 300;
}

@media (min-width: 1500px) {

   .PageMainEvents .pageHeader {
      height: 800px;
      padding-bottom: 50px;
   }
   .PageMainEvents .editable-header {
      height: 800px;
   }
}


.ComponentMainEventsBlock .orange-btncolor {
   background: #FFA500 !important;
   color: #fff !important;
}

.ComponentMainEventsBlock .name-style {
   font-style: italic;
   padding: 5px;
}


/* Styles for National Student Survey WebPage */
.PageGenericAllTypes h1 {
   color: #1c304a !important;
   margin-bottom: 30px;
   font-weight: 600 !important;
   font-size: 62px;
   line-height: 70px;
   margin-top: 0px !important;
   font-family: co-headline,sans-serif !important;
}

.PageGenericAllTypes .pageheader2 {
   height: 700px;
   width: auto;
   margin: 0%;
   position: relative;
   overflow: hidden !important;
   margin-bottom: -260px;
}

.PageGenericAllTypes svg {
   position: absolute;
   bottom: 0px;
   top: 260px;
   left: 0px;
   width: 100%;
   height: 64%;
}

.PageGenericAllTypes .pageheader2__background {
   background-size: cover;
   background-position: inherit;
   background-repeat: no-repeat;
   background-image: var(--image-url);
   margin: 0%;
   height: 766px;
}



/* Styles for National Student Survey WebPage */
.PageNationalSurvey h1 {
   color: #1c304a !important;
   margin-bottom: 30px;
   font-weight: 600 !important;
   font-size: 62px;
   line-height: 70px;
   margin-top: 0px !important;
   font-family: co-headline,sans-serif !important;
}

.PageNationalSurvey .pageheader2 {
   height: 700px;
   width: auto;
   margin: 0%;
   position: relative;
   overflow: hidden !important;
   margin-bottom: -260px;
}

.PageNationalSurvey svg {
   position: absolute;
   bottom: 0px;
   top: 260px;
   left: 0px;
   width: 100%;
   height: 64%;
}

.PageNationalSurvey .pageheader2__background {
   background-size: cover;
   background-position: inherit;
   background-repeat: no-repeat;
   background-image: var(--image-url);
   margin: 0%;
   height: 766px;
}

.PageNationalSurvey .bg-gradient:after {
   content:'';
   left:0; top:0;
   width:100%; height:100%;
   display:inline-block;
   background: rgb(221,53,152);
   background: -moz-linear-gradient(273deg, rgba(221,53,152,1) 0%, rgba(255,59,48,0.5494572829131652) 100%);
   background: -webkit-linear-gradient(273deg, rgba(221,53,152,1) 0%, rgba(255,59,48,0.5494572829131652) 100%);
   background: linear-gradient(273deg, rgba(221,53,152,1) 0%, rgba(255,59,48,0.5494572829131652) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dd3598",endColorstr="#ff3b30",GradientType=1);
}


/* Styles for National Student Survey Component */
.ComponentNSSSection {
   margin-top: 50px;
}
.ComponentNSSSection h1 {
   color: #1c304a !important;
   margin-bottom: 30px;
   font-weight: 600 !important;
   font-size: 62px;
   line-height: 70px;
   margin-top: 0px !important;
   font-family: co-headline,sans-serif !important;
}

.ComponentNSSSection .img-fluid {
   max-width: 100%;
   height: auto;
   width: fit-content !important;
}

.ComponentNSSSection .bottomRightUnique {
   width: 276px;
   height: 66px;
}

.ComponentNSSSection .nav-link {
   display: block;
   padding: 0.5rem 0rem;
}

.ComponentNSSSection p {
   font-size: 18px;
   line-height: 25px;
   color: #000;
   font-family: inherit;
}


/* Styles for What is NSS Component */
.ComponentWhatisNssSection .whatisnss-section {
   background: rgb(70,55,122);
   background: -moz-linear-gradient(273deg, rgba(70,55,122,0.9486169467787114) 0%, rgba(101,198,195,1) 100%);
   background: -webkit-linear-gradient(273deg, rgba(70,55,122,0.9486169467787114) 0%, rgba(101,198,195,1) 100%);
   background: linear-gradient(273deg, rgba(70,55,122,0.9486169467787114) 0%, rgba(101,198,195,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46377a",endColorstr="#65c6c3",GradientType=1);
   padding: 50px 0PX;
   color: white;
   margin-top: 40px;
}

.ComponentWhatisNssSection .nav-link {
   display: block;
   padding: 0.5rem 0rem;
}

.ComponentWhatisNssSection .videoWrapper iframe {
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 10px;
}

.ComponentWhatisNssSection .video-height-main {
   height: 27rem;
}

.ComponentWhatisNssSection .video-height-small {
   height: 14rem;
}

.ComponentWhatisNssSection .whatssisnesss-detail h1 {
   color: #fff !important;
}

.ComponentWhatisNssSection .whatssisnesss-detail p {
   color: #fff;
   line-height: inherit;
}

.ComponentWhatisNssSection .whatssisnesss-detail {
   padding-left: 5rem;
}

@media screen and (max-width: 768px) {
   .ComponentWhatisNssSection .video-height-main {
      height: 20rem;
   }
   .ComponentWhatisNssSection .video-height-small {
      height: 20rem;
      margin-top: 2rem;
   }
   .ComponentWhatisNssSection .whatssisnesss-detail {
      padding-left: 1rem;
   }
}
.ComponentWhyItIsSection .whyitis-section {
   padding: 40px 0px;
}
.ComponentWhyItIsSection .whyitis-section h1 {
   font-weight: 800;
   margin-bottom: 40px;
}

.ComponentWhyItIsSection .whyitis-section p {
   line-height: 28px;
}

.ComponentWhyItIsSection .whyitis-section h3 {
   font-weight: 700;
   font-size: 28px;
   color: #1c304a !important;
   line-height: 33px;
}
.ComponentWhyItIsSection .whyitis-section h2 {
   font-size: 31px;
   font-weight: 500;
   color: #1c304a !important;
   margin-bottom: 23px;
}
.ComponentWhyItIsSection .ComponentAccordion_Purr .accordion_pannel_button {
   width: 100% !important;
   margin-bottom: 30px;
   justify-content: flex-start !important;
   font-size: 20px;
}

.ComponentWhyItIsSection .ComponentAccordion_Purr .accordion_pannel_dropdown--show {
   display: block;
   padding: 0px !important;
}

.ComponentWhyItIsSection .accordion-container {
   margin-left: -25px !important;
}


/* Styles for Component WhyItIsSection  */

.ComponentWhyItIsSection .whyitis-section {
   padding: 40px 0px;
}
.ComponentWhyItIsSection .whyitis-section h1 {
   font-weight: 800;
   margin-bottom: 40px;
}

.ComponentWhyItIsSection .whyitis-section p {
   line-height: 28px;
}

.ComponentWhyItIsSection .whyitis-section h3 {
   font-weight: 700;
   font-size: 28px;
   color: #1c304a !important;
   line-height: 33px;
}
.ComponentWhyItIsSection .whyitis-section h2 {
   font-size: 31px;
   font-weight: 500;
   color: #1c304a !important;
   margin-bottom: 23px;
}
.ComponentWhyItIsSection .ComponentAccordion_Purr .accordion_pannel_button {
   width: 100% !important;
   margin-bottom: 30px;
   justify-content: flex-start !important;
   font-size: 20px;
}

.ComponentWhyItIsSection .ComponentAccordion_Purr .accordion_pannel_dropdown--show {
   display: block;
   padding: 0px !important;
}

.ComponentWhyItIsSection .accordion-container {
   margin-left: -25px !important;
}



/* Styles for Component Price Section */
.ComponentPriceSection .price-section {
   padding: 20px 0px;
   background: #1c304a;
   color: white;
}
.ComponentPriceSection .price-section h4 {
   color: #ffb017 !important;
   font-weight: 700;
}
.ComponentPriceSection .price-section p {
   color: #ffb017;
}
.ComponentPriceSection .text-white {
   color: #fff !important;
}
.ComponentPriceSection sub, sup {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline;
}
.ComponentPriceSection sub {
   bottom: -.25em;
}
.ComponentPriceSection h1 {
   font-size: 2.5rem;
   margin-bottom: .5rem;
   font-family: inherit;
   font-weight: 500;
   line-height: 1.2;
   color: #fff !important;
   font-weight: 500 !important;
}
.ComponentPriceSection .container-top-margin {
   margin-top: 2rem;
}



/* Styles for Component Last Survey section */
.ComponentLastSurveySection .lastsurvey-section {
   position: relative;
   padding: 40px 0px;
   background-size: cover;
   object-fit: cover;
}
.ComponentLastSurveySection .lastsurvey-section:before {
   content: '';
   /* background: linear-gradient(#dd3598 0%, #ff6b6b 100%); */
   /* background: linear-gradient(#dd3598 0%, #46377a 100%); */
   background: rgb(58,55,122);
   background: -moz-linear-gradient(273deg, rgba(58,55,122,1) 0%, rgba(221,53,152,0.8911939775910365) 80%);
   background: -webkit-linear-gradient(273deg, rgba(58,55,122,1) 0%, rgba(221,53,152,0.8911939775910365) 80%);
   background: linear-gradient(273deg, rgba(58,55,122,1) 0%, rgba(221,53,152,0.8911939775910365) 80%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a377a",endColorstr="#dd3598",GradientType=1);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .76;
}
.ComponentLastSurveySection .lastsurvey-section h2 {
   color: white;
   font-size: 44px;
   font-weight: 500;
   margin-bottom: 30px;
   line-height: 45px;
}
.ComponentLastSurveySection .lastsurvey-section p {
   color: white;
   font-family: inherit;
   line-height: 25px;
}
.ComponentLastSurveySection .xx-section {
   width: 370px;
   height: 370px;
   margin: auto;
   border: 5px solid white;
   color: white;
   border-radius: 50%;
   position: relative;
}
.ComponentLastSurveySection .xx-section h1 {
   font-size: 135px;
   font-weight: 800 !important;
   color: #fff !important;
   padding-top: 80px;
}
.ComponentLastSurveySection .xx-section h1 sub {
   font-size: 50px;
   bottom: 0px;
}
.ComponentLastSurveySection .sms-image {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100px;
}
.ComponentLastSurveySection .xx-section h5 {
   color: #ffb017;
   font-size: 30px;
}
.ComponentLastSurveySection .nav-link {
   display: block;
   padding: 0.5rem 0rem;
}

/* Styles for Component Clients Survey */
.ComponentClientsSection .clients-section {
   background: linear-gradient(#dd3598 0%, #ff6b6b 100%);
   padding: 40px 0px;
}
.ComponentClientsSection .ImgA {
   width: 190px;
}
.ComponentClientsSection .ImgB {
   width: 250px;
}
.ComponentClientsSection .ImgC {
   width: 250px;
}
.ComponentClientsSection .text-white {
   font-size: 25px;
   font-family: inherit;
}


.ComponentClientsSection .Blue-bg {
   background: #1c304a;
   padding: 40px 0px;
}

.ComponentClientsSection .why-heading {
   color: #ffb017;
   font-weight: 600;
   font-size: 45px;
}

.ComponentClientsSection .whytext-para {
   color: white !important;
   max-width: 739px;
   line-height: 25px;
   margin-top: 20px;
   margin-bottom: 25px;
}

.ComponentClientsSection .icons-images-margins {
   margin-top: 48px;
   margin-bottom: 40px;
}

.ComponentClientsSection .awward-section img {
   height: 92px;
   object-fit: contain;
}

.ComponentClientsSection .award1text {
   color: #ff6b6b;
   font-weight: 600;
}
.ComponentClientsSection .award2text {
   color: #65c6c3;
   font-weight: 600;
}
.ComponentClientsSection .award3text {
   color: #dd3598;
   font-weight: 600;
}
.ComponentClientsSection .award4text {
   color: #ffb017;
   font-weight: 600;
}
.ComponentClientsSection .award5text {
   color: #fff;
   font-weight: 600;
}

/* Page Generic All Styles */
.generic-page-all .videoWrapper iframe {
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 10px;
}

.generic-page-all .video-height-main {
   height: 28rem;
   padding: 30px;
   width: auto;
}

.generic-page-all h3 {
   font-size: 42px;
   line-height: 34px;
   color: #1c304a !important;
   font-weight: 800;
   font-family: "co-text", sans-serif;
}

.generic-page-all .page-generic-btns {
   display: block;
   padding: 0.5rem 1rem;
}

@media screen and (max-width: 768px) {
   .generic-page-all .video-height-main {
      height: 100%;
      width: 100%;
      padding: 0px;
   }
   .generic-page-all h1 {
      color: #1c304a !important;
      margin-bottom: 30px;
      font-weight: 600 !important;
      font-size: 33px;
      line-height: 40px;
      margin-top: 0px !important;
      font-family: co-headline,sans-serif !important;
   }

   .generic-page-all h3 {
      font-size: 20px;
      line-height: 34px;
      color: #1c304a !important;
      font-weight: 800;
      font-family: "co-text", sans-serif;
   }

   .generic-page-all .videoWrapper iframe {
      height: 18rem;
   }
}

/* Styles for ComponentNssSearchSection */
.ComponentNssSearchSection .search-section {
   padding: 40px 0px;
   background: #dde0e4;
}
.ComponentNssSearchSection .search-section h3 {
   font-weight: 600;
   font-size: 42px;
   line-height: 34px;
   color: #1c304a !important;
   font-weight: 800;
   font-family: "co-text", sans-serif;
}
.ComponentNssSearchSection .rounded {
   border-radius: 0.25rem !important;
   margin-right: 3rem;
}
.ComponentNssSearchSection .form-control {
   height: calc(2.2em + 0.75rem + 2px);
}
.ComponentNssSearchSection .row-top-margin {
   margin-top: 2rem;
}


/* Styles for Component Nss Box Section */
.ComponentNssBoxSection {
   margin-top: 3rem;
   margin-bottom: 4rem;
}
.ComponentNssBoxSection .start-heading {
   font-weight: 500 !important;
   margin-bottom: 35px;
   margin-top: 35px !important;
}

.ComponentNssBoxSection .book-day {
   background-position: center !important;
   background-repeat: no-repeat !important;
   padding: 50px 40px;
   color: white;
   border-radius: 6px;
   position: relative;
   background-size: cover !important;
   object-fit: cover;
   height: 400px;
}

.ComponentNssBoxSection .book-day h1 {
   font-size: 54px;
   line-height: 60px;
   z-index: 9;
   color: #fff!important;
   max-width: 265px;
}

.ComponentNssBoxSection h2 {
    font-size: 45px !important;
    line-height: 67px;
    color: #1c304a !important;
    font-weight: 600;
    font-family: "co-headline", sans-serif !important;
    text-align: center !important;
    margin-top: 30px ;
    margin-bottom: 20px;
}

.ComponentNssBoxSection h4 {
   font-size: 32px;
    line-height: 44px;
    color: #1c304a;
    font-family: "co-text", sans-serif;
}

.ComponentNssBoxSection .book-day p, .book-day .btn{
   z-index: 9;
   font-weight: 400;
   color: #fff!important;
   max-width: 340px;
   font-size: 27px;
   line-height: 30px;
}
.ComponentNssBoxSection .book-dayplace:before{
   background: linear-gradient(#1c304a 0%, #65c6c3 100%) !important;
}
.ComponentNssBoxSection .book-day:before {
   content: '';
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.7;
   border-radius: 6px;
}

/* explore section */
.ComponentNssBoxSection .explore-set {
   position: relative;
}

.ComponentNssBoxSection .explore-set img {
   border-radius: 10px !important;
}

.ComponentNssBoxSection .explore-set:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 8px;
}

.ComponentNssBoxSection .explore-text {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
}

.ComponentNssBoxSection .services-section .explore-set .explore-text {
   font-size: 20px;
   text-align: center;
}

.ComponentNssBoxSection .services-section .explore-set .explore-text {
   font-size: 20px;
   text-align: center;
   padding: 0px 20px;
}


.ComponentNssBoxSection .services-set01:before {
   background: linear-gradient(#ffb017 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .services-set02:before {
   background: linear-gradient(#46377a 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .services-set03:before {
   background: linear-gradient(#65c6c3 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .services-set04:before {
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   opacity: .7;
}

.ComponentNssBoxSection .book-day a {
   color: #1c304a;
   font-weight: 700;
   z-index: 9;
}

.ComponentNssBoxSection .btn-white {
   background: white;
   font-weight: 700;
   padding: 6px 24px;
   color: #1c304a !important;
   font-size: 20px;
}

.ComponentNssBoxSection .mt-5, .my-5 {
   margin-top: 3rem!important;
}

.ComponentNssBoxSection .colourBlock {
   border-radius: 10px;
   -webkit-transition: 0.6s ease;
   transition: 0.6s ease;
   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));
   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));
}

.ComponentNssBoxSection .col-sm-3:nth-child(1) .colourBlock:before {
   background: linear-gradient(#ffb017 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(2) .colourBlock:before {
   background: linear-gradient(#46377a 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(3) .colourBlock:before {
   background: linear-gradient(#65c6c3 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(4) .colourBlock:before {
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(5) .colourBlock:before {
   background: linear-gradient(#46377a 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(6) .colourBlock:before {
   background: linear-gradient(#ffb017 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(7) .colourBlock:before {
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-3:nth-child(8) .colourBlock:before {
   background: linear-gradient(#65c6c3 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-md-3:nth-child(9) .colourBlock:before {
   background: linear-gradient(to right, #afced7, #b6c5d4);
   opacity: 0.5;
}

.ComponentNssBoxSection .colourBlock2 {
   border-radius: 10px;
   -webkit-transition: 0.6s ease;
   transition: 0.6s ease;
   background: -webkit-gradient(linear, left top, right top, from(rgba(70, 55, 122, 0.5)), to(rgba(101, 198, 195, 0.5)));
   background: linear-gradient(to right, rgba(70, 55, 122, 0.5), rgba(101, 198, 195, 0.5));
}

.ComponentNssBoxSection .col-sm-4:nth-child(1) .colourBlock2:before {
   background: linear-gradient(#ffb017 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(2) .colourBlock2:before {
   background: linear-gradient(#46377a 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(3) .colourBlock2:before {
   background: linear-gradient(#65c6c3 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(4) .colourBlock2:before {
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(5) .colourBlock2:before {
   background: linear-gradient(#46377a 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(6) .colourBlock2:before {
   background: linear-gradient(#ffb017 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(7) .colourBlock2:before {
   background: linear-gradient(#ff6b6b 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-sm-4:nth-child(8) .colourBlock2:before {
   background: linear-gradient(#65c6c3 0%, #dd3598 100%);
   opacity: .7;
}
.ComponentNssBoxSection .col-md-4:nth-child(9) .colourBlock2:before {
   background: linear-gradient(to right, #afced7, #b6c5d4);
   opacity: 0.5;
}

.ComponentNssBoxSection .videoWrapper iframe {
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 10px;
}

.ComponentNssBoxSection .video-height-main {
   height: 345px;
   width: auto;
   margin: auto;
}

@media screen and (max-width: 768px) {
   .ComponentNssBoxSection .book-day {
      height: auto;
   }
   .ComponentNssBoxSection .video-height-main {
      height: 100%;
      width: 100%;
      padding: 0px;
   }
   .ComponentNssBoxSection .videoWrapper iframe {
      height: 18rem;
   }
}

/* Styles for ComponentNssZigZagSection */
   .ComponentNssZigZagSection .row01 {
       background: linear-gradient(#ff6b6b 0%, #dd3598 100%) !important;
   }
   .ComponentNssZigZagSection .row02 {
       background: #1c304a !important;
       margin-top: -30px;
   }
   .ComponentNssZigZagSection .virual-open h2 {
      font-size: 55px;
      font-weight: 500;
       margin-bottom: 35px;
       color: white !important;
       font-family: inherit;
   }
   .ComponentNssZigZagSection .virual-open h1 {
       font-size: 44px;
       font-weight: 800;
       margin-bottom: 35px;
       color: white !important;
       font-family: inherit;
   }
   .ComponentNssZigZagSection .virual-open p {
       color: white !important;
       font-family: inherit;
       padding-right: 10rem;
       line-height: 27px;
   }
   .ComponentNssZigZagSection .virual-open {
       color: white !important;
   }
   .ComponentNssZigZagSection .First-section-TextImg {
      Padding-right: 0px !important;
   }
   .ComponentNssZigZagSection .nav-link {
    display: block;
    padding: 0.5rem 0rem;
    max-width: fit-content;
  }
  .ComponentNssZigZagSection .btn-white {
    background: white;
    color: #1c304a;
}
  @media screen and (max-width: 768px) {
     .ComponentNssZigZagSection .virual-open p {
         padding-right: 0px;
     }
  }

  /* Styles for ComponentNssSocial Section */
  .ComponentNssSocialSection .team-section {
     background: linear-gradient(#46377a 0%, #dd3598 100%);
     color: white;
  }
  .ComponentNssSocialSection .team-setting h4 {
     font-weight: 700;
     font-size: 18px;
  }

  .ComponentNssSocialSection .p-special-class {
     max-width: 590px;
  }

  .ComponentNssSocialSection .social-items {
     width: 100px;
     height: 100px;
     margin-right: 10px;
     background: white;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 6px;
  }
  .ComponentNssSocialSection .social-items img {
     width: 50px;
     height: 50px;
     object-fit: contain;
  }
  /* .ComponentNssSocialSection .team-setting {
     padding-left: 8rem;
  } */
  .ComponentNssSocialSection .team-setting h4 {
     color: #fff;
     font-size: 2rem;
  }
  .ComponentNssSocialSection .team-setting p {
     color: #fff;
  }
  .ComponentNssSocialSection .nav-link {
     display: inline-block;
     padding: 0rem 1.5rem 0rem 0rem;
  }

  #hs-form-iframe-0 {
      width: 100% !important;
  }

  #CybotCookiebotDialog {
     top: 0px !important;
     position: -webkit-sticky !important;
     position: sticky !important;
 }