/** VIDEO STYLES **/

.full-width-container.secondary-bg.video {

}

div#video h3 {
    letter-spacing: 0.04em;
}

.profile-video {
    width: 393px;
    position: relative;
    cursor: pointer;
}

.profile-video iframe {
    width: 100%;
    height: 300px;
    padding-right: 10px;
    box-sizing: border-box;
}

.testimonial-video-wrapper {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

.testimonial-video-wrapper .slick-prev {
    left: -43px;
}

.testimonial-video {
    height: 144px;
    /*width: 32.33%;*/
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    background-size: cover;
}

.testimonial-slider {
    margin-right: 10px;
}

.testimonial-video iframe {
    width: 100%;
}

.testimonial-video img {
    width: 100%;
}

.profile-video img {
    width: 100%;
}

.testimonial-video-wrapper.f-wrap {
    height: 300px;
    justify-content: space-between;
    width: 738px;
}

.play-btn img {
    width: 90px;
}

.testimonial-video .play-btn img {
    width: 50px;
}


.testimonial-video.selected .video-overlay {
    

}

.selected .video-overlay{
    display: block;
}

.selected .video-link{
    display: block;
}

button.ytp-large-play-button.ytp-button {
    display: none;
}


.video-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.85);
    top: 0;
    position: fixed;
    z-index: 100;
}

.overlay-desc {
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    bottom: 0;
    height: 44px;
    width: 100%;
    color: rgba(255, 255, 255, 0.82);
    padding: 5px 0px 5px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.cust-name {
    font-size: 1em;
}

.cust-designation {
    font-size: .75em;
    line-height: 1.3em;
    text-transform: capitalize;
}

.industry-voice{
    width: 100%
}

.popup-video-overlay iframe{
    border: 16px solid #171717;
    box-shadow: 0px 1px 38px 16px rgba(23, 23, 23, 0.64);
    border-radius: 10px;
}

.popup-video-overlay {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.750);
    width: 100%;
    height: 100vh;
    z-index: 10000;
    position: fixed;
}


.popup-video-overlay iframe {
    border: 16px solid #171717;
    box-shadow: 0px 1px 38px 16px rgba(35, 35, 35, 0.64);
    border-radius: 10px;
}

/** Video Overlay */
.popup-video-overlay {
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.67);
    width: 100%;
    height: 100vh;
    z-index: 10000;
    position: fixed;
}

.video-close {
    color: #fff;
    position: absolute;
    right: 100px;
    top: 40px;
    font-size: 30px;
    cursor: pointer;
}

.popup-video-holder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    top: -20px;
    outline: none;
}

.view-btn button {
    background-color: #2591d0;
    border: none;
    padding: 10px 20px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.04em;
    border-radius: 5px;
    cursor: pointer;
}


#video-page section {
    margin-bottom: 40px;
}

.video-container {
    flex-wrap: wrap;

}

.video-wrapper.vid {
    width: 31.6%;
    position: relative;
    margin-bottom: 40px;
    margin-right: 20px;
    height: 250px;
    background-size: cover;
    cursor: pointer;
}

.r-col.flex {
    flex-wrap: wrap;
}

.video_text {
    padding: 10px;
    background-color: rgba(238, 237, 233, 0.91);
    color: #202020;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
}

.video-wrapper .play-btn img {
    width: 70px;
}

.video-wrapper iframe {
    width: 100%;
    height: 210px;
}


#testimonial-img1{
    background-image: url("../images/video/video-1.jpg");
}

#testimonial-img2{
    background-image: url("../images/video/video-2.jpg");
}

#testimonial-img3{
    background-image: url("../images/video/video-3.jpg");
}

#testimonial-img4{
    background-image: url("../images/video/video-4.jpg");
}

#testimonial-img5{
    background-image: url("../images/video/video-5.jpg");
}

#testimonial-img6{
    background-image: url("../images/video/video-6.jpg");
}

#testimonial-img7{
    background-image: url("../images/video/video-7.jpg");
}

#testimonial-img8{
    background-image: url("../images/video/video-8.jpg");
}



/************************** MOBILE STYLES IN LANDSCAPE ***********************************/


/********* TABLET LANDSCAPE *********/
@media screen and (max-device-width: 1024px) and (orientation: landscape){

    .industry-voice {
        width: 560px;
    }

    .testimonial-video-wrapper, .testimonial-video {
        width: 100% !important;
    }

    .profile-video {
        width: 335px;
        position: relative;
    }
    
}



/********* LARGE PHONE LANDSCAPE *********/
@media screen and (max-device-width: 736px) and (orientation: landscape){
    
    .industry-voice {
        width: 300px;
    }
  
    
}




/********* SMALL PHONE LANDSCAPE *********/
@media screen and (max-device-width: 640px) and (orientation: landscape){

    
    
}






/************************** MOBILE STYLES IN PORTRAIT ***********************************/


/********* TABLET PORTRAIT */
@media screen and (max-device-width: 768px) and (orientation: portrait){

    .profile-video {
        width: 350px;
    }

    .testimonial-video {
        width: 100%;
    }

     .video-wrapper.vid {
         width: 48.7%;
    }

    .f-col.industry-voice {
        padding-left: 40px !important;
    }

    .industry-voice {
        width: 300px !important;
    }

    .testimonial-video-wrapper {
        width: 100% !important;
    }

    
}



/********* LARGE PHONE PORTRAIT */
@media screen and (max-device-width: 414px) and (orientation: portrait){

    
   .profile-video {
        width: 100%;
    }

    .video-wrapper.vid {
        width: 100%;
    }

    div#video {
        flex-wrap: wrap;
    }

    .industry-voice {
        padding-left: 0 !important;
    }

    .testimonial-video {
        width: 100%;
         height: 165px;
    }

    .video-close {
        display: none;
    }
   
    #video div {
        width: 100%;
    }

    .popup-video-overlay iframe {
        border: 0 solid #171717;
        border-radius: 5px;
        height: 300px;
    }
    #video h3 {
        font-size: 1em;
    }

    .testimonial-video-wrapper.f-wrap {
        height: 340px !important;
        width: 100% !important;
    }
    .testimonial-video iframe {
        height: 164px;
    }


   
}



/********* SMALL PHONE PORTRAIT */
@media screen and (max-device-width: 360px) and (orientation: portrait){

    

}