/**handles:miq-override**/
@charset "UTF-8";





/*noinspection ALL*/

*::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}





/* Old shadow dom for play button */


/*noinspection ALL*/

*::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}





/* New shadow dom for play button */


/* This one works! */


/*noinspection ALL*/

*::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}





/*noinspection ALL*/

.video-background::-webkit-media-controls-panel,
.video-background::-webkit-media-controls-start-playback-button {
    display: none !important;
}





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


/* media queries */


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


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


/* bootstrap-lg */


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

@media handheld,
only screen and (max-width: 1199px) {
    .sld-slide.marketing-intelligence01 .dart {
        margin-right: -250px !important;
    }

    .module.aiqx .discover {
        position: absolute;
        right: -20% !important;
        top: 5%;
        height: 90%;
    }

    .module.day-zero {
        background: #F6F6F6 !important;
    }
}





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


/* bootstrap-md */


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

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

    .module.ai img.person {
        width: 100%;
        height: auto;
        max-width: 300px;
        display: block;
        margin: 30px auto;
    }

    .sld-slide h1 {
        font-size: 80px;
    }

    .sld-slide h1 span {
        -moz-text-stroke-width: 1px !important;
        -webkit-text-stroke-width: 1px !important;
    }

    .sld,
    .sld-slide,
    .darken,
    .vid-container {
        width: 100%;
        height: calc(50vh - 90px);
    }

    .sld.med,
    .sld.med .sld-slide,
    .vid-container.med .darken,
    .vid-container.med {
        width: 100%;
        height: calc(50vh - 90px);
    }

    .sld.mini,
    .sld.mini .sld-slide,
    .vid-container.mini .darken,
    .vid-container.mini {
        width: 100%;
        height: calc(50vh - 90px);
    }

    .module {
        padding: 50px 0 !important;
    }

    .module h1 {
        font-size: 62px !important;
        margin: 0 0 20px 0 !important;
    }

    .module h2 {
        font-size: 32px !important;
    }

    .module h1 span {
        -moz-text-stroke-width: 1px !important;
        -webkit-text-stroke-width: 1px !important;
    }

    .module p {
        font-size: 16px;
    }

    .tam-block {
        margin: 0 0 15px 0;
        padding: 40px 50px;
    }

    .tam-block h1 {
        margin: 20px 0 0 0 !important;
        font-size: 24px !important;
        color: white;
        font-family: "Niveau Grotesk", sans-serif;
        line-height: 1 !important;
    }

    .tam-block .miq-button {
        margin: 20px 0 0 0;
    }

    img.client {
        padding: 10px;
        opacity: 0.95;
        filter: grayscale(100%);
    }

    .case-thumb {
        height: 300px;
    }

    .module.what-we-do img.miq-icon {
        margin: 0 auto 0 auto;
    }

    .module.what-we-do h3 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .miq-button {
        font-size: 14px !important;
    }

    .sld-slide.marketing-intelligence01 h1 {
        color: #fffff !important;
    }

    .sld-slide.marketing-intelligence01 h1 span {
        -moz-text-stroke-color: white !important;
        -webkit-text-stroke-color: white !important;
    }

    .module.what-can .tam-block {
        padding: 20px 20px;
        min-height: 200px;
        margin: 10px auto;
    }

    .module.what-can .tam-block p {
        margin: 10px 0 !important;
    }

    .module.what-can .tam-block img.miq-icon {
        margin: 50px auto;
    }

    .module.unique-approach {
        background: #020202 url("http://www.wearemiq.com/wp-content/uploads/2018/06/unique-approach.jpg") top center no-repeat;
        background-size: 100% auto;
    }

    .module.expect .tam-block {
        padding: 20px 20px;
        max-width: 300px;
        margin: 20px auto !important;
    }

    .module.expect .tam-block .miq-icon {
        margin: 0 auto !important;
    }

    .module.expect .tam-block p {
        margin: 0 auto !important;
    }

    .module.day-zero {
        background: #F6F6F6 url("http://www.wearemiq.com/wp-content/uploads/2018/06/screen_text.jpg") -20% center no-repeat;
        background-size: auto 100%;
        padding: 250px 0 !important;
    }

    .module.day-zero h1,
    .module.day-zero p {
        max-width: 50%;
    }

    .team-cont img.icon {
        height: 50px;
    }

    .team-left,
    .team-right {
        width: 100%;
    }

    .module.backbone {
        background: #EE3024 url("http://www.wearemiq.com/wp-content/uploads/2018/06/backbone3.jpg") right bottom no-repeat;
        background-size: contain;
        padding: 50px 0 300px 0 !important;
    }

    .module.backbone .revealer {
        position: absolute;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        background: white;
        padding: 10%;
        transition: left 0.5s ease-in-out;
    }

    .module.passion h1.our-values {

        margin: 0 0 50px 0 !important;
    }

    .module.news-room {
        padding: 150px 0 !important;
        margin: 0 !important;
    }

    .module.news-room h1 {
        max-width: 50%;
    }

    .module.passion h1 {
        color: #FF2000;
        font-size: 100px;
        margin: 20px 0 0 0;
    }

    .module.board {
        padding: 50px 0 0 0 !important;
    }

    .board-members .member {
        height: 400px !important;
    }

    .module.contact {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/lady-using-phone.jpg") right center no-repeat !important;
        background-size: auto 100% !important;
        padding: 150px 0;
    }

    .module.contact h1 {
        color: white;
        font-size: 72px !important;
        margin: 50px 0 50px 0 !important;
    }

    .sld-slide.contact01 h1 {
        margin-top: 150px;
    }

    .office-thumb {
        width: 100%;
        height: 300px;
    }

    .sld-slide.media01 h1 {
        color: #FF2000 !important;
    }

    .module.contain {
        background-position: left center !important;
        background-size: auto 100% !important;
    }

    .module.products .tl {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/umbrella-black-lady.jpg") top center no-repeat !important;
        background-size: auto 80% !important;
    }

    .module.products .tr {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/lady-using-phone.jpg") 80% 0 no-repeat !important;
        background-size: auto 70% !important;
    }

    .module.miq-create p {
        max-width: 50%;
    }

    .module.offer-clients .tam-block {
        min-height: 300px;
        margin: 15px auto !important;
    }

    .module.analytics {
        padding: 250px 0 50px 0 !important;
        background-position: center !important;
    }

    .module.news-room {
        background-position: 60% 0 !important;
    }

    .module.gated {
        padding: 50px 0;
    }

    .module.gated h1 {
        color: #FF2000;
        font-size: 62px;
        line-height: 0.9;
        margin: 0 0 0 0;
    }

    .module.expect .tam-block {
        max-width: 400px !important;
        margin: 20px auto !important;
    }

    .module.expect .row-breaker {
        margin-top: 0 !important;
    }

    .module.gated h2 {
        color: #2b0030;
        font-size: 48px;
    }

    .module.gated h3 {
        font-family: "Niveau Grotesk", sans-serif;
        color: #2b0030;
        font-size: 18px;
        line-height: 1.4;
        margin: 20px 0 20px 0;
    }

    .module.gated ul {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .module.gated ul li {
        font-family: "Niveau Grotesk", sans-serif;
        color: #2b0030;
        font-size: 16px;
        line-height: 1.4;
    }

    .gated-content h1 {
        font-size: 32px;
    }

    .blog-case-header,
    .vert-align,
    .blog-case-header .left-grad {
        height: 300px;
    }

    .blog-case-header {
        margin: 0 0 30px 0;
    }

    .logo-title-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .logo-title-container h1 {
        font-size: 62px !important;
    }

    .blog-case-content h1 {
        color: #2b0030;
        font-size: 62px;
        line-height: 0.9;
        margin-bottom: 50px !important;
    }

    .blog-case-content ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-case-content p,
    .blog-case-content ul li {
        font-size: 16px;
        line-height: 1.4;
    }

    .module.connecting-data {
        background-color: #FCFCFC !important;
        background-image: url("http://www.wearemiq.com/wp-content/uploads/2018/06/dots-mobile.jpg") !important;
    }

    .module.data-driven {
        background-image: url("http://www.wearemiq.com/wp-content/uploads/2018/06/egg-bulb-mobile.jpg") !important;
    }

    .module.offer-clients .tam-block h1 {
        margin: 50px 0 0 0 !important;
        min-height: 100% !important;
    }

    .module.gdpr-hub .gdpr-cont h1 {
        font-size: 14px !important;
    }

    .module.gdpr-hub .gdpr-cont h2 {
        font-size: 16px !important;
    }

    .module.gdpr-hub .gdpr-cont p {
        font-size: 14px !important;
    }
}





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


/* bootstrap-sm */


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

@media handheld,
only screen and (max-width: 767px) {
    img.nav-logo {
        margin: 0 0 0 20px;
        padding: 25px 0;
    }

    .sld-slide h1 {
        font-size: 45px !important;
        margin-left: 0 !important;
    }

    .sld-slide h1 span {
        -moz-text-stroke-width: 1px !important;
        -webkit-text-stroke-width: 1px !important;
    }

    .sld,
    .sld-slide,
    .darken,
    .vid-container {
        width: 100%;
        height: calc(500px - 90px);
    }

    .sld.med,
    .sld.med .sld-slide,
    .vid-container.med .darken,
    .vid-container.med {
        width: 100%;
        height: calc(500px - 90px);
    }

    .sld.mini,
    .sld.mini .sld-slide,
    .vid-container.mini .darken,
    .vid-container.mini {
        width: 100%;
        height: calc(500px - 90px);
    }

    .module {
        padding: 50px 0 !important;
    }

    .module h1 {
        font-size: 48px !important;
        margin: 0 0 20px 0 !important;
    }

    .module h2 {
        font-size: 32px !important;
    }

    .module h1 span {
        -moz-text-stroke-width: 1px !important;
        -webkit-text-stroke-width: 1px !important;
    }

    .module p {
        font-size: 16px !important;
    }

    .tam-block {
        margin: 0 0 15px 0 !important;
        padding: 40px 50px !important;
    }

    .tam-block h1 {
        margin: 20px 0 0 0 !important;
        font-size: 24px !important;
        color: white;
        font-family: "Niveau Grotesk", sans-serif;
        line-height: 1 !important;
    }

    .tam-block .miq-button {
        margin: 20px 0 0 0;
    }

    img.client {
        padding: 20px;
        opacity: 0.95;
        filter: grayscale(100%);
    }

    .case-thumb {
        height: 250px !important;
    }

    .module.what-we-do img.miq-icon {
        margin: 0 auto 0 auto;
    }

    .module.what-we-do h3 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .miq-button {
        font-size: 14px !important;
    }



    .sld-slide.marketing-intelligence01 h1 span {
        -moz-text-stroke-color: white !important;
        -webkit-text-stroke-color: white !important;
    }

    .module.what-can .tam-block {
        padding: 20px 20px;
        max-width: 300px;
        margin: 10px auto !important;
    }

    .module.what-can .tam-block p {
        margin: 10px 0 !important;
    }

    .module.what-can .tam-block img.miq-icon {
        margin: 10px auto;
    }

    .module.unique-approach {
        background: #020202 url("http://www.wearemiq.com/wp-content/uploads/2018/06/unique-approach.jpg") top center no-repeat;
        background-size: 100% auto;
    }

    .module.expect .tam-block {
        padding: 20px 20px;
        max-width: 260px !important;
        margin: 20px auto !important;
    }

    .module.expect .tam-block .miq-icon {
        margin: 0 auto !important;
    }

    .module.expect .tam-block p {
        margin: 0 auto !important;
    }

    .module.day-zero {
        background: #F6F6F6 url("http://www.wearemiq.com/wp-content/uploads/2018/06/screen_text.jpg") -20% center no-repeat;
        background-size: auto 100%;
        padding: 150px 0;
    }

    .team-cont img.icon {
        height: 50px;
    }

    .team-left,
    .team-right {
        width: 100%;
    }

    .module.backbone {
        background: #EE3024 url("http://www.wearemiq.com/wp-content/uploads/2018/06/backbone3.jpg") right bottom no-repeat;
        background-size: contain;
        padding: 50px 0 300px 0 !important;
    }

    .module.backbone .revealer {
        position: absolute;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        background: white;
        padding: 10%;
        transition: left 0.5s ease-in-out;
    }

    .module.passion h1.our-values {

        margin: 0 0 50px 0 !important;
    }

    .module.passion h1 {
        color: #FF2000;
        font-size: 100px;
        margin: 20px 0 0 0;
    }

    .module.board {
        padding: 50px 0 0 0 !important;
    }

    .module.contact {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/lady-using-phone.jpg") right center no-repeat !important;
        background-size: auto 100% !important;
        padding: 150px 0;
    }

    .module.contact h1 {
        color: white;
        font-size: 72px !important;
        margin: 50px 0 50px 0 !important;
    }

    .sld-slide.contact01 h1 {
        margin-top: 150px;
    }

    .office-thumb {
        width: 100%;
        height: 300px;
    }

    .office-header h1 {
        font-size: 62px !important;
    }

    .sld-slide.media01 {
        background-position: 10% 10% !important;
    }

    .sld-slide.media01 h1 {
        color: #FF2000 !important;
    }

    .module.contain {
        background-position: left center !important;
        background-size: auto 100% !important;
    }

    .module.products .tl {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/umbrella-black-lady.jpg") top center no-repeat !important;
        background-size: auto 60% !important;
    }

    .module.products .tr {
        background: url("http://www.wearemiq.com/wp-content/uploads/2018/06/lady-using-phone.jpg") 80% 0 no-repeat !important;
        background-size: auto 50% !important;
    }

    .module.miq-create {
        background: #2b0030 !important;
    }

    .module.offer-clients .tam-block {
        min-height: 300px;
        max-width: 300px !important;
        margin: 15px auto !important;
    }

    .module.gated {
        padding: 50px 0;
    }

    .module.gated h1 {
        color: #FF2000;
        font-size: 62px;
        line-height: 0.9;
        margin: 0 0 0 0;
    }

    .module.gated h2 {
        color: #2b0030;
        font-size: 48px;
    }

    .module.gated h3 {
        font-family: "Niveau Grotesk", sans-serif;
        color: #2b0030;
        font-size: 18px;
        line-height: 1.4;
        margin: 20px 0 20px 0;
    }

    .module.gated ul {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .module.gated ul li {
        font-family: "Niveau Grotesk", sans-serif;
        color: #2b0030;
        font-size: 16px;
        line-height: 1.4;
    }

    .gated-content h1 {
        font-size: 32px;
    }

    .blog-case-header,
    .vert-align,
    .blog-case-header .left-grad {
        height: 300px;
    }

    .blog-case-header {
        margin: 0 0 30px 0;
    }

    .logo-title-container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    .logo-title-container h1 {
        font-size: 62px !important;
    }

    .blog-case-content h1 {
        color: #2b0030;
        font-size: 62px;
        line-height: 0.9;
        margin-bottom: 50px !important;
    }

    .blog-case-content ul {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-case-content p,
    .blog-case-content ul li {
        font-size: 16px;
        line-height: 1.4;
    }

    .module.day-zero h1,
    .module.day-zero p {
        max-width: 100%;
    }

    .module.day-zero {
        padding: 50px 0 !important;
    }

    .module.aiq {
        padding: 100px 0 !important;
    }

    .vid-container {
        height: 800px;
    }

    video#miq-video {
        height: 800px !important;
    }

    .module.expect .row-breaker {
        margin-top: 0 !important;
    }

    .module.offer-clients .tam-block h1 {
        margin: 20px 0 0 0 !important;
        min-height: 100% !important;
    }

    .module.day-zero {
        background: #F6F6F6 !important;
    }
}