:root {

    --ip-default-transition: all 0.35s ease-in-out;

}

.site-easing {

    -webkit-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}

.desc p {

    font-size: 15px;

    color: #4f4f4f;

    line-height: 1.867;

    letter-spacing: 0.05em;

    margin-bottom: 0;

}

.desc.centered p {

    text-align: center;

}

.img-wrap {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.img-wrap canvas {

    position: relative;

    display: block;

    height: auto;

    width: 100%;

}

.img-wrap img {

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    font-size: 0;

    width: 100%;

    height: 100%;

    outline: none;

    transition: var(--ip-default-transition);

}

.bg-section {

    position: absolute;

    width: 100%;

    height: 100%;

    font-size: 0;

    line-height: 0;

    top: 0;

    left: 0;

    overflow: hidden;

}

.bg-section canvas {

    width: 100%;

    height: 100%;

    display: block;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    filter: grayscale(1);

    opacity: 15%;

}

.site-banner {

    display: none;

}

#inner-page-wrapper {

    margin-bottom: 0;

    padding-bottom: 100px;

}

#inner-page-wrapper>.container {

    width: 100%;

    padding: 0;

}

.ip-banner {

    display: none;

}

.ip-banner-comm {

    position: relative;

    line-height: 0;

    background: #000000;

}

.ip-banner-comm canvas {

    display: block;

    position: relative;

    z-index: 0;

    width: 100%;

    min-height: 400px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}

.ip-banner-comm::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 45%;

    background: linear-gradient(to top, transparent 0%, #101820 100%);

    opacity: 100%;

    pointer-events: none;

}



.ip-custom-breadcrumbs {

    z-index: 3;

    position: relative;

    padding: 18px 10px;

}

.ip-breadcrumbs-container {

    width: 100%;

    max-width: 1510px;

    margin: auto;

    padding: 0 15px;

}

#breadcrumbs {

    font-size: 14px;

    letter-spacing: 0.05em;

}

#breadcrumbs .breadcrumb_last {}

#breadcrumbs .breadcrumb_last strong {

    font-weight: 600;

}



.ip-sec {

    position: relative;

}

.flex-row {

    display: flex;

    flex-flow: row wrap;

}

.ip-media-title h2 {

    font-weight: 400;

}

.ip-media-title {

    margin-bottom: 45px;

}

.media-wrap {

    width: 100%;

    padding: 0 15px;

}

.media-inner-wrap {

    width: 100%;

    max-width: 1480px;

    margin: auto;

    margin-top: 50px;

}

.media-inner-wrap .left-col {

    width: 831px;

    width: 56.15%;

}

.media-inner-wrap .right-col {

    width: 43.85%;

    padding-left: 5%;

    padding-top: 40px;

}

.media-item {

    position: relative;

    margin-bottom: 50px;

}

.media-item .media-img {

    width: 466px;

    width: 56.08%;

    padding: 0;

    height: unset;

}

.media-item .media-img a {

    width: 100%;

    height: 100%;

    display: block;

}

.media-item .media-text {

    width: 43.92%;

    padding: 50px 44px;

}

.media-item .media-img canvas {

    height: 100%;

}

.media-item>div {

    background: var(--primary-color);

    overflow: hidden;

}

.media-item-title {

    padding-right: 17px;

}

.media-item-title a {

    font-size: 17px;

    color: #ffffff;

    letter-spacing: 0.05em;

    line-height: 1.2;

    text-transform: uppercase;

}

.media-item-desc {

    margin-top: 15px;

}

.media-item-desc p {

    font-size: 13px;

    line-height: 2;

}

.media-item-btn {

    margin-top: 30px;

}

.media-item-btn a {

    max-width: 186px;

}

.media-img a:hover img {

    transform: scale(1.1);

}

.media-item-title a:hover {

    color: var(--accent-color);

}

.media-item:last-of-type {

    margin-bottom: 40px;

}

.ip-media-btn {

    margin-top: -10px;

}

.ip-media-btn a {

    max-width: 258px;

}

.ip-media-subtitle {

    font-size: 46px;

    color: #101820;

    text-transform: uppercase;

    font-weight: 400;

    font-family: var(--font-family-title);

}

.media-search-wrap {

    width: 100%;

    position: relative;

    margin-top: 45px;

}

.media-search-wrap input[type=text] {

    background: none;

    outline: none;

    border: none;

    border-bottom: 1px solid #b2b2b2;

    padding: 15px 5px;

    padding-left: 1px;

    padding-top: 0;

    color: #4f4f4f;

    width: 100%;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 0.05em;

}

.media-search-btn {

    position: absolute;

    right: 4px;

    top: -7px;

    cursor: pointer;

}

.media-search-btn label {

    color: var(--accent-color);

    font-size: 25px;

    transition: var(--ip-default-transition);

    cursor: pointer;

}

.media-search-btn:hover label {

    color: #b2b2b2;

}

.toc-wrap {

    margin-top: 20px;

}

.toc-list {

    max-height: 500px;

    overflow-x: hidden;

    padding-right: 10px;

}

.toc-list li {

    line-height: 2.842;

}

.toc-list li a {

    color: rgb(79, 79, 79);

    font-size: 19.223px;



    font-weight: 300;

    letter-spacing: 0.05em;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.toc-list li a:hover {

    color: var(--accent-color);

}







.toc-list li a span {

    white-space: nowrap;

}

.toc-list li a span.toc-page {

    width: 24px;

    text-align: center;

    display: none;

}

.toc-dots {

    width: 100%;

    height: 1px;

    /*    background: #000000;*/

    border-bottom: 2px dotted #b5b5b5;

    -webkit-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    display: block;

    position: relative;

    /* margin-right: 25px; */

    margin-left: 20px;

}







.ip-mf-subtitle {

    margin-top: 43px;

    margin-bottom: 32px;

}

.media-featured-item {

    margin-bottom: 30px;

}

.media-featured-item .img-wrap {

    width: 268px;

    width: 46.61%;

    background: #000000;

}

.media-featured-item canvas {

    min-height: unset;

}

.media-featured-item .mf-text {

    padding-top: 8px;

    padding-left: 34px;

    width: 53.39%;

}

.mf-text a {

    color: #101820;

}

.mf-title {

    font-size: 17px;

    letter-spacing: 0.05em;

    font-weight: 500;

    line-height: 1.2;

    padding-right: 15px;

}

.mf-desc {

    margin-top: 18px;

}

.mf-desc p {

    font-size: 13px;

    letter-spacing: 0.05em;

    line-height: 2;

}

.mf-text a:hover {

    color: var(--accent-color);

}

.media-featured-item .img-wrap:hover img {

    transform: scale(1.1);

}



.ip-mr-subtitle {

    margin-top: 35px;

    margin-bottom: 32px;

}

.media-record-item {

    margin-bottom: 30px;

}

.media-record-item .img-wrap {

    width: 268px;

    width: 46.61%;

    background: #000000;

}

.media-record-item canvas {

    min-height: unset;

}

.media-record-item .mr-text {

    padding-top: 8px;

    padding-left: 34px;

    width: 53.39%;

}

.mr-text a {

    color: #101820;

}

.mr-title {

    font-size: 17px;

    letter-spacing: 0.05em;

    font-weight: 500;

    line-height: 1.2;

    padding-right: 15px;

}

.mr-desc {

    margin-top: 18px;

}

.mr-desc p {

    font-size: 13px;

    letter-spacing: 0.04em;

    line-height: 2;

}

.mr-text a:hover {

    color: var(--accent-color);

}

.media-record-item .img-wrap:hover img {

    transform: scale(1.1);

}

.media-record-wrap {

    display: none;

}







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

/*MEDIA AND OTHER MOBILE STYLES*/

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

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

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

    .media-inner-wrap .right-col {

        padding-left: 2.5%;

    }

    .mf-title {

        padding-right: 0;

    }

    .mr-title {

        padding-right: 0;

    }



}

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

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

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

    .media-item-title {

        padding-right: 0;

    }

    .media-item .media-text {

        padding: 30px;

    }

    .media-item-title a {

        font-size: 14px;

    }

    .toc-list li a {

        font-size: 15px;

    }

    .mr-title {

        font-size: 14px;

    }





}

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

    .media-item-title {

        padding-right: 0;

        text-align: center;

    }

    .media-item-title a {

        font-size: 16px;

    }

    .media-item .media-text {

        padding: 45px;

    }

    .toc-list li a {

        font-size: 18px;

    }

    .mr-title {

        font-size: 16px;

    }

    .media-inner-wrap .left-col,

    .media-inner-wrap .right-col {

        width: 100%;

    }

    .media-inner-wrap .right-col {

        padding-left: 0;

        width: 100%;

    }

    .ip-media-subtitle {

        text-align: center;

    }

    .toc-wrap {

        width: 100%;

        max-width: 500px;

        margin: auto;

        margin-top: 20px;

    }

    .media-search-wrap {

        max-width: 500px;

        margin: auto;

        margin-top: 45px;

    }

    .media-featured-item,

    .media-record-item {

        width: 100%;

        max-width: 700px;

        margin: auto;

        margin-bottom: 30px;

    }



}

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

    .media-item .media-text,

    .media-item .media-img {

        width: 100%;

    }



}

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

    .media-item .media-text {

        padding: 20px;

    }

    .media-item-title a {

        font-size: 17px;

    }

    .toc-list li a {

        font-size: 15px;

    }


    .mf-title,

    .mr-title {

        font-size: 14px;

    }

    .ip-media-subtitle {

        font-size: 35px;

    }

    .media-featured-item,

    .media-record-item {

        justify-content: center;

    }

    .media-featured-item .img-wrap,

    .media-featured-item .mf-text,

    .media-record-item .img-wrap,

    .media-record-item .mr-text {

        width: 100%;

        max-width: 300px;

    }

    .media-featured-item .mf-text,

    .media-record-item .mr-text {

        padding-top: 15px;

        padding-left: 0;

    }

    .mf-title,

    .mr-title,

    .mf-desc,

    .mr-desc {

        text-align: center;

    }

    #inner-page-wrapper {

        padding-bottom: 40px;

    }



}

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


    .toc-list li a span {
        overflow: hidden;
        min-width: 80%;
    }
}