/*
 * Start Bootstrap(QIA Website) Copyright 2013-2021 Malomatia
 * Licensed under QIA
 */

/** variable **/
/** Direction **/
/** fonts **/
/** icons **/
@font-face {
  font-family: 'noto-regular';
  src: url("../../fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"), url("../../fonts/NotoSans/NotoSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'noto-bold';
  src: url("../../fonts/NotoSans/NotoSans-bold.woff2") format("woff2"), url("../../fonts/NotoSans/NotoSans-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* End of Nimbus fonts */
/** global **/
/** fonts **/

img,.box{
	border-radius:5px
}

.dark-theme-logo ,.light-theme-logo,.innerpage-header img{
	border-radius:0
}
.qia-in-focus {
  position: relative;
}

.news-press .sub-heading {
  margin: 13px 0;
}

.news-press .img-link {
  display: block;
}

.news-press .img-link img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.news-press .img-link img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.sector-investment .main-heading {
  margin: 15px 0 15px;
}

.sector-investment .img-link {
  display: block;
}

.sector-investment .img-link img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.sector-investment .img-link img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.our-history .img-fluid {
  border-radius:0;
}

.our-history .history-bg {
  background: #681949;
  border-radius: 0 5px 5px 0;
}

.our-history .history-bg .text-wrap {
  padding: 50px 0 0 30px;
}

.our-history .history-bg .text-wrap .main-heading {
  color: #fff;
  margin-bottom: 20px;
}

.our-history .history-bg .text-wrap p {
  color: #fff;margin-right:40px
}

.our-history .history-bg .text-wrap .primary-link {
  color: #fff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.our-history .history-bg .text-wrap .primary-link:hover {
  text-decoration: none;
  color: #CBA065;
}

.our-history .history-bg .text-wrap .primary-link span {
  color: #CBA065;
}

.contact-us h2 {
  color: #333;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 18px;
  font-weight: bolder;
}

.contact-us .btn {
  margin-left: 20px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.sectors .card-wrap {
  margin-bottom: 30px;
}

.sectors .card-wrap img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.sectors .card-wrap .card-info {
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
  border-radius: 0px 0px 5px 5px;
  padding: 25px;
  min-height: 190px;
}

.sectors .card-wrap .card-info h2 {
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.sectors .card-wrap .card-info p {
  color: #333333;
  font-weight: normal;
  font-size: 12px;
}

.sectors .card-wrap:hover {
  -webkit-box-shadow: 0 0 5px 5px #ececec;
  box-shadow: 0 0 5px 5px #ececec;
}

.sectors .card-wrap:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.explore .main-heading {
  margin-bottom: 20px;
}

.explore .about-us {
  background-image: url("AboutUs@2x.jpg");
}

.explore .investment {
  background-image: url("InvestmentProcess@2x.jpg");
}

.explore .governance {
  background-image: url("Governance@2x.jpg");
}

.explore .explore-wrap {
  position: relative;
  min-height: 270px;
  background-size: 100% 100%, cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  margin-bottom: 30px;
}

.explore .explore-wrap .explore-info {
  position: absolute;
  bottom: 10%;
  padding: 0 10% 0 10%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.explore .explore-wrap .explore-info h2 {
  color: #fff;
  text-shadow: 0 1px 2px #2c2c2c;
  font-weight: bold;
  margin-bottom: 5px;
}

    .explore .explore-wrap .explore-info p {
        color: #fff;
        text-shadow: 0 1px 2px #2c2c2c;
        font-size: 1.5rem;
        min-height: 65px;
        font-family: "Segoe UI Semilight", "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
    }

.explore .explore-wrap .explore-info .primary-link {
  color: #fff;
  text-decoration: none;
}

.explore .explore-wrap .explore-info .primary-link span {
  color: #fff;
}

.explore .explore-wrap:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-box-shadow: 0 0 5px 5px #ececec;
  box-shadow: 0 0 5px 5px #ececec;
}

.explore .explore-wrap:hover .explore-info {
  bottom: 15%;
}

.sector-contact-form .form-wrap {
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
  border-radius: 6px;
  padding: 30px 30px;
}

.sector-contact-form .form-wrap h3 {
  font-size: 20px;
  font-family: 'Frutiger LT Arabic Light';
}

.sector-contact-form .form-wrap h4 {
  font-size: 24px;
  font-family: 'Frutiger LT Arabic bold';
  border-bottom: 1px solid #000;
  display: inline-block;
  margin: 7px 0 10px 0;
}

.sector-contact-form .form-wrap h4 span.icon-arrow {
  color: #681949;
  font-size: 12px;
}

.sector-contact-form .form-wrap h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #333333;
}

.sector-contact-form .form-wrap p {
  font-size: 14px;
  font-family: 'Frutiger LT Arabic Light';
  color: #333333;
}

.sector-contact-form .form-wrap .text-align-rt {
  font-size: 10px;
  color: #9B9B9B;
}

.ceo-message h3 {
  color: #681949;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px 0;
}

.ceo-message h4 {
  color: #333;
  font-size: 12px;
  font-family: 'Frutiger LT Arabic Light';
  font-style: normal;
}

.ceo-message .message {
  background-color: #F5F5F5;
  padding: 20px 20px 20px 0;
  padding-left: 20px;
  position: relative;
}

.ceo-message .message::after {
  content: " ";
  position: absolute;
  left: -15px;
  top: 45px;
  border-top: 25px solid transparent;
  border-right: 15px solid #F5F5F5;
  border-left: none;
  border-bottom: 25px solid transparent;
}

.mandate .box {
  position: relative;
  background-color: #681949;
  padding: 20px;
  min-height: 210px;
}

.mandate .box h4 {
  font-size: 40px;
  color: #CBA065;
  font-weight: bold;
}

.mandate .box p {
  color: #fff;
  z-index: 2;
  position: relative;
}

.mandate .icon-arrows, .mandate .icon-qatar, .mandate .icon-bank {
  z-index: 1;
  font-size: 100px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: -webkit-linear-gradient(180deg, #7B2B5C 0%, rgba(123, 43, 92, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(2px 2px #4e1b3b);
  filter: drop-shadow(2px 2px #4e1b3b);
}

.history h4 {
  font-size: 50px;
  color: #681949;
  margin-bottom: 10px;
  font-family: 'Frutiger LT Arabic Light';
  font-style: normal;
}

.history h5 {
  font-weight: bold;
  color: #000;
  font-size: 12px;
  margin-bottom: 5px;
}

.history p {
  font-size: 12px;
  color: #000;
  font-family: 'Frutiger LT Arabic Light';
  font-style: normal;
}

.values .box {
  background: #681949;
  padding: 20px;
  color: #fff;
  min-height: 170px;
  position: relative;
}

.values .box .svg-bg1 {
  position: absolute;
  left: 0;
  bottom: 0;
}

.values .box .icon {
  font-size: 60px;
  color: #CBA065;
}

.values .box h4 {
  font-size: 22px;
  font-family: 'Frutiger LT Arabic Bold';
  color: #fff;
  margin: 7px 0 5px 0;
}

.values .box p {
  font-size: 12px;
  color: #fff;
  font-family: 'Frutiger LT Arabic Light';
}

.goven-climate h1 {
  margin-bottom: 10px;
}

.goven-climate p {
  font-family: 'Frutiger LT Arabic Light';
}

.members {
  margin-bottom: 40px;
}

.members .members-img {
  float: left;
  margin-right: 20px;
  width: 120px;
  border-radius: 50%;
}

.members h3 {
  font-size: 16px;
    font-weight: bold;
    color: #681949;
    margin-bottom: 10px;
    line-height: 24px;text-transform:capitalize;margin-top:20px
}

.members h4 {
     font-size: 12px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333333;text-transform:capitalize}

.ceo-profile {
  background: #F5F5F5;
  padding: 25px;
  overflow: hidden;
  margin-bottom: 40px;
}

.ceo-profile .ceo-img,.modal-body img {
  width: 120px;
  float: left;
  margin-right: 30px;
  border-radius: 50%;
  margin-bottom:40px
}
.profile-content{float:left
}

.ceo-profile h3,.modal-body h3 {
  font-size: 16px;
  font-weight: bold;
  color: #681949;
  margin-bottom: 10px;
  line-height: 24px
}

.ceo-profile h4,.modal-body h4 {
  font-size: 12px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333333;
}

.ceo-profile p {
  font-family: 'Frutiger LT Arabic Light';
}

.ceo-profile .modal-content .ceo-img,.modal-content img {
  width: 150px;
}

.ceo-profile .modal-content .profile-content {
  clear: both;
  float: none;
  padding-top: 20px;
}

.investments .box {
  min-height: 160px;
}

.investments .box h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.strategy .core-box {
  min-height: 125px;
  text-align: center;
}

.strategy .core-box span.icon {
  font-size: 44px;
  color: #681949;
}

.strategy .core-box h2 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 15px;
  line-height: 16px;
}

.asset-allocation .box {
  background: #EBEBEB;
  padding: 15px;
  text-align: center;
  color: #681949;
  margin-bottom: 15px;
  font-weight: bold;
}

.qia-qatar h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.qia-qatar .domestic-company img {
  margin-bottom: 20px;
}

.investment-p-section .main-heading {
  margin-bottom: 10px;
}

.process-map-img {
  background-color: #F5F5F5;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
}
.process-map-img img{
	width:100%
}
.map-sub-heading {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: bold;
}

#s4-titlerow {
  display: none !important;
}

#contentRow {
  padding-top: 0 !important;
}

.ms-signInLink {
  display: none !important;
}

div.article, div.welcome {
  padding: 0 !important;
}

#zz1_TopNavigationMenu ul li:first-child {
  display: none !important;
}

#zz1_TopNavigationMenu {
  float: right !important;
}

#navbarSupportedContent .nav {
  float: left !important;
}

#zz1_TopNavigationMenu a.static {
  padding: 5px 12px !important;
}

.main-nav #search-form {
  top: 20px ;
}

#contentBox {
  margin: 0 !important;
}

.main-heading, .sub-heading {
  color: #000 !important;
}

.our-history .history-bg .text-wrap .main-heading {
  color: #fff !important;
}

.ms-webpartzone-cell {
  margin: auto auto 0px !important;
}

.cell-margin {
  margin: 0 !important;
}

header.innerpage-header img {
  max-width: 100% !important;
  height: auto !important;
  width:100%
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .masthead .hero-bt-box .select {
    width: 86%;
  }
}

select::-ms-expand {
  display: none !important;
}

/* Frutiger Fonts */
@font-face {
  font-family: 'Frutiger LT Arabic Light';
  font-style: normal;
  font-weight: normal;
  src: local("Frutiger LT Arabic Light"), url("Frutiger-LT-Arabic-Light.woff") format("woff");
}

@font-face {
  font-family: 'Frutiger LT Arabic Normal';
  font-style: normal;
  font-weight: normal;
  src: local("Frutiger LT Arabic Normal"), url("Frutiger-LT-Arabic-Normal.woff") format("woff");
}

@font-face {
  font-family: 'Frutiger LT Arabic Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Frutiger LT Arabic Bold"), url("Frutiger-LT-Arabic-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Frutiger LT Arabic Black';
  font-style: normal;
  font-weight: normal;
  src: local("Frutiger LT Arabic Black"), url("Frutiger-LT-Arabic-Black.woff") format("woff");
}

@font-face {
  font-family: 'icomoon';
  src: url("icomoon.eot?j6njbe");
  src: url("icomoon.eot?j6njbe#iefix") format("embedded-opentype"), url("icomoon.ttf?j6njbe") format("truetype"), url("icomoon.woff?j6njbe") format("woff"), url("icomoon.svg?j6njbe#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrows:before {
  content: "\e902";
}

.icon-bank:before {
  content: "\e90f";
}

.icon-cancel:before {
  content: "\e910";
}

.icon-crossroad:before {
  content: "\e911";
}

.icon-goal:before {
  content: "\e912";
}

.icon-handshake:before {
  content: "\e913";
}

.icon-idea:before {
  content: "\e914";
}

.icon-integrity:before {
  content: "\e915";
}

.icon-investment:before {
  content: "\e916";
}

.icon-link:before {
  content: "\e917";
}

.icon-longterm:before {
  content: "\e918";
}

.icon-national-pool:before {
  content: "\e919";
}

.icon-new-graduates:before {
  content: "\e91a";
}

.icon-next:before {
  content: "\e91b";
}

.icon-pdf:before {
  content: "\e91c";
}

.icon-phone:before {
  content: "\e91d";
}

.icon-pin1:before {
  content: "\e91e";
}

.icon-qatar:before {
  content: "\e91f";
}

.icon-qatari:before {
  content: "\e920";
}

.icon-quote:before {
  content: "\e921";
}

.icon-research:before {
  content: "\e922";
}

.icon-Respect:before {
  content: "\e923";
}

.icon-Responsibility:before {
  content: "\e924";
}

.icon-search:before {
  content: "\e925";
}

.icon-upload1:before {
  content: "\e926";
}

.icon-arrow1-ar:before {
  content: "\e90a";
}

.icon-arrow1:before {
  content: "\e903";
}

.icon-arrow3:before {
  content: "\e909";
}

.icon-arrow:before {
  content: "\e900";
}

.icon-arrow2:before {
  content: "\e901";
  color: #313131;
}

.icon-close:before {
  content: "\e904";
}

.icon-linkedin:before {
  content: "\e905";
}

.icon-night:before {
  content: "\e906";
}

.icon-play:before {
  content: "\e907";
}

.icon-search-light:before {
  content: "\e908";
}

.icon-facebook:before {
  content: "\e90b";
}

.icon-linkedin1:before {
  content: "\e90c";
}

.icon-mail:before {
  content: "\e90d";
}

.icon-twitter:before {
  content: "\e90e";
}

.icon-add-outline:before {
  content: "\eea1";
}

.icon-add-solid:before {
  content: "\eea2";
}

.icon-adjust1:before {
  content: "\eea3";
}

.icon-airplane:before {
  content: "\eea4";
}

.icon-album1:before {
  content: "\eea5";
}

.icon-align-center:before {
  content: "\eea6";
}

.icon-align-justified:before {
  content: "\eea7";
}

.icon-align-left:before {
  content: "\eea8";
}

.icon-align-right:before {
  content: "\eea9";
}

.icon-anchor1:before {
  content: "\eeaa";
}

.icon-announcement1:before {
  content: "\eeab";
}

.icon-apparel:before {
  content: "\eeac";
}

.icon-arrow-down:before {
  content: "\eead";
}

.icon-arrow-left:before {
  content: "\eeae";
}

.icon-arrow-outline-down:before {
  content: "\eeaf";
}

.icon-arrow-outline-left:before {
  content: "\eeb0";
}

.icon-arrow-outline-right:before {
  content: "\eeb1";
}

.icon-arrow-outline-up:before {
  content: "\eeb2";
}

.icon-arrow-right:before {
  content: "\eeb3";
}

.icon-arrow-thick-down:before {
  content: "\eeb4";
}

.icon-arrow-thick-left:before {
  content: "\eeb5";
}

.icon-arrow-thick-right:before {
  content: "\eeb6";
}

.icon-arrow-thick-up:before {
  content: "\eeb7";
}

.icon-arrow-thin-down:before {
  content: "\eeb8";
}

.icon-arrow-thin-left:before {
  content: "\eeb9";
}

.icon-arrow-thin-right:before {
  content: "\eeba";
}

.icon-arrow-thin-up:before {
  content: "\eebb";
}

.icon-arrow-up:before {
  content: "\eebc";
}

.icon-artist:before {
  content: "\eebd";
}

.icon-at-symbol:before {
  content: "\eebe";
}

.icon-attachment1:before {
  content: "\eebf";
}

.icon-backspace1:before {
  content: "\eec0";
}

.icon-backward:before {
  content: "\eec1";
}

.icon-backward-step:before {
  content: "\eec2";
}

.icon-badge1:before {
  content: "\eec3";
}

.icon-battery-full:before {
  content: "\eec4";
}

.icon-battery-half:before {
  content: "\eec5";
}

.icon-battery-low:before {
  content: "\eec6";
}

.icon-beverage:before {
  content: "\eec7";
}

.icon-block1:before {
  content: "\eec8";
}

.icon-bluetooth1:before {
  content: "\eec9";
}

.icon-bolt1:before {
  content: "\eeca";
}

.icon-book-reference:before {
  content: "\eecb";
}

.icon-bookmark1:before {
  content: "\eecc";
}

.icon-bookmarkcopy2:before {
  content: "\eecd";
}

.icon-bookmarkcopy3:before {
  content: "\eece";
}

.icon-bookmark-outline:before {
  content: "\eecf";
}

.icon-bookmark-outline-add:before {
  content: "\eed0";
}

.icon-border-all:before {
  content: "\eed1";
}

.icon-border-bottom:before {
  content: "\eed2";
}

.icon-border-horizontal:before {
  content: "\eed3";
}

.icon-border-inner:before {
  content: "\eed4";
}

.icon-border-left:before {
  content: "\eed5";
}

.icon-border-none:before {
  content: "\eed6";
}

.icon-border-outer:before {
  content: "\eed7";
}

.icon-border-right:before {
  content: "\eed8";
}

.icon-border-top:before {
  content: "\eed9";
}

.icon-border-vertical:before {
  content: "\eeda";
}

.icon-box:before {
  content: "\eedb";
}

.icon-brightness-down:before {
  content: "\eedc";
}

.icon-brightness-up:before {
  content: "\eedd";
}

.icon-browser-window:before {
  content: "\eede";
}

.icon-browser-window-new:before {
  content: "\eedf";
}

.icon-browser-window-open:before {
  content: "\eee0";
}

.icon-bug:before {
  content: "\eee1";
}

.icon-buoy:before {
  content: "\eee2";
}

.icon-calculator:before {
  content: "\eee3";
}

.icon-calendar:before {
  content: "\eee4";
}

.icon-camera1:before {
  content: "\eee5";
}

.icon-chart:before {
  content: "\eee6";
}

.icon-chart-bar:before {
  content: "\eee7";
}

.icon-chart-pie:before {
  content: "\eee8";
}

.icon-chat-bubble-dots:before {
  content: "\eee9";
}

.icon-checkmark:before {
  content: "\eeea";
}

.icon-checkmark-outline:before {
  content: "\eeeb";
}

.icon-cheveron-down:before {
  content: "\eeec";
}

.icon-cheveron-left:before {
  content: "\eeed";
}

.icon-cheveron-outline-down:before {
  content: "\eeee";
}

.icon-cheveron-outline-left:before {
  content: "\eeef";
}

.icon-cheveron-outline-right:before {
  content: "\eef0";
}

.icon-cheveron-outline-up:before {
  content: "\eef1";
}

.icon-cheveron-right:before {
  content: "\eef2";
}

.icon-cheveron-up:before {
  content: "\eef3";
}

.icon-clipboard:before {
  content: "\eef4";
}

.icon-close1:before {
  content: "\eef5";
}

.icon-close-outline:before {
  content: "\eef6";
}

.icon-close-solid:before {
  content: "\eef7";
}

.icon-cloud1:before {
  content: "\eef8";
}

.icon-cloud-upload:before {
  content: "\eef9";
}

.icon-code1:before {
  content: "\eefa";
}

.icon-coffee:before {
  content: "\eefb";
}

.icon-cog:before {
  content: "\eefc";
}

.icon-color-palette:before {
  content: "\eefd";
}

.icon-compose:before {
  content: "\eefe";
}

.icon-computer-desktop:before {
  content: "\eeff";
}

.icon-computer-laptop:before {
  content: "\ef00";
}

.icon-conversation:before {
  content: "\ef01";
}

.icon-copy:before {
  content: "\ef02";
}

.icon-credit-card:before {
  content: "\ef03";
}

.icon-currency-dollar:before {
  content: "\ef04";
}

.icon-dashboard1:before {
  content: "\ef05";
}

.icon-date-add:before {
  content: "\ef06";
}

.icon-dial-pad:before {
  content: "\ef07";
}

.icon-directions1:before {
  content: "\ef08";
}

.icon-document:before {
  content: "\ef09";
}

.icon-document-add:before {
  content: "\ef0a";
}

.icon-dots-horizontal-double:before {
  content: "\ef0b";
}

.icon-dots-horizontal-triple:before {
  content: "\ef0c";
}

.icon-download:before {
  content: "\ef0d";
}

.icon-duplicate:before {
  content: "\ef0e";
}

.icon-edit-copy:before {
  content: "\ef0f";
}

.icon-edit-crop:before {
  content: "\ef10";
}

.icon-edit-cut:before {
  content: "\ef11";
}

.icon-edit-pencil:before {
  content: "\ef12";
}

.icon-education:before {
  content: "\ef13";
}

.icon-envelope:before {
  content: "\ef14";
}

.icon-exclamation-outline:before {
  content: "\ef15";
}

.icon-exclamation-solid:before {
  content: "\ef16";
}

.icon-explore1:before {
  content: "\ef17";
}

.icon-factory:before {
  content: "\ef18";
}

.icon-fast-forward:before {
  content: "\ef19";
}

.icon-fast-rewind:before {
  content: "\ef1a";
}

.icon-film:before {
  content: "\ef1b";
}

.icon-filter1:before {
  content: "\ef1c";
}

.icon-flag1:before {
  content: "\ef1d";
}

.icon-flashlight:before {
  content: "\ef1e";
}

.icon-folder1:before {
  content: "\ef1f";
}

.icon-folder-outline:before {
  content: "\ef20";
}

.icon-folder-outline-add:before {
  content: "\ef21";
}

.icon-format-bold:before {
  content: "\ef22";
}

.icon-format-font-size:before {
  content: "\ef23";
}

.icon-format-italic:before {
  content: "\ef24";
}

.icon-format-text-size:before {
  content: "\ef25";
}

.icon-format-underline:before {
  content: "\ef26";
}

.icon-forward1:before {
  content: "\ef27";
}

.icon-forward-step:before {
  content: "\ef28";
}

.icon-gift:before {
  content: "\ef29";
}

.icon-globe:before {
  content: "\ef2a";
}

.icon-hand-stop:before {
  content: "\ef2b";
}

.icon-hard-drive:before {
  content: "\ef2c";
}

.icon-headphones:before {
  content: "\ef2d";
}

.icon-heart:before {
  content: "\ef2e";
}

.icon-home1:before {
  content: "\ef2f";
}

.icon-hot:before {
  content: "\ef30";
}

.icon-hour-glass:before {
  content: "\ef31";
}

.icon-inbox1:before {
  content: "\ef32";
}

.icon-inbox-check:before {
  content: "\ef33";
}

.icon-inbox-download:before {
  content: "\ef34";
}

.icon-inbox-full:before {
  content: "\ef35";
}

.icon-indent-decrease:before {
  content: "\ef36";
}

.icon-indent-increase:before {
  content: "\ef37";
}

.icon-information-outline:before {
  content: "\ef38";
}

.icon-information-solid:before {
  content: "\ef39";
}

.icon-key:before {
  content: "\ef3a";
}

.icon-keyboard1:before {
  content: "\ef3b";
}

.icon-layers1:before {
  content: "\ef3c";
}

.icon-library:before {
  content: "\ef3d";
}

.icon-light-bulb:before {
  content: "\ef3e";
}

.icon-link1:before {
  content: "\ef3f";
}

.icon-list1:before {
  content: "\ef40";
}

.icon-list-add:before {
  content: "\ef41";
}

.icon-list-bullet:before {
  content: "\ef42";
}

.icon-load-balancer:before {
  content: "\ef43";
}

.icon-location:before {
  content: "\ef44";
}

.icon-location-current:before {
  content: "\ef45";
}

.icon-location-food:before {
  content: "\ef46";
}

.icon-location-gas-station:before {
  content: "\ef47";
}

.icon-location-hotel:before {
  content: "\ef48";
}

.icon-location-marina:before {
  content: "\ef49";
}

.icon-location-park:before {
  content: "\ef4a";
}

.icon-location-restroom:before {
  content: "\ef4b";
}

.icon-location-shopping:before {
  content: "\ef4c";
}

.icon-lock-closed:before {
  content: "\ef4d";
}

.icon-lock-open:before {
  content: "\ef4e";
}

.icon-map1:before {
  content: "\ef4f";
}

.icon-menu1:before {
  content: "\ef50";
}

.icon-mic1:before {
  content: "\ef51";
}

.icon-minus-outline:before {
  content: "\ef52";
}

.icon-minus-solid:before {
  content: "\ef53";
}

.icon-mobile-devices:before {
  content: "\ef54";
}

.icon-mood-happy-outline:before {
  content: "\ef55";
}

.icon-mood-happy-solid:before {
  content: "\ef56";
}

.icon-mood-neutral-outline:before {
  content: "\ef57";
}

.icon-mood-neutral-solid:before {
  content: "\ef58";
}

.icon-mood-sad-outline:before {
  content: "\ef59";
}

.icon-mood-sad-solid:before {
  content: "\ef5a";
}

.icon-mouse1:before {
  content: "\ef5b";
}

.icon-music-album:before {
  content: "\ef5c";
}

.icon-music-artist:before {
  content: "\ef5d";
}

.icon-music-notes:before {
  content: "\ef5e";
}

.icon-music-playlist:before {
  content: "\ef5f";
}

.icon-navigation-more:before {
  content: "\ef60";
}

.icon-network:before {
  content: "\ef61";
}

.icon-news-paper:before {
  content: "\ef62";
}

.icon-notification:before {
  content: "\ef63";
}

.icon-notifications1:before {
  content: "\ef64";
}

.icon-notifications-outline:before {
  content: "\ef65";
}

.icon-paste:before {
  content: "\ef66";
}

.icon-pause1:before {
  content: "\ef67";
}

.icon-pause-outline:before {
  content: "\ef68";
}

.icon-pause-solid:before {
  content: "\ef69";
}

.icon-pen-tool:before {
  content: "\ef6a";
}

.icon-phone1:before {
  content: "\ef6b";
}

.icon-photo:before {
  content: "\ef6c";
}

.icon-php-elephant:before {
  content: "\ef6d";
}

.icon-pin:before {
  content: "\ef6e";
}

.icon-play1:before {
  content: "\ef6f";
}

.icon-play-outline:before {
  content: "\ef70";
}

.icon-playlist:before {
  content: "\ef71";
}

.icon-plugin:before {
  content: "\ef72";
}

.icon-portfolio:before {
  content: "\ef73";
}

.icon-printer:before {
  content: "\ef74";
}

.icon-pylon:before {
  content: "\ef75";
}

.icon-question:before {
  content: "\ef76";
}

.icon-queue:before {
  content: "\ef77";
}

.icon-radar:before {
  content: "\ef78";
}

.icon-radarcopy2:before {
  content: "\ef79";
}

.icon-radio1:before {
  content: "\ef7a";
}

.icon-refresh1:before {
  content: "\ef7b";
}

.icon-reload:before {
  content: "\ef7c";
}

.icon-reply1:before {
  content: "\ef7d";
}

.icon-reply-all:before {
  content: "\ef7e";
}

.icon-repost:before {
  content: "\ef7f";
}

.icon-save-disk:before {
  content: "\ef80";
}

.icon-screen-full:before {
  content: "\ef81";
}

.icon-search2:before {
  content: "\ef82";
}

.icon-send1:before {
  content: "\ef83";
}

.icon-servers:before {
  content: "\ef84";
}

.icon-share1:before {
  content: "\ef85";
}

.icon-share-01:before {
  content: "\ef86";
}

.icon-share-alt:before {
  content: "\ef87";
}

.icon-shield1:before {
  content: "\ef88";
}

.icon-shopping-cart:before {
  content: "\ef89";
}

.icon-show-sidebar:before {
  content: "\ef8a";
}

.icon-shuffle1:before {
  content: "\ef8b";
}

.icon-stand-by:before {
  content: "\ef8c";
}

.icon-star-full:before {
  content: "\ef8d";
}

.icon-station:before {
  content: "\ef8e";
}

.icon-step-backward:before {
  content: "\ef8f";
}

.icon-step-forward:before {
  content: "\ef90";
}

.icon-stethoscope:before {
  content: "\ef91";
}

.icon-store-front:before {
  content: "\ef92";
}

.icon-stroke-width:before {
  content: "\ef93";
}

.icon-subdirectory-left:before {
  content: "\ef94";
}

.icon-subdirectory-right:before {
  content: "\ef95";
}

.icon-swap:before {
  content: "\ef96";
}

.icon-tablet1:before {
  content: "\ef97";
}

.icon-tag1:before {
  content: "\ef98";
}

.icon-target:before {
  content: "\ef99";
}

.icon-text-box:before {
  content: "\ef9a";
}

.icon-text-decoration:before {
  content: "\ef9b";
}

.icon-thermometer:before {
  content: "\ef9c";
}

.icon-thumbs-down:before {
  content: "\ef9d";
}

.icon-thumbs-up:before {
  content: "\ef9e";
}

.icon-ticket:before {
  content: "\ef9f";
}

.icon-time:before {
  content: "\efa0";
}

.icon-timer1:before {
  content: "\efa1";
}

.icon-toolscopy:before {
  content: "\efa2";
}

.icon-translate1:before {
  content: "\efa3";
}

.icon-trash:before {
  content: "\efa4";
}

.icon-travel:before {
  content: "\efa5";
}

.icon-travel-bus:before {
  content: "\efa6";
}

.icon-travel-car:before {
  content: "\efa7";
}

.icon-travel-case:before {
  content: "\efa8";
}

.icon-travel-taxi-cab:before {
  content: "\efa9";
}

.icon-travel-train:before {
  content: "\efaa";
}

.icon-travel-walk:before {
  content: "\efab";
}

.icon-trophy:before {
  content: "\efac";
}

.icon-tuning:before {
  content: "\efad";
}

.icon-upload:before {
  content: "\efae";
}

.icon-usb1:before {
  content: "\efaf";
}

.icon-user:before {
  content: "\efb0";
}

.icon-user-add:before {
  content: "\efb1";
}

.icon-user-group:before {
  content: "\efb2";
}

.icon-user-solid-circle:before {
  content: "\efb3";
}

.icon-user-solid-square:before {
  content: "\efb4";
}

.icon-vector:before {
  content: "\efb5";
}

.icon-video-camera:before {
  content: "\efb6";
}

.icon-view-carousel:before {
  content: "\efb7";
}

.icon-view-column:before {
  content: "\efb8";
}

.icon-view-hide:before {
  content: "\efb9";
}

.icon-view-list:before {
  content: "\efba";
}

.icon-view-show:before {
  content: "\efbb";
}

.icon-view-tile:before {
  content: "\efbc";
}

.icon-volume-down:before {
  content: "\efbd";
}

.icon-volume-mute:before {
  content: "\efbe";
}

.icon-volume-off:before {
  content: "\efbf";
}

.icon-volume-up:before {
  content: "\efc0";
}

.icon-wallet:before {
  content: "\efc1";
}

.icon-watch1:before {
  content: "\efc2";
}

.icon-window:before {
  content: "\efc3";
}

.icon-window-new:before {
  content: "\efc4";
}

.icon-window-open:before {
  content: "\efc5";
}

.icon-wrench:before {
  content: "\efc6";
}

.icon-yin-yang:before {
  content: "\efc7";
}

.icon-zoom-in:before {
  content: "\efc8";
}

.icon-zoom-out:before {
  content: "\efc9";
}

/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}

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

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

/* Breadcrumb Classes */
.breadcrumb {
  display: -ms-flexbox;
  display: -webkit-box;
  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;
}

/* Progress Bar */
.progress {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-box-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 screen and (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;
}

/***************** Grid Classes **************************/
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: -webkit-box;
  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;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.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 .table {
  background-color: #fff;
}

.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 {
  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: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.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 {
  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;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
    /*#s4-workspace {
        height: 822px;
        width: 414px !important;
    }*/
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
    /*#s4-workspace {
        height: 822px;
        width: 414px !important;
    }*/
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
   /* #s4-workspace {
        height: 822px;
        width: 414px!important;
    }*/
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

/*************** Flex Classes ****************************/
.d-flex {
  display: -ms-flexbox !important;
  display: -webkit-box !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: -webkit-inline-box !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: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !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: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !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: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !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: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !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: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !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.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-3by4::before {
  padding-top: 133.333333%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

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

.flex-column {
  -ms-flex-direction: column !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  flex-direction: column !important;
}

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

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: 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 {
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
  flex: 1 1 auto !important;
}

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

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  -webkit-box-flex: 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 {
  -ms-flex-pack: start !important;
  -webkit-box-pack: start !important;
  justify-content: flex-start !important;
}

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

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

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

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

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

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

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

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

.align-items-stretch {
  -ms-flex-align: stretch !important;
  -webkit-box-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 {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: 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 {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 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 {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    -webkit-box-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 {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-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 {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: 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 {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 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 {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    -webkit-box-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 {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-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 {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: 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 {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 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 {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    -webkit-box-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 {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-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 {
    -ms-flex-direction: row !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: 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 {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 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 {
    -ms-flex-pack: start !important;
    -webkit-box-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    -webkit-box-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    -webkit-box-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    -webkit-box-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 {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    -webkit-box-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;
  }
}

/* Margin Padding Classes */
.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;
}

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

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

.form-label {
  margin-bottom: .5rem;
  font-size: 12px;
  color: #333;
}

.form-control {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  height: 38px;
  color: #BDBDBD;
}

.form-control:focus, .form-select:focus {
  border-color: #681949;
  -webkit-box-shadow: 0 0 0 0.1rem #681905;
  box-shadow: 0 0 0 0.1rem #681905;
}

.form-select {
  border: 1px solid #E0E0E0;
  background-color: #fff;
  height: 38px;
  border-radius: 6px;
  background-image: url("../../img/icons/arrow.png");
  background-size: 10px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea.form-control {
  min-height: 70px;
}

.masthead {
  height: calc(90vh);
  min-height: 500px;
  background-image: url("qatar1@2x.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}

.masthead .hero-txt {
  text-align: left;
  width: 570px;
  float: right;
  position: relative;
  margin-top: 7%;
}

.masthead .hero-txt h1 {
  font-weight: bold;
  color: #681949 !important;
  font-size: 44px;
  margin: 0;
  padding: 0;
}

.masthead .hero-txt p {
  font-weight: lighter;
  font-family: 'Frutiger LT Arabic Light';
  color: #000000 !important;
  font-size: 44px;
  padding: 0;
}

.masthead .hero-bt-box {
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
  border-radius: 10px;
  padding: 20px;
  clear: both;
  margin-bottom: 7%;
}

.masthead .hero-bt-box .select {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
  margin-right: 10px;
}

.masthead .hero-bt-box select {
  height: 40px;
  padding: 5px 10px;
  border: 0;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #333333;
}

.masthead .hero-bt-box .select:after {
  content: "\e901";
  font-family: 'icomoon' !important;
  font-size: 18px;
  color: #BDBDBD;
  padding: 12px 8px;
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 1;
  text-align: center;
  height: 100%;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.masthead .hero-bt-box .btn {
  border-radius: 5px;
  border: none;
  width: 50px;
  padding: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.masthead .hero-bt-box .begin {
  width: 98%;
  text-align: left;
  border-bottom: 1px solid #E0E4E8;
  line-height: 0.1em;
  margin: 17px 0 20px;
  position: relative;
}

.masthead .hero-bt-box .begin div {
  background: #f8f8f8;
  display: inline-block;
  position: absolute;
}

.masthead .hero-bt-box .begin span {
  position: absolute;
  right: -10px;
  font-size: 26px;
  color: #681949;
  top: -11px;
}

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Frutiger LT Arabic Normal', sans-serif;
  padding-top: 74px;
}

section {
  clear: both;
}

.lt-grey-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
}

.white-grey-bg {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
  background: linear-gradient(180deg, #ffffff 0%, #F5F5F5 100%);
}

.white-lt-grey-bg {
  background: #E5E5E5;
}

.white-bg {
  background: #fff;
}

.grey-bg {
  background: #F5F5F5;
}

.main-heading {
  font-size: 34px;
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: 'Frutiger LT Arabic Light';
}

.sub-heading {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.page-heading {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  margin: 15px 0 20px 0;
}

.page-heading span.icon-arrow {
  color: #681949;
  font-size: 18px;
}

.page-content h2 {
  font-weight: bold;
  margin: 20px 0;
}

.page-content h2:first-child {
  margin-top: 0;
}

ol, ul {
  padding-left: 2rem;
}

p, li {
  font-size: 14px;
  color: #333333;
  font-family: 'Frutiger LT Arabic Light';
}

.text-align-rt {
  text-align: right;
}

.top-minus-wrap {
  position: relative;
  margin-top: -150px;
}

.top-minus-wrap .container {
  background: #fff;
  padding-top: 30px;
}

.page-info {
  margin-top: 40px;
}

.page-info .lt-wrap {
  border-left: 3px solid #000000;
  padding-left: 20px;
}

.page-info .share-links {
  text-align: right;
  margin-left: auto;
  width: 200px;
}

.page-info .share-links h4 {
  margin: 0 0 15px 0;
  padding: 5px;
  background: #F2F2F2;
  color: #333333;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}

.page-info .share-links ul {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.page-info .share-links ul li {
  display: inline;
  padding-right: 5px;
}

.page-info .share-links ul li:last-child {
  padding-right: 0;
}

.page-info .share-links ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #E0E4E8;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
}

.page-info .share-links ul li a span {
  font-size: 26px;
  padding: 0;
  color: #681949;
}

.page-info .share-links ul li a:hover {
  background: #333333;
}

.page-info .share-links ul li a:hover span {
  color: #fff;
}

.pt-6 {
  padding-top: 6rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.py-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.primary-link {
  color: #681949;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;font-size:16px
}

.primary-link:hover, .primary-link:active, .primary-link:focus {
  text-decoration: none;
  color: #333333;
}

.primary-link .icon-arrow1 {
  font-size: 20px;
  position: relative;
  top: 4px;
  margin-right: 5px;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  display: inline-block;
}

.video-wrapper {
  position: relative;
}

.video-wrapper > video {
  width: 100%;
  vertical-align: middle;
  border-radius: 5px;
  overflow: hidden;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}

.video-overlay-play-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: linear-gradient(transparent, #000);
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}

span.icon-play {
  font-size: 46px;
  color: #fff;
  padding-top: 24%;
  padding-left: 44%;
  border-radius:5px
}

.video-overlay-play-button:hover, span.icon-play:hover {
  opacity: 1;
}

.video-overlay-play-button.is-hidden {
  display: none;
}

/* Page Loader */
.col-half-offset {
  margin-left: 4.166666667%;
}

footer {
  background: #17191C;
  color: #fff;
}

footer h3 {
  margin-bottom: 10px;
}

footer h3 a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

footer h3 a:hover {
  text-decoration: none;
  color: #f2c94c;
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer ul li a {
  color: #fff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

footer ul li a:hover {
  color: #9c9d9e;
  text-decoration: none;
}

footer .social-links {
  margin-top: 50px;
}

footer .social-links h4 {
  margin-bottom: 20px;
}

footer .social-links ul {
  padding: 0;
  margin: 0;
}

footer .social-links ul li {
  display: inline;
  padding-right: 8px;
}

footer .social-links ul li a {
  display: inline-block;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #333333;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  width: 40px;
  height: 40px;
}

footer .social-links ul li a span {
  font-size: 36px;
}

footer .social-links ul li a:hover {
  background: #333333;
}

.copyright {
  background: #17191C;
  border-top: 1px solid #333;
  padding: 15px 0;
}

.copyright ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.copyright ul li {
  display: inline;
  padding-right: 15px;
  padding-bottom: 0;
}

.copyright ul li a {
  color: #ccc;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  font-weight:700
}

.copyright ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}

.copyright .copy {
  text-align: right;
  color: #ccc;font-weight:700
}

.breadcrumb {
  background: none;
  padding-left: 0;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.breadcrumb a {
  color: #681949;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.breadcrumb a:hover {
  color: #333333;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  content: "|";
}

.main-nav {
  background: #fff;
}

.main-nav .container {
  position: relative;
}

.main-nav .navbar-toggler {
  border: none;
  padding-left: 10px;
  outline: none;
  color: transparent;
  background:transparent
}

.main-nav .navbar-toggler .icon-menu1 {
  font-size: 22px;
  color: #681949;
}

.main-nav .navbar-collapse {
  position: relative;
}

.main-nav .navbar-nav {
  margin-right: 30px;
}

.main-nav .navbar-nav .nav-link {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-family: Frutiger LT Arabic Bold;
  color: #000000;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
}

.main-nav .navbar-nav .nav-link:hover {
  color: #681949;
}

.main-nav .navbar-nav .active {
  color: #681949 !important;
}

.main-nav .navbar-nav .dark-theme .nav-link {
  background: #681949;
  color: #fff;
  border-radius: 20px;
  padding: 5px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  text-decoration: none;
  cursor: pointer;
  height: 30px;
  width:30px
}

.main-nav .navbar-nav .dark-theme .nav-link .icon-night {
  font-size: 18px;
  color: #F2C94C;
  position: relative;
  top: 2px;
}

.main-nav .navbar-nav .dark-theme .nav-link:hover {
  background: #000000;
}

.main-nav .navbar-nav .language select {
  color: #681949;
  border-radius: 29px;
  margin-left: 10px;
  border: none;
  margin-right: 10px;
  width: 55px;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  background-color: #f5f5f5;
}

.main-nav #search-form {
  position: absolute;
  right: 15px;
  width: 0;
}

.main-nav #search-form .searchbar {
  position: relative;
  min-width: 31px;
  width: 0;
  height: 31px;
  border-radius: 15px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.main-nav #search-form .searchbar-input {
  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
  width: 82%;
  height: 31px;
  margin: 0;
  padding: 0px 55px 0px 20px;
  font-size: 12px;
  color: #000000;
  border-radius: 17px;
  position:absolute
}

.main-nav #search-form .searchbar-input::-webkit-input-placeholder {
  color: #000000;
}

.main-nav #search-form .searchbar-input:-moz-placeholder {
  color: #000000;
}

.main-nav #search-form .searchbar-input::-moz-placeholder {
  color: #000000;
}

.main-nav #search-form .searchbar-input:-ms-input-placeholder {
  color: #000000;
}

.main-nav #search-form .searchbar-icon,
.main-nav #search-form .searchbar-submit {
  width: 31px;
  height: 31px;
  display: block;
  position: absolute;
  top: 0;
  font-size: 14px;
  right: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  color: #681949;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
  background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
  border-radius: 17px;
}

.main-nav .searchbar-open {
  width: 85% !important;
}

@media (max-width: 1200px) {
  .navbar-nav {
    margin: 20px 10px 20px 10px !important;
  }
  .navbar-nav .nav-item {
    border-bottom: 1px solid #E0E4E8;
  }
  .navbar-nav .nav-item .nav-link {
    color: #681949;
    font-size: 20px;
    padding: 7px 10px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    font-family: 'Frutiger LT Arabic Light';
  }
  .navbar-nav .nav-item .nav-link:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F2F2F2));
    background: linear-gradient(180deg, #F5F5F5 0%, #F2F2F2 100%);
    color: #000000;
  }
}

.btn {
  padding: 12px 30px;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 6px;
  outline: none;
}

.btn:hover {
  text-decoration: none;
}

.maroon {
  background: #681949;
  color: #fff !important;
  border-radius: 6px;text-decoration:none !important
}

.maroon:hover {
  background: #333333;
  color: #ffffff;
}

.btn-primary {
  background: #681949;
  color: #fff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 6px;
}

.btn-primary:hover {
  background: #333333;
}

.modal-content {
  position: relative;
  padding: 40px;
}

.modal-content .close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #681949;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}

.modal-content .close:hover {
  color: #000;
}

@media only screen and (max-width: 768px) {
  .modal-content {
    padding: 40px 20px 20px 20px;
  }
}

.aside-news {
  border-top: 3px solid #000;
}

.aside-news h3 {
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  margin-top: 5px;
}

.aside-news ul {
  margin: 0;
  padding: 0;
}

.aside-news ul li {
  list-style: none;
  padding: 10px;
  margin-bottom: 10px;
  background: #F5F5F5;
  font-weight: bold;
  font-size: 14px;
}

.aside-news ul li a {
  color: #681949;
  text-decoration: none;
}

.aside-news ul li a:hover {
  color: #000;
}

.aside-news ul li a span.date {
  display: block;
  font-size: 12px;
  color: #333;
  font-weight: normal;
  font-family: 'Frutiger LT Arabic Light';
  margin-bottom: 5px;
}

.nav-item a.light-theme {
  display: none;
}

.navbar-brand .dark-theme-logo {
  display: none;
}

body.dark-theme {
  background: #1B1B1B;
  /*nav bg */
  /* header bottom box */
  /* QIA In Focus */
  /* News Press */
  /* Investments and History */
  /* Contact */
  /* Inner page info */
}

body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, body.dark-theme h4, body.dark-theme h5, body.dark-theme p, body.dark-theme a {
  color: #fff !important;
}

body.dark-theme header a.primary-link {
  color: #681949 !important;
}

body.dark-theme .nav-item a.dark-theme {
  display: none;
}

body.dark-theme .nav-item a.light-theme {
  display: block;
}

body.dark-theme .navbar-brand .light-theme-logo {
  display: none;
}

body.dark-theme .navbar-brand .dark-theme-logo {
  display: block;
}

body.dark-theme .main-nav {
  background-color: #1B1B1B !important;
}

body.dark-theme .main-nav .nav-link {
  color: #ffffff;
}

body.dark-theme .main-nav .dark-theme .nav-link {
  background: #313131;
}

body.dark-theme .main-nav .language select {
  background: #313131;
  color: #ffffff;
}
body.dark-theme .main-nav #search-form .searchbar-icon, body.dark-theme .main-nav #search-form .searchbar-submit {
  background: #313131;
  border-color: #313131;
  color: #ffffff;
}

body.dark-theme .masthead .hero-bt-box {
  background: #252525;
}

body.dark-theme .masthead .hero-bt-box .begin div {
  color: #ffffff;
  background: #252525;
}

body.dark-theme .masthead .hero-bt-box .begin span {
  background: white;
  border-radius: 50%;
}

body.dark-theme .qia-in-focus {
  background: #252525;
}

body.dark-theme .news-press {
  background: #333333;
}

body.dark-theme .sector-investment, body.dark-theme .our-history {
  background: #1b1b1b;
}

body.dark-theme .contact-us {
  background: #242424;
}

body.dark-theme .page-info .share-links h4 {
  background: #000;
}

body.dark-theme .page-info .share-links ul li a span {
  color: #fff;
}

body.dark-theme .sectors .card-wrap .card-info {
  background: #242424;
}

body.dark-theme .sectors .card-wrap:hover, body.dark-theme .explore .explore-wrap:hover {
  -webkit-box-shadow: 0 0 5px 5px #000000;
  box-shadow: 0 0 5px 5px #000000;
}

body.dark-theme .top-minus-wrap .container {
  background: #1b1b1b;
}

body.dark-theme .sector-contact-form .form-wrap {
  background: #252525;
}

body.dark-theme .sector-contact-form .form-wrap .form-label {
  color: #ffffff;
}

body.dark-theme .page-info .lt-wrap {
  border-left: 3px solid #ffffff;
}

body.dark-theme .page-heading span.icon-arrow {
  color: #ffffff;
}

body.dark-theme .main-nav .navbar-nav .active {
  color: #F2C94C !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .masthead .hero-txt {
    width: 420px;
  }
  .masthead .hero-txt h1, .masthead .hero-txt p {
    font-size: 40px;
  }
  .navbar-light .navbar-brand {
    width: 300px;
  }
  /* Search Bar Position */
  .main-nav .container #search-form {
    top: 20px;
    right: 68px;
    width: 60% !important;
    z-index: 3;
  }
  .main-nav .container .navbar-nav .language select {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .main-nav .container .nav-item .nav-link {
    font-size: 16px;
  }
  .main-nav .container .navbar-nav li.dark-theme, .main-nav .container .navbar-nav li.language {
    margin: 7px 0;
    border-bottom: none;
    width: 30%;
  }
}

@media only screen and (max-width: 1000px) {
  .masthead .hero-txt {
    width: 320px;
  }
  .masthead .hero-txt h1, .masthead .hero-txt p {
    font-size: 30px;
  }
  .main-nav .container #search-form {
    width: 50% !important;
  }
}

@media only screen and (max-width: 768px) {
  .masthead .hero-txt {
    width: 270px;
  }
  .masthead .hero-txt h1, .masthead .hero-txt p {
    font-size: 30px;
  }
  .main-nav .container #search-form {
    width: 70% !important;
  }
  .ceo-message .ceo-img {
    float: left;
    width: 100px;
    margin-right: 20px;
  }
  .ceo-message h3, .ceo-message h4 {
    text-align: left;
  }
  .ceo-message .col-md-2, .mandate .col-md-4, .history .col-md-3, .values .col-md-4, .goven-climate .col-md-6 {
    margin-bottom: 20px;
  }
  .ceo-profile .ceo-img {
    width: 100px;
  }
  .ceo-profile .modal-content .ceo-img {
    width: 100px;
  }
  .members {
    margin-bottom: 20px;
  }
  .investment-p-section .main-heading {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 600px) {
  .navbar-light .navbar-brand {
    width: 200px;
  }
  .main-nav .container #search-form {
    top: 12px;
    width: 88% !important;
  }
  .masthead {
    min-height: 350px;
    height: 100%;
    background-size: contain;
    background-color: #681949;
    margin-top: -18px;
  }
  .masthead .col-12 {
    padding: 0;
    margin-bottom: 0 !important;
  }
  .masthead .hero-txt {
    width: 100%;
    position: inherit;
    float: none;
    margin-top: 206px;
    padding: 40px 20px 20px 20px;
    background: #681949;
  }
  .masthead .hero-txt h1, .masthead .hero-txt p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #fff !important;
  }
  .masthead .hero-txt p {
    padding-bottom: 0;
  }
  .masthead .hero-txt a {
    color: #fff;
  }
  .masthead .hero-txt a span {
    color: #CBA065;
  }
  .masthead .hero-bt-box {
    margin: 20px;
  }
  .masthead .hero-bt-box .begin {
    display: none;
  }
  .video-wrapper {
    margin-top: 30px;
  }
  .news-press .col-xs-12, .sector-investment .col-xs-12 {
    margin-bottom: 30px;
  }
  .our-history {
    padding-top: 0;
  }
  .our-history .history-bg .text-wrap {
    padding: 40px 20px;
  }
  .social-links {
    margin-bottom: 30px;
  }
  .copyright .col-xs-12 {
    margin-bottom: 10px;
  }
  /* Inner page */
  .top-minus-wrap {
    margin-top: -30px;
  }
  .page-info .share-links {
    margin-bottom: 30px;
  }
  .strategy .core-box {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}


.btn-important {
  padding: 12px 30px !important;
  border: none;
  text-transform: uppercase !important;
  font-size: 12px !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius: 6px !important;
  outline: none !important;
  background: #681949 !important;
    color: #fff !important;}
    
.member-login{
	margin-right:12px
}
.member-login a{
	color: rgb(255, 255, 255);
    cursor: pointer;
    height: 30px;
    background: rgb(255 255 255);
    border-radius: 20px;
    padding: 5px;
    transition: all 0.4s ease-out 0s;
    text-decoration: none;
    width: 30px;
    border: solid 1px #a4a4a4;
    margin: 0 0px 0 10px;
    padding: 4px 7px !important;
}
.member-login a:hover{
   border: solid 1px rgb(104, 25, 73);
}

.member-login img{
width:15px
}
.breadcrumb span{
	padding-right:.5rem
}
.breadcrumb:last-child
{
	color: #6c757d;
}

.ms-wpContentDivSpace{
	border:none
}
.page-heading div{
	display:inline-block
}
#WebPartWPQ2_ChromeTitle{
	display:none
}

.edit-mode .page-info {
    margin-top: 150px !important;
}
.minimize{
	color: #333333;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Frutiger LT Arabic Light';
    margin-top: 0;
    margin-bottom: 1rem;
}
.sector-contact-form .form-wrap h4 span.icon-arrow{
	margin-left:10px
}

input[type=password]:hover, input[type=text]:hover, input[type=file]:hover, input:not([type]):hover, textarea:hover, .sp-peoplepicker-topLevel:hover, .ms-inputBox:hover {
    border-color: #ababab;
    width: 100%;
    border-radius:5px
}
input[type=password], input[type=text], input[type=file], input:not([type]), textarea, .ms-inputBox {
    border-color: #ababab;
    width: 100%;
    border-radius:5px

}
.MultiFile-label{

	margin:10px 0 0 0;
}
.MultiFile-remove{
	    color: #fff;
    background: #333;
    padding: 1px 10px;
    margin-right: 10px;
    border-radius: 5px;
}
.MultiFile-remove:hover{
	    color: #fff;
    background: #f00;
    padding: 1px 10px;
    margin-right: 10px;
    border-radius: 5px;
    text-decoration: none;
}

.MultiFile-title{
	font-size:12px
}

.investments .box h2 {
color:#fff}
.strategy .core-box h2{
	color:#000
}
.page-content h2 {
color:#333}
#contentBox{
	min-width:100%
}



/* pagination*/

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 50px;
    background: #681949;
    color: #fff;
    width: 35px;
    height: 35px;
    font-size: 22px;
    line-height: 20px;
    margin: 0 20px;
}
.page-item a{
	width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 28px;
    margin: 0 20px;
    border-radius: 5px;
    color: #000;
    background: #ccc;
    text-align:center;
    border:none
}
.page-item a:hover{
	text-decoration:none
}
.page-item:first-child .page-link{
	
}
.page-item:last-child .page-link {margin-left:0 !important}

/* news room section */


 
.main-news .card-wrap:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}


.main-news .card-wrap {
  margin-bottom: 30px;
}

.main-news .card-wrap img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius:6px;width:100%;height:200px
}

.main-news .card-wrap .date-news{
	background: #681949;
    color: #fff !important;
    font-size: 12px !important;
    position: absolute;
    margin-top: -52px;
    padding: 5px 20px;
    border-radius: 0 6px;
}
.main-news .card-wrap .card-info {
  border-radius: 0px 0px 5px 5px;
  padding: 25px 0;
  min-height: 190px;
}

.main-news .card-wrap .card-info h2 {
  color: #000000;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.main-news .card-wrap .card-info p {
  color: #333333;
  font-weight: normal;
  font-size: 12px;
}

.main-news .card-wrap:hover {
}

.main-news .card-wrap:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}



.main-news .card-wrap-main:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}


.main-news .card-wrap-main {
  margin-bottom: 30px;
  background:#F5F5F5;display: inline-block;
}

.main-news .card-wrap-main .stretched-link{
float:left;margin:0;padding:0}

.main-news .card-wrap-main img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  border-radius:6px ​0px 0px 6px
}

.main-news .card-wrap-main .date-news-main{
	background: #681949;
    color: #fff !important;
    font-size: 12px !important;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 6px;
}
.main-news .card-wrap-main .card-info-main {
  border-radius:5px;
  padding: 25px;
  cursor: pointer;float:left
}

.main-news .card-wrap-main .card-info-main h2 {
  color: #000000;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
}

.main-news .card-wrap-main .card-info-main p {
  color: #333333;
  font-weight: normal;
  font-size: 16px;
}

.main-news .card-wrap-main:hover {
}

.main-news .card-wrap-main:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.border-6{border-radius:6px}
.lt-wrapped{border-left: 3px solid #681949;    margin: 30px 0;
    padding: 20px;}
.lt-wrapped li	{    margin-left: 30px;    margin-bottom: 20px;}



/* edit date 27/4/2021 */


.main-timeline {
    position: relative
}
.timeline-section{background-color: #F5F5F5;
}
.timeline-section .container{
    background-image:url(/Resources/vector-his.png); 
    background-repeat: repeat-y;
    background-position: 550px 0px;
    margin-top: -60px;
    padding: -50px;
    padding-top: 60px;
}
.main-timeline .timeline {
    margin-bottom: 40px;
    position: relative;min-height:310px;margin-top: 40px;
}

.main-timeline .timeline:after {
    content: "";
    display: block;
    clear: both
}

.main-timeline .icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 210px;
    right: 0
}
.main-timeline .icon {
    left: 210px;
	right: 0
}
.main-timeline .odd-child {
    right: 228px;
	left: 0
}
.main-timeline .timeline:nth-child(2) .odd-child{right:-342px !important}
.main-timeline .timeline:nth-child(4) .odd-child{right:-342px !important}
.main-timeline .timeline:nth-child(6) .odd-child{right:-342px !important}
.main-timeline .timeline:nth-child(8) .odd-child{right:-342px !important}
.main-timeline .timeline:nth-child(10) .odd-child{right:-342px !important}

.main-timeline .icon:before,
.main-timeline .icon:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.33s ease-out 0s
}

.main-timeline .icon:before {
    background: #681949;
	    width: 15px;
    height: 15px;
}

.main-timeline .icon:after {
    background: #CBA065;
	    width: 5px;
    height: 5px;
    left: 5px;
    top: 5px;
}


.main-timeline .date-content {
    width: 28%;
    float: left;
    margin-top: 7px;
    position: relative
}



.main-timeline .date-outer {
    font-size: 16px;
    text-align: center;
    margin: auto;
    z-index: 1
}


.main-timeline .date-outer:after {
    border: 2px solid #c6c6c6;
    left: 6px
}

.main-timeline .timeline:hover .date-outer:before {
    left: 6px
}

.main-timeline .timeline:hover .date-outer:after {
    left: -6px
}

.main-timeline .date {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 27%;
    left: 0
}

.main-timeline .month {
    font-size: 18px;
    font-weight: 700
}

.main-timeline .year {
    display: block;
    font-size: 130px;
    font-weight: 700;
    color: #681949;
    line-height: 110px
}

.main-timeline .timeline-content {
    width: 65%;
    padding: 20px 0 20px 50px;
    float: right
}

.main-timeline .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 15px 0
}

.main-timeline .description {
    margin-bottom: 0;font-size:16px
}

.main-timeline .timeline:nth-child(2n) .date-content {
    float: right
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
    left: 10px
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
    padding: 20px 50px 20px 0;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .main-timeline .date-content {
        margin-top: 35px
    }
    .main-timeline .date-content:before {
        width: 22.5%
    }
    .main-timeline .timeline-content {
        padding: 10px 0 10px 30px
    }
    .main-timeline .title {
        font-size: 17px
    }
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        padding: 10px 30px 10px 0
    }
}

@media only screen and (max-width: 767px) {
    .main-timeline:before {
        margin: 0;
        left: 7px
    }
    .main-timeline .timeline {
        margin-bottom: 20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom: 0
    }
    .main-timeline .icon {
        margin: auto 0
    }
    .main-timeline .date-content {
        width: 95%;
        float: right;
        margin-top: 0
    }
    .main-timeline .date-content:before {
        display: none
    }
    .main-timeline .date-outer {
        width: 110px;
        height: 110px
    }
    .main-timeline .date-outer:before,
    .main-timeline .date-outer:after {
        width: 110px;
        height: 110px
    }
    .main-timeline .date {
        top: 30%
    }
    .main-timeline .year {
        font-size: 24px
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(2n) .timeline-content {
        width: 95%;
        text-align: center;
        padding: 10px 0
    }
    .main-timeline .title {
        margin-bottom: 10px
    }
}

.timeline-year li{list-style:none;color:#681949;margin:15px 0;font-weight: 700;}
.timeline-year li a{color:#681949; text-decoration:none}
.timeline-year li a:hover{color:#681949; text-decoration:none;font-size: 14px;}

.timeline-section{}

.more-helpful-links ul li a{font-weight:700;}
.more-helpful-links ul li img{width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #681949;
    color: #fff;
    padding: 5px;
    margin-right: 10px;}

.contact-us-quotes{background:#EBEBEB; padding:25px;margin:25px 0;border-radius:5px}
.contact-us-quotes h3 {
    font-weight: 700;
    margin: 20px;
}
.contact-us-quotes .align-self-center{min-width: 150px;}

.investments .box-1{min-height: 200px;
    border-radius: 10px;
    padding-top: 40px;}
.investments .box-1 h2{font-size:14px;font-weight:700;margin-top:10px}
.investments .box{border-radius: 10px;}

.modal-large .modal-dialog {
    max-width: 750px;
    margin: 1.75rem auto;
}



/* file uploader*/

.drop-files-attach{border:dashed 1px #E0E0E0; background:#fff; padding: 20px;
    text-align: center;
    cursor: pointer;color:#BDBDBD}
.drop-files-attach img	{margin-right: 20px;}
.drop-files-attach span{color:#681949}

.btn-check:focus+.btn, .btn:focus{box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);}
a:focus, a:hover{color:#fff}
.list-contact{margin:0;padding:0}
.list-contact li	{list-style: none;
    margin-bottom: 20px;
    margin-top: 20px;font-size:18px;display:inline-block;width:100%}
.list-contact li img	{float: left;
    margin-right: 20px; width:32px;}
.list-contact li span	{float: left;}


.masthead .hero-txt h1{
	font-family: 'Frutiger LT Arabic Normal', sans-serif;
}
.qia-in-focus p{
	font-size:16px
}

.qia-in-focus .primary-link{
	display:inline-block;margin-top:20px
}

#s4-bodyContainer {
padding-bottom:0 !important
}

.page-info .page-heading {
	font-family: 'Frutiger LT Arabic Normal', sans-serif;
	font-size:40px
}

.ms-srch-item {
    width: auto;
}
.ms-srch-hover-outerContainer{display:none !important}
@media only screen and (max-width: 600px) {

.show{	display:block !important}

#navbarSupportedContent .static{width: 100%;}
#zz1_TopNavigationMenu{margin: 20px 0 0 0 !important;}
ul.navbar-nav{display: block;width: 100%;float: left;margin-top: 0 !important;}
ul.navbar-nav .nav-link{margin: 0 0 5px 0 !important;}
#search-form{top:10px​!important}
}

.ms-srch-item-link,.ms-srch-item-link:hover{
	color:#681949
}
.ms-srch-result #PagingLink a,#PagingSelf a{
	color:#681949;font-size:16px
}
.ms-promlink-button-enabled-hover, .ms-promlink-button-enabled:hover,.ms-promlink-button-enabled{
	background-color:transparent;border:none
}
.ms-srch-result #Paging a:hover,.ms-srch-result #PagingSelf a{
	color:#681949
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover{
	background-color:#681949
}
.ms-core-overlay{
	background-color:transparent
}
.dark-theme .grey-bg,.dark-theme .ceo-message .message{
	background-color:#000
}
.dark-theme b,.dark-theme .mandate ,.dark-theme .breadcrumb-item{
	color:#fff
}
.dark-theme .strategy .core-box span.icon {color: #fff;}
.dark-theme .minimize {color: #fff;}
.dark-theme .main-news .card-wrap-main {background-color: #000;}
.dark-theme .contact-us-quotes {background-color: #000;}
.dark-theme .list-contact li{color: #fff;}
.dark-theme .ms-srch-item {color: #fff;}
.dark-theme .ceo-profile,.dark-theme .aside-news ul li {background-color: #000;color: #fff;}
.dark-theme .ms-rtestate-field,.dark-theme .aside-news .date,.dark-theme ul li	{color: #fff ;}
.dark-theme .process-map-img {background-color: #000;color: #fff;}
#st-1{text-align:center !important}
#st-1 .st-btn > img{height: 14px;width: 14px;filter: grayscale(100%);}

.news-date{background: #681949;color: #fff !important;font-size: 12px !important;position: absolute;margin-top: -27px;padding: 5px 20px;border-radius: 0 6px;}

@media only screen and (max-width: 1200px) {
#navbarSupportedContent{
	/*display:none*/
}
}



@media screen and (min-width: 1024px) and (hover: hover), screen and (min-width: 1024px) and (pointer: fine) {
    #navbarSupportedContent {
        display: block;
    }
}

@media only screen and (min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1366px) {
    /* Styles for retina iPads in both orientations */
    #navbarSupportedContent {
        display: none
    }
    .collapse:not(.show) {
        display: none;
    }
    
}



.edit-mode-panel{
	display:inline !important;background-color: #fff;
    color: #333 !important;
}

.edit-mode-panel span{
	display:block  !important;background-color: #fff;
    color: #333 !important;margin-bottom:15px
}

div.ms-formfieldlabelcontainer span.ms-formfieldlabel, .ms-formfieldlabelcontainer .ms-formfieldlabel{
	color:#fff
}
.ceo-img{border-radius:50%}
.sector-investment .img-link img{border-radius:8px}
.our-history .img-fluid{border-radius:8px 0 0 8px}
.investment-p-section .img-fluid{border-radius:8px}
.explore-wrap img{border-radius:8px}
.goven-climate .img-fluid{border-radius:8px}
.dark-theme .list-contact img{filter: brightness(0) invert(1);}

.pagination .page-link:hover{
color: #f8f9fa;
    background-color: #681949;
    border-color: #681949;

}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{
	border-radius:5px
}
.pagination{
	margin-bottom:35px
}
.news-date-inner{
	position: absolute;
    /* top: 20px; */
    background: #fff;
    z-index: 10000;
    /* position: absolute; */
    margin-bottom: 0;
    color: rgb(255, 255, 255) !important;
    font-size: 12px !important;
    background: rgb(53 53 53);
    padding: 5px 20px;
    border-radius: 0px 6px;
    /* bottom: 0; */
    margin-top: -75px;
    font-size: 16px !important;
}
    

.page-content a,.main-timeline a{
    color:  rgb(104, 25, 73);
    text-decoration: underline}
.page-content a:hover ,.main-timeline a:hover{
    color: #333;
    text-decoration: none;
}


	
/*------------------------------------------*/
/*  Dropdown Menu
/*------------------------------------------*/
.nav-item{position:relative}
ul.sub-menu, ul.sub-menu ul.inside-menu {
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: 0px;
    margin: 0;
    padding: 14px 21px 16px;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 250px;
    z-index: -99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0 0;
            transform-origin: 100% 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
ul.sub-menu > li  {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.sub-menu > li a {
    color: #2d3e50;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 33px;
    text-transform: capitalize;
}
.sub-menu i {
    float: left;
    font-size: 17px;
    top: 10px;
}
.nav-item:hover .sub-menu{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    z-index: 9999;
}
ul.sub-menu ul.inside-menu {
    right: 169px;
    top: -2px;
    width: 195px;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 0 0;
            transform-origin: 100% 0 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
ul.sub-menu li:hover ul.inside-menu {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    z-index: 9999;
}
body.dark-theme ul.sub-menu, ul.sub-menu ul.inside-menu{
background-color:#000
}


body.dark-them .timeline-content,body.dark-theme .main-timeline .title{
color:#333333!important
}								

body.dark-theme .timeline-year li a{
color:#681949!important
}

body.dark-theme .ceo-profile h3, body.dark-theme .modal-body,body.dark-theme .modal-body h3 {
    color: #681949!important;
}

body.dark-theme .ExternalClass3455C163BA6F4EF9A415F6469A3BE35C {
    color: white;
}
.sector-contact-form .form-wrap h4 span.icon-arrow{
display:none;
}

@media only screen and (max-width: 600px) {
  .main-news .card-wrap-main{
    width: 100%;

}

.main-news .card-wrap {
    margin-bottom: 30px;
    width: 84%;
}

}

@media only screen and (min-width: 1200px){
.footer>.container {
   max-width: 1544px!important;
}

}


/*#############Updates after branding team suggestions##############*/

.news-press .img-fluid {
    min-height: 233px;
}


@media only screen and (max-width: 600px) {
    .contact-content {
        width: 80%;
        float: right;
        font-size: 10px;
        font-size: calc(1.3rem + 0.6vw);
        padding: 0px;
    }

    .contact-icon {
        width: 15%;
        float: left;
        padding-right: 0;
    }

    .qia-focus {
        width: 100% !important;
        padding: 2px;
    }

    #applyToQIA {
        padding-bottom: 0.5rem !important;
    }

    .our-history .img-fluid {
        border-radius: 0px !important;
    }

    .our-history .history-bg {
        border-radius: 0px !important;
    }
}


@media only screen and (min-width: 600px) and (max-width: 780px) {

    .contact-content {
        width: 80%;
        float: right;
        font-size: 10px;
        font-size: calc(1.3rem + 0.6vw);
        padding: 0px;
    }

    .contact-icon {
        width: 15%;
        float: left;
        padding-right: 0;
    }

    .qia-focus {
        width: 100% !important;
        padding: 2px;
    }



    .news-press .img-fluid {
        min-height: 140px;
    }

    .qia-focus {
        width: 100% !important;
        padding: 2px;
    }

    .our-history .history-bg .text-wrap {
        padding: 5px 0 0 30px;
    }

    .member-login a {
        margin: 0px;
    }

    .main-nav .container #search-form {
        right: 149px;
    }
}

@media only screen and (min-width: 780px) and (max-width: 1200px) {
    .qia-focus {
        width: 100% !important;
        padding: 2px;
    }

    .main-nav .container #search-form {
        right: 149px;
    }

    .member-login a {
        margin: 0px;
    }

    .values .box {
        max-height: 234px;
    }
}

@media only screen and (max-width: 600px) {
    .main-news .card-wrap-main {
        width: 100%;
    }

    .main-news .card-wrap {
        margin-bottom: 30px;
        width: 100%;
    }

    div#newsPageDetails img {
        width: 100% !important;
        max-height: 200px;
    }
}


@media only screen and (min-width: 1200px) {
    .footer > .container {
        max-width: 1544px !important;
    }
}

.ms-fullWidth,.ms-webpart-chrome-vertical {
    display: block !important;
    width: 100%
}

#s4-workspace {
    width: 100vw!important; /* 100% of the viewport width */
    height: 100vh!important; /* 100% of the viewport height */
}
#search-form{
    display:none!important;
}
.no-hover-link:hover {
    color: #0a58ca!important;
}

.content-image{
    width:100%!important;
    height:auto!important;
}