/*
CTC Separate Stylesheet
Updated: 2018-05-03 03:09:23
*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

h1 { font-size: 50px; line-height: 1.3em; font-weight: 700;}
h2 { font-size: 36px; line-height: 1.3em; font-weight: 700 !important; margin-bottom: 30px;}
h3 { font-size: 30px; line-height: 1.2em; font-weight: 700 !important;}
h4 { font-size: 24px; line-height: 1.2em; font-weight: 700 !important;}
h5 { font-size: 18px; line-height: 1.2em; font-weight: 400 !important; margin: 10px 0 30px;font-family: 'open sans', sans-serif;}

p, ul, li, ol { font-size: 16px; color: #333; line-height: 1.5em; font-family: 'open sans', sans-serif;list-style-position: outside;font-weight: 400;}

li {
    padding-bottom: 10px;
    margin-left: 20px;
}

.page-child .qodef-section {
    position: relative;
    display: grid;
}
.page-child .qodef-full-section-inner {
    height: 100%;
}

/*========NAV WITH BLACK BAR========*/
/*.qodef-main-menu>ul>li>span.qodef-menu-flip-holder { height: 96%; border-bottom: 3px solid #000;}
.qodef-main-menu>ul>li>span.qodef-menu-flip-holder a { top: 36%; font-family: 'Roboto'; font-weight: 700;}
/*Advertiser*/
/*.qodef-main-menu>ul>li#nav-menu-item-6097>span.qodef-menu-flip-holder:hover { border-bottom: 3px solid #00d2fc; transition:linear .2s;}
.qodef-main-menu>ul>li#nav-menu-item-6097.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#nav-menu-item-6097:hover>span>a {
    color: #00d2fc;}
/*Publisher*/
/*.qodef-main-menu>ul>li#nav-menu-item-6096>span.qodef-menu-flip-holder:hover { border-bottom: 3px solid #9f52e7; transition:linear .2s;}
.qodef-main-menu>ul>li#nav-menu-item-6096.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#nav-menu-item-6096:hover>span>a {
    color: #9f52e7;}
/*Contact*/
/*.qodef-main-menu>ul>li#nav-menu-item-6176>span.qodef-menu-flip-holder .item-text { background-color: #00d2fc;}

/*========NAV TRANSPARENT========*/
.qodef-page-header {
    position: absolute;
}
.qodef-header-standard .qodef-page-header .qodef-menu-area { 
    background-color: transparent;
}
.qodef-main-menu>ul>li>span.qodef-menu-flip-holder>a span.item_inner {
    padding: 22px 15px;
}
.qodef-main-menu>ul>li>span.qodef-menu-flip-holder a { 
    font-family: 'Open Sans'; 
    font-weight: 700; 
    color: #fff;
    font-size: 15px;
    transition: all .2s linear;
}
.qodef-menu-area .qodef-grid, .qodef-sticky-holder .qodef-grid { 
    width: 90%; 
}
.qodef-drop-down .second .inner ul li a, .qodef-drop-down .second .inner ul li h4 {
    color: #fff;
}
.qodef-main-menu>ul>li#nav-menu-item-6097.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#nav-menu-item-6097:hover>span>a {
    color: #00d2fc;
}
.qodef-main-menu>ul>li#nav-menu-item-6238.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#nav-menu-item-6238:hover>span>a {
    color: #9f52e7;
}
/*Contact*/
.qodef-main-menu>ul>li#nav-menu-item-6176>span.qodef-menu-flip-holder a .item_outer, .qodef-main-menu>ul>li#sticky-nav-menu-item-6176>span.qodef-menu-flip-holder a .item_outer { 
    background-color: #00d2fc;
    padding: 8px 5px;
    border-radius: 3px;
    position: relative;
    top: 3px;
    transition: all .3s ease-in-out;
}
.qodef-mobile-nav #mobile-menu-item-6176 a {
    background-color: #00d2fc;
    padding: 8px 15px;
    border-radius: 3px;
    position: relative;
    top: 3px;
    color: #fff;
    transition: all .3s ease-in-out;
    display: inline-block;
    margin-bottom: 15px;
}
.qodef-main-menu>ul>li#nav-menu-item-6176>span.qodef-menu-flip-holder a:hover .item_outer, .qodef-main-menu>ul>li#sticky-nav-menu-item-6176>span.qodef-menu-flip-holder a:hover .item_outer, .qodef-mobile-nav #mobile-menu-item-6176 a:hover { 
    background-color: rgb(79, 251, 223);
}
.qodef-drop-down .second .inner ul li#sticky-nav-menu-item-6171 a:hover, .qodef-drop-down .second .inner ul li#nav-menu-item-6171 a:hover, .qodef-drop-down .second .inner ul li#sticky-nav-menu-item-6169 a:hover, .qodef-drop-down .second .inner ul li#nav-menu-item-6169 a:hover, .qodef-drop-down .second .inner ul li#sticky-nav-menu-item-6170 a:hover, .qodef-drop-down .second .inner ul li#nav-menu-item-6170 a:hover {
    color:#9f52e7;
}
.qodef-menu-area .qodef-main-menu>ul>li.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li:hover>span>a {
    color: #fff;
}
.qodef-main-menu>ul>li>span.qodef-menu-flip-holder {
    overflow: visible !important;
}
.qodef-main-menu ul li a { 
    font-size: 17px; 
}
.qodef-drop-down .second {
    border-left: 5px solid #009efa !important;
    border-top: none !important;
}


/*========STICKY NAV========*/
.qodef-sticky-holder .qodef-main-menu>ul>li>span.qodef-menu-flip-holder { height: 96%; border-bottom: none; }
/*Advertiser*/
.qodef-sticky-holder .qodef-main-menu>ul>li#sticky-nav-menu-item-6097.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#sticky-nav-menu-item-6097:hover>span>a {
    color: #00d2fc;}
/*Publisher*/
.qodef-sticky-holder .qodef-main-menu>ul>li#sticky-nav-menu-item-6238.qodef-active-item>span>a, body:not(.qodef-menu-item-first-level-bg-color) .qodef-main-menu>ul>li#sticky-nav-menu-item-6238:hover>span>a {
    color: #9f52e7;}

/*==== Mobile Nav =====*/
.qodef-mobile-header .qodef-mobile-nav a, .qodef-mobile-header .qodef-mobile-nav h4 {
    border-bottom: none;
    font-size: 13px;
    color: #fff;
    padding: 9px 0;
    display: block;
    position: relative;
    text-transform: none;
    line-height: 12px;
    letter-spacing: 0;
}
.qodef-mobile-header .qodef-mobile-nav .mobile_arrow {
    position: absolute;
    right: 0;
    left: 40px;
    top: -3px;
    line-height: 35px;
    height: 35px;
    padding-right: 10px;
    width: 50px;
    color: #fff;
    display: inline-block;
    text-align: right;
}
.qodef-mobile-header .qodef-mobile-nav ul ul {
    margin-left: 0px;
    margin-top: 10px;
    background: #1e223c;
    padding-top: 10px;
    border-left: 5px solid #009efa;
}

.qodef-search-opener { display: none;}
.qodef-side-menu-button-opener { display: none;}

/*===== HEADER =====*/
.qodef-content {
    margin-top: 0 !important;
}
#myVideo.desktop {
  position: relative;
  right: 0;
    bottom: 100px;
    width: 100%;
    max-height: 100%;
}
#myVideo.mobile {
  display: none;
}
.home-header { 
    position: relative;
    background-color: #161a33;
}
.home-header .hero-copy-wrapper { 
    position: absolute;
    bottom: 20%;
    right: 5%;
    z-index: 2;
    display: block;
    width: 800px;
}
.home-header .hero-icon {
    width: 90px;
    height: 90px;
    position: relative;
    top: 8px;
    margin-right: 20px;
    float: left;
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/icon_computer3.svg') no-repeat;
    background-size: contain !important;
}
.home-header .hero-text {
    padding-bottom: 30px;
    width: 80%;
    float: left;
}
.home-header .hero-text h1.hero-headline {
    font-size: 24px !important;
    color: #fff;
}
.home-header .hero-text p {
    color: #fff;
}
.thank-you-header {
    padding:100px 10%;
}
.thank-you-header h1, .thank-you-header p {
    color: #fff;
}
/*.page-id-6281 .solutions-row {
    padding-bottom: 50px;
}
.products-home.solutions {
    background-color: #fff;
}
.products-row .krushx {
    margin: 10% auto;
    width: 70%;
}*/
.main-header {
    background-color: #161a33 !important;
    background-size: cover !important;
    background-position: top center !important;
}
.main-header.adv {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-adv2.jpg') no-repeat;
}
.main-header.pub {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-pub2.jpg') no-repeat;
}
.main-header.company {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-company2a.jpg') no-repeat;
}
.main-header.contact {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-contact.jpg') no-repeat;
}
.main-header.solutions {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-solutions.jpg') no-repeat;
}
.main-header.data {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-data.jpg') no-repeat;
}
.main-header.krushx {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-agency-kx.jpg') no-repeat;
}
.main-header.agency {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-agency-suite.jpg') no-repeat;
}
.main-header.cbd {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-cbd.jpg') no-repeat;
}
.main-header.media {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-media.jpg') no-repeat;
}
.main-header.adops {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-adops.jpg') no-repeat;
}
.main-header.safety {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/header-safety.jpg') no-repeat;
}
.headline {
    margin: 17% 11% 17% !important;
}
.headline h1, .headline p {
    color: #fff;
}
.headline p {
    font-weight: 300;
}
.products-row {
    background-color: rgb(234, 238, 242);
    padding:15px;
}
.products-row .opacity {
    background-color: #fff;
    height: 100%;
    transition: all .5s linear;
}
.products-row.krushx {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-krush.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.agency {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-agency.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.cbd {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-cbd.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.safety {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-safety.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.adops {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-adops.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.media {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-media.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.products-row.data {
    background: url('https://krushmedia.com/wp-content/uploads/2020/08/fixed-data.jpg') no-repeat fixed;
    background-position: 100px center !important;
    background-size: cover !important;
    padding: 0px;
}
.white-bg {
    background: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 2;
}
.products-row .featured-col {
    padding: 50px 50px;
}
.products-pub .featured-col {
    padding: 30px 20px;
}
.products-row .products-home .vc_col-sm-4 {
    width: 40% !important;
}
.products-row .products-home .vc_col-sm-8 {
    width: 60% !important;
}
.logo-grid {
    padding: 20px 0;
    text-align: center;
}
.logo-grid img {
    width: 190px;
    display: inline;
    padding: 25px;
    vertical-align: middle;
}
.sm-card {
    width: 42%;
    float: left;
    margin:5px 5px;
    background-color: rgb(255, 255, 255);
    padding: 3%;
    position: relative;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    z-index: 0;
}
.home-cards .sm-card {
    height: 170px;
}
.adv-cards .sm-card {
    height: 250px;
    width: 26.35%;
}
.solutions-wrapper {
    padding: 0 15px;
    margin: 0 auto;
}
.solutions-wrapper .sm-card {
    width: 24.2%;
    float: left;
    height: 360px;
    margin: 5px 5px;
    background-color: rgb(255, 255, 255);
    padding: 4%;
    position: relative;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    z-index: 0;
}
.solutions-wrapper .sm-card .icon {
    width: 55px;
    height: 55px;
    position: relative;
    float: none;
    margin: 0 auto 30px;
    background-size: contain !important;
}
.solutions-wrapper .sm-card .copy {
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
    margin-left: 0px;
}
.solutions-wrapper .sm-card .cta-arrow {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
    padding: 10px 20px;
    position: relative;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 120px;
    height: 25px;
    margin: 20px auto;
}
.solutions-wrapper .sm-card.adv .cta-arrow {
    background: #00d2fc !important;
}
.solutions-wrapper .sm-card.pub .cta-arrow {
    background: #41097b !important;
}
.products-row .featured-col.solutions {
    padding: 30px 50px 30px;
}
.products-row .featured-col.solutions .desktop-img {
    margin-top: 10%;
    display: block;
}
.pub-cards .sm-card {
    width: 38.6%;
    height: 190px;
    margin: 10px 10px;
    background-color: rgb(255, 255, 255);
    padding: 5%;
    position: relative;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    z-index: 0;
}
.pub-cards .sm-card .copy {
    width: 82%;
}
.pub-img {
    margin-top: 10%;
}
a:hover .sm-card {
    transform: scale(1.05);
    box-shadow: 0px 0px 20px rgba(0,0,0,.15);
    z-index: 2;
}
.sm-card .icon {
    float: left;
    width: 55px;
    height: 55px;
    position: relative;
    top: 10px;
    background-size: contain !important;
}
.sm-card .copy {
    float: left;
    width: 70%;
    height: auto;
    margin-left: 20px;
    text-align: left;
}
.sm-card .copy h5, .featured h5 {
    text-transform: uppercase;
    margin: 15px 0 0;
    font-size: 12px;
}
.adv h5 {
    color: rgb(0, 158, 250);
}
.pub h5 {
    color: #41097b;
}
.sm-card .copy h4 {
    color: rgb(38, 38, 38);
    margin: 15px 0;
}
.sm-card .copy p {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
}
.sm-card .cta-arrow {
    position: absolute;
    bottom: 25px;
    right: 25px;
    display: block;
    width: 20px;
    height: 15px;
    background-size: contain !important;
}
.sm-card.adv .cta-arrow, .lg-cards.adv .cta-arrow {
    background: url('https://krushstage.wpengine.com/wp-content/uploads/2020/07/cta-arrow-adv.svg') no-repeat;
}
.sm-card.pub .cta-arrow, .lg-cards.pub .cta-arrow {
    background: url('https://krushstage.wpengine.com/wp-content/uploads/2020/07/cta-arrow-pub2.svg') no-repeat;
}
.lg-cards.cbd .cta-arrow {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/cta-arrow-cbd.svg') no-repeat;
}
.featured h3 {
    margin: 15px 0 20px;
    font-size: 36px;
}
.featured .icon {
    text-align: left;
    width: 70px;
    height: 70px;
    position: relative;
    background-size: contain !important;
}
.featured p {
    font-size: 15px;
    line-height: 1.5em;
}
.products-pub .featured-col.pub .dashboard {
    margin-top: 25%;
}
.kx-dash {
    overflow: hidden;
    height: 210px;
}
.kx-dash img {
    max-width: 130% !important;
    position: relative;
    left: -70px;
}
.icon.krush-x {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/KrushX2.svg') no-repeat;
}
.icon.agency {
    background: url('https://krushmedia.com/wp-content/uploads/2020/06/Agency.svg') no-repeat;
}
.icon.safety {
    background: url('https://krushmedia.com/wp-content/uploads/2020/06/safety-compliance.svg') no-repeat;
}
.icon.cbd {
    background: url('https://krushmedia.com/wp-content/uploads/2020/06/cannabis-1.svg') no-repeat;
}
.icon.adops {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/AdopsYields3.svg') no-repeat;
}
.icon.media {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/MediaRep2.svg') no-repeat;
}
.icon.data {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/data-monetization2.svg') no-repeat;
}
.partners-row, .contact-row, .company-row {
    padding: 80px 0;
}
.partners-row h5, .contact-row h5, .company-row h5 {
    margin: 10px 0 15px;
    text-transform: uppercase;
    font-size: 15px;
}
.partners-row h5:after, .contact-row h5:after, .company-row .title h5:after {
    content: ' ';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333;
    margin: 15px auto;
}
.solutions-row {
    margin: 0 auto;
    width: 100%;
    padding: 50px 2.5% 0;
    height: 400px;
    position: relative;
}
a:hover .lg-cards {
    transform: scale(1.1);
    background-color: #161a33;
    z-index: 2;
    height: 320px;
}
a:hover .lg-cards.adv {
    box-shadow: 100px 100px 50px rgba(0, 0, 0, .35);
}
a:hover .lg-cards.pub {
    box-shadow: 0px 100px 50px rgba(0, 0, 0, .35);
}
a:hover .lg-cards.cbd {
    box-shadow: -100px 100px 50px rgba(0, 0, 0, .35);
}
a:hover .copy-wrapper {
    top: 0;
}
a:hover .lg-cards p {
    opacity: 1;
    height: auto;
}
.lg-cards {
    width: 25.1%;
    margin: 0 .8%;
    background-color: #fff;
    padding: 2.8%;
    height: 190px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out;
    z-index: 100;
    display: block;
}
.lg-cards .copy-wrapper {
    position: relative;
    top: 28%;
    left: 0;
    width: 100%;
    transition: all .3s ease-in-out;
}
.lg-cards h3 {
    font-size: 30px;
    }
.lg-cards p {
    color: #fff;
    opacity: 0;
    height: 0px;
    font-size: 13px;
    font-weight: 300;
    transition: all .3s ease-in-out;
}
.lg-cards .cta-arrow {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: block;
    width: 25px;
    height: 20px;
    background-size: contain !important;
}
.lg-cards.adv {
    border-top: 8px solid #009efa;
    position: absolute;
    top: 0;
    left: 0;
}
.lg-cards.adv h3 {
    color: #009efa;
}
.lg-cards.pub {
    border-top: 8px solid #9f52e7;
    position: absolute;
    top: 0;
    left: 33%;
}
.lg-cards.pub h3 {
    color: #9f52e7;
}
.lg-cards.cbd {
    border-top: 8px solid #dd395a;
    position: absolute;
    top: 0;
    left: 66%;
}
.lg-cards.cbd h3 {
    color: #dd395a;
}
.lg-cards .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background-size: contain !important;
}
.lg-cards .icon.advertiser {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/advertiser-blue.svg') no-repeat;
}
.lg-cards .icon.publisher {
    background: url('https://krushmedia.com/wp-content/uploads/2020/07/publisher-purple.svg') no-repeat;
}
.lg-cards .icon.cannabis {
    background: url('https://krushmedia.com/wp-content/uploads/2020/06/cannabis-red.svg') no-repeat;
}
.qodef-btn.qodef-btn-solid:not(.qodef-btn-custom-border-hover):not([class*=qodef-btn-hover]):hover {
    border-color: transparent !important;
}
.qodef-btn.qodef-btn-solid {
    border: transparent !important;
}
.mobile-img {
    display: none;
}
.desktop-img {
    display: block;
}
.prod .copy:first-child {
    padding: 0px 150px 25px 50px;
    margin-top: 50px;
}
.prod.adv .copy:last-child, .prod.pub .copy:last-child {
    padding: 0px 150px 0px 50px;
    margin-bottom: 50px;
    margin-top: 0px;
    border-left: 0px solid #099efa;
}
.prod.adv .copy {
    border-left: 1px solid #099efa;
}
.prod.pub .copy {
    border-left: 1px solid #41097b;
}
.prod .copy {
    padding: 25px 150px 50px 50px;
}
.prod .copy h5 {
    margin: 0px 0 5px;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    top: -12px;
}
.prod .copy h5:before {
    content:'';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: relative;
    left: -55px;
    top: 12px;
}
.prod.adv .copy h5:before {
    background-color: #009efa;
}
.prod.pub .copy h5:before {
    background-color: #41097b;
}
/*====Misc====*/
.privacy {
    margin-top: 80px;
}
.page-id-6116 .qodef-page-header .qodef-menu-area {
    background-color: #161a33 !important;
}
.privacy p {
    color:#222;
    margin-bottom: 25px;
    line-height: 1.6em;
} 
.privacy ul {
    margin: 10px 0 10px 35px;
    list-style-position: outside;
}
.privacy li {
    color:#222;
    margin-bottom: 15px;
    line-height: 1.6em;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-left: 10px;
} 
.privacy h1{
    color:#222;
    margin: 20px 0 35px;
    font-weight: 700;
    font-size: 40px !important;
} 
.privacy h2 {
    color: #222;
    margin: 70px 0 30px;
    font-weight: 700 !important;
    font-size: 24px !important;
}
.privacy h3 {
    color: #222;
    margin: 35px 0 35px;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/*===== Contact page =====*/
.contact-row h4, .contact-row p {
    color: #fff;
}
.contact-row h4 {
    padding-bottom: 25px;
}

/*===== Form =====*/
.contact-row form {
    padding: 0 5%;
}
div.wpcf7 label {
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans';
}
.wpcf7-form {
	margin: 15px 0 0;
}
.wpcf7-form .margin-right {
	margin: 0 2% 0 0;
}
.wpcf7-form .col-2 {
    width: 49%;
    float: left;
    margin-bottom: 15px;
}
#respond input[type=text], #respond textarea, .post-password-form input[type=password], .qodef-style-form textarea, .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, input[type=text], input[type=email], input[type=password] {
    margin: 5px 0 20px;
    font-family: Rubik,sans-serif;
    color: #999;
    background-color: #fff;
    border: 1px solid #ccc;
}
#submit_comment, .post-password-form input[type=submit], input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.2em;
    padding: 15px 50px;
    color: #fff;
    background-color: #00d2fc;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
    text-transform: capitalize;
    letter-spacing: .05em;
    display: block;
    width: 100%;
}
#submit_comment:hover, .post-password-form input[type=submit]:hover, input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #4ffbdf !important;
    border: 1px solid transparent !important;
}
div.wpcf7-mail-sent-ok, div.wpcf7-response-output { border: 2px solid #fff !important; color: #fff; margin: 3em 0.5em 1em;}


.exec-section { padding: 60px 0;}
.exec-wrapper { padding:50px 0;}
.exec-wrapper.hide { display: none;}
.exec-content { padding: 0 30px !important;}
.exec-content h3 { margin-bottom: 0;}

.qodef-icon-shortcode.circle {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9f52e7+0,5238b2+99 */
    background: #9f52e7; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #9f52e7 0%, #41097b 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #9f52e7 0%,#41097b 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #9f52e7 0%,#41097b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f52e7', endColorstr='#41097b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: 2px solid #41097b;
    padding: 5px;
}

.department { padding-top:50px;}
.department-wrapper .qodef-icon-shortcode.circle {
    position: absolute;
    top: 160px;
    left: 125px;
}
.department-wrapper { padding-bottom: 30px;}
.department h5 { font-size: 14px !important;line-height: 1.4em;}

.video-row {
    padding: 100px 0;
}
.cnx-main-container {
    width: 80%; 
}

/*====Footer====*/
footer .qodef-footer-top-holder { background-color: #161a33; padding: 0 2%;}
footer p { font-size: 0.8em !important; color: #fff; line-height: 1.3em;}
footer #media_image-3 { width: 100px; margin: 0 auto;}
footer .qodef-four-columns .qodef-column.one { width: 24%;}
footer .qodef-four-columns .qodef-column.two { width: 24%;}
footer .qodef-four-columns .qodef-column.three { width: 24%;}
footer .qodef-four-columns .qodef-column.four { width: 24%;}
footer .widget.widget_nav_menu a::before { content: ""; margin-right: 0px;}
footer .widget_nav_menu ul li a {
    font-family: 'Open Sans';
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    line-height: 1.4em;
    padding-bottom: 10px;
    display: block;
}
footer .widget_nav_menu ul li { padding-bottom: 5px; list-style-position: outside; margin-left: 0;}
footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner { padding: 60px 0px 60px;}
footer .widget.widget_nav_menu li {
    margin-bottom: 0px;
}
footer .disclaimer {
    font-size: 10px;
}
#qodef-back-to-top>span {
    background-color: rgba(0,210,252,.85);
}

/*======= MOBILE ========*/
.qodef-mobile-header .qodef-mobile-menu-opener { float: right;}
.qodef-vertical-align-containers .qodef-position-center { text-align: left;}

/*========RESPONSIVE=======*/
@media only screen and (max-width: 1500px) {
    .adv-cards .sm-card {
        width: 26.2%;
    }
    .pub-cards .sm-card {
        width: 38.2%;
        height: 260px;
    }
}

@media only screen and (max-width: 1200px) {
    .sm-card {
        width: 40%;
        padding: 4%;
    }
    .home-cards .sm-card {
        height: 230px;
    }
    .sm-card .icon {
        float: none;
        width: 45px;
        height: 55px;
    }
    .sm-card .copy {
        float: none;
        width: 90%;
        margin-left: 0;
    }
    .sm-card .cta-arrow {
        bottom: 20px;
        right: 5%;
    }
    .lg-cards h3 {
        font-size: 24px;
    }
    .headline p {
        font-size: 15px;
    }
    .pub-cards .sm-card .icon {
        float: left;
        width: 55px;
        height: 55px;
    }
    .pub-cards .sm-card .copy {
        float: left;
        width: 75%;
        margin-left: 20px;
    }
    .department-wrapper .qodef-icon-shortcode.circle {
        left: 105px;
    }
    .products-row .featured-col.solutions .desktop-img {
        display: none;
    }
    .products-row .featured-col.solutions .mobile-img {
        margin-top: 80px;
        display: block;
    }
    .solutions-wrapper .sm-card {
        height: 410px;
    }
    .adv-cards .sm-card {
        height: 290px;
        width: 24.3%;
    }
    .pub-cards .sm-card {
        width: 37.9%;
        height: 280px;
    }
    .featured-col.pub .vc_col-sm-7, .featured-col.pub .vc_col-sm-5 {
        width: 50%;
    }
}

@media only screen and (max-width: 1024px) {
    .products-row .products-home .vc_col-sm-4, .products-row .products-adv .vc_col-sm-4 {
        width: 100% !important;
    }
    .products-row .products-home .vc_col-sm-8, .products-row .products-adv .vc_col-sm-8 {
        width: 100% !important;
    }
    .products-row .featured-col {
        padding: 30px 30px;
    }
    .products-adv .mobile-img {
    display: block;
    }
    .products-adv .desktop-img {
        display: none;
    }
    .sm-card {
        width: 23.9%;
    }
    .sm-card .icon {
        width: 50px;
        height: 50px;
        top: 0;
        padding-bottom: 0px;
    }
    footer .qodef-column {
        margin-bottom: 20px !important;
    }
    footer .qodef-four-columns .qodef-column {
        padding: 0px 10px !important;
    }
    .department-wrapper .qodef-icon-shortcode.circle {
        position: absolute;
        top: 120px;
        left: 80px;
    }
    .solutions-wrapper .sm-card {
        width: 38.5%;
        padding: 5%;
        height: 390px;
    }
    .prod .copy:first-child {
        padding: 0px 50px 25px 50px;
        margin-top: 50px;
    }
    .prod.adv .copy:last-child, .prod.pub .copy:last-child {
        padding: 0px 50px 0px 50px;
        margin-bottom: 50px;
        margin-top: 0px;
        border-left: 0px solid #099efa;
    }
    .prod .copy {
        padding: 25px 50px 50px 50px;
        border-left: 1px solid #099efa;
    }
    .qodef-google-map-overlay {
        display: none;
    }
    .video-row {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 992px) {
    .page-child .qodef-section {
        position: relative;
        display: block;
    }
    .page-child .qodef-full-section-inner {
        height: auto;
    }
    .products-row.krushx, .products-row.agency, .products-row.cbd, .products-row.safety, .products-row.adops, .products-row.media, .products-row.data {
        background: none;
        padding: 15px;
    }
    .home-header {
        background-position: top;
        height: 600px;
    }
    .home-header .hero-copy-wrapper {
        position: absolute;
        bottom: 5%;
        right: 5%;
        z-index: 2;
        display: block;
        width: 650px;
    }
    a:hover .lg-cards {
        transform: scale(1.1);
        background-color: #161a33;
        z-index: 2;
        height: 400px;
    }
    .products-pub .vc_col-sm-6 {
        width: 100%;
    }
    .products-pub .featured-col.vc_col-sm-6 img {
        width: 60%
    }
    .pub-cards .sm-card {
        width: 37.2%;
        height: 340px;
    }
    .pub-cards .sm-card .icon {
        float: none;
        width: 55px;
        height: 55px;
    }
    .pub-cards .sm-card .copy {
        float: none;
        width: 90%;
        margin-left: 0;
    }
    .products-row .featured-col.solutions {
        padding: 30px 20px 30px;
    }
    .products-home .white-bg.vc_col-sm-6 {
        width: 96%;
        margin: 10px auto;
        float: none;
        box-shadow: none;
    }
    .prod-img-col {
        display: none;
    }
    .prod .copy:first-child {
        padding: 0px 10% 25px 10%;
        margin-top: 50px;
    }
    .prod.adv .copy:last-child, .prod.pub .copy:last-child {
        padding: 0px 10% 0px 10%;
        margin-bottom: 50px;
        margin-top: 0px;
        border-left: 0px solid #099efa;
    }
    .prod .copy {
        padding: 25px 10% 50px 10%;
        border-left: 1px solid #099efa;
        margin-left: 5%;
    }
    .prod .copy h5:before {
        left: -14.25%;
    }
    .adv-cards .sm-card {
        width: 90%;
        padding: 4% 4% 8%;
    }
    .adv-cards .sm-card {
        height: auto;
    }
    .adv-cards .sm-card .icon {
        float: left;
        width: 55px;
        height: 55px;
        top: 10px;
    }
    .adv-cards .sm-card .copy {
        float: left;
        width: 70%;
        margin-left: 20px;
    }
    .lg-cards.adv {
    border-top: 8px solid #009efa;
    position: relative;
    top: 0;
    left: unset;
}
.lg-cards.pub {
    border-top: 8px solid #9f52e7;
    position: relative;
    top: 0;
    left: unset;
}
.lg-cards.cbd {
    border-top: 8px solid #dd395a;
    position: relative;
    top: 0;
    left: unset;
}
    .lg-cards {
    width: 80%;
    margin: 35px 0;
    float: none;
    background-color: #161a33;
    padding: 10%;
    height: auto;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0;
    display: block;
}
.lg-cards .copy-wrapper {
    top: 0;
}
.lg-cards p {
    opacity: 1;
    height: auto;
    font-size: 13px;
    padding-top: 15px;
    width: 80%;
}
a:hover .lg-cards.adv, a:hover .lg-cards.pub, a:hover .lg-cards.cbd {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .1);
}
a:hover .lg-cards {
    transform: scale(1);
    background-color: #161a33;
    z-index: 0;
    height: auto;
}
.lg-cards .cta-arrow {
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
    margin-top: 20px;
}
.solutions-row {
    padding: 0px 2.5% 0;
    height: auto;
    position: relative;
}
}

@media only screen and (max-width: 768px) {
#myVideo.mobile {
    display: block;
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%;
}
#myVideo.desktop {
    display: none;
}
.home-header {
    padding:  0px;
    position: relative;
    height: auto;
}
.home-header .hero-copy-wrapper {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 87%;
    padding: 30px 30px 30px;
}
.home-header .hero-copy-wrapper p {
    font-size: 15px;
}
.home-header .hero-text {
    width: 100%;
}
.solutions-row {
    width: auto;
}
.sm-card {
    width: 40%;
}
footer .qodef-footer-top.qodef-footer-top-aligment-left {
    text-align: left !important;
}
footer .qodef-four-columns .qodef-column {
    text-align: left !important;
}
.headline {
    margin: 15% 11% 15% !important;
}
.main-header.adv, .main-header.pub, .main-header.contact, .main-header.company, .main-header.solutions, .main-header.data, .main-header.krushx, .main-header.agency, .main-header.cbd, .main-header.media, .main-header.adops, .main-header.safety {
    background: #161a33;
    border-bottom-width: 20px;
    border-bottom-style: solid;
    border-image-slice: 1 !important;
}
.main-header.red {
    border-image: linear-gradient(to right, #41097b, #dd395a);
}
.main-header.blue {
    border-image: linear-gradient(to right, #009efa, #4ffbdf);
}
.main-header.purple {
    border-image: linear-gradient(to right, #41097b, #9f52e7);
}
.main-header.blue-purple {
    border-image: linear-gradient(to right, #41097b, #4ffbdf);
}
.products-pub .featured-col.vc_col-sm-6 img {
        width: 60%
    }
    .pub-cards .sm-card {
        width: 90%;
        padding:5%;
        margin: 10px 0px;
        height: auto;
    }
    .pub-cards .sm-card .icon {
        float: left;
        width: 55px;
        height: 55px;
    }
    .pub-cards .sm-card .copy {
        float: left;
        width: 75%;
        margin-left: 20px;
    }
    .krush-diff {
        margin-top: 50px;
    }
    .company-row {
        padding: 50px 0
    }
    .exec-img {
        margin-bottom: 30px;
    }
    .exec-bio h3, .exec-bio h5 {
        text-align: center;
    }
    .department-wrapper .qodef-icon-shortcode.circle {
        position: absolute;
        top: 160px;
        left: 300px;
    }
    .products-row .featured-col.solutions .desktop-img {
        display: block;
        margin-top: 0;
    }
    .products-row .featured-col.solutions .mobile-img {
        display: none;
    }
    .solutions-wrapper .sm-card {
        width: 89%;
        height: auto;
    }
    .prod .copy h5:before {
        left: -14.5%;
    }
    .featured-col.pub .vc_col-sm-7, .featured-col.pub .vc_col-sm-5 {
        width: 100%;
    }
    .pub-img {
        margin-top: 0%;
    }
}

@media only screen and (max-width: 600px) {
    footer .qodef-four-columns .qodef-column.one { width: 100%;}
footer p { text-align: left !important}
footer .qodef-four-columns .qodef-column.two { width: 100%;}
footer .qodef-four-columns .qodef-column.three { width: 100%;}
footer .qodef-four-columns .qodef-column.four { width: 100%;}
    .home-header {
        background-size: 150%;
    }
    .sm-card {
        width: 90%;
        padding: 4% 4% 8%;
    }
    .home-cards .sm-card {
        height: auto;
    }
    .sm-card .icon {
        float: left;
        width: 55px;
        height: 55px;
        top: 10px;
    }
    .sm-card .copy {
        float: left;
        width: 70%;
        margin-left: 20px;
    }
    .products-pub .featured-col.vc_col-sm-6 img {
        width: 100%
    }
    .contact-row form {
        padding: 0;
    }
    .wpcf7-form .col-2 {
        width: 100%;
        float: none;
        margin-bottom: 0px;
    }
    .prod .copy h5:before {
        left: -14.7%;
    }
    .exec-content { 
        padding: 0 0px !important;
    }
    .department-wrapper .qodef-icon-shortcode.circle {
        left: 46.5%;
    }
    .cnx-main-container {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .prod .copy h5:before {
        left: -15%;
    }
}

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

}

/* ============ New Site Styles =============== */