/*
/// - GLOBALS
/// UTILITIES
/// FORMS
/// GRID
/// - COMPONENTS
/// FOOTER
/// MARQUE
/// DROPDOWN
/// SCROLLER
/// PROFILE
/// SCROLL TO TOP
/// NAVTABS
/// LINKLIST
/// ADMINBAR
*/

/*////////////////////////////////////////////////////////////////////////////////////////////////
/// - GLOBALS
////////////////////////////////////////////////////////////////////////////////////////////////*/


html {

}

body {
    color: #0B1E36;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    background: white;
    background-attachment: fixed;
}
.content a:not([class]):not([data-toggle]) {
    color:  #1071C1;
    text-decoration: underline;
    padding: 0 2px;
    transition: 0.2s ease all;
}
.content a:not([class]):not([data-toggle]):hover {
    color:  rgba(16, 113, 193, 0.7);
    text-decoration: underline;
}

body.modal-open {
    overflow: hidden;
}

img {
    max-width: 100%;
    max-height: 100%;
}

iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    max-width: 100%;
}

button {
    padding: 0;
    background: transparent;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}

body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Open Sans";
}

h1,
.h1 {
  font-size: 70px;
    margin: 20px 0 10px 0;
}

h2,
.h2 {
  font-size: 32px;
    margin: 30px 0 10px 0;
}

h3,
.h3 {
  font-size: 26px;
    margin: 40px 0 10px 0;
}

h4,
.h4 {
  font-size: 22px;
    margin: 0 0 5px 0;
}


@media (max-width: 991px) {
  body {
    font-size: 15px;
  }
    h1,
    .h1 {
    font-size: 43px;
    }

    h2,
    .h2 {
    font-size: 26px;
    }

    h3,
    .h3 {
    font-size: 23px;
    }
    h4,
    .h4 {
    font-size: 20px;
    }
}

@media (max-width: 576px) {
  body {
    font-size: 14px;
  }
    h1,
    .h1 {
    font-size: 32px;
    }

    h2,
    .h2 {
    font-size: 24px;
    }

    h3,
    .h3 {
    font-size: 20px;
    }
    h4,
    .h4 {
    font-size: 17px;
    }
}

label [type="button"] {
    color: inherit;
}
label,
a {
    display: inline-flex;
    align-items: center;
}
a {
  color: #1071C1;
  transition: 0.2s ease all;
}

.seperator {
    height: 100%;
    width: 1px;
    background: #D4D7D9;
}


[data-menu] i,
label i,
a .seperator,
[onclick] .seperator,
a img,
[onclick] img,
a svg,
[onclick] svg,
a i,
[onclick] i {
    margin-left: 0.65rem;
    margin-right: 0.65rem;
}

[data-menu] i:first-child,
label i:first-child,
a img:first-child,
[onclick] img:first-child,
a svg:first-child,
[onclick] svg:first-child,
a i:first-child,
[onclick] i:first-child {
    margin-left: 0;
    margin-right: 0.65rem;
}

[data-menu] i:last-child,
label i:last-child,
a img:last-child,
[onclick] img:last-child,
a svg:last-child,
[onclick] svg:last-child,
a i:last-child,
[onclick] i:last-child {
    margin-left: 0.65rem;
    margin-right: 0;
}

[data-menu] i:first-child:last-child,
label i:first-child:last-child,
a img:first-child:last-child,
[onclick] img:first-child:last-child,
a svg:first-child:last-child,
[onclick] svg:first-child:last-child,
a i:first-child:last-child,
[onclick] i:first-child:last-child {
    margin-left: 0;
    margin-right: 0
}

a,
[onclick],
[data-menu],
label,
[data-href],
[data-toggle="modal"] {
    cursor: pointer;
}

.tblPaymentHeader,
th {
    font-weight: bold;
    background: white;
    border-bottom: 2px solid #1071C1;
    text-align: left;
}
.o-auto {
  overflow: auto;
  max-width: 100%;
}
.table {
  background: white;
}
.btn-transparent {
  color: #1071C1!important;
}
.table tr {
    border-top: 0;
}
tr[bgcolor="#FFFF80"] {
    background: rgba(16, 113, 193, 0.075);
}
.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(16, 113, 193, 0.075);

}
.table th {
    border-top: 0;
}
.table td p {
  margin-bottom: 0;
}

.table.search {

}
    .table.search,
    .table.search tr,
    .table.search tbody,
    .table.search th,
    .table.search td {
        display: block;
        width: 100%;
        border-top: 0;
        padding: 0;
        border-top: 0;
    }
    .table.search td:last-child {
      margin-bottom: 0;
    }
    .table.search tr {
        border-top: 1px solid #dee2e6;
      margin: 0 -30px;
      padding: 15px 30px;
      width: auto;
    }
    .table.search tr:last-child {

    background: rgba(16, 113, 193, 0.075);
  }

.table.search.acop {

}
    .table.search.acop tr {
      display: flex;
      overflow: hidden;
      width: auto;
    }
    .table.search.acop td {
      border-left: 1px solid #C9D5E0;
      padding: 0 25px;
    }
    .table.search.acop td:first-child {
      padding-left: 0;
      border-left: 0;
    }
    .table.search.acop td:last-child {
      padding-right: 0;
    }
    .table.search.acop td {
      margin-bottom: 4px;
    }
    .table.search.acop td {
      flex-grow: 0;
      width: auto;
    }
        .table.search.acop td a{ 
          text-decoration: none;
        }

        .table.search.acop td a.download {
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
        .table.search.acop td a.download > *{ 
          display: block;
          margin: 2px 0;
        }
        .table.search.acop td a.download > i{ 
          font-size: 130%;
        }

    .table.search.acop td.main {
      flex-grow: 1;
    }


.wrapper {
  border-bottom: 0;
}
.wrapper:after {
  right: 0
}
.wrapper:before {
  left: 0
}
  .navbar {
    left: 0;
    right: 0;
  }
  .navbar-brand {
    padding: 0;
    display: flex;
    align-items: center;
  }

@media (max-width: 768px) {
  .wrapper {
    border-bottom: 0;
  }

}

/*////////////////////////////////////////////////////////////////////////////////////////////////
/// UTILITIES
////////////////////////////////////////////////////////////////////////////////////////////////*/



[style="visibility: hidden"] {
  height: 0!important;
  padding: 0!important;
}
[border="0"] {
  border: 0!important;
}
.w-100 {
    width: 100%;
}
.primary-bg {
    background: #1071C1;
}
.va-top {
  vertical-align: top;
}
.va-middle {
  vertical-align: middle;
}
.va-bottom {
  vertical-align: bottom;
}
.text-underline {
    text-decoration: underline;
}
[data-object-fit="cover"] {
    object-fit: cover;
}
[data-object-fit="contain"] {
    object-fit: contain;
}

.content>*:first-child {
    margin-top: 0;
}

.content>*:first-child *:first-child {
    margin-top: 0;
}

.content>*:last-child {
    margin-bottom: 0;
}

.content>*:last-child *:last-child {
    margin-bottom: 0;
}

.btn.btn-rounded {
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
}

.ox-auto > div {
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-x: auto;
    z-index: 0;
    position: relative;
}
.ox-auto {
    position: relative;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;

}
.ox-auto:after,
.ox-auto:before {
    content: "";
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.ox-auto:before {
    left: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.ox-auto:after {
    right: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.background + * {
    z-index: 9;
    position: relative;
}

.row-responsive > * {
  margin-bottom: 45px;
}

.row-responsive {
  margin-bottom: -45px;
}
@media (max-width: 576px) {

    .row-responsive > * {
      margin-bottom: 30px;
    }

    .row-responsive {
      margin-bottom: -30px;
    }
}
ul.social-list {
  list-style: none;
  padding-left: 0;
}
    ul.social-list li { 
      display: inline-block;
      margin-right: 5px;
    }
        ul.social-list li a { 
          background: #1071C1;
          color: white!important;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 32px;
          height: 32px;
          border-radius: 6px;
        }
            ul.social-list li a i { 
              color: inherit;
              margin: auto!important;
            }

/*////////////////////////////////////////////////////////////////////////////////////////////////
/// FORMS
////////////////////////////////////////////////////////////////////////////////////////////////*/


select,
textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="search"],
input[type="email"],
.form-control  {
    width: 100%;
    border: 1px solid #C9D5E0;
    outline: 0;
    padding: 12px 20px;
    color: black!important;
    border-radius: 4px;
    background: white;
}
.form-control {
  height: auto;
}


header select,
header textarea,
header input[type="text"],
header input[type="number"],
header input[type="password"],
header input[type="date"],
header input[type="search"],
header input[type="email"],
header .form-control {
    background-color:white;
    border: 1px solid white;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-down' class='svg-inline--fa fa-chevron-down fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 16px;
  padding-right: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
label [type="button"] {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
}

.search-group {
  display: flex;
    flex-grow: 1;
    flex-basis: 0;
    /*overflow: hidden;*/
    border-radius: 4px;
    align-items: center;
}
    .search-group > div {
      flex-grow: 0;
      flex-basis: 0;
      border-radius: 0;
      position: relative;
    }
    .search-group .main {
      flex-grow: 1;
    }

        /* seperator
        .search-group > div:after {
          content: "";
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          height: 60%;
          width: 1px;
          margin: auto;
          background: rgba(0,0,0,0.15);
        }*/
        .search-group > div > * {
          border-radius: 0;
        }
        .search-group > div:last-child:after {
          display: none;
        }


[value="Send message"],
[type="reset"],
.btn,
[value="Submit"],
[type="submit"] {
    display: inline-block;
    font-weight: 400;
    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: 7px 25px;
    font-size: 1rem;
    line-height: 1.5;
    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;
    border: 0px;
    border-radius: 999px;
    background: #1071C1;
    color: #fff;
}
.input-group .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

[value="Send message"]:active,
[value="Send message"]:hover,
[value="Send message"]:focus,
.btn:active,
.btn:hover,
.btn:focus,
[value="Submit"]:active,
[value="Submit"]:hover,
[value="Submit"]:focus,
[type="submit"]:active,
[type="submit"]:hover,
[type="submit"]:focus {
    background: #0052A2;
    color: #fff;
}

[type="reset"],
.btn-transparent {
    background: transparent!important
}

.btn-secondary {
    color: #1071C1;
    background: #E6F0F9;
}
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover {
    background: #cae3f9;
    color: #1071C1;
}

.form:not(.table) {
    border-top: 5px solid transparent;
    display: flex;
}
    

    .form:not(.table) tr {
        /*border-bottom: 15px solid transparent;*/
    }
        .form th,
        .form td {
            padding-left: 7px;
            padding-right: 7px;
            vertical-align: top;
            padding-bottom: 0.75rem;
        }

@media (max-width: 767px) {
    .form {
        display: flex;
        flex-wrap: wrap;
        border-top: 0;
        padding: 0;
        border-top: 0;
        margin: 0 -25px;
        width: auto;
        margin-bottom: 30px;

    }
        .form tr {
          padding-left: 25px;
          padding-right: 25px;
          margin: 0;
          width: 100%;
          padding-top: 10px;
          padding-bottom: 10px;
            border-top: 1px solid #dee2e6;
        }
        .form tr:last-child {

        background: rgba(16, 113, 193, 0.075);
      }
          .form tr,
          .form tbody,
          .form th,
          .form td{
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              border-top: 0;
              border-top: 0;
          } 

          .form th,
          .form td {
              padding: 0;
            margin-bottom: 4px;
          }
          .form td:ast-child {
            margin-bottom: 0;
          }
}
@media (max-width: 767px) {
    .form {
        margin: 0 -50px;
    }
    .form tr {
      padding-left: 50px;
      padding-right: 50px;

    }
}

@media (max-width: 576px) {
    .form {
        margin: 0 -15px;
    }
    .form tr {
      padding-left: 15px;
      padding-right: 15px;

    }
}

.switchbox {
  margin: 0;
}
.switchbox .text {
  white-space: nowrap;
}
.switchbox [type="checkbox"] {

  opacity: 0;
  width: 0;
  border: 0;
  visibility: hidden;
  height: 0;
}
.switchbox [type="checkbox"] + .inner {
  background-color: #c3dbef;
  border: 2px solid transparent;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 45px;
  transition: 0.2s ease all;
  height: 20px;
}
.switchbox [type="checkbox"] + .inner:after {
  background-color:#88b8e0;
  border-radius: 20px;
  content: ' ';
  display: block;
  height: 30px;
  position: absolute;
  right: 16px;
  transition: all .1s linear;
  width: 30px;
  top: -7px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.switchbox [type="checkbox"]:checked + .inner {
  background-color: #87b8e0;
}
.switchbox [type="checkbox"]:checked + .inner:after {
  right: -9px;
  background-color: #1071C1;
}

.form-check {
  padding: 0;
  padding-top: 8px;
  padding-bottom: 0;
  min-height: 30px;
  display: inline-flex;
  padding-right: 0;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.form-check + .form-check {
  padding-left: 30px;
}
.form-check .form-check-label {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.form-check a {
  margin-left: auto;
}
.form-check input[type="radio"],
.form-check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  left: -9999px;
}
.form-heck cinput[type="radio"] + span,
.form-check input[type="checkbox"] + span {
  position: relative;
  padding-left: 22px;
  display: block;
  height: 21px;
}
.form-check input[type="radio"] + span + span,
.form-check input[type="checkbox"] + span + span {
  padding-left: 8px;
}
.form-check input[type="radio"] + span + span:empty,
.form-check input[type="checkbox"] + span + span:empty {
  display: none;
}
.form-check input[type="radio"] + span:first-child,
.form-check input[type="checkbox"] + span:first-child {
  flex: 1;
}
.form-check input[type="radio"] + span:before,
.form-check input[type="checkbox"] + span:before {
  content: "";
  border: 2px solid #1071C1;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  margin: auto;
  display: block;
  border-radius: 4px;
  transition: 0.1s ease all;
  background: white;
}
.form-check input[type="radio"] + span:after,
.form-check input[type="checkbox"] + span:after {
  content: "";
  transition: 0.1s ease all;
}
.form-check input[type="radio"]:checked + span,
.form-check input[type="checkbox"]:checked + span {
  position: relative;
}
.form-check input[type="radio"]:checked + span:before,
.form-check input[type="checkbox"]:checked + span:before {
  border-color: #1071C1;
}
.form-check input[type="radio"]:checked + span:after,
.form-check input[type="checkbox"]:checked + span:after {
  background: #1071C1;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 5px;
  margin: auto;
  display: block;
  border-radius: 2px;
}
.form-check input[type="radio"]:checked + span:after {
  border-radius: 99px;
}
.btn.form-check input[type="radio"] + span:before,
.btn.form-check input[type="checkbox"] + span:before {
  border: 2px solid white;
  background: transparent;
}
.btn.form-check input[type="radio"]:checked + span:before,
.btn.form-check input[type="checkbox"]:checked + span:before {
  border-color: white;
}
.btn.form-check input[type="radio"]:checked + span:after,
.btn.form-check input[type="checkbox"]:checked + span:after {
  background: white;
}
.btn.form-check input[type="radio"] + span:after, .form-check input[type="radio"] + span:before {
  border-radius: 999px !important;
}


.file-upload {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    font-size: 80%;
    padding: 7px;
    border-radius: 99999px;
    border: 1px solid #C9D5E0;
  }
    
.file-upload .btn {
    font-size: 100%;
    padding: 8px 10px 8px 10px!important;
}
   
.file-upload  .file-name {
    padding-left: 10px;
    padding-right: 10px;
}
    
.file-upload [type="file"] {
    display: none !important;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////
/// GRID
////////////////////////////////////////////////////////////////////////////////////////////////*/


header {
  z-index: 1;
  background: #1071C1;
}
  header > * {
    z-index: 3;
  }
  header:before {
    z-index: 2;
  }
  header:after {
    z-index: 1;
  }
  header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  opacity: 0.6;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1071c1+0,1071c1+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(16,113,193,1) 0%, rgba(16,113,193,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(16,113,193,1) 0%,rgba(16,113,193,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(16,113,193,1) 0%,rgba(16,113,193,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1071c1', endColorstr='#001071c1',GradientType=1 ); /* IE6-9 */
  }

header:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='850' height='265' viewBox='0 0 850 265'%3E%3Cpath id='Path_43' data-name='Path 43' d='M-3053.789,461.188S-2857,722.815-2378.479,725.164s-156.944-.091-350.8,0c-19.754.009-324.512,0-324.512,0Z' transform='translate(3053.789 -461.188)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 850px auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}
main {
  z-index: 3;
}

header {
    color: white;
    /*padding-top: 300px;*/
    padding-top: 209px;
    padding-bottom: 100px;
    position: relative;
}
header .container {
  z-index: 2;
}
    header > * {
        position: relative; 
    }
header .content > * {
  position: relative;
  z-index: 1;
}

header .event-number {
  font-size: 48vw;
  opacity: 0.15;
  position: absolute;
  bottom: 11vw;
  right: 0;
  font-weight: 800;
  line-height: 0;
}
@media (min-width: 1500px) {
  header .event-number {
    font-size: 636px;
    bottom: 151px;
  }
}
header .content:before {
  content: "";
  background: rgba(123, 196, 37, 0.9);
  position: absolute;
  left: -120px;
  top: -120px;
  width: 375px;
  height: 375px;
  border-radius: 50%;
  z-index: 0;
}
header .content h1 {
  /*text-transform: uppercase*/
}
header .content h1:before {
  content:"";
  background: #1071C1;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  header .content h1:before {
      top: -5px;
    }
}
header a {
  color: #0052A2!important;
}


    header .background {
        bottom: -32px;
    }

    header p {
        font-size: 150%;
        line-height: 1.3;
    }
@media (max-width: 991px) {

    header p {
        font-size: 130%;
    }
}

@media (max-width: 767px) {
    header {
        padding-top: 128px;
        padding-bottom: 80px;
        min-height: 450px;
      display: flex;
      align-items: flex-end;
    }
    header:before {
      -webkit-background-size: 450px auto;
      background-size: 450px auto;
    }
}

@media (max-width: 576px) {
  }
@media (max-width: 420px) {
    header .d-flex {
      flex-wrap: wrap;
    }
    header .d-flex > * {
      margin-bottom: 7px;
      margin-left: 0!important;
      width: 100%;
      flex-direction: column;
    }
    .search-group {
    flex-basis: auto;
    }
    .search-group > div:after {
      width: 95%;
      height: 1px;
      top: auto;
      left: 0;
      margin: auto;
    }
}


main {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

main.no-menu:after {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    background: white;
    height: 1800px;
    margin-bottom: -84px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1713.346' height='858.773' viewBox='0 0 1713.346 858.773'%3E%3Cg id='Group_49' data-name='Group 49' transform='translate(181.972 13.005)'%3E%3Cpath id='Path_18' data-name='Path 18' d='M894.817,455.558,990.9,650.183a45.7,45.7,0,0,0,34.5,25.1l214.815,31.2c37.631,5.5,52.659,51.723,25.438,78.223L1110.224,936.194a45.831,45.831,0,0,0-13.206,40.591l36.7,213.972c6.436,37.46-32.888,66.03-66.541,48.339l-192.128-101a45.812,45.812,0,0,0-42.665,0l-192.128,101c-33.653,17.691-72.974-10.879-66.541-48.339l36.657-213.972A45.82,45.82,0,0,0,597.2,936.194L441.776,784.7c-27.22-26.539-12.189-72.763,25.438-78.223l214.775-31.2a45.845,45.845,0,0,0,34.538-25.1l96.044-194.625C829.376,421.481,878.012,421.481,894.817,455.558Z' transform='translate(-608.32 -400.207)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3' opacity='0.15'/%3E%3Cpath id='Path_19' data-name='Path 19' d='M546.424,436.489,570.817,485.9a11.6,11.6,0,0,0,8.758,6.372l54.536,7.92a11.644,11.644,0,0,1,6.458,19.859l-39.459,38.461a11.636,11.636,0,0,0-3.353,10.305l9.316,54.323a11.641,11.641,0,0,1-16.893,12.272L541.4,609.77a11.631,11.631,0,0,0-10.832,0L481.8,635.411A11.641,11.641,0,0,1,464.9,623.139l9.306-54.323a11.633,11.633,0,0,0-3.343-10.305l-39.459-38.461a11.643,11.643,0,0,1,6.458-19.859l54.526-7.92a11.639,11.639,0,0,0,8.768-6.372l24.383-49.411A11.643,11.643,0,0,1,546.424,436.489Z' transform='translate(133.019 -441.207)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3' opacity='0.15'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M516.777,434.866l18.293,37.054a8.7,8.7,0,0,0,6.568,4.778l40.9,5.939a8.732,8.732,0,0,1,4.843,14.892l-29.591,28.842a8.726,8.726,0,0,0-2.514,7.728l6.986,40.737a8.73,8.73,0,0,1-12.668,9.2l-36.578-19.228a8.722,8.722,0,0,0-8.123,0l-36.578,19.228a8.73,8.73,0,0,1-12.668-9.2l6.979-40.737a8.723,8.723,0,0,0-2.507-7.728L430.525,497.53a8.731,8.731,0,0,1,4.843-14.892l40.89-5.939a8.728,8.728,0,0,0,6.576-4.778l18.285-37.054A8.732,8.732,0,0,1,516.777,434.866Z' transform='translate(1416.041 -617.437) rotate(45)' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='3' opacity='0.15'/%3E%3C/g%3E%3C/svg%3E%0A") bottom 50px left -40px /  115%;
}


    main .container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        position: static;
    }


    article {
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: 0; 
        padding: 0 15px;
        position: relative;
        z-index: 3;
        margin-left: 15px;
        margin-bottom: auto;
        overflow: hidden;
    }
    /*aside + article {
      margin-left: 0;
    }*/
    article.content > h2:first-of-type {
      margin-top: 0;
    }
    @media (min-width: 768px) and (max-width: 991px) {
        article {
            padding: 22px 25px;
        }
    }
    @media(max-width: 767px) {
        article {
            margin-left: 0;
        }
    }
    @media(max-width: 767px) {
        article {
            padding: 22px 0;
        }
    }

aside {
    flex: 0 0 200px;
    margin-bottom: 0;
    color: #fff;
    font-size: 120%;
    margin-top: -54px;
}
aside.empty {
  flex: 0;
}

aside.aside-small {
  flex: 0 0 130px;
}

[data-menu] {
    display: none;
}

aside .index-menu {
    width: 100%;
}
@media (min-width: 768px) {
  aside .index-menu {
      padding-right: 10px;
  } 
}

aside .index .navbar-toggler {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0;
}

aside .index .navbar-toggler span {
  background: white;
}

aside .index.active .navbar-toggler span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
aside .index.active .navbar-toggler span:nth-child(2) {
  opacity: 0;
  transform: translateX(-100%);
}
aside .index.active .navbar-toggler span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

    aside .index-menu li {
        transition: 0.2s ease all;
        position: relative;
        list-style-type: none;
    }
        aside .index-menu li.passed .nav-link {
          opacity: 0.7;
          font-weight: normal;
        }
        aside .index-menu li .nav-link {
          color: #1071C1;
        }

        aside .index-menu li .nav-link:before {
            font-family: 'Font Awesome 5 Pro';
            transition: 0.2s ease all;
            content: "\f054";
            position: absolute;
            left: 0;
            opacity: 0;
            font-size: 90%;
            color: #1071C1;
            margin-top: 2px;
        }
          aside .index-menu li .nav-link:hover {
            color: #0052A2;
          }

          aside .index-menu li .nav-link:hover:before {
              color: #0052A2;
          }
            aside .index-menu li .nav-link {
                padding-left: 0;    
                padding-right: 0;   
                padding-top: 3px; 
                padding-bottom: 3px; 
                position: relative;
                transition: 0.2s ease all

            }
            aside .index-menu li .nav-link[onclick*="head3"]{
                padding-left: 20px; 
                padding-right: 15px;
                padding-top: 0;    
                padding-bottom: 7px; 
            }
        

    aside .index-menu li.active a {
        margin-left: 16px;
        font-weight: bold;
    }

        aside .index-menu .active:not(.passed) a:before {
            opacity: 1;
            left: -16px;
        }


aside .inner {
    position: relative;
    padding-bottom: 64px;
    width: 200px;
}
aside.empty .inner {
    width: 0;
}

aside.aside-small .inner {
  width: 125px
}

aside .inner > * {
    max-height: 100%;
}




  @media (max-width: 991px) {
    aside {
      flex: 0 0 165px;
    }
    aside .inner {
      width: 165px;
    }
  }
        aside .inner .scroller {
            max-height: 100%;
            width: 100%;
            position: static;
        }
        aside .inner .scroller .btn {
          margin-top: 7px;
        }

            aside .inner .scroller:after,
            aside .inner .scroller:before {
                display: none;
            }

            aside .inner .scroller:before {
                top: 79px;
                background: -moz-linear-gradient(top, rgba(210, 230, 246, 1) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 0) 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, rgba(210, 230, 246, 1) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 0) 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, rgba(210, 230, 246, 1) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 0) 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
                /* IE6-9 */
            }

            aside .inner .scroller:after {
                bottom:62px;
                background: -moz-linear-gradient(top, rgba(210, 230, 246, 0) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 1) 100%);
                /* FF3.6-15 */
                background: -webkit-linear-gradient(top, rgba(210, 230, 246, 0) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 1) 100%);
                /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, rgba(210, 230, 246, 0) 0%, rgba(210, 230, 246, 0.75) 50%, rgba(210, 230, 246, 1) 100%);
                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
                /* IE6-9 */
            }

    aside .inner .scroller>ul {
        max-height: 100%;
        padding-top: 48px;

            margin-top: 0px;
    }

aside .inner.affix {
    position: fixed;
    top: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    max-height: 100vh;
    margin-top: 0;
    display: flex;
    height: 100%;

}

    aside a {
        color: #fff ;
    }
        aside a:active,
        aside a:focus,
        aside a:hover {
            color: #fff ;
        }

    aside ul,
    aside ol {
        padding-left: 19px;
    }


        aside .inner.affix .scroller:after,
        aside .inner.affix .scroller:before {
            display: block;
        }


@media (max-width: 767px) {
  main {
    padding-top: 80px;
  }
  aside .inner.affix {
    height: auto;
  }

        aside .index-menu li .nav-link {
          color: #fff!important;
        }
      aside .index-menu li .nav-link:before {
        color: #fff!important;
      }
      aside .inner .white-bg {
          display: none;
      }
      aside .inner .scroller>ul li a {
            display: inline-block;
            width: auto;
      }
    .index-menu a {
        width: 100%
    }

    main .container {
        position: relative;
    }

    aside {
        flex: 0 0 100%;
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        transition: 0.2s ease all;
        z-index: 9;
        margin-top: 0;
    }

    aside .inner {
        padding: 0;
        width: 100%;
    }

    aside .inner:after {
        display: none;
    }

        aside .inner:before {
            display: none;
        }

    aside .inner .index {
        background: #1071C1;
        border-radius: 6px;
      z-index: 1;
      position: relative;

    }
    aside .inner .index-menu {
        background: rgba(16, 113, 193, 0.9);
        border-radius: 6px;

    }


        aside .inner .scroller>ul {
            padding-top: 20px;
            text-align: center;
        }

            aside .inner .scroller:before {
                background: -moz-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 0) 100%);
                background: -webkit-linear-gradient(top, rgba(255, 204, 0, 1) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 0) 100%);
                background: linear-gradient(to bottom, rgba(255, 204, 0, 1) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
            }

            aside .inner .scroller:after {
                background: -moz-linear-gradient(top, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 1) 100%);
                background: -webkit-linear-gradient(top, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 1) 100%);
                background: linear-gradient(to bottom, rgba(255, 204, 0, 0) 0%, rgba(255, 204, 0, 0.75) 50%, rgba(255, 204, 0, 1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
            }

    aside .inner.affix {
        border-top: 1px solid rgba(0,0,0,0.2);
        border-bottom: 1px solid rgba(0,0,0,0.2);
        position: fixed;
        left: 0;
        right: 0;
        top: 71px;
        width: 100%;
        flex-direction: column;
        padding-bottom: 0;
        padding-top: 0;
    }

    [data-menu] {
        height: 35px;
        justify-content: center;
        display: flex;
        align-items: center;
        text-align: center;
        margin: 0 15px;
    }

        [data-menu] i {
            transition: 0.2s ease all;
        }

        [data-menu] .fa-book {
            margin-left: -26px;
            opacity: 1;
        }

        [data-menu] .fa-book-open {
            position: absolute;
            margin-left: -26px;
            opacity: 0;
        }

        [data-menu].active .fa-book {
            opacity: 0;
        }

        [data-menu].active .fa-book-open {
            opacity: 1;
        }
    aside:before {
        display: none;
    }
    aside nav {
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        overflow: hidden;
        z-index: 1;
        display: none;
        padding: 0 32px;
        text-align: center;
        margin-top: -50px;
        padding-top: 50px;
    }

        aside nav ul,
        aside nav ol {
            opacity: 0;
            transition: 0.2s ease all;
            padding-left: 15px;
            display: inline-block;
            text-align: left;

        }

            aside nav.active ol,
            aside nav.active ul {
                opacity: 1;
                margin: 0;
            }




    aside:not(.aside-small) + article {
        position: relative;
        border-top: 35px solid white;
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    aside .inner.affix {
        top: 58px;
    }
    .container {
      padding-left: 25px;
      padding-right: 25px;
    }

    aside {
        left: 10px;
        right: 10px;
      }
}



/*////////////////////////////////////////////////////////////////////////////////////////////////
/// - COMPONENTS
////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////
    /// MODAL
    ////////////////////////////////////////////////////////*/

    .modal-title {
      font-weight: bold;
    }


/*///////////////////////////////////////////////////////
    /// FOOTER
    ////////////////////////////////////////////////////////*/

  footer .top { margin-top: 100px }
  footer .bottom {
    padding: 65px 0 50px 0;
    position: relative;
    overflow: hidden;
  }
  @media (max-width: 991px) {

  footer .bottom {
    padding-bottom: 100px
    }
  }
  footer .bottom:before {
    content: "";
    width: 120%;
    height: 450%;
    position: absolute;
    top: 0;
    right: -40px;
    background: #E6F0F9;
    border-radius: 0 36% 0 0;
  }
  @media (max-width: 991px) {

    footer .bottom:before {
      height: 150%;
    }
  }
  @media (max-width: 576px) {

    footer .bottom:before {
      height: 100%;
    }
  }
      footer .bottom h5,
      footer .bottom .h5 {
        color: #1071C1;
        font-weight: bold;
      }
      footer .bottom i {
        width: 20px;
        display: flex;
        justify-content: center;
        font-size: 120%;
        margin-right: 1.25rem!important;
      }
      footer .bottom a {
        text-decoration: none!important;
      }
      footer .bottom i,
      footer .bottom a {
        margin-bottom: 0;
      }
      footer .bottom i,
      footer .bottom a,
      footer .bottom address {
        color: #1071C1;
      }
      footer .bottom address {
        line-height: 1.1;
        margin-bottom: 13px;
      }
      @media (max-width: 765px) {
      footer .bottom address {
        margin-bottom: 11px;
      }
    }
      @media (min-width: 576px) and (max-width: 992px) {
        footer .bottom .isop {
          order: 3;
        }
        footer .bottom .address {
          order: 1;
        }
        footer .bottom .contact {
          order: 2;
        }
        footer .bottom .social {
          order: 4;
        }
      }

/*///////////////////////////////////////////////////////
    /// MARQUE
    ////////////////////////////////////////////////////////*/

.marquee {
  height: 80px;
  margin-bottom: 15px;
}
.marquee img {
  margin-right: 10px
}


/*///////////////////////////////////////////////////////
    /// DROPDOWN
    ////////////////////////////////////////////////////////*/



.dropdown-toggle:after {
    display: none;
}

.dropdown-menu {
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.dropdown-menu .scroller>div {
    height: 526px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.dropdown-menu:before {
    content: "";
    width: 20px;
    height: 20px;
    background: white;
    position: absolute;
    right: 10px;
    z-index: -1;
    top: -6px;
    transform: rotate(45deg);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.dropdown-menu:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
}

.dropdown-menu.show {
    position: absolute;
    right: 0;
    top: 100%;
    left: auto;
}

.dropdown-menu a {
    position: relative;
    z-index: 2;
    padding: 10px 32px !important;
    color: #1071C1 !important;
}

.dropdown-menu a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: 0.2s ease all;
    width: 0;
    z-index: 0;
    background: rgba(16, 113, 193, 0.075);
    margin: auto;
}

.dropdown-menu a:hover:before {
    width: 100%;
}


@media (max-width: 576px) {


}
/*///////////////////////////////////////////////////////
    /// SCROLLER
    ////////////////////////////////////////////////////////*/

.scroller {
    position: relative;
    z-index: 1;
}
.scroller:after,
.scroller:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 20px;
    z-index: 9;

}
    .scroller:before {
        top: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,0.75+50,0+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
        /* IE6-9 */
    }

    .scroller:after {
        bottom: 0;

        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.75+50,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }


.scroller>div,
.scroller>ul {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 0;
}

/*///////////////////////////////////////////////////////
    /// PROFILE
    ////////////////////////////////////////////////////////*/
.profile {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    width: 100%;
}

.profile .content {
    flex-grow: 1; 
    flex-basis: 0;
    overflow: hidden;
}

    .profile i.fa-user {
        width: 85px;
        height: 85px;
        border: 2px solid #f2f2f2;
        display: flex; 
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 50%;
        color: #1071C1;
        margin-right: 20px;
    }
@media(max-width: 992px) {
    .profile,
    .profile > div {
      display: block;
      text-align: center;
    }
    .profile {
      margin-bottom: 1.5rem!important;
    }
    .profile i.fa-user {
      margin: auto;
      margin-bottom: 10px;
    }
}
/*///////////////////////////////////////////////////////
    /// SCROLL TO TOP
    ////////////////////////////////////////////////////////*/

.scrollToTop {
    position: fixed;
    bottom: 0;
    left: 15px;
    padding: 10px 0;
    opacity: 0;
    transition: 0.2s ease all;
    white-space: nowrap;
    z-index: 9;
    background: #1071C1;
    border-radius: 999px 999px 0 0;
    width: 60px;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}
    .scrollToTop i {
      margin: 0!important;
    }

.scrollToTop.affix {
    opacity: 1;
}


/*///////////////////////////////////////////////////////
    /// NAVTABS
    ////////////////////////////////////////////////////////*/

.nav-tabs {
    flex-wrap: nowrap;
}
    .nav-tabs li.nav-item {
        padding-right: 40px
    }
        .nav-tabs li.nav-item a.nav-link {
            padding: 7px 0;
            text-decoration: none!important;
            border-bottom: 0 solid transparent;
            transition: 0.2s ease all;
            position: relative;
            white-space: nowrap;
        }
        .nav-tabs li.nav-item a.nav-link:before {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 3px;
          background: #1071C1;
          width: 0;
          margin: auto;
          transition: 0.2s ease all;
                
        }
        .nav-tabs li.nav-item a.nav-link:focus,
        .nav-tabs li.nav-item a.nav-link:active,
        .nav-tabs li.nav-item a.nav-link:hover,
        .nav-tabs li.nav-item a.nav-link.active {
          border-left-color: transparent;
          border-top-color: transparent;
          border-right-color: transparent;
        }
        .nav-tabs li.nav-item a.nav-link:focus:before,
        .nav-tabs li.nav-item a.nav-link:active:before,
        .nav-tabs li.nav-item a.nav-link:hover:before,
        .nav-tabs li.nav-item a.nav-link.active:before {
            width: 100%;
        }
.tab-pane {
    padding-top: 20px;
    padding-bottom: 5px;
}
@media (max-width: 420px) {
  .nav-tabs li.nav-item {
    padding-right: 20px;
  }
}

/*///////////////////////////////////////////////////////
    /// LINKLIST
    ////////////////////////////////////////////////////////*/

ul.link-list {
  list-style-type: none;
  padding:0;
}
    ul.link-list li {
        margin-bottom: 10px;
    }
        ul.link-list li a {
          align-items: flex-start;
          text-decoration: none!important;
          transition: 0.2s ease all;
        }

            ul.link-list li a:hover {
                color: #0052A2;
            }
            ul.link-list li a i {
              color: #1071C1;
              top: 4px;
              position: relative;
          transition: 0.2s ease all;
            }
                ul.link-list li a:hover i {
                    color: #0052A2;
                }

/*///////////////////////////////////////////////////////
    /// ADMINBAR
    ////////////////////////////////////////////////////////*/
    body.loggedin {
      padding-bottom: 120px; 
    }
    .admin-bar {
        background: white;
        padding: 15px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        position: fixed;
        bottom: 15px;
        right: 30px;
        z-index: 999;
    }

    .alert-info {
      background:#d1ecf1;
      color: #1071C1;
    }