/* cmsms stylesheet: main modified: 06/20/19 11:37:08 */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    ul li {
        list-style-type: none;
    }
    .menu>li>a {
        display: inline;
    }
}

@font-face {
    font-family: 'viavi-critical';
    src: url("https://comit.bkis.com.vn/themes/comit/sites/all/themes/viavi/fonts/viavi-critical/viavi-critical.eot?ts=20190605A");
    src: url("https://comit.bkis.com.vn/themes/comit/sites/all/themes/viavi/fonts/viavi-critical/viavi-critical.eot?ts=20190605A#iefix") format("embedded-opentype"), url("https://comit.bkis.com.vn/themes/comit/sites/all/themes/viavi/fonts/viavi-critical/viavi-critical.woff?ts=20190605A") format("woff"), url("https://comit.bkis.com.vn/themes/comit/sites/all/themes/viavi/fonts/viavi-critical/viavi-critical.ttf?ts=20190605A") format("truetype"), url("https://comit.bkis.com.vn/themes/comit/sites/all/themes/viavi/fonts/viavi-critical/viavi-critical.svg?ts=20190605A#fontello") format("svg");
    font-weight: 400;
    font-style: normal;
}

[class^="vc-"]::before,
[class*=" vc-"]::before {
    font-family: "viavi-critical";
    font-style: normal;
    font-weight: 400;
}

.vc-angle-left::before {
    content: '\e805';
}

.vc-angle-right::before {
    content: '\e806';
}

.vc-calendar-o::before {
    content: '\f133';
}

.vc-file-text::before {
    content: '\f15c';
}

.vc-folder::before {
    content: '\e801';
}

.vc-desktop::before {
    content: '\f108';
}

.vc-check::before {
    content: '\f00c';
}

.vc-book::before {
    content: '\f02d';
}

.vc-search::before {
    content: '\e802';
}

.vc-globe::before {
    content: '\e81f';
}

.vc-mobile-menu::before {
    content: '\e822';
}

.vc-mobile-contact::before {
    content: '\e823';
}

.vc-mobile-close::before {
    content: '\e821';
}

.vc-youtube::before {
    content: '\f16a';
}

.vc-facebook::before {
    content: '\f09a';
}

.vc-twitter::before {
    content: '\f099';
}

.vc-linkedin::before {
    content: '\f0e1';
}

.animation-orbit-stop:after {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    visibility: hidden;
}

@-webkit-keyframes loadingOrbit {
    from {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes loadingOrbit {
    from {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.featured-caro {
    margin: 0 auto;
    width: 100%;
    min-height: 28.125rem;
    overflow: hidden;
    position: relative;
    background-color: #f2f2f2;
}

.featured-caro:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    font-family: 'viavi-critical';
    font-size: 3rem;
    content: '\e830';
    color: #500778;
    -webkit-animation-name: loadingOrbit;
    animation-name: loadingOrbit;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.featured-caro .featured-caro-slide {
    overflow: hidden;
    opacity: 0;
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide>.row {
        padding-top: 1.25rem;
        padding-bottom: 0.625rem;
        background-color: #f2f2f2;
    }
}

@media screen and (min-width: 64em) {
    .featured-caro .featured-caro-slide {
        height: 28.125rem;
    }
    .featured-caro .featured-caro-slide>.row {
        margin-top: 0;
    }
}

.featured-caro .featured-caro-slide .featured-caro-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    top: 0;
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-container {
        position: relative;
        z-index: 0;
        background-size: cover;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-container {
        height: 15.625rem;
        background-position: top right;
    }
}

@media screen and (max-width: 39.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-container {
        height: 10.9375rem;
        background-position: top right;
    }
}

.featured-caro .featured-caro-slide .featured-caro-container picture {
    display: none;
}

.featured-caro .featured-caro-slide .featured-caro-container picture img {
    display: none;
}

.featured-caro .featured-caro-slide .featured-caro-content {
    /* Solutions Sliders */
}

@media screen and (min-width: 64em) {
    .featured-caro .featured-caro-slide .featured-caro-content {
        position: absolute;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 33.125rem;
    }
}

@media screen and (max-width: 81.25em) {
    .featured-caro .featured-caro-slide .featured-caro-content {
        padding-left: 3.75rem;
    }
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content {
        padding-left: 0.9375rem;
        position: relative;
        text-align: center;
    }
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content * {
        color: #595959;
    }
}

@media screen and (min-width: 64em) {
    .featured-caro .featured-caro-slide .featured-caro-content * {
        color: #fff;
    }
}

.featured-caro .featured-caro-slide .featured-caro-content h2 {
    font-weight: 700;
    line-height: 3rem;
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content h2 {
        color: #333;
        font-size: 1.6rem;
        font-weight: 300;
    }
}

@media screen and (min-width: 64em) {
    .featured-caro .featured-caro-slide .featured-caro-content h2 {
        color: #fff;
        font-size: 2.625rem;
    }
}

.featured-caro .featured-caro-slide .featured-caro-content p {
    font-weight: 300;
    margin-bottom: 2rem;
    line-height: 1.375rem;
    font-size: 1.1875rem;
}

@media print,
screen and (min-width: 64em) {
    .featured-caro .featured-caro-slide .featured-caro-content p {
        margin-bottom: 1rem;
    }
}

.featured-caro .featured-caro-slide .featured-caro-content a {
    color: #fff;
}

.featured-caro .featured-caro-slide .featured-caro-content a:hover,
.featured-caro .featured-caro-slide .featured-caro-content a:focus {
    color: #1f76c9;
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content a.featured-block-button {
        padding: 1.25rem;
        padding-right: 2rem;
        margin: 0 auto;
    }
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content a {
        border: 0.0625rem solid #1f76c9;
        color: #1f76c9;
    }
    .featured-caro .featured-caro-slide .featured-caro-content a:hover,
    .featured-caro .featured-caro-slide .featured-caro-content a:focus {
        background-color: #1f76c9;
        color: #fff;
    }
}

.featured-caro .featured-caro-slide .featured-caro-content .slide-title {
    font-weight: 600;
}

.featured-caro .featured-caro-slide .featured-caro-content .category-slug {
    margin-bottom: 0;
}

.featured-caro .featured-caro-slide .featured-caro-content .category-slug a {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 100;
}

.featured-caro .featured-caro-slide .featured-caro-content .category-slug a:hover {
    text-decoration: none;
}

@media screen and (max-width: 63.9375em) {
    .featured-caro .featured-caro-slide .featured-caro-content .category-slug a {
        color: #1f76c9;
        border: none;
    }
    .featured-caro .featured-caro-slide .featured-caro-content .category-slug a:hover {
        color: #1f76c9;
        background-color: transparent;
        text-decoration: underline;
    }
}

.featured-caro .orbit-container {
    margin: 0 auto;
    max-width: 120rem;
    background-color: #f2f2f2;
}

@media print,
screen and (min-width: 64em) {
    .featured-caro .orbit-container {
        background-color: #fff;
    }
}

.featured-caro .orbit-container .orbit-previous,
.featured-caro .orbit-container .orbit-next {
    cursor: pointer;
}

.featured-caro .orbit-container .orbit-previous,
.featured-caro .orbit-container .orbit-next {
    transform: none;
    text-indent: 0 !important;
    height: 5rem;
    width: 2.5rem;
    margin: 0;
    padding: 0;
    display: block;
    top: 40%;
    border: none;
}

.featured-caro .orbit-container .orbit-previous i,
.featured-caro .orbit-container .orbit-next i {
    font-size: 2.5rem;
    color: #fff;
}

@media screen and (max-width: 39.9375em) {
    .featured-caro .orbit-container .orbit-previous,
    .featured-caro .orbit-container .orbit-next {
        top: 13%;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .featured-caro .orbit-container .orbit-previous,
    .featured-caro .orbit-container .orbit-next {
        top: 17%;
    }
}

.featured-caro .orbit-container .orbit-previous::after,
.featured-caro .orbit-container .orbit-next::after {
    content: none;
}

.featured-caro .orbit-container .orbit-next i {
    padding-left: 0.1875rem;
}

.featured-caro .orbit-container .orbit-previous:hover,
.featured-caro .orbit-container .orbit-next:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.featured-caro .orbit-container .orbit-previous:focus:not(:hover),
.featured-caro .orbit-container .orbit-next:focus:not(:hover) {
    background-color: rgba(255, 255, 255, 0);
}

.featured-caro .orbit-container .orbit-previous:active,
.featured-caro .orbit-container .orbit-next:active {
    background-color: initial;
}

.featured-caro .orbit-bullets {
    background-color: #fff;
    margin: 0;
    padding: 0.8rem 0 0.625rem 0;
    cursor: default;
}

.featured-caro .orbit-bullets button {
    border-radius: 62.5rem;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 0.5625rem;
    margin: 0 0.0625rem;
    width: 0.5625rem;
    padding: 0;
    border: none;
}

.featured-caro .orbit-bullets button::after {
    content: none;
}