.d-flex {display: flex; flex-wrap: wrap}
.align-items-center {align-items: center;}

.title .report-name { font-size: 24px !important; padding-bottom: 10px; }

#hero h1{margin: 0; font-size: 36px; }
#hero span{font-size: 16px; margin-bottom: 4px !important; display: block;}
#hero { background-size: auto 500px; background-repeat: no-repeat; background-position: right 0px top 0; max-width: 1400px; margin: 0 auto; }
#hero .content { background: rgba(255,255,255,.9); height: 500px; }
.bg-wrapper { position: relative; }
.bg-wrapper::after {  content: ''; position: absolute; bottom: 0; left: 0; height: 50px;  width: 100%; background: rgb(255,188,65); background: linear-gradient(0deg, rgba(255,188,65,0.4150035014005602) 0%, rgba(255,188,65,0.196516106442577) 30%, rgba(255,188,65,0.0760679271708683) 70%, rgba(250,250,250,0) 100%); }

.gated h1 {font-size: 36px;font-weight: 400;}
.gated h3{font-size: 24px; max-width: 640px; margin: 0 auto; font-weight: 500;}
.gated p.emphasis {font-size: 30px; margin-bottom: 30px}

.logos { text-align: center;}
.logos p {margin-bottom: 0}
.logos img {margin: 0 auto 40px; max-width: 75%}
.logos .img-md {max-width: 90%;}
.logos .logo { text-align: center; }
.logos .logo img { width: 80%; }

.mktoFormCol .mktoHtmlText.mktoHasWidth span{color: #000}
.gated .mktoForm .mktoButtonWrap.mktoInset .mktoButton, .gated .mktoButtonRow{width: 100% !important;}

.bg-gray{background-color: #f1f1f1;}

#hero .hero-image { display: none; }

.marketo-form {
    padding: 20px;
    background-color: #fff;
    margin-top: -150px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    width: auto;
    position: absolute;
}

.position-relative {
    position: relative!important;
}

.pr-2 { padding-right: 16px;}

.data-security .content ul { padding-left: 0; }

.data-security  .content ul>li {
    background: url(../png/blue-check.png) no-repeat 0px 3px;
    background-size: 1.25em;
    padding-left: 32px;
    list-style-type: none;
    margin-bottom: 5px;
}

.iframe-video-container{    
    border-radius: 10px;
    overflow: hidden;
}

/* a.vid-modal span {
    width: 100px;
    height: 100px;
    position: absolute;
    background: url(/static/wz/images/enterprise/btn-play.png) no-repeat;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    opacity: .8;
    filter:brightness(0.1);
    z-index: 1;
    transition: all .2s ease-in-out;
    background-size: 100px;
}

a.vid-modal span:hover {    
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
} */


@keyframes progress {
    0% { stroke-dasharray: 0 100; }
}
.pt-1 { padding-top: 1em; }
.pt-2 { padding-top: 2em; }
.pt-3 { padding-top: 3em; }
.pt-4 { padding-top: 4em; }
.pt-5 { padding-top: 5em; }
.pb-1 { padding-bottom: 1em; }
.pb-2 { padding-bottom: 2em; }
.pb-3 { padding-bottom: 3em; }
.pb-4 { padding-bottom: 4em; }
.pb-5 { padding-bottom: 5em; }
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1200px) {
    #hero { background-position: right -30px top 0; }	
}

@media (max-width: 991px) {
    #hero { background-position: right -400px top 0;}
    #hero h1{font-size: 28px}
    .gated p.emphasis {font-size: 18px;}
    .num-cols .col{width: 48%; max-width: 400px; margin: 0 auto 30px}
    #hero { background-position: right -30px top 0; }	
    .marketo-form { margin: -50px auto 40px;  position: relative;}
    .pr-2 { padding-right: 0;}

}
@media (max-width: 767px) {
    #hero .hero-image {
        background-image: url(../jpg/hero-3.jpg);
        display: block;
        min-height: 250px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center right -25px;
    }
    #hero .content { height: auto; padding: 40px 15px; }
    .num-cols .col{width: 100%; max-width: 400px; margin: 0 auto 30px}
    .num-cols .col:last-of-type { margin-bottom: 0; }
    .bg-gray { padding-top: 20px !important; }
}

@media (min-width: 768px) {
    #hero { background-image: url(../jpg/hero-3.jpg); }		
    .num-cols .row { display: flex; flex-wrap: wrap; justify-content: space-between }
    .de .bg-wrapper-inner { padding: 60px 0;}
    .list-item{min-height: 130px; }
}