/* Library v2.0 */

.library {
  width: 100%;
  height: auto;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.library::after {
    content: "";
    clear: both;
    display: block;
}
    @media (max-width: 800px) {
        .library {
          display: block;
        }
    }

.mobile-filter-menu {
    display: none;
    margin: 0 auto;
    transition: all .3s;
}
    @media (max-width: 800px) {
        .mobile-filter-menu {
            display: block;
        }    
    }

.hide {
    display: none;
}

.heart-active {
    color: red;
}

.library-menu {
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 2rem;
  box-sizing: border-box;
  background: #e4e4e4;
  border-left: 2px solid rgba(0,0,0,.5);
}
    @media (max-width: 1500px) {
        .library-menu {
            padding: 1rem;
        }
    }

    @media (max-width: 800px) {
        .library-menu {
          display: block;
          width: 100%;
          right: -101%;
          transition: all .3s;
        }
        .mlibrary-menu-show {
            right: 0;
            z-index: 3
        }
    }

.lib-filter-button {
    display: none;
    margin: 0 auto;
    width: auto;
    padding: .5rem 1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: .75rem;
    color: #000;
    text-align: center;
    border-radius: 2rem;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: #d0a63a;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
}

.lib-filter-close-button {
    display: none;
    margin: auto auto 1rem auto;
    width: auto;
    padding: .5rem 1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: .75rem;
    color: #000;
    text-align: center;
    border-radius: 2rem;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: #999;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
    @media (max-width: 800px) {
        .lib-filter-button, .lib-filter-close-button {
            display: block;
        }
    }

.fixed-menu {
  top: 0;
  height: 100vh;
  padding: 2rem;
  position: sticky; 
  bottom: 0;
  overflow-y: scroll;    
}
.fixed-menu::after {
    content: "";
    clear: both;
    display: block;
}
    @media (max-width: 1500px) {
        .fixed-menu {
          padding: 1rem;
        }
    }

    @media (max-width: 800px) {
        .fixed-menu {
            display: block;
            position: fixed;
            min-height: 100vh;
        }
    }

.fixed-icon {
    position: fixed;
    top: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    z-index: 2;
    width: 194px;
}

.library-menu h2 {
    font-family: 'Lato', sans-serif !important;
    text-align: center;
    font-size: 2rem !important;
    font-weight: 600 !important;
    width: 100%;
    display: block;
    color: #000;
}
    @media (max-width: 1500px) {
        .library-menu h2 {
            font-size: 1.25rem !important;
        }
    }

.library-menu p {
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    text-align: center;
    width: 100%;
    padding: .25rem 0 .5rem 0;
    font-weight: 400;
}
    @media (max-width: 1500px) {
        .library-menu p {
            font-size: .8rem;
        }
    }

.library-menu label {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 2rem;
}
    @media (max-width: 1500px) {
        .library-menu label {
            font-size: 1rem;
            line-height: 2rem;
        }
    }

.lm-checkbox-label {
    font-weight: inherit !important;
    text-transform: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    cursor: pointer;
}

.library-menu ul li {
    font-family: 'Lato', sans-serif;
    list-style-type: none;
    padding: .3rem 0;
}
    @media (max-width: 1500px) {
        .library-menu ul li {
            font-size: .8rem;
            line-height: 1.25rem;
        }
    }


.cp-programs ul li a {
    font-family: 'Lato', sans-serif;
    font-size: 1.05rem;
    font-weight: 600 !important;
    padding-left: 2rem;
}

    @media (max-width: 1340px) {
        .cp-programs ul li a {
            padding-left: 0;
        }
    }

.library-menu ul li a {
    color: #bb8f47;
    font-weight: 500;
    transition: all .3s;
}
.library ul li a:hover {
    color: #ccb369;
}

.library-menu .checkboxes {
    display: flex;
    justify-content: space-between;
}
    @media (max-width: 1340px) {
        .library-menu .checkboxes {
            display: block;
        }
    }

    @media (max-width: 800px) {
        .library-menu .checkboxes {
            display: flex;
        }
    }

.library-menu .checkboxes ul {
    width: 100%;
}

.library-menu .checkboxes ul li {
    font-size: 1.05rem;
}
    @media (max-width: 1540px) {
        .library-menu .checkboxes ul li {
            font-size: 1rem;
        }
    }



.library-menu .checkboxes ul li label.title {
    padding-left: 0;
}


.library-menu .checkboxes ul li label {
    padding-left: .5rem;
}

.library-featured {
    width: 1180px;
    margin: 0 auto;
    display: block;
    position: relative;
}

    @media (max-width: 1480px) {
        .library-featured {
            width: 90%;
        }
    }

    @media (max-width: 1120px) {
        .library-featured {
            width: 100%;
        }
    }

    @media (max-width: 420px) {
        .library-featured {
            height: 550px;
        }
    }

.library-featured .videos {
    position: relative;
    min-height: 650px;
    box-sizing: border-box;
    padding: 0 2rem !important;
}
    @media (max-width: 1430px) {
        .library-featured .videos {
            min-height: 550px;
        }
    }

    @media (max-width: 520px) {
        .library-featured .videos {
            min-height: 300px !important;
            padding: 0 !important;
        }
    }
    



.library-featured .videos h1 {
    color: #000;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.library-featured .videos .left {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.library-featured .videos .right {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
}
    @media (max-width: 1480px) {
        .library-featured .videos .right {
            height: 550px;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .left {
            float: left;
            width: 50%;
            position: relative;
        }
        .library-featured .videos .right {
            float: right;
            width: 50%;
            position: relative;
        }
    }


.library-featured .videos .container {
    position: relative;
    width: 100%;
    min-height: 600px;
}

    @media (max-width: 1480px) {
        .library-featured .videos .container {
            min-height: auto;
            height: 504px;
            padding: 0;
            width: 100%;
            max-width: 100%;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container {
            height: 490px;
        }
    }

    @media (max-width: 1217px) {
        .library-featured .videos .container {
            height: 422px;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .container {
            padding: .5rem;
        }
    }


.library-featured .videos .container .f-video {
    position: absolute;
    min-height: 590px;
    width: 340px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: #9f9f9f;
    cursor: pointer;
    z-index: 2;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .f-video {
            min-height: 500px;
            width: 300px;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .f-video {
            min-height: 460px;
            width: 275px;
        }
    }

    @media (max-width: 1217px) {
        .library-featured .videos .container .f-video {
            min-height: 420px;
            width: 240px;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .container .f-video {
            position: relative;
            width: 100%;
        }
    }

    @media (max-width: 800px) {
        .library-featured .videos .container .f-video {
            z-index: 0;
        }
    }

    @media (max-width: 520px) {
        .library-featured .videos .container .f-video {
            min-height: 370px;
        }
    }

    @media (max-width: 420px) {
        .library-featured .videos .container .f-video {
            min-height: 310px;
        }
    }

.f-video .play-button {
    color: rgba(255,255,255,.8);
    font-size: 3rem;
    margin: auto;
    position: absolute;
    top: 45%; left: 45%; bottom: 0; right: 0;    
}

.library-featured .videos .left .container .f-video, .library-featured .videos .right .container .f-video {
    position: absolute;
    left: 2.5rem;
}

.library-featured .videos .right .container .f-video {
    left: auto;
    right: 2.5rem;
}
    @media (max-width: 1480px) {
        .library-featured .videos .left .container .f-video, .library-featured .videos .right .container .f-video {
            left: 0;
        }    
        .library-featured .videos .right .container .f-video {
            left: auto;
            right: 0;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .left .container .f-video, .library-featured .videos .right .container .f-video {
            position: relative;
            width: 100%;
            background-size: cover;
        }
    }

.library-featured .videos .container .info-block {
    position: absolute;
    background: #e7d29c;
    width: 600px;
    padding: 2rem;
    border-radius: 0 !important;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.library-featured .videos .left .container .info-block, .library-featured .videos .right .container .info-block {
    left: 2.5rem;
    top: 0;
    border-radius: 0 .5rem .5rem 0;
}

.library-featured .videos .right .container .info-block {
    left: auto;
    top: auto;
    bottom: .6rem;
    right: 2.5rem;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block {
            width: 500px;
            padding: 1.5rem;
        }        
        .library-featured .videos .right .container .info-block {
            bottom: .3rem;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .info-block {
            width: 430px;
            padding: 1rem;
        }
        .library-featured .videos .right .container .info-block {
            bottom: 2rem;
        }
    }

    @media (max-width: 1217px) {
        .library-featured .videos .container .info-block {
            width: 405px;
        }
        .library-featured .videos .right .container .info-block {
            bottom: .2rem;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .container .info-block {
            position: relative;
            width: 100%;
            background: none;
            box-shadow: none;
            padding: .25rem;
        }
        .library-featured .videos .container .info-block {
            position: relative;
        }
        .library-featured .videos .left .container .info-block, .library-featured .videos .right .container .info-block {
            left: auto;
            top: auto;
        }
        .library-featured .videos .right .container .info-block {
            bottom: auto;
            right: auto;
        }
    }

.library-featured .videos .container .info-block div {
    position: relative;
    width: 190px;
    float: right;
    padding: 0;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block div {
            width: 193px;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .info-block div {
            width: 165px;
        }
    }

    @media (max-width: 1120px) {
        .library-featured .videos .container .info-block div {
            float: none;
            text-align: left;
        }
    }

.library-featured .videos .container .info-block h3 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.3rem !important;
    line-height: 2rem !important;
    width: 100%;
    margin: 0;
    text-transform: capitalize;
}

    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block h3 {
            font-size: 1.3rem !important;
            line-height: 1.75rem !important;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .info-block h3 {
            font-size: 1.2rem !important;
            line-height: 1.7rem !important;
        }
    }

.library-featured .videos .container .info-block ul {
    width: auto;
}

.library-featured .videos .container .info-block ul label {
    font-family: 'Lato', sans-serif;
    font-weight: 600 !important;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 800;
    padding: 0 0 .15rem 0;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block ul label {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .info-block ul label {
            font-size: 1.2rem;
            line-height: 1.7rem;
        }
    }


.library-featured .videos .container .info-block ul li {
    font-family: 'Lato', sans-serif;
    font-weight: 500 !important;
    margin-left: 2rem;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: capitalize;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block ul li {
            font-size: .7rem;
            line-height: 1rem;
            margin-left: 1rem;
        }
    }

.library-featured .videos .container .info-block ul li {
    font-family: 'Lato', sans-serif;
    font-weight: 500 !important;
    margin-left: 2rem;
    font-size: 1.1rem;
    line-height: 1.545rem;
    text-transform: capitalize;
}
    @media (max-width: 1480px) {
        .library-featured .videos .container .info-block ul li {
            font-size: 1rem;
            line-height: 1.5rem;
            margin-left: 1rem;
        }
    }

    @media (max-width: 1340px) {
        .library-featured .videos .container .info-block ul li {
            font-size: .8rem;
            line-height: 1rem;
            margin-left: 2rem;
        }
    }


.lib-featured-container {
    display: flex;
    justify-content: space-between;
}

.lib-featured-container .details {
    background: url(../img/burn_ghost_background.jpg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    width: 80%;
    text-align: center;
    box-sizing: border-box;
    padding: 7rem 0 0 0;
}

.lib-featured-container .details ul.video-info li {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 2rem;
}

.lib-featured-container .details ul.video-info {
    width: 300px;
    margin: 0 auto;
    text-align: left;
    list-style-type: none;
    padding: 1rem 0;
}

.lib-featured-container .details ul.video-needs {
    width: 300px;
    margin: 0 auto;
    text-align: left;
}

.lib-featured-container .details ul.video-needs label {
    font-family: 'Poppins', sans-serif;
    font-size: 1.75rem;
}

.lib-featured-container .details ul.video-needs label {
    font-weight: 600;
}

.lib-featured-container .details ul.video-needs li {
    font-family: 'Roboto', sans-serif;
    margin-left: 2.5rem;
    font-size: 1.25rem;
}

.lib-featured-container .video-info {
    width: 67%;
}

.lib-featured-container .video {
    width: 40%;
    padding-right: 5rem;
}

.lib-featured-container .video .video-image {
    height: 660px;
}

.video-image .play-button {
    color: rgba(255,255,255,.8);
    font-size: 3rem;
    margin: auto;
    position: absolute;
    top: 45%; left: 0; bottom: 0; right: 0;
}

.library-videos-title {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 2rem 0 0 0;
}


.library-videos {
    float: left;
    box-sizing: border-box;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem;
    margin: 0;
}
    @media (max-width: 800px) {
        .library-videos {
            width: 100%;
            padding: .5rem;
        }
    }

.library-videos::after {
    content: "";
    clear: both;
    display: table;
}

.library-videos h1 {
    font-family: 'Lato', sans-serif;
    text-align: center;
    font-weight: 600 !important;
    padding: 1rem 0;
    color: #caa74d;
    font-size: 3rem !important;
    text-decoration: underline;
}
    @media (max-width: 1430px) {
        .library-videos h1 {
            font-size: 2.7rem !important;    
        }
    }

    @media (max-width: 1120px) {
        .library-videos h1 {
            font-size: 2rem !important;  
        }
    }

    @media (max-width: 520px) {
        .library-videos h1 {
            font-size: 1.33rem !important;    
            line-height: 1.8rem !important;
        }
    }


.video-module {
    width: 24%;
    padding: .75rem .9rem 3rem .9rem;
    text-align: center;
}
    @media (max-width: 1480px) {
        .video-module {
            padding: .75rem 1.2rem 3rem 1.2rem;
        }
    }

    @media (max-width: 1366px) {
        .video-module {
            width: 33%;
        }
    }

    @media (max-width: 900px) {
        .video-module {
            width: 50%;
        }
    }

    @media (max-width: 460px) {
        .video-module {
            width: 100%;
        }
    }

.video-module .title {
    padding: 1rem 0 0 0;
}

.video-image {
    position: relative;
    width: 100%;
    min-height: 540px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    cursor: pointer;
}
    @media (max-width: 1480px) {
        .video-image {
            min-height: 400px;
        }
    }

    @media (max-width: 460px) {
        .video-image {
            min-height: 650px;
        }
    }

.video-image .favorite-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
}

.video-image .favorite-icon.active {
    color: #d30707 !important;
}

.video-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.77);
  top: 0;
  left: 0;  
}

.video-modal-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 1.2rem;
  background: #fff;
  width: 90%;
  box-sizing: border-box;
  padding: 1rem;
  color: #000;
} 

.video-modal-container h2 {
    font-family: 'Lato', sans-serif;
    font-size: 1rem !important;
    font-weight: 800 !important;
    margin: .75rem 0 1rem 0;
    text-align: left;
    text-decoration: underline;
    color: #000;
}
    @media (max-width: 1430px) {
        .video-modal-container h2 {
            margin: 1rem 0;
            font-size: .9rem !important;
        }
    }

.video-modal-container h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1rem !important;
    line-height: 1.4rem;
    font-weight: 600 !important;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
}

.video-modal-container ul {
    text-align: left;
    font-family: 'Lato', sans-serif;
}


.video-modal-container ul label {
    font-size: 1rem !important;
    line-height: 1.4rem;
    font-weight: 600;
    margin-bottom: -2rem;
}

.video-modal-container ul li {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: .35rem 0 .35rem 2rem;
    text-transform: capitalize;
}

.video-modal-container p {
    width: 100%;
}

.video-modal .close i {
    position: absolute;
    top: .5rem;
    right: .75rem;
    font-size: 1.35rem;
}

.heart-icon {
    color: #ceaf4c !important;
    font-size: 0.9rem !important;
    position: relative !important;
    right: 0em !important;
    top: 0em !important;
    cursor: none !important;
    transition: all .3s;
  }

  
.video-modal-container i {
  color: rgba(0,0,0,0.3);
  font-size: 1.7rem;
  position: absolute;
  right: 1.75rem;
  top: 1.25rem;
  cursor: pointer;
  transition: all .3s;
}

.video-modal-container i:hover {
  color: rgba(0,0,0,1);
}


.video-image .favorite-icon img {
    width: 100%;
}

.library-videos .library-featured .videos .left .title, .library-videos .library-featured .videos .right .title {
    width: 335px;
    padding: .65rem 0;
    text-align: center;
    font-family: 'Lato', sans-serif;
    margin-left: 2.5rem;
    font-weight: 600;
    font-size: 1.5rem;
    box-sizing: border-box;
}

.library-videos .library-featured .videos .right .title {
    margin-left: 35%;
}

    @media (max-width: 1480px) {
        .library-videos .library-featured .videos .left .title, .library-videos .library-featured .videos .right .title {
            width: 300px;
            margin-left: 0;
        }    
        .library-videos .library-featured .videos .right .title {
            margin-left: 35%;
        }    
    }

    @media (max-width: 1340px) {
        .library-videos .library-featured .videos .left .title, .library-videos .library-featured .videos .right .title {
            width: 275px;
        }    
        .library-videos .library-featured .videos .right .title {
            margin-left: 30%;
        }    
    }

    @media (max-width: 1217px) {
        .library-videos .library-featured .videos .left .title, .library-videos .library-featured .videos .right .title {
            width: 240px;
        }    
        .library-videos .library-featured .videos .right .title {
            margin-left: 35%;
        }    
    }

    @media (max-width: 1120px) {
        .library-videos .library-featured .videos .left .title, .library-videos .library-featured .videos .right .title {
            width: 100%;
            margin: 0;
            font-size: 1.1rem;
        }    
    }


.library-videos .title button {
    appearance: none;
    -webkit-appearance: none;
    background: #caa74d;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    padding: .75rem 1.75rem;
    border: none;
    border-radius: 3rem;
    box-shadow: 0 .1rem .1rem rgba(0,0,0,.5)
}

.headline-library-20 {
  display: none;
  min-height: 275px;
  position: relative;
  margin-top: -5rem;
  background: #000;

}

.embed-container {
    --video--width: 1296;
    --video--height: 540;
  
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
}
  
  @media (max-width: 964px) {
    .embed-container {
      --video--width: 1296;
      --video--height: 850;
    }  
  } 
  
  @media (max-width: 400px) {
    .embed-container {
      --video--width: 1296;
      --video--height: 1296;
    }  
  } 
  
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  #library-modal-parent {
    display: flex;
    justify-content: right;
  }

.modal-content {
    background: #fff;
    margin-top: -5rem;
    padding: 0 .5rem .5rem .5rem !important;
    border: none;
    width: 100% !important;
}
    @media (max-width: 1450px) {
      .modal-content {
        margin-top: 9rem;
      }  
    }

.modal-dialog {
    min-width: 95% !important;
}



/* CIBC Theme */
.embed-container.cibc-container {
    --video--width: 950;
    --video--height: 553;

    background-image: url(https://mandydimarzo.com/userfiles/templates/mandy/assets/img/cibc-video-background.jpg);
    background-size: cover;    
}

.headline-library-corporate.cibc-library {
    background-image: url(https://mandydimarzo.com/userfiles/templates/mandy/assets/img/cibc-background-library.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    width: 100%;
    -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25); 
       -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25); 
            box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25);    
}

    @media (max-width: 991px) {
        .headline-library-corporate.cibc-library {
            width:  100%;
            /* height: 1060px; */
            min-height: auto;
        }
    }
    @media (max-width: 767px) {
        .headline-library-corporate.cibc-library {
            width:  100%;
            /* height: 875px; */
        }
    }
    @media (max-width: 575px) {
        .headline-library-corporate.cibc-library {
            width:  100%;
            /* height: 900px; */
        }
    }
    @media (max-width: 437px) {
        .headline-library-corporate.cibc-library {
            width:  100%;
            /* height: 760px; */
        }
    }

.headline-library-corporate.cibc-library .cibc-box {
        text-align: left;
 }

.headline-library-corporate.cibc-library .container {
    color: #fff;
    width:  1250px;
    height: auto;
    margin: 0 auto; 
    position: relative;
}

    @media (max-width: 575px) {
        .headline-library-corporate.cibc-library .container {
            width: 460px;
        }
    }

    @media (max-width: 465px) {
        .headline-library-corporate.cibc-library .container {
            width: 100%;
        }
    }


.cibc-welcome-message {
    width: 700px;
    margin: 0 auto;
}

.cibc-welcome-message .left {
    float: left;
    width: 275px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 2.75rem;
    margin-top: 1.5rem;
}
.cibc-welcome-message .middle {
    float: left;
    width: 125px;
}
.cibc-welcome-message .middle img {
    width: 100%;
}
.cibc-welcome-message .right {
    float: left;
    width: 275px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 2.75rem;
    margin-top: 1.5rem;
}

    @media (max-width: 991px) {
        .cibc-welcome-message {
            width: 700px;
            margin: 0 auto;
        }
        .cibc-welcome-message .left {
            float: left;
            width: 275px;
            font-size: 2.75rem;
        }
        .cibc-welcome-message .middle {
            float: left;
            width: 125px;
        }
        .cibc-welcome-message .middle img {
            width: 100%;
        }
        .cibc-welcome-message .right {
            float: left;
            width: 275px;
            font-size: 2.75rem;
        }
    }
    @media (max-width: 767px) {
        .cibc-welcome-message {
            width: 500px;
        }
        .cibc-welcome-message .left {
            width: 185px;
            font-size: 2.25rem;
        }
        .cibc-welcome-message .middle {
            float: left;
            width: 125px;
        }
        .cibc-welcome-message .middle img {
            width: 100%;
        }
        .cibc-welcome-message .right {
            width: 185px;
            font-size: 2.25rem;
            
        }
    }
    @media (max-width: 575px) {
        .cibc-welcome-message {
            width: 500px;
        }
        .cibc-welcome-message .left {
            width: 177px;
            font-size: 1.8rem;
        }
        .cibc-welcome-message .middle {
            float: left;
            width: 105px;
        }
        .cibc-welcome-message .middle img {
            width: 100%;
        }
        .cibc-welcome-message .right {
            float: left;
            width: 177px;
            font-size: 1.8rem;
        }
    }
    @media (max-width: 465px) {
        .cibc-welcome-message {
            width: 100%;
        }
        .cibc-welcome-message .left {
            width: 40%;
            font-size: 1.5rem;
        }
        .cibc-welcome-message .middle {
            float: left;
            width: 20%;
        }
        .cibc-welcome-message .middle img {
            width: 100%;
        }
        .cibc-welcome-message .right {
            width: 40%;
            font-size: 1.5rem;
        }
    }
.cibc-embed-container {
        --video--width: 1296;
        --video--height: 540;
    
        position: relative;
        padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
        overflow: hidden;
        max-width: 100%;
        background: black;
      

}


.cibc-welcome-video {
    width: 950px;
    margin: 2.5rem auto;
    z-index: 999;
    /* position: absolute; */
    left: 149px;
}
    @media (max-width: 1399px) {
        .cibc-welcome-video {
            left: 94px;
        }
    }
    @media (max-width: 1199px) {
        .cibc-welcome-video {
            width: 800px;
            left: 79px;
            margin: 2.5rem auto auto auto;
        }
    }
    @media (max-width: 991px) {
        .cibc-welcome-video {
            width: 650px;
            left: 32px;
        }
    }
    @media (max-width: 767px) {
        .cibc-welcome-video {
            width: 500px;
            left: 20px;
        }
    }
    @media (max-width: 575px) {
        .cibc-welcome-video {
            width: 420px;
        }
    }
    @media (max-width: 465px) {
        .cibc-welcome-video {
            width: 90%;
            position: relative;
            margin: 2rem auto auto auto;
            left: auto;
        }
    }

.cibc-welcome-video div {
    width: 100%;
}

.carousel-holder.cibc-latest {
    margin: 15rem auto 2rem auto;
}    
    @media (max-width: 1199px) {
        .carousel-holder.cibc-latest {
            margin: 8rem auto 2rem auto;
        }    
    }

.carousel-holder.cibc-latest h2 {
    color: #212529;
}

/* ------------ CIBC Login ---------- */

.cibc-login {
    background-image: url(../img/cibc-background-library.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    width: 100%;
    min-height: 1000px;
    position: relative;
    margin-top: -10rem;
    background-attachment: fixed;
    z-index: 2;
    -webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25); 
       -moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25); 
            box-shadow: inset 0 -3px 3px rgba(0,0,0,0.25);    
}
    @media (max-width: 850px) {
        .cibc-login {
            margin-top: -20rem;
            min-height: 1150px;
            background-size: auto;
            background-attachment: scroll;
            background-position: 50% 0%;        
        }
    }
    @media (max-width: 575px) {
        .cibc-login {
            min-height: 990px;
            background-size: auto;
            background-attachment: scroll;
        }
    }


.cibc-login .container {
    color: #fff;
    width:  83.5%;
    margin: 0 auto;
    padding: 30rem 0 5rem 0;
    text-align: center;
}
    @media (max-width: 1432px) {
        .cibc-login .container {
            width: 92%;
        }
    }
    @media (max-width: 850px) {
        .cibc-login .container {
            width:  100%;
            min-height: auto;
            margin: 14rem auto auto auto;
            padding: 25rem 0 0 0; 
        }
    }
    @media (max-width: 575px) {
        .cibc-login .container {
            padding: 20rem 0 0 0; 
        }
    }

.cibc-login .container .logo {
    width: 200px;
    margin: 0 auto;
}
.cibc-login .container .logo img {
    width: 100%;
}

.cibc-login .container h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700 !important;
    font-size: 3.4rem !important;
    line-height: 4.4rem !important;
}
    @media (max-width: 785px) {
        .cibc-login .container h2 {
            font-size: 2.3rem !important;
            line-height: 3rem !important;
        }    
    }

.cibc-login .container .button {
    margin: 2.75rem 0 1.75rem 0;
}

.cibc-login .container .register {
    font-family: 'Poppins', sans-serif;
}

.cibc-login .container .register a {
    color: #e3ce70;    
}

.cibc-login .container .support {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    margin: 20rem auto auto auto;
    width: 100%;
    text-align: center;
}
    @media (max-width: 850px) {
        .cibc-login .container .support {
            margin: 10rem auto auto auto;
        }    
    }
    @media (max-width: 575px) {
        .cibc-login .container .support {
            margin: 5rem auto auto auto;
            font-size: .75rem;
        }    
    }

.cibc-login .container .support a {
    color: #e3ce70;
}

.cibc-mandy-message {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #d3be6a;
    font-size: 1.75rem;
    width: 100%;
    text-align: center;
    margin: 2.5rem auto -1.25rem auto;
}