@font-face {
    font-family: 'opulentregular';
    src: url('optima-webfont.woff2') format('woff2'),
         url('optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ibm_plex_sansregular';
    src: url('ibmplexsans-regular-webfont.woff2') format('woff2'),
         url('ibmplexsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ibm_plex_sansbold';
    src: url('ibmplexsans-bold-webfont.woff2') format('woff2'),
         url('ibmplexsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansbold_italic';
    src: url('ibmplexsans-bolditalic-webfont.woff2') format('woff2'),
         url('ibmplexsans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansextralight';
    src: url('ibmplexsans-extralight-webfont.woff2') format('woff2'),
         url('ibmplexsans-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansXLtIt';
    src: url('ibmplexsans-extralightitalic-webfont.woff2') format('woff2'),
         url('ibmplexsans-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansitalic';
    src: url('ibmplexsans-italic-webfont.woff2') format('woff2'),
         url('ibmplexsans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sanslight';
    src: url('ibmplexsans-light-webfont.woff2') format('woff2'),
         url('ibmplexsans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sanslight_italic';
    src: url('ibmplexsans-lightitalic-webfont.woff2') format('woff2'),
         url('ibmplexsans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansmedium';
    src: url('ibmplexsans-medium-webfont.woff2') format('woff2'),
         url('ibmplexsans-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansmedium_italic';
    src: url('ibmplexsans-mediumitalic-webfont.woff2') format('woff2'),
         url('ibmplexsans-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sanssemibold';
    src: url('ibmplexsans-semibold-webfont.woff2') format('woff2'),
         url('ibmplexsans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sanssemibold_italic';
    src: url('ibmplexsans-semibolditalic-webfont.woff2') format('woff2'),
         url('ibmplexsans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ibm_plex_sansthin';
    src: url('ibmplexsans-thin-webfont.woff2') format('woff2'),
         url('ibmplexsans-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'optimamedium';
    src: url('optima_medium-webfont.woff2') format('woff2'),
         url('optima_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'optimanormal';
    src: url('optima-webfont.woff2') format('woff2'),
         url('optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'optimabold';
    src: url('optima_b-webfont.woff2') format('woff2'),
         url('optima_b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    font-family: 'opulentregular';
}

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #001f52;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 3;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.navigation-list {
    color: white;
    list-style: none;
}

.navigation-item {
    font-family: 'ibm_plex_sanslight';
    margin: 40px 0px;
    font-size: 13px;
}

.navigation-list a {
    display: block;
    transition: 0.3s;
    color: white;
    text-decoration: none;
}

.description-text p{
    font-family: 'ibm_plex_sanslight';
    color: gray;
}

.bg-custom {
    background-color: #001f52;
}

.sticky {
    position: fixed;
    width: 100%;
}

.navbar-custom {
    background-color: #001f52;
    display: block;
    z-index: 2;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white;
}

.nav-brand-item {
    background-color: white;
    height: 50px;
    /* margin-top: 51px; */
    /* opacity: 0; */
}

.nav-brand-item .nav-menu-custom {
    display: flex;
    padding-right: 100px;
    justify-content: space-between;
}

.nav-brand-item .nav-menu-custom ul li a {
    color: #001f52;
    font-size: 11px;
    font-family: 'ibm_plex_sanslight';
}

.navbar-custom .navbar-brand {
    padding-left: 100px;
}

.nav-menu-custom {
    display: flex;
    padding-right: 100px;
    justify-content: space-between;
}

.nav-menu-custom ul li a{
    color: white;
    font-size: 11px;
    font-family: 'ibm_plex_sanslight';
}

li.dropdown ul li a{
    color: black;
    font-size: 13px;
    font-family: 'ibm_plex_sansregular';
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0;
    /* width: 100%; */
    color: white;
}

#our-business {
  
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;

    /* Set a specific height */
    min-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#index-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  
  min-height: 100vh; 
  
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


#team-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;

    /* Set a specific height */
    min-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .video-banner{ 
    height: 100%;
}

.video-banner video{
    width: 100%;
    position: center;
    min-height: auto;
} */


.video-banner{
	/* position: fixed; */
	width: 100%;
	height: 100%;
    overflow: hidden;
}

.video-banner video{
    /* position: absolute; */
    width: 100%;
    height: auto !important;
    /* background-size: cover;
    transition: 1s opacity;
    z-index: -1; */
}

@media only screen and (max-width: 1280px) {
    .video-banner video{
        /* position: absolute; */
        width: auto !important;
        height: auto !important;
        /* background-size: cover;
        transition: 1s opacity;
        z-index: -1; */
    }
}

/* @media only screen and (max-width: 1920px) and (max-height: 1080px) {
    #our-business {
        min-height: 1080px;
    }
} */

#principles {
    background-image: url(../images/Principles_banner1.png);
    width: 100%;
    height: 100%;

    /* Set a specific height */
    min-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#team-banner {
    background-image: url(../images/Team/Banner_team.png);
    width: 100%;
    height: 100%;

    /* Set a specific height */
    min-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#credentials-banner {
    background-image: url(../images/Credentials.jpg );
    width: 100%;
    height: 100%;

    /* Set a specific height */
    min-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#video-credential-1 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 70%;
    left: 0%;
}

#video-credential-2 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 70%;
    right: 0%;
}

#video-credential-3 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 70%;
    left: 0%;
}

#video-credential-4 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 70%;
    right: 0%;
}

#video-credential-5 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 70%;
    left: 0%;
}

#video-credential-6 > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 40%;
    right: 0%;
}

#contact-banner {
    background-image: url(../images/Home_banner1.png);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#partners-login-banner {
    background-image: url(../images/Principles_banner1.png);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#partners-login-banner .center {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
}

#partners-login-banner .login-box {
    background-color: #001f52;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 250px;
    /* text-align: center; */
    color: white;
}

.login-form {
    border: 1px solid white;
    background: #001f52;
    margin-left: 10%;
    width: 78%;
    color: white;
}

.login-label {
    margin-left: 10%;
}

.login-btn {
    margin-left: 10%;
    color: white;
    width: 78%;
    background-color: #001f52;
    border: 1px solid white;
}

.login-btn:hover {
    color: black;
    background-color: white;
    border: 1px solid black;
}

.left {
    position: absolute;
    top: 25%;
    left: 20%;
    /* transform: translate(-50%, -50%); */
    /* text-align: center; */
    color: white;
}

.banner{
    display: grid;
    height: 100%;
}

.center-fit {
    max-width: 100%;
    max-height: 100.9vh;
    margin: auto;
    margin-top: -4%;
}

.opener-text{
    color: #033382;
    font-size: 13px;
}

.business-content h3 {
    line-height: 1.5;
    position: relative;
}

#business-content1 {
    padding: 50px 150px;
    background-color: white;
}

#business-content2 {
    padding: 30px 150px;
    background-color: white;
}

#business-content3 {
    padding: 30px 150px;
    background-color: white;
}

#business-content1 p {
    font-size: 17px;
    position: relative;
}

#business-content2 p {
    font-size: 17px;
    position: relative;
}

#business-content3 p {
    position: relative;
    font-size: 17px;
}

.business-content {
    z-index: 100;
}

.business-number {
    color: blue;
}

.rac-footer {
    display: flex;
    justify-content: space-between;
    background-color: #001f52;
    color: white;
}

div#principles-content1 .padding-text {
    padding-right: 130px;
}

div#principles-content2 .padding-left {
    padding-left: 130px;
}

div#principles-content3 .padding-text {
    padding-right: 130px;
}

#principles-content1 {
    position: relative;
    /* margin-left: 200px; */
    font-size: 17px;
    line-height: 1.5;
}

#principles-content2 {
    position: relative;
    padding-top: 70px;
    /* margin-right: 200px; */
    font-size: 17px;
    line-height: 1.5;
}

#principles-content3 {
    position: relative;
    padding-top: 70px;
    /* margin-left: 200px; */
    font-size: 17px;
    line-height: 1.5;
}

#video-principles-1 > video {
    position: absolute;
    margin-top: 25vh;
    padding: 0;
    min-width: 200px;
    height: 70%;
    left: 0%;
}
#video-principles-2 > video {
    position: absolute;
    margin-top: 15vh;
    padding: 0;
    min-width: 200px;
    height: 70%;
    right: 0%;
}
#video-principles-3 > video {
    position: absolute;
    padding: 0;
    margin-top: -9vh;
    min-width: 200px;
    height: 52%;
    left: 0%;
}

#video-team-satu > video {
    position: absolute;
    padding: 0;
    min-width: 200px;
    height: 90%;
    right: 0%;
}

#video-team-dua > video {
    position: absolute;
    padding: 0;
    margin-top: 70vh;
    min-width: 200px;
    height: 60%;
    left: 0%;
}

#video-team-tiga > video {
    position: absolute;
    padding: 0;
    margin-top: 32vh;
    min-width: 200px;
    height: 20%;
    right: 0%;
}

#video-team-empat > video {
    position: absolute;
    padding: 0;
    margin-right: 0vh;
    min-width: 100px;
    height: 48%;
    left: -2%;
}

#video-team-lima > video {
    position: absolute;
    padding: 0;
    margin-top: 140vh;
    min-width: 200px;
    height: 90%;
    left: 0%;
}

#video-team-enam > video {
    position: absolute;
    padding: 0;
    margin-top: 110vh;
    min-width: 200px;
    height: 50%;
    right: 0%;
}

#video-satu > video{
    position: absolute;
    width: 400px;
    height: 400px;
    left: 0%;
}

#video-dua > video{
    position: absolute;
    width: 400px;
    height: 400px;
    right: 0%;
    margin-top: -5%;
}

.team-container {
    padding: 150px;
}

.team-image {
    position: relative;
    width: 100%;
}

.team-img-filter { 
    filter: grayscale(100%);
    transition: .5s ease; 
}

.team-image:hover .team-img-filter {
    filter: grayscale(0%);
}

.team-description {
    position: absolute;
    color: white;
    text-align: left;
    z-index: 1;
    margin-left: 20px;
    margin-right: 20px;
    top: 50%;
}

.team-description p.team-position {
    font-size: 15px;
}

.fade-content {
    opacity: 1;
}

.logo-name h3 {
    margin: 0;
}

.copyright-name {
    font-size: 8px;
    margin-top: 5px;
}

.linkedin-footer {
    flex-grow: 1;
    text-align: end;
    margin-right: 20px;
}

.team-wrap-box {
    background-color: #00000040;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

@media only screen and (max-width: 1399px) and (min-width: 992px) {
    .team-container {
        padding: 10px;
    }
}

/* .principles-img-alt-first {
    display: none;
} */

@media only screen and (max-width: 1199px) {
    #principles-content1 {
        margin-left: 50px;
        font-size: 17px;
        line-height: 1.5;
    }
    
    #principles-content2 {
        padding-top: 50px;
        margin-right: 50px;
        font-size: 17px;
        line-height: 1.5;
    }
    
    #principles-content3 {
        padding-top: 50px;
        margin-left: 50px;
        font-size: 17px;
        line-height: 1.5;
    }

    div#principles-content1 .padding-text {
        padding-right: 0px;
    }
    
    div#principles-content2 .padding-left {
        padding-left: 10px;
    }
    
    div#principles-content3 .padding-text {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 971px) {

    #partners-login-banner .login-box {
        top: 70%;
        width: 250px;
    }

    .home-banner img {
        height: 800px;
        /* width: 50000px; */
        transform: scale(2.0);
        object-fit: cover;
    }

    .contact-banner img {
        height: 575px;
    }

    .left {
        left: 10%;
    }

    .navbar-custom .navbar-brand {
        padding-left: 20px;
    }

    .logo-img {
        /* display: block; */
        /* margin-left: auto; */
        /* margin-right: auto; */
        width: 75%;
    }

    .principles-img-alt {
        display: none;
    }

    button.btn-close {
        font-size: 10px;
    }

    .copyright-name {
        display: none;
    }

    /* .contact-to {
        display: none;
    } */

    .banner img{
        height: 500px;
        /* transform: scale(1.5); */
    }

    .team-container {
        padding: 45px;
    }

    #business-content1 {
        padding: 30px;
    }

    #business-content2 {
        padding: 30px;
    }

    #business-content3 {
        padding: 30px;
    }

    #principles-content1 {
        margin: auto;
    }

    #principles-content1.padding-text {
        padding: 0px;
    }

    #principles-content2 {
        margin: auto;
    }

    #principles-content2.padding-text {
        padding: 0px;
    }

    #principles-content3 {
        margin: auto;
    }

    #principles-content3.padding-text {
        padding: 0px;
    }
}

@media only screen and (max-width: 375px) {
    .team-description p {
        font-size: 13px;
    }
    
    .team-description p.team-position {
        font-size: 13px;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-custom .navbar-brand {
        padding-left: 10px;
    }

    .team-description p {
        font-size: 9px;
    }

    .team-description h4 {
        font-size: medium;
    }

    .team-description p.team-position {
        font-size: 11px;
    }
}

/* New Slideshow */
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow {
    list-style: none;
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h1 { 
    font-family: 'opulentregular';
    padding: 0;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/Home_banner1.png) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/Home_banner2.png);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/Home_banner3.png);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/Home_banner1.png);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/Home_banner2.png);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/Home_banner3.png);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

/* @media screen and (max-width: 1140px) { 
    .cb-slideshow li div h1 { font-size: 140px }
} */
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h1 { 
        font-size: 40px;
        text-align: left;
    }

    .cb-slideshow li div {
        padding-left: 15px;
        padding-right: 5px;
    }

    .centered {
        width: 80%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .centered h1{
        font-size: 30px;
        text-align: left;
    }
}