/* Videos CSS */

.header {

    position: relative;

    background: #000;

}

.ip-banner {

    display: none;

}

#inner-page-wrapper {

    margin-bottom: 0;

}

div#inner-page-wrapper > .container {

    width: 100%;

    padding: 0;

}

#ip-videos-wrapper {

    position: relative;

    padding-bottom: 130px;

}

#ip-videos-wrapper::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 660px;

    background-image: url('../../images/videos/ip-videos-upper-bg.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    pointer-events: none;

    z-index: -1;

}

#ip-videos-wrapper::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: -62px;

    width: 640px;

    height: 583px;

    background-image: url('../../images/videos/ip-videos-logo-overlay.png');

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    pointer-events: none;

    opacity: .06;

    z-index: -1;

}

.ip-videos-breadcrumbs {

    position: relative;

    max-width: 1310px;

    margin: 0 auto;

    padding: 50px 15px 0;

}

    .ip-videos-breadcrumbs p {

        font-family: "tradegothic";

        font-size: 12px;

        font-weight: 400;

        color: #333333;

        text-transform: uppercase;

        letter-spacing: 0.025em;

    }

    .ip-videos-breadcrumbs p strong {

        color: #000;

    }

.ip-videos-heading {

    text-align: center;

    margin-top: 30px;

}

    .ip-videos-heading .hp-global-heading-bottom-text {

        font-size: 114px;

    }

.ip-videos-content-wrapper {

    position: relative;

    padding: 118px 0 113px;

    margin-top: 64px;

}

.ip-videos-content-wrapper::before,

.ip-videos-content-wrapper::after {

    content: "";

    position: absolute;

    width: 43%;

    height: 752px;

    background-image: url('../../images/videos/p-videos-dark-overlay.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    pointer-events: none;

    z-index: -1;

}

.ip-videos-content-wrapper::before {

    top: 0;

    left: 0;

}

.ip-videos-content-wrapper::after {

    bottom: 0;

    right: 0;

}

    .ip-videos-content-inner-wrapper {

        max-width: 1340px;

        margin: 0 auto;

        background-color: #fff;

    }

        .ip-videos-content-list {

            position: relative;

            padding: 14px;

        }

            .ip-videos-content-item {

                position: relative;

                display: inline-block;

                vertical-align: top;

                width: 33.33%;

                padding: 8px;

            }

                .ip-videos-content-item-inner {

                    position: relative;

                }

                    .ip-videos-content-item-inner canvas {

                        display: block;

                        width: 100%;

                        background-size: cover;

                        background-position: center;

                        background-repeat: no-repeat;

                    }

                    .ip-videos-content-item-play-icon {

                        position: absolute;

                        top: 50%;

                        left: 50%;

                        transform: translate(-50%, -50%);

                    }

                        .ip-videos-content-item-play-icon a {

                            text-align: center;

                            display: block;

                            width: 70px;

                            height: 70px;

                            padding: 22px 0;

                            border-radius: 50%;

                            background-color: rgba(0, 0, 0, .5);

                            transition: all .4s ease-in-out;

                        }

                        .ip-videos-content-item-play-icon a:hover {

                            background-color: rgba(0, 0, 0, .7);

                        }

                            .ip-videos-content-item-play-icon a span {

                                font-size: 23px;

                                color: #fff;

                            }





.ip-videos-inner-wrapper:before {

      content: '';
    position: absolute;
    width: 688px;
    height: 582px;
    background-image: url(https://aaronkirman.com/wp-content/themes/ak.com/assets/images/videos/ip-videos-logo-overlay.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.06;
    background-position: top right;
    top: -97px;
    right: -67px;
}








/*******************************************************

 *

 * Mobile styles and other media queries

 *

 *******************************************************/

@media only screen and (min-width: 1601px) {



} 



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

    .ip-videos-content-inner-wrapper {

        max-width: 1240px;

    }

}



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

    .ip-videos-content-inner-wrapper {

        max-width: 900px;

    }

} 



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



}



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

    .ip-videos-content-wrapper::before,

    .ip-videos-content-wrapper::after {

        display: none;

    }

    .ip-videos-content-item {

        width: 50%;

    }

    .ip-videos-content-wrapper {

        padding: 40px 0;

        margin-top: 0;

    }

    .ip-videos-content-inner-wrapper {

        background: transparent;

    }

}



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



}



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

    .ip-videos-heading .hp-global-heading-bottom-text {

        font-size: 88px;

    }

    .ip-videos-content-item-play-icon a {

        width: 50px;

        height: 50px;

        padding: 12px 0;

    }

}