@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue.woff') format('woff'),
    url('../fonts/HelveticaNeue.ttf') format('truetype'),
    url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
    url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Light.woff') format('woff'),
    url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-Thin';
    src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-Thin.woff') format('woff'),
    url('../fonts/HelveticaNeue-Thin.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {
    font-family: 'HelveticaNeue', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    
    color: #333e48;
}

body {
    counter-reset: titleCounter;
}

a {
    color: #522f91;
}

a:hover {
    color: #522f91;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

ol{
    margin: 0;
    /*padding: 0;*/
}

ol li,
ul li{
    margin-bottom: 1rem;
}

/*#TopBar#*/
/* Reset Search Input */

.search__input {
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
}

.search__input:focus {
    outline: none;
}

/* Layout for search container */
.search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(18, 23, 56, 0.9);
}

.js .search {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.search::before,
.search::after {
    content: '';
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid #522f91;
}

.search::before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.search::after {
    right: 0;
    bottom: 0;
    border-top-width: 0;
    border-left-width: 0;
}

.btn--search-close {
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
}

.js .btn--search-close {
    display: block;
}

.search__form {
    margin: 5em 0;
}

.search__input {
    font-family: inherit;
    font-size: 10vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0.05em 0;
    color: #ffffff;
    border-bottom: 2px solid;
}

.search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #fafafa;
}

.search__input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #fafafa;
}

.search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #fafafa;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.search__input::-ms-clear {
    display: none;
}

.search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #ffffff;
}

.search__related {
    display: flex;
    width: 75%;
}

.search__suggestion {
    width: 33.33%;
    text-align: left;
}

.search__suggestion:nth-child(2) {
    margin: 0 3em;
}

.search__suggestion h3 {
    font-size: 1.35em;
    margin: 0;
}

.search__suggestion h3,
.search__suggestion p {
    color: #bebebe;
}

.search__suggestion h3::before {
    content: '\21FE';
    display: inline-block;
    padding: 0 0.5em 0 0;
}

.search__suggestion p {
    font-size: 1.15em;
    line-height: 1.4;
    margin: 0.75em 0 0 0;
}

.top-right-wrapper {
    position: relative !important;
    padding-bottom: 30px !important;
}

.mcis-search-btn,
.btn-mymcis {
    position: absolute !important;
}

.mcis-search-btn {
    right: 100px !important;
}

.btn-mymcis {
    right: 0 !important;
}


/************************/
/* Transitions 			*/
/************************/

.js .search {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

.js .search--open {
    pointer-events: auto;
    opacity: 1;
}

.search--body-open {
    height: 100%;
    overflow: hidden;
}

/* Border */
.search::before,
.search::after {
    transition: transform 0.5s;
}

.search::before {
    transform: translate3d(-15px, -15px, 0);
}

.search::after {
    transform: translate3d(15px, 15px, 0);
}

.search--open::before,
.search--open::after {
    transform: translate3d(0, 0, 0);
}

/* Close button */
.btn--search-close {
    color: #ffffff;
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.btn--search-close:hover {
    color: #ffffff;
}

.search--open .btn--search-close {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* Search form with input and description */
.js .search__form {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.js .search--open .search__form {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.search__suggestion {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    transition: opacity 0.5s, transform 0.5s;
}

.search--open .search__suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:nth-child(2) {
    transition-delay: 0.1s;
}

.search--open .search__suggestion:nth-child(3) {
    transition-delay: 0.2s;
}

@media screen and (max-width: 40em) {
    .search__form {
        margin: 5em 0 1em;
    }

    .btn--search-close {
        font-size: 1.25em;
        top: 1.5em;
        right: 1.5em;
    }

    .search__info {
        text-align: left;
    }

    .search__suggestion {
        font-size: 80%;
        width: 100%;
    }

    .search__suggestion:nth-child(2),
    .search__suggestion:nth-child(3) {
        display: none;
    }
}


/*#Navbar#*/
.mcis-logo img {
    display: inline-block;
    width: 15rem;
}

.mcis-search-btn {
    /*display: block;*/
    font-size: 1.5rem;
    /* margin-right: 10px; */
	/*
    margin-top: 10px;
    margin-right: 30px; */
    border: none;
    background: none;
}

.mcis-search-btn:focus {
    outline: none;
    border: none;
}

.btn-mymcis {
    display: block;
    /* width: 100px; */
	width: 130px;
    height: auto;
    padding: 0;
}

.navbar {
    min-height: 30px;
    padding: 0;
}

@media only screen and (min-width: 1024px) {
    .navbar-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: 100%;
    }
}

/*#Navigation#*/
.navbar-nav li.nav-item{
    margin-bottom: 0;
}
.navbar-nav li.nav-item .nav-link {
    color: #ffffff;
    font-size: 14px;
    min-width: 150px;
    padding: 10px 15px;
    text-transform: uppercase;
    /*text-align: center;*/
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#452669+0,601080+100 */
    background: #452669; /* Old browsers */
    background: -moz-linear-gradient(left, #452669 0%, #601080 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #452669 0%, #601080 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #452669 0%, #601080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#452669', endColorstr='#601080', GradientType=1); /* IE6-9 */
}

.nav-item.dropdown > .navbar-nav .nav-item .nav-link {
    background: #f5f5f5;
    color: #333e48;

    text-align: left;
}

.nav-item.dropdown.fade > .navbar-nav,
.nav-item.dropdown > .navbar-nav .navbar-nav {
    min-width: 250px;
}

.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item:active:focus > .nav-link,
.navbar-nav .nav-item:active > .nav-link,
.navbar-nav .nav-item:focus > .nav-link,
.navbar-nav .nav-item:hover > .nav-link,
.navbar-nav li.nav-item .nav-link:hover,
.navbar-nav li.nav-item:hover > .nav-link-toggle{
    background: #0075c9 !important;
    color: #ffffff !important;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item:active:focus > .nav-link,
.navbar-nav .nav-item:active > .nav-link,
.navbar-nav .nav-item:focus > .nav-link,
.navbar-nav .nav-item:hover > .nav-link {
}

.nav-link i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.mcis-has-sub{
    position: relative;
}
.mcis-has-sub:after{
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
}

.nav-item{
    position: relative;
}
.nav-link-toggle{
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 10%;
    height: 100%;
    line-height: 35px;
    text-align: center;
    /*color: #ffffff;*/
}
.nav-hidden-desktop{
    display: none;
}

.bsnav-mobile.in .navbar {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#452669+0,601080+100 */
    background: #452669; /* Old browsers */
    background: -moz-linear-gradient(left, #452669 0%, #601080 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #452669 0%, #601080 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #452669 0%, #601080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#452669', endColorstr='#601080', GradientType=1); /* IE6-9 */
}

.bsnav-mobile .navbar {
    padding: 0;
    margin: 154px 0 0 0;
    width: 100%;
    transform: translate3d(100%, 0, 0);
}

.bsnav-mobile .navbar-nav {
    padding: 0;
}

.bsnav-mobile .navbar-nav .nav-link {
    width: 100%;
}

.bsnav-mobile .navbar-nav .nav-item .nav-link {
    padding-left: 15px;
    padding-right: 15px;
    /*width: 95%;*/
}

.bsnav-mobile .nav-link i {
    right: 15px;
}

.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
    margin: 0;
}

.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
    background-color: #ffffff;
}

.navbar-toggler {
    margin: 20px;
    outline: none;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    outline: none;
}

/*#TYpography#*/
.mcis-section-title {
    font-size: 3rem;
}

.mcis-page-title {
    font-family: 'HelveticaNeue-Bold', sans-serif;
}

.mcis-text-bold {
    font-family: "HelveticaNeue-Bold", sans-serif;
    font-weight: 700;
}

/*#Buttons#*/
.mcis-btn-purple {
    background-color: #522f91;
}

.mcis-btn-blue {
    background-color: #007cd5;
}

.mcis-btn-green {
    background-color: #00ab4e;
}

.mcis-btn-grey {
    background-color: #d1d2d4;
}

.mcis-btn-transparent-white {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-size: .85rem;
}

.mcis-btn-transparent-blue {
    border: 1px solid #0075c9;
    background-color: transparent !important;
    color: #0075c9 !important;
    font-size: .85rem !important;

    padding: .375rem .75rem;
}

.btn-group > .mcis-btn {
    background-color: #d0d2d2;
    color: #333e48;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
}

/*.btn-group > .mcis-btn:first-child{*/
/*    border-top-left-radius: 30px;*/
/*    border-bottom-left-radius: 30px;*/
/*    margin-right: 3px;*/
/*}*/

.btn-group > .mcis-btn:not(:last-child) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 3px;
}

.btn-group > .mcis-btn.no-border-radius:first-child,
.btn-group > .mcis-btn.no-border-radius:last-child {
    border-radius: 0;
}

.btn-group > .mcis-btn.active {
    background-color: #0290f7;
    color: #ffffff;
}

.btn-group > .mcis-btn.active.focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.btn-group > .mcis-btn.mcis-bg-purple.active.focus {
    background-color: #2e1951 !important;
}

.btn-group > .mcis-btn.mcis-bg-blue.active.focus {
    background-color: #015692 !important;
}

.btn-group > .mcis-btn.mcis-bg-light-blue.active.focus {
    background-color: #1264a4 !important;
}

.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.mcis-btn-transparent-white:hover,
.mcis-btn-transparent-blue:hover{
    background-color: #0075C9 !important;
    border-color: #0075C9 !important;
    color: #ffffff !important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/*#Forms#*/
.mcis-form label.mcis-label {
    display: block;
}

/*#Background Variant#*/
.mcis-bg-purple {
    background-color: #522e91 !important;
}

.mcis-bg-light-purple {
    background-color: #866cb2 !important;
}

.mcis-bg-blue {
    background-color: #007cd5 !important;
}

.mcis-bg-light-blue {
    background-color: #239af7 !important;
}

.mcis-bg-dark-grey {
    background-color: #333e48 !important;
}

.mcis-bg-grey {
    background-color: #d6d8da !important;
}

.mcis-bg-light-grey {
    background-color: #eaebec !important;
}

.mcis-bg-gradient-purple {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#452669+0,601080+100 */
    background: #452669; /* Old browsers */
    background: -moz-linear-gradient(left, #452669 0%, #601080 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #452669 0%, #601080 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #452669 0%, #601080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#452669', endColorstr='#601080', GradientType=1); /* IE6-9 */
}

.mcis-home-bg-purple {
    background: #522f91 url("../img/homepage-conten-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.mcis-bg-purple-patern {
    background-image: url("../img/mcis-bg-purple-patern.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.custom-control.material-checkbox {
    --color: #26a69a;
}

.custom-control.material-checkbox .material-control-input {
    display: none;
}

.custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
    border-color: var(--color);
    -webkit-transform: rotateZ(45deg) translate(1px, -5px);
    transform: rotateZ(45deg) translate(1px, -5px);
    width: 10px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
}

.custom-control.material-checkbox .material-control-indicator {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #aaa;
    transition: 0.3s;
}

.custom-control.fill-checkbox {
    --color: #26a69a;
}

.custom-control.fill-checkbox .fill-control-input {
    display: none;
}

.custom-control.fill-checkbox .fill-control-input:checked ~ .fill-control-indicator {
    background-color: var(--color);
    border-color: var(--color);
    background-size: 80%;
}

.custom-control.fill-checkbox .fill-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #aaa;
    transition: 0.3s;
    background: transperent;
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-control.overflow-checkbox .overflow-control-input {
    display: none;
}

.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
    -webkit-transform: rotateZ(45deg) scale(1);
    transform: rotateZ(45deg) scale(1);
    top: -6px;
    left: 5px;
}

.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
    opacity: 1;
}

.custom-control.overflow-checkbox .overflow-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #aaa;
}

.custom-control.overflow-checkbox .overflow-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    transition: 0.3s;
    -webkit-transform: rotateZ(90deg) scale(0);
    transform: rotateZ(90deg) scale(0);
    width: 10px;
    border-bottom: 4px solid #aaa;
    border-right: 4px solid #aaa;
    border-radius: 3px;
    top: -2px;
    left: 2px;
}

.custom-control.overflow-checkbox .overflow-control-indicator::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    transition: 0.3s;
    width: 10px;
    border-right: 7px solid #fff;
    border-radius: 3px;
    -webkit-transform: rotateZ(45deg) scale(1);
    transform: rotateZ(45deg) scale(1);
    top: -4px;
    left: 5px;
    opacity: 0;
}

.custom-control.material-switch {
    --color: #26a69a;
    padding-left: 0;
}

.custom-control.material-switch .material-switch-control-input {
    display: none;
}

.custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
    background-color: var(--color);
    left: 17px;
}

.custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 16px;
    background: #ddd;
    border-radius: 16px;
    transition: 0.3s;
}

.custom-control.material-switch .material-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: 0.3s;
    top: -1px;
    left: -1px;
    background: #fdfdfd;
    box-shadow: 0 2px 10px #aaa;
}

.custom-control.ios-switch {
    --color: #4cd964;
    padding-left: 0;
}

.custom-control.ios-switch .ios-switch-control-input {
    display: none;
}

.custom-control.ios-switch .ios-switch-control-input:active ~ .ios-switch-control-indicator::after {
    width: 20px;
}

.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator {
    border: 10px solid var(--color);
}

.custom-control.ios-switch .ios-switch-control-input:checked ~ .ios-switch-control-indicator::after {
    top: -8px;
    left: 4px;
}

.custom-control.ios-switch .ios-switch-control-input:checked:active ~ .ios-switch-control-indicator::after {
    left: 0px;
}

.custom-control.ios-switch .ios-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    transition: 0.3s;
    border: 2px solid #ddd;
}

.custom-control.ios-switch .ios-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    transition: 0.3s;
    top: 0px;
    left: 0px;
    background: #fff;
    box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
}

.custom-control.border-switch {
    --color: #4cd964;
    padding-left: 0;
}

.custom-control.border-switch .border-switch-control-input {
    display: none;
}

.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator {
    border-color: var(--color);
}

.custom-control.border-switch .border-switch-control-input:checked ~ .border-switch-control-indicator::after {
    left: 14px;
    background-color: var(--color);
}

.custom-control.border-switch .border-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    transition: 0.3s;
    border: 2px solid #ccc;
}

.custom-control.border-switch .border-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: 0.3s;
    top: 2px;
    left: 2px;
    background: #ccc;
}

.custom-control.teleport-switch {
    --color: #4cd964;
    padding-left: 0;
}

.custom-control.teleport-switch .teleport-switch-control-input {
    display: none;
}

.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator {
    border-color: var(--color);
}

.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::after {
    left: -14px;
}

.custom-control.teleport-switch .teleport-switch-control-input:checked ~ .teleport-switch-control-indicator::before {
    right: 2px;
    background-color: var(--color);
}

.custom-control.teleport-switch .teleport-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 20px;
    background: #fff;
    border-radius: 16px;
    transition: 0.3s;
    border: 2px solid #ccc;
    overflow: hidden;
}

.custom-control.teleport-switch .teleport-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: 0.3s;
    top: 2px;
    left: 2px;
    background: #ccc;
}

.custom-control.teleport-switch .teleport-switch-control-indicator::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: 0.3s;
    top: 2px;
    right: -14px;
    background: #ccc;
}

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

.list-group::last-child .list-group-control:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.list-group.list-group-flush:last-child .list-group-control:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.list-group.list-group-flush:first-child .list-group-control:first-child {
    border-top: 0;
}

.list-group.list-group-flush .list-group-control {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group .list-group-control {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group .list-group-control .custom-control {
    margin: 0;
    padding: 0.75rem 1.25rem;
    padding-left: 3rem;
    display: block;
}

.list-group .list-group-control .custom-control .custom-control-indicator,
.list-group .list-group-control .custom-control .material-control-indicator,
.list-group .list-group-control .custom-control .fill-control-indicator,
.list-group .list-group-control .custom-control .overflow-control-indicator {
    top: 1rem;
    left: 1.25rem;
}


/*HomePage Stlying#*/
#masterslider {
    min-height: 500px;
}

.mcis-homeslider-wrapper {
    background-color: #ffffff;
}

/*#MasterSlider#*/
.ms-view {
    background: transparent;
}

.ms-nav-prev,
.ms-nav-next {
    font-family: "Font Awesome 5 Pro";
}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    background: none !important;
    width: 50px;
    height: 50px;
}

.ms-nav-prev:before {
    width: 50px;
    height: 50px;
    display: block;
    content: "\f053";
    color: #522f91;
    border: 2px solid #522f91;
    border-radius: 50px;
    font-size: 2rem;
    text-align: center;
}

.ms-nav-next:before {
    width: 50px;
    height: 50px;
    display: block;
    content: "\f054";
    color: #522f91;
    border: 2px solid #522f91;
    border-radius: 50px;
    font-size: 2rem;
    text-align: center;
}

.ms-skin-default .ms-bullet,
.ms-skin-default .ms-bullet-selected {
    background: none;
    width: 15px;
    height: 15px;
}

.ms-skin-default .ms-bullet:before,
.ms-skin-default .ms-bullet-selected:before {
    display: block;
    width: 15px;
    height: 15px;
    content: '';
}

.ms-skin-default .ms-bullet:before {
    background: transparent;
    border: 1px solid #522f91;
    border-radius: 50px;
}

.ms-skin-default .ms-bullet:hover:before,
.ms-skin-default .ms-bullet-selected:before {
    background: #522f91;
    border: 1px solid #522f91;
    border-radius: 50px;
}


/*#Slider#*/
.item-slider-content {
    height: 700px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.item-bg-right {
    background-repeat: no-repeat;
    background-position: right center;
}

#home-slider .owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
}

.main-slider.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #600f7f;
}

.main-slider.owl-theme .owl-dots .owl-dot.active span,
.main-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #600f7f;
}

.main-slider.owl-theme .owl-next {
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    font-size: 3rem !important;
    color: #600f7f !important;
    outline: none;
}

.main-slider.owl-theme .owl-prev {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    font-size: 3rem !important;
    color: #600f7f !important;
    outline: none;
}

.main-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

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

    min-height: 450px;
}

.slider-img-wrap {
    position: relative;
}
.slider-img-wrap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
}
.slider-img-wrap:hover:before{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 1;
}

.slider-img-text, .slider-img-wrap a {
    position: absolute;
    vertical-align: top;
}

.slider-img-text {
    min-height: 60px;
    bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

.slider-img-wrap a {
    left: 30px;
    bottom: 30px;
    font-size: .85rem;
}

.owl-theme .owl-dots .owl-dot {
    outline: none;
}

.owl-theme-white .owl-dots .owl-dot.active span, .owl-theme-white .owl-dots .owl-dot:hover span {
    background-color: #332929;
}

.owl-theme-white .owl-dots .owl-dot span {
    border: 1px solid #332929;
    background: transparent;
}

/*#Page Banner#*/
.page-banner{
    text-align: center;
}

/*#Grid#*/
.mcis-grid-wrapper {
    overflow: hidden;
}

.mcis-col-wrapper {
    overflow: hidden;
    text-align: center;
}

.mcis-grid-col {
    display: inline-block;
    width: 170px;
    min-height: 170px;
    margin: 2%;

    position: relative;
}

.mcis-grid-col .mcis-grid-icon-wrapper {
    position: absolute;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    margin-bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.mcis-grid-col .mcis-grid-icon-wrapper i {
    font-size: 3.5rem;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mcis-grid-col span {
    display: block;
    position: absolute;
    width: 100%;
    top: 140px;
}

.mcis-grid-col span {
    min-height: 100px;
}

.mcis-grid .card {
    border: none;
    border-radius: 0;
}

.mcis-grid .card-img-top {
    border-radius: 0;
}

.mcis-grid .card-title {
    position: absolute;
    top: 40%;
    color: #ffffff;
    padding: 0 1.25rem;
}

.mcis-grid .card-subtitle {
    font-size: .9rem;
    font-weight: 700;
}

.mcis-grid .card-body p,
.mcis-grid .card-body a {
    font-size: 0.85rem;
}

.mcis-grid-img-wrap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    min-height: 450px;
}

.mcis-grid-img-wrap {
    position: relative;
}

.mcis-grid-img-wrap {
    margin-bottom: 2rem;
}

.mcis-grid-img-wrap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
}
.mcis-grid-img-wrap:hover:before{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 1;
}

.mcis-grid-text {
    position: absolute;
    vertical-align: top;
}

.mcis-grid-img-wrap a {
    position: absolute;
    vertical-align: top;
    right: 30px;
}

.mcis-grid-text {
    min-height: 60px;
    bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}

.mcis-grid-img-wrap a {
    bottom: 30px;
    min-width: 100px;
    font-size: .85rem;
}

.mcis-grid-img-wrap a.btn-float-left {
    left: 30px;
    right: inherit;
}

.mcis-grid-img-wrap a.btn-float-right {
    right: 30px;
}

.mcis-grid-icon-wrapper .card {
    border: none;
}

.mcis-mcolor-bg .col-md-4:nth-child(odd) .mcis-grid-img-wrap {
    background-color: #866cb2;
}

.mcis-mcolor-bg .col-md-4:nth-child(even) .mcis-grid-img-wrap {
    background-color: #522e91;
}

.mcis-2-col-pattern .mcis-blue-bg-pattern {
    background-image: url("../img/mcis-blue-bg-pattern.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 5px;

    position: relative;
    width: 320px;
    height: 150px;

    margin-right: 2rem;
}

.mcis-2-col-pattern .mcis-purple-bg-pattern {
    background-image: url("../img/mcis-purple-bg-pattern.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 5px;

    position: relative;
    width: 320px;
    height: 150px;

    margin-left: 2rem;
}

.mcis-2-col-pattern .list-inline-item h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}

.mcis-col-wrapper .mcis-col-2 {
    display: inline-block;
    width: 48%;
}


.card-icon {
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;

    border-radius: 50%;
    color: #ffffff;
    font-size: 3rem;
    text-align: center;
}

.card-icon .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
}

/*#STEPS #*/
.mcis-steps-wrapper {
    overflow: hidden;
}

.mcis-step h4 {
    font-size: 1.2rem;
    color: #7b7b7d;
    position: absolute;
    width: 100%;
}

.mcis-steps-wrapper > .mcis-step {
    display: inline-block;
    width: 18%;
    text-align: center;

    position: relative;
}

.mcis-step-line {
    width: 100%;
    position: absolute;
    top: 80px;
    transform: translateY(-50%);
    height: 3px;
    /* background: #dddddd; */
    border-top: 3px dashed #8b8b8b;
    z-index: -1;
}

.step-1 > .mcis-step-line:before {
    content: '';
    display: block;
    width: 100px;
    height: 20px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.step-5 > .mcis-step-line:after {
    content: '';
    display: block;
    width: 100px;
    height: 20px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.mcis-step-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
}

.mcis-step-circle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 5rem;
}

.mcis-blue-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 20px auto;
}

.mcis-blue-circle i {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5rem;
    color: #ffffff;
}


/*#CTA WITH BG#*/
.mcis-cta-w-bg {
    position: relative;
    width: 100%;
    min-height: 600px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mcis-cta-w-bg-content {
    text-align: center;
    color: #ffffff;
    width: 30%;
    margin: auto;
}

.mcis-cta-w-bg-content h2 {
    font-family: 'HelveticaNeue-Light', sans-serif;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 30px;
}

.mcis-overlay-grey {
    position: absolute;
    width: 100%;
    min-height: 600px;
    background: rgba(51, 62, 72, 0.2);
}

/*#Contact CTA#*/
.mcis-contact-cta a{
    font-size: 3rem;
}

/*#About Us Page#*/
.mcis-about-banner {
    position: relative;
}

.mcis-purple-gradient-box {
    background-image: url("../img/purple-gradient-box.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mcis-purple-gradient-box h3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mcis-about-top-banner{
    position: relative;

    height: calc(90vh - 190px); /* IE 11 */
    height: -o-calc(90vh - 190px); /* opera */
    height: -webkit-calc(90vh - 190px); /* google, safari */
    height: -moz-calc(90vh - 190px); /* firefox */
    /* background-image: url("../img/about-us-hand-left.png"); */
    background-repeat: no-repeat;
    background-position: 20% bottom;
    background-size: 30%;
}

.mcis-banner-content-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 10px;
    background-color: #D6D8DA;
}

.mcis-about-content-bg{
    height: 80vh;
    /*background-image: url("../img/about-us-hand-right.png");*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50%;
}

/*#Accordion#*/
#accordion .card {
    border-radius: 0;
}

#accordion .card-header {
    background-color: #eaebec;
    cursor: pointer;
    border-bottom: none;
}

#accordion .card-header:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f068";
    float: right;

    background-color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
}

#accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
}

#accordion .card-body {
    background-color: #d6d8da;
}

#accordion .card-body dl:not(:last-child) {
    margin-bottom: 2rem;
}

#accordion .card-body dt {
    width: 90%;
}

#accordion .card-body dt,
#accordion .card-body dd {
    display: inline-block;
}

#accordion .card-updated {
    display: block;
    font-size: 0.85rem;
}

#accordion .card-download {
    font-size: 1.5rem;
    padding-right: 5px;
    float: right;
}

#accordion .card-download a {
    color: #333e48;
}

#accordion .card-body .card-body-note{
    display: inline-block;
    margin-right: 15px;
}

.card-header .card-title-counter:after {
    counter-increment: titleCounter;
    content: counter(titleCounter) ". ";
    margin-right: 5px;
}

.card-title-text{
    display: inline-block;
    width: 60px;
}
.card-title-sep:after{
    content: "|";
    padding-right: 15px;
}

/*#Form Wrapper*/
.mcis-form-wrapper-80-center {
    width: 80%;
    margin: auto;
}

.mcis-form .form-group:not(:last-child) {
    margin-bottom: 2rem;
}

.mcis-form select,
.mcis-form input,
.mcis-form textarea {
    background-color: #eaebec;
    min-height: 50px;

    border-radius: 0;
}

.mcis-form select:focus,
.mcis-form input:focus,
.mcis-form textarea:focus{
    background: #eaebec;
    border-color: #eaebec;
    box-shadow: none;
}

.modal-body.mcis-form select:not(:read-only),
.modal-body.mcis-form input:not(:read-only),
.modal-body.mcis-form textarea:not(:read-only) {
    background-color: #ffffff;
}

.mcis-form select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
}

.mcis-form .mcis-list-3-col li {
    width: 33.3333%;
    margin: 0;
}

.mcis-list-col {
    display: inline-block;
    width: 33.333%;
    margin-right: -5px;
}

.mcis-list-col button,
.mcis-list-col a {
    width: 100%;
    display: inline-block;
    border: none;
    text-align: center;
    line-height: 50px;
    margin: 0;
    padding: 0;

    font-size: 1.5rem;
}

.mcis-list-col a {
    color: #333e48;
}

.mcis-list-col button:focus,
.mcis-list-col a:focus {
    border: none;
    outline: none;
}

.mcis-custom-dropdown .input-group-text {
    padding: 1.5rem;
}

.mcis-custom-dropdown .btn-outline-secondary {
    padding: 0 1.2rem;
}

.mcis-custom-dropdown .form-control {
    padding: 2.25rem 1rem;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 0;
}

.mcis-custom-dropdown .input-group-prepend,
.mcis-custom-dropdown .btn-outline-secondary,
.mcis-form .btn-outline-secondary{
    border-radius: 0;
    background-color: #d6d8da;
}

.mcis-form .btn-outline-secondary{
    border-radius: 0;
    background-color: #eaebec;

    border-left: none;
}

.mcis-custom-dropdown .btn-outline-secondary,
.mcis-form .btn-outline-secondary{
    background-color: #e9ecef;
    border-color: #ced4da;
}

.mcis-custom-dropdown .btn-outline-secondary i {
    padding: 15px;
    border-radius: 50px;
    background-color: #ffffff;
}

.mcis-custom-dropdown .btn-outline-secondary:hover,
.mcis-custom-dropdown .btn-outline-secondary:focus {
    color: #6c757d;
    outline: none;
    /*border: none;*/
    box-shadow: none !important;
}

.mcis-custom-dropdown .dropdown-toggle::after {
    border: none;
}

/*#Report List#*/
.mcis-report-list{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 130px;
}
.mcis-report-list li span{
    display: block;
}

.mcis-report-list li:first-child{
    position: absolute;
    display: block;
    left: 0;
    width: 130px;
    height: 130px;
    border-radius: 100%;

    background-color: #239af7;
    color: #ffffff;
    text-align: center;
    line-height: 130px;
    font-size: 1.5rem;

    z-index: 1;
}
.mcis-report-list li:last-child{
    position: relative;
    display: block;
    left: 35px;
    top: 10px;
    width: 100%;
    height: 110px;

    background-color: #eaebec;
}
.mcis-report-list li:last-child a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-150%, -50%);

    color: #333e48;
}

/*#Complaint Guides#*/
.mcis-list-steps li{
    overflow: hidden;
}
.mcis-list-steps li span:after{
    content: ":";
    padding-left: 5px;
    padding-right: 5px;
}
.list-style-dash{
    list-style-type: none;
    margin: 0;
    padding:0;
}
.list-style-dash li:not(:first-child){
    padding-left: 1em;
}
.list-style-dash li:not(:first-child):before{
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

/*#Useful Links#*/
.mics-useful-links a{
    color: #333e48;
}

/*#Locate Us#*/
.branch-map {
    height: 500px;
}

.address-container {
    cursor: pointer;
}

.address-container:hover,
.selected {
    background-color: #b9b9b9;
    color: #ffffff;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

/*#Centered Header#*/
.bsnav-brand-top.navbar-expand-lg {
    padding-top: 0;
    padding-bottom: 0;
}


/*#FOOTER#*/
.mcis-footer-wrapper {
    border-top: 1px solid #333e48;
}

/** Copyright **/
.mcis-copyright {
    font-size: .85rem;
    color: #333e48;
}

/** Footer Menu **/
.mcis-footer-menu {
    margin: 0;
    font-size: 0.85rem;
    text-align: right;
}

.mcis-footer-menu li {
    margin-right: 0 !important;
}

.mcis-footer-menu li:not(:last-child):after {
    content: "|";
    padding-left: 5px;
}

.mcis-footer-menu li a {
    color: #333e48;
}

a {
  text-decoration: none !important;
}

.mcis-footer-menu li a:focus, .mcis-footer-menu li a:hover {
    color: #522f91;
    text-decoration: underline !important;
}

/*#Footer Social#*/
.mcis-footer-social {
    font-size: 2rem;
}

.mcis-footer-social ul {
    margin: 0;
}
.mcis-footer-social li{
    margin-bottom: 0;
}

.mcis-footer-social a {
    color: #ffffff;
}

/*#Footer Contact Info#*/
.mcis-contact-info .mcis-footer-logo {
    width: 80%;
}

.mcis-contact-info h4 strong {
    display: block;
    font-size: 1.2rem;
    /*line-height: 10px;*/
}

.mcis-contact-info .company-no {
    font-family: 'HelveticaNeue-Light', sans-serif;
    font-size: 1rem;
}

.mcis-contact-info address {
    line-height: 1.2;
}

.mcis-contact-info .contact-info {
    display: block;
}

/*#Sitemap#*/
.mcis-sitemap-wrapper a {
    color: #333e48;
}

.mcis-sitemap-wrapper a:hover {
    color: #239af7;
}

.sitemap-content-group:not(:last-child) {
    margin-bottom: 3.25rem;
}

.sitemap-content-group dt {
    font-size: 1.25rem;
}

/*Color Variant*/
.mcis-text-purple {
    color: #522f91 !important;
}

.mcis-text-blue {
    color: #007cd5 !important;
}

.mcis-text-white {
    color: #ffffff !important;
}

/*#Classes#*/
.hidden{
    display: none;
}
.mcis-display-block {
    display: block;
}

.mcis-display-inline-block {
    display: inline-block;
}

.mcis-ordered-list{
    margin: 0;
    padding: 0 0 0 15px;
}

.mcis-fieldset{
    border: 1px solid #c8c8c8;
}

.mcis-select-rounded-no-arrow{
    background-color: #ffffff !important;
    border-radius: 50px !important;
    text-align: center;
    border: 2px solid #229af7;
    color: #229af7;

    background: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 20%;
}

.mcis-select-rounded-no-arrow option:first-child{
    text-align: center !important;
}

/*-------------------------------------------------------------
## Classes
--------------------------------------------------------------*/
.no-border {
    border: none;
}

.no-border-left {
    border-left: none;
}

.n0-border-right {
    border-right: none;
}

.no-border-top {
    border-top: none;
}

.no-border-bottom {
    border-bottom: none;
}

.no-border-radius {
    border-radius: 0;
}

/*#Responsive#*/
@media screen and (max-width: 375px){
    #masterslider .ms-layer h1{
        font-size: 1.2rem !important;
    }
    .btn-mymcis{
        width: 90px;
    }
    .mcis-search-btn{
        margin: 0;
    }
}
@media screen and (max-width: 576px) {
    .mcis-logo img {
        display: block;
        width: 8rem;
    }

    #masterslider .ms-layer h1 {
        font-size: 1rem;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        /*margin-left: 15px;*/
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav a{
        padding-left: 30px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav a{
        padding-left: 45px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav a{
        padding-left: 60px;
    }

    .bsnav-mobile .navbar-nav .nav-item.in .navbar-nav i {
        /*right: 30px;*/
    }

    .mcis-grid .card {
        margin-bottom: 30px;
    }

    .mcis-col-wrapper .mcis-col-2 {
        width: 100%;
    }

    .mcis-cta-w-bg-content {
        width: 100%;
    }

    .mcis-cta-w-bg {
        min-height: 40vh;
    }

    .mcis-social-link li:first-child {
        display: block;
    }

    /*#Contact CTA#*/
    .mcis-contact-cta a{
        font-size: 2rem;
    }

    /** Footer **/
    .mcis-contact-info {
        text-align: center;
    }

    .mcis-footer-wrapper {
        text-align: center !important;
    }

    .mcis-footer-menu {
        text-align: center;
    }

    .mcis-copyright {
        display: block;
        padding-bottom: 15px;
    }

    .no-margin-lr-mobile {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /*#About Us Mobile#*/
    .mcis-about-top-banner{
        height: calc(100vh - 155px);
        height: -o-calc(100vh - 155px);
        height: -webkit-calc(100vh - 155px);
        height: -moz-calc(100vh - 155px);

        background-size: 70%;
        background-position: -90% bottom;
    }
    .mcis-banner-content-wrapper{
        width: 60%;
        font-size: 0.75rem;
    }
    .mcis-banner-content-wrapper h1,
    .mcis-about-wrapper h2{
        font-size: 1.75rem;
    }
    .mcis-about-content-bg{
        height: 100%;
        padding-bottom: 20%;
        background-size: 50%;
    }
    .mcis-about-content-bg .card-title{
        font-size: 1.25rem;
    }
    .mcis-about-content-bg .card-body p{
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 768px) {
    #masterslider {
        min-height: 100%;
    }

    #masterslider .ms-layer h1 {
        font-size: 1.5rem;
    }

    .mcis-form-wrapper-80-center {
        width: 100%;
    }

    .mcis-list-col {
        width: 100%;
        margin-bottom: 2px;
    }

    .mcis-grid-wrapper {
        text-align: initial;
    }

    .mcis-grid-col {
        width: 49%;
        text-align: center;
        margin: 0 0 40px 0;
    }

    .mcis-steps-wrapper > .mcis-step {
        margin-left: -2px;
    }

    .mcis-step-line {
        top: 27px;
        border-top: 1px solid #8b8b8b;
    }

    .step-1 .mcis-step-line:before,
    .step-5 .mcis-step-line:after {
        width: 15px;
    }

    .mcis-step-circle {
        width: 45px;
        height: 45px;
    }

    .mcis-step-circle i {
        top: 42%;
        font-size: 1.75rem;
    }

    .mcis-step h4 {
        font-size: .75rem;
    }

    .mcis-2-col-pattern .list-inline-item,
    .mcis-2-col-pattern .list-inline-item a {
        margin: 0;
    }
    .mcis-list-steps li span{
        display: inline-block;
        margin-right: 10px;
        float: left;
        height: 50px;
        vertical-align: top;
    }
    #accordion .card-body .card-body-note{
        display: block;
        margin: 0;
        margin-bottom: 10px;
    }

    /** Performance List **/
    .mcis-report-list{
        position: unset;
        height: auto;
    }
    .mcis-report-list li:first-child{
        position: unset;
        margin: auto auto 15px;
    }
    .mcis-report-list li:last-child{
        position: unset;
        top: 0;
        left: 0;
        height: auto;
        padding: 30px 10px;
    }
    .mcis-report-list li:last-child a{
        position: unset;
        text-align: center;
    }

    /*#About Us Tablet#*/
    .mcis-about-top-banner{
        height: calc(70vh - 190px);
        height: -o-calc(70vh - 190px);
        height: -webkit-calc(70vh - 190px);
        height: -moz-calc(70vh - 190px);

        background-size: 70%;
        background-position: -70% bottom;
    }
    .mcis-banner-content-wrapper{
        width: 90%;
    }
    .mcis-about-top-banner{
        background-position: 0 bottom;
        height: calc(90vh - 190px);
        height: -o-calc(90vh - 190px);
        height: -webkit-calc(90vh - 190px);
        height: -moz-calc(90vh - 190px);
        background-size: 35%;
    }
    .mcis-banner-content h1{
        /*font-size: 2rem;*/
    }
    /*.mcis-banner-content p{*/
    /*    font-size: 0.85rem;*/
    /*}*/
    .mcis-about-content-bg{
        /*height: 70vh;*/
        background-size: 30%;
    }
    .mcis-about-content-bg .card-title{
        font-size: 1rem;
    }
    .mcis-about-content-bg .card-body p{
        font-size: 0.85rem;
    }
    .nav-link-toggle{
        color: #ffffff;
    }
    .nav-hidden-desktop{
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    .mcis-logo img {
        display: inline-block;
        width: 15rem;
    }
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    #masterslider {
        min-height: 100%;
    }

    .mcis-cta-w-bg-content {
        min-width: 70%;
    }

    .mcis-cta-w-bg {
        min-height: 400px;
    }

    .mcis-grid .card-title {
        top: 30%;
    }

    .bsnav-mobile .navbar {
        margin-top: 190px;
    }

    .navbar-nav li.nav-item .nav-link {
        min-width: initial;
    }

    .navbar-nav li.nav-item.dropdown .nav-link {
        min-width: 130px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        margin-left: 15px;
    }

    .bsnav-mobile .navbar-nav .nav-item.in .navbar-nav i {
        right: 30px;
    }

    .mcis-steps-wrapper > .mcis-step {
        margin-left: -2px;
    }

    .mcis-step-line {
        top: 43px;
        border-top: 1px solid #8b8b8b;
    }

    .step-1 .mcis-step-line:before,
    .step-5 .mcis-step-line:after {
        width: 50px;
    }

    .mcis-step-circle {
        width: 80px;
        height: 80px;
    }

    .mcis-step-circle i {
        top: 45%;
        font-size: 2.5rem;
    }

    .mcis-step h4 {
        font-size: .75rem;
    }

    .mcis-2-col-pattern .list-inline-item,
    .mcis-2-col-pattern .list-inline-item a {
        margin: 0;
    }

    .mcis-2-col-pattern .mcis-blue-bg-pattern,
    .mcis-2-col-pattern .mcis-purple-bg-pattern {
        min-width: 385px;
    }

    .mcis-col-wrapper .mcis-col-2 {
        width: 100%;
    }
    .mcis-report-list li:last-child a{
        left: 60%;
    }
    .mcis-about-top-banner{
        background-position: 0 bottom;
        height: calc(70vh - 190px);
        height: -webkit-calc(70vh - 190px);
    }
    .mcis-about-content-bg{
        height: 60vh;
        background-size: 30%;
    }
    .mcis-report-list li:last-child{
        width: 95%;
    }
    .mcis-banner-content h1{
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1024px){
    .mcis-banner-content h1{
        font-size: 1.5rem;
    }
}