﻿@media(min-width:992px) {
    .topImageCaption li.menuHead { display: inline-flex; }
}

@media(max-width:991px) {

    .topImageCaption ul { display: none; }
    .topImageCaption li.menuHead { display: block; }
    .topImageCaption li { padding-bottom: 0; }
    .topImageCaption ul a { padding-bottom: 7px; display: block; }
}



.grid-row h2 { font-family: 'Inter-Black'; font-size: 190%; text-transform: uppercase; position: relative; padding-left: 25px; line-height: 1; margin-top: 0px; max-width: 690px; }
.grid-row h2:before { content: ""; width: 10px; height: 100%; background: #2DCCD2; position: absolute; left: 0; max-height: 82px; top: 4px; }
.grid-row h2.forTablet { display: none; }
.grid-row { max-width: 1225px; margin: 140px auto 190px; display: flex; align-items: flex-start; padding: 0 30px; }
.grid-row-cell { width: 49.785%; position: relative; z-index: 1; }
.grid-row-cell.video-holder { width: 50.215%; z-index: 2; }
.grid-row-cell.video-holder a { display: block; position: relative; padding-bottom: 66.33%; }
.grid-row-cell.video-holder a svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.grid-row-cell.textHolder { padding-left: 34px; }
.grid-row-content { background-color: #e9e9e9; padding: 40px 0px 95px 26px; position: relative; margin-top: 30px; }
.grid-row-content h3 { font-family: 'Inter-Black'; color: #d22630; text-transform: uppercase; margin: 0; margin-bottom: 23px; line-height: 0.83; }
.grid-row-content:before { content: ""; position: absolute; top: 0; bottom: 0; width: 100px; left: -100px; background: #e9e9e9; }
.grid-row-first-text, .grid-row-second-text { line-height: 1.25; }
.grid-row-second-text { margin-top: 20px; display: flex; }
.grid-row-second-text p { margin-right: 16px; position: relative; }
.grid-row-second-text p:before { content: ""; position: absolute; width: 3px; top: 1px; bottom: 3px; background: #2dccd3; left: -8px; }
.grid-row-cell h2 { padding-right: 35px; }

@media(min-width:992px) {
    .grid-row-second-text p:first-child:before { opacity: 0; }
}

@media(max-width:991px) {
    .grid-row { align-items: center; flex-wrap: wrap; }
    .grid-row-second-text { flex-wrap: wrap; }
    .grid-row-second-text p { margin-bottom: 20px; width: 100%; }
}

@media(max-width:991px) and (min-width:768px) {
    .grid-row h2.forTablet { display: block; }
    .grid-row-cell h2 { display: none; }
}

@media(max-width:767px) {
    .grid-row { padding: 0; position: relative; margin-bottom: 70px; margin-top: 50px; }
    .grid-row:after { content: ""; position: absolute; background: #e9e9e9; bottom: 0; left: 0; right: 0; top: 20%; }
    .grid-row-cell, .grid-row-cell.video-holder { width: 100%; padding: 0 15px; }
    .grid-row-cell.textHolder { margin-top: 50px; }
    .grid-row-content { padding-bottom: 40px; margin-top: 0; padding-top: 20px; }
    .grid-row-cell h2 { padding-right: 0; }
}
