<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: 'Lato', 'Trebuchet MS', Arial, sans-serif;
  font-weight: 700;
 /* margin: 1.5rem 0 1rem;*/
}
.card-body h3, .card-body .h3, .card-body h5, .card-body .h5 {
	color: #036;
}
h3.h4 {
    font-size: 1.2rem;
}
h1.page-title {
    border-bottom: 0;
    font-weight: 500;
    color: #50575d;
    font-size: 2.6rem;
    margin: 0 !important;
    padding: 0 !important;
}
.page-header.pb-4 {
    padding-bottom: 0 !important;
}
h3.text-uppercase {
    padding-bottom: 2rem;
    text-transform: initial !important;
    font-style: normal;
    font-size: 2rem;
}
h3.name {
    font-size: 1.25rem;
}

/* === HEADING STYLE #3 === */
.box-wrapper.themeOne h3 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.box-wrapper.themeOne h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #4ae0f3;
}
.box-wrapper.themeOne h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #4ae0f3;
}


/* -- */
#heroPage h1.page-title {
    background: #fff;
    padding: 1rem 2rem;
}
@media (min-width: 768px){
#heroPage h1.page-title {
	width: 45%;
}}

#heroPage .page-content {
    padding-bottom: 3rem;
    margin-top: -6rem;
}
#main-slider {
    background: transparent;
}
.carousel {
    z-index: -1;
}
.container-custom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#navbar-header{
    background: #003266;
}

@media (min-width: 576px){
.container-custom {
    max-width: 540px;
}}
@media (min-width: 768px){
.container-custom  {
    max-width: 720px;
	padding-right: 0;
    padding-left: 0;
	margin:auto;
}}
@media (min-width: 992px){
.container-custom  {
    max-width: 960px;
}}
@media (min-width: 1200px){
.container-custom  {
    max-width: 1140px;
}}



section {
    background: #036;
}
.site-header {
    /* background-color: #003764; */
    background-color: #036;
	border-top: 0;
}
@media (min-width: 768px){
.site-header { padding: 0.5rem 0;}
}

.siteBarContainer {
    background: #004895;
    background: -webkit-linear-gradient(to right, #363795, #0c5460);
    background: linear-gradient(to right, #015b96, #313c95);
}
.ou-component-icon-card,
.ou-component-simple-card {
    height: 100% !important;
	display:flex;
}
.ou-component-simple-card .fa-solid {
    font-size: 1.2rem !important;
}
	
.ou-component-icon-card .card-body,
.ou-icon-card .card-body {
    padding: 0 1.25rem 1.25rem 1.25rem !important;
}
.ou-component-icon-card .card-title, .ou-component-icon-card-stretched .card-title {
    padding: 1.5rem 0 0 0 !important;
}
.ou-component-simple-card h3.card-title, .ou-component-simple-card .card-title.h3 {
    font-size: 1.1rem;
    padding: 0;
    line-height: 1.5rem;
    letter-spacing: 0.2px;
}

.featured-bg-container.light {
    /* background: #ebf1f4; */
	margin-bottom: 0;
}
.heroArea .featured-bg-container {
    padding: 2rem;
}
.heroArea {
    background-repeat: no-repeat;
	background-size: cover !important;
    /* background: linear-gradient( rgba(243, 249, 255, 0.79), rgba(255, 255, 255, 0.45) ), url(/oit/images/banner-demo1.jpg) !important; */
    background: linear-gradient( #0e447d63, rgba(0, 0, 0, 0) ), url(/oit/images/hero/banner-campus3.jpg) !important;	padding: 1.5rem !important;background-size: cover !important;
	padding: 1.5rem !important;
	/* linear-gradient(45deg, rgba(74, 78, 85, 0.35) 25%, rgba(40, 50, 74, 0.3) 25%, rgba(55, 60, 65, 0.34) 90%, rgba(112, 130, 170, 0.36) 90%), linear-gradient(-45deg, rgba(6, 29, 93, 0.28) 30%, rgba(62, 62, 75, 0.27) 30%, rgba(21, 21, 146, 0.26) 60%, rgba(33, 40, 84, 0.03) 60%, rgba(106, 120, 126, 0.23) 60%), url(/oit/images/banner-demo1.jpg); */
	/* background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url(/oit/images/banner-demo1.jpg) !important; */
} 

.heroArea {
    height: 15rem;
	display:none;
}
.heroArea h2 {
    color: #f5f5f5;
    font-size: 2rem;
    letter-spacing: 0.3px;
    font-family: sans-serif;
    margin: auto;
    /* padding: 1rem; */
    background: rgba(0,0,0,0.5);
    margin-top: 0rem;
    font-weight: 200;
}

.taglineIt {
    color: #f8f9fa;
    padding: 10px;
    font-weight: 900;
    background: #009395;
    font-size: 2.3rem;
	/* font-family: serif; */
}

@media (min-width: 767.98px) { 

.heroArea h2 {
    color: #f5f5f5;
    font-size: 2.3rem;
}
.taglineIt {
    font-size: 3.2rem;
}}


.heroArea .opacityBlock {
	width: 100%;
    display: inline-block;
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 2rem;
}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;

  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.counter {
	padding: 20px 0;
	height: 150px;
    width: 150px;
    background: #224d78e0;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px !important;
    margin: auto;
}

.count-title {
    font-size: 30px;
    margin-bottom: 0;
    text-align: center;
    color: #ffcd00;
}

.count-text {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: center;
    color: white;
    font-weight: 600;
    width: 8rem;
    margin: auto;
    line-height: 1.4;
}

.counter .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
	font-size: 1.3rem;
}
.news-container .card-header {
    background-color: #004895;
	color: #fff;
	font-weight: normal !important;
}

.accordion-container .accordion-container .h5 {
	font-size:1rem;
}
.accordion-container .card {
  margin-bottom: 1rem;
    margin-right: 0;
}
.accordion-container .card-header {
padding: 1rem;
}

/* Search home */
.search-main .h1 {
    font-size: 1.8rem;
}

.search-bg {
    background: #175396;
    /* background: #efefef; */
    width: 100%;
    margin: auto;
    padding: 1rem 0rem 2rem;
    color: white;
    /* margin-top: -6rem; */
}

@media (min-width: 767.98px) { 
.search-main .h1 {
    font-size: 2.2rem;
}
.search-bg {
    padding: 2rem 3rem 2rem;
}}

.search-bg a:link, .search-bg a:visited {
    color: #eeeeee;
	text-decoration: underline !important;
    font-weight: 400;
}
.search-bg a:hover {
    color: #77cbff;
}
.search-bg h3 {
	font-weight:500;
}
/* ------ */

.featured-bg-container h3 a:link, .featured-bg-container h3 a:visited, .featured-bg-container h3 a:hover, .featured-bg-container h3 a:active, .featured-bg-container.dark a:link, .featured-bg-container.dark a:visited {
    color: #2056b5;
}
.featured-bg-container {
    padding: 1rem;
}
.mauContainer {
    display: none !important;
}

/* search start */
.search-bar.featured-bg-container {
    padding: 1.5rem 0 1.5rem;
}
.search-bar .col-md-auto {
	padding-left:0;
}
/* .searchresults {
	padding: 1rem 0px;
}*/

.searchCatalog h1 {
 margin:0;	
}
.searchCatalog form {
 margin:0;
}
.searchCatalog .form-group {
    margin-bottom: 0;
}
.searchCatalog input{
    outline: none;
    background: url(/oit/images/icon_search.png) no-repeat 50% center;
    background-position: 1.5rem;
    background-size: 30px;
    color: #555;
}

.searchCatalog input[type=search] {
    background-color: white;
    width: 100%;
	padding:1rem;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
	  transition: all .5s;
}

.searchCatalog input[type=search].collapsed {
    width: 50px;
    padding: 2rem 2.4rem;
    margin: 0;
    float: right;
    height: 5rem;
    background-position: 1rem;
}
.searchCatalog input:-moz-placeholder,
.searchCatalog input::-webkit-input-placeholder {
	color: #999;
}

.searchCatalog input[type=search]:hover {
	background-color: #eee;
}
.searchCatalog input[type=search]:focus,
.searchCatalog input[type=search].expanded {
	width: 100%;
	padding-left: 4rem;
	color: #000;
	cursor: auto;
}
@media (min-width: 767.98px) { 
.searchCatalog input[type=search]{
	padding:0rem;
    height: 4rem;
	line-height: 6rem;
	font-size: 1.3rem;
	width: 5rem;
}
.searchCatalog input[type=search]:focus,
.searchCatalog input[type=search].expanded {
	padding-left: 5rem;}
}

.searchCatalog input[type=search]:focus{
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
::selection {
    background: #00c4cc;
    color: #fff;
    text-shadow: none;
}

/* test end */

.btn-primary {
    color: #fff;
    background-color: #2e6ca2;
    border-color: #2e6ca2;
    text-transform: uppercase;
    font-weight: 600;
}

.ou-component-button .btn-primary {
    color: #fff;
    background-color: #2e6ca2;
    border-color: #2e6ca2;
    text-transform: initial;
	font-weight: 600;
}

.themeOne .ou-component-button .btn-primary {
    background-color: #4ae0f3;
    border-color: #4ae0f3;
    text-transform: initial;
    font-weight: 500;
}
.themeOne a.btn.btn-primary.btn-lg:hover {
    background: #03A9F4;
	border-color: #03A9F4;
}
.themeOne a.btn.btn-primary.btn-lg {
    color: black !important;
}
 /* ------- Mega Menu ------- */
    
    .menuNav,
    .menuNav a,
    .menuNav ul,
    .menuNav li,
    .menuNav div,
    .menuNav form,
    .menuNav input {
        padding: 0;
        border: none;
        outline: none;
    }
    .menuNav ul ul {
        margin-left: 2rem;
    }
    .menuNav a {
        text-decoration: none;
    }
	.menuNav &gt; li {
		list-style: none;
    }
    .menuNav {
        /* display: inline-block; */
        position: relative;
        cursor: default;
        z-index: 500;
		font-size: 0.9rem;
		width: 100%;
    	max-width: 1600px;
		display: inline-flex;
    	justify-content: flex-end;
    }
	.menuNav h2 {
    	border-bottom: 2px solid var(--yellow);
    	margin: 1rem 0 0.5rem 1rem;
    	padding-bottom: 0.5rem;
    	width: 40%;
	    color: white;
	}
	.menuNav ul {
		padding-bottom: 1.5rem;
		list-style-type: none;
	} 
    .menuNav &gt; li {
        display: block;
        float: left;
		list-style: none;
    }
    .menuNav &gt; li &gt; a {
        position: relative;
        display: block;
        z-index: 510;
        height: 40px;
        padding: 0 20px;
        line-height: 40px;
        font-family: Helvetica, Arial, sans-serif;
        color: #fcfcfc;
        /* text-shadow: 0 0 1px rgba(0, 0, 0, .35); */
        /* background: #372f2b; */
        /* green background: #619223; */
        
        background: transparent;
        border-right: 1px solid rgba(0,0,0,0.2);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        text-transform: uppercase;
    }
    .menuNav &gt; li:hover &gt; a {
        /* background: #0c457d; */
		background: #2e6ca2;
        color: #eee;
    }
    .menuNav &gt; li:first-child &gt; a {
        /*  border-radius: 3px 0 0 3px; */
        
        border-left: none;
    }
    
    .menuNav &gt; li &gt; div {
		/* height: 25rem; */
		font-size: 1.1rem;
        border-top: 5px solid #2e6ca2;
        position: absolute;
       /* display: block; */
        width: 100%;
        top: 40px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        background: #2e6ca2;
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s;
    }
    .menuNav &gt; li:hover &gt; div {
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }
    .menuNav .nav-column {
		padding: 1rem 2rem 3rem;
    }
    .menuNav .nav-column .h3 {
        color: #F4D03F;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: uppercase;
    }
    .menuNav .nav-column .h3.orange {
        color: #ffbe4f;
    }
    .menuNav .nav-column li a {
        color: white;
        display: block;
        font-weight: 500;
    }
    .menuNav .nav-column li li a {
        font-weight: normal;
        color: #ccc;
    }
    .menuNav .nav-column li a:hover {
        color: #efd673;
    }
    #megaNavContainer {
        background:;
        height: 40px;
    }
    #megaNavContainer nav {
        margin: 0;
        padding: 0;
    }
    /* end menu */

/* Services Styles */
h3, .h3 {
    font-style: normal;
}

.service-filters{
   padding-bottom: 2rem;
}
.service-filters .nav-item {
	font-size: 1.2rem;
	background: none;
    border: 0;
    color: #555;
    margin-right: 15px;
}
.service-filters .tab-content {
	padding: 0.7rem 0;
}
 .service-filters .filter-button-group button {
    font-weight: 700;
    margin-bottom: 10px;
    margin-right: 10px;
}
.service-filters .nav-tabs {
    border-bottom: 3px solid #cccccc;
    /* background: #e9ecef87;*/
	font-weight: 700;
}
.service-filters .nav-item a:link{
	text-decoration: none;
	padding: 1rem 2rem;
}
.service-filters .nav-item a:hover{
	text-decoration: underline;
}
.service-filters .nav-tabs .nav-link.active {
    background: #607d8b38;
    border: 0;
}
.service-filters .nav-tabs .nav-link:hover {
    border-color: transparent;
}
.service-filters .badge-secondary {
    color: #495057;
    background-color: #dee2e6;
}

.grid-item-content{
	height: 220px;
}
.grid-item {
	margin-bottom 1rem;
}
.grid-item-content {
    overflow: hidden;
    max-height: 15rem;
	hyphens: auto;
}
.ng-trans {
    -webkit-transition: 240ms all; 
    transition: 240ms all; 
}
#service-intro {
	padding-bottom: 1rem; 
}

/* search  */
.service-filters .form-control-lg {
	width: 20rem;
}

.relative {
    position: relative;
}
.service-filters .button-search{
    position: absolute;
    display: block;
    right: 1rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: .6;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}
.svg-inline--fa.fa-fw {
    width: 1.25em;
}
.fa-fw {
    text-align: center;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.button-search:focus, .button-search:hover {
    color: #228be6;
}

/* Mega Menu */

.megaMenu .nav-link {
	text-transform: uppercase;
	color: #fcfcfc !important;
}
.megaMenu .megamenu {
	background: #2e6ca2;
	font-size: 1.1rem;
	padding: 2rem;
}
.megaMenu .megamenu a:link,
.megaMenu .megamenu a:visited {
	color: #eee;
}
.megaMenu .megamenu a:hover {
	color: #ffd559;
}
.megaMenu .h3 {
    border-bottom: 2px solid var(--yellow);
    padding-bottom: 0.5rem;
    color: #fff;
}
.megaMenu .title.h5 {
	color:#ffffff; 
	padding-bottom: 0.8rem;
} 
.megaMenu .navbar-nav {
    text-align: left;
}
.megaMenu .nav-item.show {
    background: transparent;
}

@media (min-width: 767.98px) { 
.megaMenu .navbar-nav {
    text-align:right;
}
.megaMenu h3 {
    width: 40%;
}
.megaMenu .nav-item.show {
	background:#2f6ca2;
}}

.megamenu li{
	padding-bottom: 0.5rem;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #ffc107 !important;
}


/* @media all and (min-width: 992px) { */
@media all and (min-width: 767.98px) {
		.navbar{ padding-top: 0; padding-bottom: 0; }
		.navbar .has-megamenu{position:static!important;}
		.navbar .megamenu{left:0; right:0; width:100%;}
		.navbar .nav-link{padding:0.6rem 2rem !important;}
	}
/* status io */

.meta {padding: 1rem;border-radius: 5px;background: #f7f7f7;}
.meta a:link,
.meta a:visited {
    color: #222;
    font-weight: 500;
    /* font-size: 1.6rem; */
}
.meta a:hover {
color: #888;
}

.color-dot, .color-round {
  border-radius: 99px !important;
  display:inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.maintenance {
	background-color:#4d90fe;
} 
  .critical {
    background-color:#e74c3c;
  }
  .major {
    background-color:#e67e22;
  }
  .minor {
    background-color:#f1c40f;
  }
  .none, .green {
    background-color:#2ecc71;
  }



#uaid .tabs-container .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33%;
}

#uaid .tabs-container .nav-tabs .nav-link {
    padding: 2rem 0;
    color:#1f5a8f;
    font-size:1.1rem
}

@media (min-width: 767.98px) { 

#uaid .tabs-container .nav-tabs .nav-link {
    padding: 4rem 0;
    font-size:1.5rem
}
#uaid .tabs-container .card-body {
    padding-top: 2rem;
}}
.featured-bg-container.light h3.text-uppercase a {
    color: #023465;
}
.events .title, .news .title, .newsArticle .title{
    font-weight: 500;
}
.newsfeed h4 {
    font-weight: 500;
	font-size: 1.2rem;
}
#sidebar a[href="#"] {
    background: #eee;
}
.content-menu p, .content-menu ul {
    margin: 0;
}
.content-menu ul{
    padding-left: 1.7rem;
}

@media (min-width: 960px){
.hero-md .carousel-caption .h2 {
    font-size: 3rem !important;
    line-height: 3.2rem;
    }
.carousel-caption {
    width: 40% !important;
}}

.submitTicket .dropdown-item:hover {
    color: black !important;
}

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

.customalert-danger .card-title {
    background: #dc4747;
    color: white !important;
}

/* banner modification */
.siteLogo img {
    width: 7rem;
}
.siteLogo {
    padding: 0.5rem 0 0 9rem;
}
.align-self-center {
    text-align: right;
}

/* -- */
@media (min-width: 700px) {
  .headerLeft {
    display: block;
    width: 20rem;
  }
 .ret-img-70 {
    width: 56%;
  }
 .searchContainer.custom { padding-left: 6rem; }
}
@media (min-width: 767px) { 
.site-header div.row, .site-header div.col { flex-grow: 0;}
.searchContainer.custom { padding-left: 0; }
}
@media (min-width: 972px) { 
.site-header div.row, .site-header div.col {
    flex-grow: 1;
  }
}

.site-header {
    border-top: 0;
}
.site-header .h1 a:hover, .site-header .h1 a:link, .site-header .h1 a:visited, .site-header h1 a:hover, .site-header h1 a:link, .site-header h1 a:visited {
    /* light bg color: #000;*/
    font-weight: 700;
}
/*
.site-header a.text-white {
    color: #000 !important;
} */

.site-header {
    padding: 0;
}
.site-header .h1, .site-header h1 {
    font-size: 1.5rem;
    text-align: right;
    font-family: 'Lato';
}

 /* ------- Mega Menu ------- */

.megaMenu .megamenu {
	font-size: 1.1rem;
	padding: 2rem;
}
.megaMenu .megamenu ul {
    list-style: none;
    border-left: 3px solid #0e5897;
    margin-left: 0.5rem;
    padding-left: 1rem;
	line-height: 1.5rem;
}


@media (min-width: 767.98px) { 
.megaMenu .navbar-nav {
    text-align:right;
}}

.megamenu li {
    padding: 0.5rem;
}


/* @media all and (min-width: 992px) { */
@media all and (min-width: 767.98px) {
		.navbar .nav-link{padding: 0.6rem 0.5rem !important;font-weight: 100;}
	    .megaMenu .nav-link {font-size: 0.9rem;}
	}

@media (min-width: 1038px) { 
	  .megaMenu .nav-link {font-size: 1rem;}
}
@media (min-width: 1211px) { 
	.navbar .nav-link{padding: 0.6rem 1.5rem !important;}
}

    /* end menu */

.security-navlink {display:none;}

.box-wrapper.themeOne,
.bg-gradient {
	background: -moz-linear-gradient(150deg, #052C65 0%, #1282A2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #052C65), color-stop(100%, #1282A2));
	background: -webkit-linear-gradient(150deg, #052C65 0%, #1282A2 100%);
	background: -o-linear-gradient(150deg, #052C65 0%, #1282A2 100%);
	background: -ms-linear-gradient(150deg, #052C65 0%, #1282A2 100%);
	background: linear-gradient(150deg, #052C65 0%, #1282A2 100%);
}
.box-wrapper.themeOne,
.box-wrapper.themeOne a,
.box-wrapper.themeOne a:visited,
.box-wrapper.themeOne h3,
.box-wrapper.themeOne .lead{
	color:white !important;
}

.box-wrapper.themeOne .btn-warning ,
.box-wrapper.themeOne .btn-warning:visited {
    color: #212529 !important;
}

.accordion-container .card-body a,
.accordion-container .card-body a:visited {
    color: #3F51B5 !important;
}
.custom-bx {
  position: relative;
  z-index: 1;
}
.custom-bx::before {
    content: "";
    background: url(/_resources-v5/images/bg/pattern/02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
}



.roadmap .tabs-container .card{border:0;}
.roadmap .tabs-container .nav-tabs{border-bottom:0;}
.roadmap .tabs-container .nav-tabs .nav-link{border-bottom:0;border-top:0;}
.roadmap .tabs-container .nav-tabs .nav-item {font-size: 1.2rem;font-weight: 700;width: 33.3%;}
.roadmap .tabs-container .nav-tabs a{color:#fff;}
.roadmap .tabs-container .nav-tabs .nav-item span:before {color: white;}
.roadmap .tabs-container .nav-tabs .nav-item .nav-link {background-repeat:no-repeat;background-position:50% 15%;padding: 2rem 0 1rem;/* opacity: 0.9; */}
.roadmap .tabs-container .nav-tabs .nav-item:first-child .nav-link{background: #87D1E6; color:#111C4E !important;}
.roadmap .tabs-container .nav-tabs .nav-item:nth-child(2) .nav-link{/*background: #BD502E;*/background: #236192; border-left: 2px solid #fff; border-right: 2px solid #fff; color: #ffffff !important;}
.roadmap .tabs-container .nav-tabs .nav-item:nth-child(3) .nav-link{background: #111C4E; color:#ffffff !important;}
.roadmap .roadmap .tabs-container .nav-tabs .nav-link.active {color: #111C4E !important;}
.roadmap .roadmap .tabs-container .card-body {border-top: 5px solid #3F3F41;padding:3rem 0;}
.roadmap .tabs-container .nav-tabs .nav-link.active {border: 0; margin-top: -1rem; opacity:1;}
.roadmap .tabs-container .nav-tabs .nav-link:hover{transition-duration: 0.4s; opacity:1;}

.roadmap .tabs-container .nav-tabs .nav-item:first-child .nav-link.active {
	border-bottom: 1rem solid #87D1E6;
}
.roadmap .tabs-container .nav-tabs .nav-item:nth-child(2) .nav-link.active {
	border-bottom: 1rem solid #236192;
}
.roadmap .tabs-container .nav-tabs .nav-item:nth-child(3) .nav-link.active {
	border-bottom: 1rem solid #111C4E;
}
.roadmap .tabs-container .fa-2x {font-size: 1.5em;}

.roadmap .number-early:first-child {color:#111C4E;}
.number-early {
    color: white;
    background-color: #87D1E6;
}
.roadmap .number-middle {
    color: white;
    background-color: #236192;
}
.roadmap .number-late {
    color: white;
    background-color: #111C4E;
}
a.stretched-link {
    color: black;
}
/* Steps */
.roadmap .step {
    position: relative;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: calc(1.5rem / -2);
    margin-left: calc(1.5rem / -2);
}


.roadmap .step .step-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-bottom: 2.25rem;
}

.roadmap .step .step-content-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.roadmap .step .step-number {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
    width: 4rem;
    height: 4rem;
    border-radius: 50% !important;
    margin-right: 1rem;
}
.roadmap .step .step-number::after {
    position: absolute;
    top: 3.875rem;
    left: 1.5625rem;
    height: calc(100% - 2.375rem);
    border-left: 0.125rem solid rgba(33, 50, 91, 0.1);
    content: "";
}
.roadmap .step h3 {
    font-size: 1.3rem;
    font-weight: 600;
}

@media (min-width: 576px) {
    .roadmap .step-sm .step-number.step-number-lg::after,
    .roadmap .step-sm.step-number-lg .step-number::after {
        top: 2.75rem;
        left: 7rem;
        width: calc(100% - 7rem);
    }
}
@media (min-width: 768px) {
    
    .roadmap .step-md .step-item {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
    }
    .roadmap .step-md:not(.step-inline) .step-content-wrapper {
        display: block;
    }
    .roadmap .step-md .step-number {
        margin-bottom: 1rem;
    }
    .roadmap .step-md .step-number::after {
        top: 1.5625rem;
        left: 4.625rem;
        width: calc(100% - 4.625rem);
        height: 1.625rem;
        border-top: 0.125rem solid rgba(33, 50, 91, 0.1);
        border-left: none;
    }
}

@media (min-width: 768px) {
    .roadmap .step-md.step-centered {
        text-align: center;
    }
    .roadmap .step-md.step-centered .step-item:last-child .step-number::after {
        display: none;
    }
    .roadmap .step-md.step-centered .step-number {
        margin-left: auto;
        margin-right: auto;
    }
    .roadmap .step-md.step-centered .step-number::after {
        width: calc(100% - 4.625rem);
        left: calc(50% + 3.0625rem);
    }
	.roadmap .step-content {
    background: #C4CFDA;
    padding: 2rem;
    min-height: 310px;
	}
	
	#landing .news-container,
    #landing .card {
    display: flex;
    height: 100% !important;
}
}
</pre></body></html>