#inner-page-wrapper {
    margin: 0;
}
#inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}
.ft-cont-agent.is-page-communities{
    display: block;
}

.ft-cont-agent.is-default{
    display: none;
}
.ip-banner:after {
    position: absolute;
    content: '';
    top: 0;
    left: 39.8%;
    width: 0.063vw;
    height: 100%;
    background: rgba(255,255,255,0.24);
    z-index: 1;
}

.ip-banner canvas {
    background-image: url(../../images/videos/videos-banner.jpg)!important;
}

.ip-banner:before{
    background: rgba(0,0,0,0.15);
}

#ip-videos {
    position: relative;
    font-size: 0;
    letter-spacing: 0;
}
.ip-videos-container {
    position: relative;
}
.ip-videos-wrapper {
    position: relative;
}
.ip-videos-main {
    position: relative;
}
    .ip-videos-section {
        position: relative;
    }
        .ip-videos-title-sec {
            position: relative;
        }
            .ip-videos-title-sec:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: calc(100% - 5.938vw);
                background-image: url(../../images/videos/videos-title-sec-bg.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
                z-index: -2;
                filter: grayscale(1);
                opacity: 0.15;    
            }
        .parallax-title-accent {

        }
        #ip-videos .parallax-title-accent.is-left .parallax-text-holder:last-of-type {
            left: -3.2%;
            width: 16%;
            bottom: auto;
            top: 0;
        }
        #ip-videos .parallax-text-holder:last-of-type .parallax-text h2 {
            -webkit-text-stroke-color: rgba(12,41,74,0.14);
        }
        .ip-videos-title-wrap {
            position: relative;
            padding: 0 7.188vw 5.625vw 0;
            width: 71.25vw;
            margin: auto;
        }
            .ip-videos-title-wrap > div {
                position: relative;
                padding: 5.625vw 6.875vw 3.063vw 0;
            }
                .ip-videos-title-wrap > div:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 100vw;
                    height: 100%;
                    background: #ffffff;
                    z-index: -1;
                }
                .ip-videos-title-wrap > div:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 100%;
                    width: 20vw;
                    height: calc(100% + 5.625vw);
                    background: #ffffff;
                    z-index: -1;
                }
                .ip-videos-lines {
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 57%;
                    width: 0.063vw;
                    height: 100%;
                    z-index: 1;
                    pointer-events: none;
                    background: rgba(8,48,93,.08);
                }
            .ip-videos-title-wrap .global-title h2 {
                font-size: 6.875vw;
                letter-spacing: 0.020em;
                font-weight: 400;
            }
            .ip-videos-subtext {
                position: relative;
                margin: 1.25vw 0 0;
            }
                .ip-videos-subtext p {
                    font-family: var(----roboto);
                    font-size: 0.938vw;
                    letter-spacing: 0.02em;
                    line-height: 1.6;
                    font-weight: 300;
                    margin-top: 1.25vw;
                }
                    .ip-videos-subtext p:first-child {
                        margin-top: 0;
                    }
    .ip-videos-content-sec {
        position: relative;
    }
        .ip-videos-list-container {
            position: relative;
        }
            .ip-videos-content-tab-wrap {
                position: relative;
                background: #06274b;
                padding: 4.375vw 0.938vw 0;
                border-bottom: 1px solid rgba(255,255,255,.08);
            }
            .ip-videos-content-tab {
                position: relative;
                width: 100%;
                text-align: center;
                max-width: 86.875vw;
                margin: auto;
            }
                .ip-videos-content-tab-control {
                    display: inline-block;
                    vertical-align: bottom;
                    position: relative;
                }
                    .ip-videos-content-tab-control span {
                        display: block;
                        position: relative;
                        font-size: 1.25vw;
                        line-height: 1;
                        font-family: var(--jost);
                        letter-spacing: 0.150em;
                        color: #fff;
                        font-weight: normal;
                        text-transform: uppercase;
                        padding: 0 2.375vw 2vw;
                        opacity: 0.5;
                        cursor: pointer;
                        transition: 0.35s ease-in-out;
                        -webkit-transition: 0.35s ease-in-out;
                        -moz-transition: 0.35s ease-in-out;
                        -o-transition: 0.35s ease-in-out;
                    }
                        .ip-videos-content-tab-control span:before {
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            margin: auto;
                            width: 0;
                            opacity: 0;
                            height: 0.125vw;
                            background: #ffffff;
                            transition: 0.35s ease-in-out;
                            -webkit-transition: 0.35s ease-in-out;
                            -moz-transition: 0.35s ease-in-out;
                            -o-transition: 0.35s ease-in-out;
                        }
                        .ip-videos-content-tab-control.ip-videos-content-tab-active span,
                        .ip-videos-content-tab-control span:hover {
                            opacity: 1;
                        }
                        .ip-videos-content-tab-control.ip-videos-content-tab-active span:before,
                        .ip-videos-content-tab-control span:hover:before {
                            width: 100%;
                            opacity: 1;
                        }
    .ip-videos-content-tab-bg {
        padding: 6.25vw 0.938vw 6.75vw;
        background: rgb(12,26,42);
        background: -webkit-gradient(linear, left top, right top, from(rgba(12,26,42,1)),to(rgba(5,49,98,1)));
        background: -o-linear-gradient(left, rgba(12,26,42,1) 0%,rgba(5,49,98,1) 100%);
        background: linear-gradient(to right, rgba(12,26,42,1) 0%,rgba(5,49,98,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1a2a', endColorstr='#053162',GradientType=1 );
        display: block;
        position: relative;
        height: 100%;
        min-height: 43.75vw;
    }
        .ip-videos-content-lines {
            position: absolute;
            content: '';
            top: 0;
            left: 23%;
            width: 100%;
            height: 100%;
            max-width: 44.22%;
            margin: 0 auto;
            z-index: 0;
            pointer-events: none;
        }
            .ip-videos-content-lines:before, 
            .ip-videos-content-lines:after {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                width: 0.063vw;
                height: 100%;
                background: rgba(255,255,255,.08);
                z-index: 1;
            }
            .ip-videos-content-lines:after {
                height: 100%;
                right: 0;
                left: auto;
            }
        .ip-videos-content-tabs {
            position: relative;
            width: 100%;
            max-width: 81.25vw;
            margin: auto;
        }
            .ip-videos-slide {
                position: relative;
                display: flex;
                flex-wrap: wrap;
            }
                .ip-videos-item {
                    position: relative;
                    width: 50%;
                    padding: 0.188vw;
                    display: flex;
                    flex-wrap: wrap;
                }
                    .ip-videos-item-left,
                    .ip-videos-item-right {
                        width: 50%;
                        position: relative;
                    }
                        .ip-videos-item-vid {
                            position: relative;
                            height: 100%;
                            width: 100%;
                        }
                            .ip-videos-item-vid:before {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                z-index: 1;
                                background: rgba(0,0,0,0.36)
                            }
                            .ip-videos-item-vid canvas {
                                width: 100%;
                                background-size: cover;
                                background-position: center center;
                                background-repeat: no-repeat;
                                height: 100%;
                            }
                            .ip-videos-play-btn {
                                position: absolute;
                                text-align: center;
                                outline: 0;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%,-50%);
                                width: 54px;
                                height: 54px;
                                border-radius: 50%;
                                border: 1px solid #ffffff;
                                z-index: 2;
                                transition: 0.35s ease-in-out;
                                -webkit-transition: 0.35s ease-in-out;
                                -moz-transition: 0.35s ease-in-out;
                                -o-transition: 0.35s ease-in-out;
                            }
                                .ip-videos-play-btn:before {
                                    content: '';
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    transform: translate(-50%,-50%);
                                    border-left: 14px dashed #ffffff;
                                    border-top: 8px solid transparent;
                                    border-bottom: 8px solid transparent;
                                    transition: 0.35s ease-in-out;
                                    -webkit-transition: 0.35s ease-in-out;
                                    -moz-transition: 0.35s ease-in-out;
                                    -o-transition: 0.35s ease-in-out;
                                }
                                .ip-videos-play-btn:hover {
                                    border-color: #0d63c3;
                                }
                                    .ip-videos-play-btn:hover:before {
                                         border-left-color: #0d63c3;
                                    } 
                    .ip-videos-item-right {
                        background: #08315e;
                    }
                        .bg-lblue .ip-videos-item-right {
                            background: #8cbeff;
                        }
                        .bg-white .ip-videos-item-right {
                            background: #ffffff;
                        }
                        .bg-dblue .ip-videos-item-right {
                            background: #0e253d;
                        }
                        .ip-videos-item-right > div {
                            position: relative;
                            padding: 1.063vw 1.563vw 2.375vw;
                        }
                            .ip-videos-details {
                                min-height: 14.813vw;
                            }
                            .ip-videos-item-title {
                                position: relative;
                            }
                                .ip-videos-item-title a {
                                    font-family: var(--encorpada);
                                    font-size: 1.563vw;
                                    font-weight: 300;
                                    letter-spacing: 0.02em;
                                    line-height: 1.4;
                                    color: #ffffff;
                                    transition: 0.35s ease-in-out;
                                    -webkit-transition: 0.35s ease-in-out;
                                    -moz-transition: 0.35s ease-in-out;
                                    -o-transition: 0.35s ease-in-out;
                                }
                                    .ip-videos-item-title a:hover {
                                       color: #0d63c3 !important
                                    }
                            .ip-videos-item-text {
                                position: relative;
                                margin: 0.813vw 0 0;
                            }
                                .ip-videos-item-text p {
                                   font-family: var(----roboto);
                                   font-size: 0.875vw;
                                   letter-spacing: 0.02em;
                                   line-height: 1.8;
                                   font-weight: 300;
                                   color: #ffffff;
                                }
                            .ip-videos-item-watch {
                                position: relative;
                                margin: 1.125vw 0 0;
                            }
                                .ip-videos-item-watch a {
                                    display: inline-block;
                                    font-family: var(--roboto);
                                    font-size: 0.813vw;
                                    color: #ffffff;
                                    text-transform: uppercase;
                                    letter-spacing: 0.4em;
                                    line-height: 1;
                                    transition: 0.35s ease-in-out;
                                    -webkit-transition: 0.35s ease-in-out;
                                    -moz-transition: 0.35s ease-in-out;
                                    -o-transition: 0.35s ease-in-out;
                                }
                                    .ip-videos-item-watch a:hover {
                                       color: #0d63c3 !important
                                    }
                            .bg-lblue .ip-videos-item-text p,
                            .bg-lblue .ip-videos-item-title a,
                            .bg-lblue .ip-videos-item-watch a,
                            .bg-white .ip-videos-item-text p,
                            .bg-white .ip-videos-item-title a,
                            .bg-white .ip-videos-item-watch a {
                                color: #000;
                            }
            .ip-videos-btn {
                display: block;
                text-align: center;
                margin: 5.938vw 0 0;
            }
            .ip-videos-content-hide {
                display: none;
            }

.footer .parallax-text h2 {
    position: relative;
    top: 250px;
}

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

    .ip-videos-title-wrap {
        padding: 0 0 40px;
        width: 100%;
        text-align: center;
        max-width: 500px;
    }
    .ip-videos-title-wrap .global-title h2 {
        font-size: 50px;
    }
    .ip-videos-subtext p {
        font-family: var(----roboto);
        font-size: 12px;
    }
    .ip-videos-title-wrap > div {
        position: relative;
        padding: 20px 15px;
    }
    .ip-videos-content-tab {
        max-width: 100%;
    }
    .ip-videos-content-tab-control span {
        font-size: 14px;
    }
    .ip-videos-content-tab-control {
        width: calc(100% / 3);
        padding: 10px 0;
    }
    .ip-videos-slide {
        display: block;
        text-align: center;
    }
    .ip-videos-item {
        width: 100%;
        max-width: 310px;
        margin: auto;
    }
    .ip-videos-item-left, .ip-videos-item-right {
        width: 100%;
        position: relative;
    }
    .ip-videos-item-title a {
        font-size: 17px;
    }
    .ip-videos-item-text p {
        font-size: 12px;
    }
    .ip-videos-item-watch a {
        font-size: 12px;
    }
    .ip-videos-details {
        min-height: auto;
    }
    .ip-videos-item-right > div {
        padding: 20px 10px;
    }


}
@media only screen and (max-width: 767px) {
    .parallax-title-accent {
        display: none;
    }
}
@media only screen and (max-width: 567px) {
    .ip-videos-content-tab-control {
        width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    
}