@import url("https://use.typekit.net/dzv4iwy.css");  /* aktiv-grotesk */
@import url("https://use.typekit.net/tvm7wap.css");  /* aktiv-grotesk-extended */

/*=============*/
/*Basic Styling*/
/*=============*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

html, body {
    background-color: #F2F7F9;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    font-family: "aktiv-grotesk", "Helvetica Neue", "Arial", "Sans Serif";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
    background: rgba(255, 32, 105, 0.9);
    color: #fff;
}

::selection {
    background: rgba(255, 32, 105, 0.9);
    color: #fff;
}

svg:not(:root) {overflow: visible;}
.col-spacing {padding: 0px;}
.fix-container {width: 1100px;}
.fix-container-two {width: 900px;}
.fix-container-three {width: 1200px;}
.b-fix-container {width: 1500px;}
.privacy-container {width: 960px;}

/*=============*/
/*Hero Section */
/*=============*/

.hero-sec {
    background-image: -webkit-linear-gradient(-318deg, #8573FF 0%, #B078FF 100%);
    background-image: -o-linear-gradient(-318deg, #8573FF 0%, #B078FF 100%);
    background-image: -webkit-linear-gradient(138deg, #8573FF 0%, #B078FF 100%);
    background-image: -o-linear-gradient(138deg, #8573FF 0%, #B078FF 100%);
    background-image: linear-gradient(-48deg, #8573FF 0%, #B078FF 100%);
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
}

.hero-img {
    background: url("../images/hero-img.png") 50% no-repeat;
    background-size: cover;
    width: 1046px;
    height: 800px;
    right: 0;
    position: absolute;
}

.hero-wrapper {padding: 0 15px;}
.hero-sec header {
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    padding: 32px 30px 0 30px;
}

.big-heading h1 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 48px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 900;
}

.hero-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btn-white {
    margin-top: 70px;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-white a {
    text-decoration: none;
    font-size: 18px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    color: #9374FF;
    letter-spacing: 0;
    text-align: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 15px 0 #6D4CE1;
            box-shadow: 0 2px 15px 0 #6D4CE1;
    border-radius: 100px;
    width: 210px;
    height: 60px;
    padding: 19px 66px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-white:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.btn-white a:hover {
    -webkit-box-shadow: 0 5px 65px 0 #6D4CE1;
            box-shadow: 0 5px 65px 0 #6D4CE1;
    color: #6c46ef;
    background: rgba(255, 255, 255, 0.9);
}


.f-social-icon li {
    list-style: none;
    margin-top: 30px;
}

.f-social-icon li a {text-decoration: none;}

svg.fb-svg, svg.twitter-svg, svg.instagram-svg {
    fill: rgba(255,255,255,0.50);
    fill-rule: "evenodd";
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.facebook-icon {
    border: 1px solid rgba(255,255,255,0.50);
    border-radius: 50%;
    padding: 13px 15px 6px 15px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.facebook-icon:hover {
    background-color: #fff;
    border: 1px solid transparent;
}

.facebook-icon:hover svg.fb-svg {
    fill: #8573FF;
    fill-opacity:1;
}

.twitter-icon {
    border: 1px solid rgba(255,255,255,0.50);
    border-radius: 50%;
    padding: 11px 9px 7px 11px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.twitter-icon:hover {
    background-color: #fff;
    border: 1px solid transparent;
}

.twitter-icon:hover svg.twitter-svg {
    fill: #8573FF;
    fill-opacity:1;
}

.instagram-icon {
    border: 1px solid rgba(255,255,255,0.50);
    border-radius: 50%;
    padding: 13px 11px 6px 12px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.instagram-icon:hover {
    background-color: #fff;
    border: 1px solid transparent;
}

.instagram-icon:hover svg.instagram-svg {
    fill: #8573FF;
    fill-opacity:1;
}

.header-icon {
    position: absolute;
    bottom: 70px;
    left: 30px;
    z-index: 999;
}

/*====================*/
/*Publisher Section */
/*====================*/

.publisher-sec {margin-top: 200px;}

.section-title h2 {
    font-size: 24px;
    color: #708090;
    letter-spacing: 12.8px;
    text-align: center;
    padding-bottom: 30px;
    line-height: 48px;
    text-transform: uppercase;
    font-family: "aktiv-grotesk-extended",sans-serif;
}

.publisher-card {
    background: #fff;
    padding: 60px 50px 60px 50px;
    border-radius: 6px;
    max-width: 400px;
    height: 518px;
    margin-left: auto;
    margin-right: auto;
}

.card-icon {
    text-align: center;
    padding-bottom: 40px;
}

.card-heading h3 {
    font-size: 28px;
    color: #708090;
    letter-spacing: 0;
    text-align: center;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    padding-bottom: 40px;
}

.card-detail p {
    font-size: 18px;
    color: #9FAAB4;
    letter-spacing: 0;
    line-height: 30px;
}

.card-3, .card-4 {margin-top: 50px;}

/*====================*/
/*Ads Devices Section */
/*====================*/

.board-devices {
    background-image: -webkit-linear-gradient(44deg, #5FC8FF 0%, #4B9AFE 81%);
    background-image: -o-linear-gradient(44deg, #5FC8FF 0%, #4B9AFE 81%);
    background-image: -webkit-linear-gradient(316deg, #5FC8FF 0%, #4B9AFE 81%);
    background-image: -o-linear-gradient(316deg, #5FC8FF 0%, #4B9AFE 81%);
    background-image: linear-gradient(134deg, #5FC8FF 0%, #4B9AFE 81%);
    width: 100%;
    height: 820px;
    margin-top: 200px;
    position: relative;
    overflow: hidden;
}

.section-deco {
    background: url("../images/ad-shape.svg") 50% no-repeat;
    background-size: cover;
    width: 1115px;
    width: 60%;
    height: 820px;
    right: 0;
    position: absolute;
}

.board-devices-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 820px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    position: relative;
}

.big-heading-2 h1 {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 72px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
}

.devices-image img {
    margin-left: auto;
    position: relative;
}

.btn-white-2 {
    margin-top: 70px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-white-2 a {
    text-decoration: none;
    font-size: 18px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    color: #4EA1FE;
    letter-spacing: 0;
    text-align: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 10px 0 #368ACD;
            box-shadow: 0 2px 10px 0 #368ACD;
    border-radius: 100px;
    width: 210px;
    height: 60px;
    padding: 19px 66px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-white-2:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);}
.btn-white-2 a:hover {
    -webkit-box-shadow: 0 5px 65px 0 #368ACD;
            box-shadow: 0 5px 65px 0 #368ACD;
    color: #3b87db;
    background: rgba(255, 255, 255, 0.9);
}


/*====================*/
/*Support Cards Section */
/*====================*/

.support-cards-sec {margin: 200px 15px;}

.support-card-text h5 {
    font-size: 24px;
    color: #708090;
    line-height: 40px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    padding: 50px;
}

.support-card {
    background: #FFFFFF;
    border-radius: 10px;
    max-width: 560px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.support-card-icon {
    background-image: -webkit-linear-gradient(44deg, #FFD76E 0%, #FEB46D 85%);
    background-image: -o-linear-gradient(44deg, #FFD76E 0%, #FEB46D 85%);
    background-image: -webkit-linear-gradient(316deg, #FFD76E 0%, #FEB46D 85%);
    background-image: -o-linear-gradient(316deg, #FFD76E 0%, #FEB46D 85%);
    background-image: linear-gradient(134deg, #FFD76E 0%, #FEB46D 85%);
    border-radius: 10px 0 0 10px;
    width: 138px;
    margin-right: auto;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.account-manager-icon {
    background-image: -webkit-linear-gradient(44deg, #FF5F5F 0%, #FF73C2 87%);
    background-image: -o-linear-gradient(44deg, #FF5F5F 0%, #FF73C2 87%);
    background-image: -webkit-linear-gradient(316deg, #FF5F5F 0%, #FF73C2 87%);
    background-image: -o-linear-gradient(316deg, #FF5F5F 0%, #FF73C2 87%);
    background-image: linear-gradient(134deg, #FF5F5F 0%, #FF73C2 87%);
    border-radius: 10px 0 0 10px;
    width: 138px;
    margin-right: auto;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/*===========================*/
/*Why work with us Section */
/*===========================*/

.why-work-with-us {
    background: #3B455B;
    width: 100%;
    height: 910px;
}

.section-title-white {
    margin-top: 200px;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 12.8px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    font-family: "aktiv-grotesk-extended",sans-serif;
}

.why-work-text p {
    font-size: 24px;
    color: #FFFFFF;
    text-align: left;
    line-height: 40px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    max-width: 320px;
    padding: 20px 0 50px 0;
}

.btn-big-green a button, .btn-big-blue a button {
    width: 320px;
    height: 60px;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background: #50D1A0;
    border-radius: 100px;
    border: none;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-big-blue a button {background: #5FC8FF;}
.why-work-wrapper-left,  .why-work-wrapper-right{
    margin-top: 120px;
    max-width: 320px; 
}

.why-work-wrapper-right {margin-left: auto;}
.btn-big-green a button:hover {
    -webkit-box-shadow: 0 3px 65px 0 #2e3950;
            box-shadow: 0 3px 65px 0 #2e3950;
    color: #fff;
    background: #2fc98e;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

.btn-big-blue a button:hover {
    -webkit-box-shadow: 0 3px 65px 0 #2e3950;
            box-shadow: 0 3px 65px 0 #2e3950;
    color: #fff;
    background: #3ca9e2;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}


/*=====================*/
/*Brand Logo Section */
/*=====================*/

.brands-logo {
    margin: 200px 0;
    padding: 0 30px;
}

.brand-row-2 {margin-top: 80px;}
.google-hover, .rubicon-hover, .criteol-icon, .cisneros-icon, .pubmatic-icon, .sovrn-hover, .openx-hover, .smart-hover {
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.brand-img:hover .logo-gray {
    display: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.brand-2, .rubicon-hover, .rubicon {-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.brand-1:hover .google-hover, .brand-2:hover .criteol-icon, .brand-3:hover .rubicon-hover, .brand-4:hover .openx-hover, .brand-5:hover .cisneros-icon, .brand-6:hover .pubmatic-icon, .brand-7:hover .smart-hover, .brand-8:hover .sovrn-hover {
    display: block;
    cursor: pointer;
}


/*=================*/
/*Footer Section */
/*=================*/

.footer-sec {background: #E0ECF1;}
#footer-wapper {margin: 100px 0 100px 0;}

.footer-sub-heading {
    font-size: 20px;
    color: #708090;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
}

.our-address {
    font-size: 16px;
    color: rgba(112,128,144,0.70);
    letter-spacing: 0;
    line-height: 24px;
    font-family: "aktiv-grotesk",sans-serif;
}

.footer-list-items li {list-style: none;}
.footer-list-items li a {
    text-decoration: none;
    font-size: 16px;
    color: rgba(112,128,144,0.70);
    letter-spacing: 0;
    line-height: 24px;
}

.copyrights-texts {
    text-align: center;
    position: relative;
    padding-bottom: 50px;
}

.copyrights-wrapper {margin-top: 11px;}
.copyrights-texts ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: rgba(112,128,144,0.70);
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    opacity: 0.6;
    
}
.footer-dots {margin: 0 10px;}
.copyrights-texts ul li a {
    text-decoration: none;
    font-size: 14px;
    color: rgba(112,128,144,0.70);
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.f-item {-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.f-item:hover {color: #FF9D89;}
.copyrights-texts ul li .c-links {
    color: rgba(32, 32, 32, 0.4);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.copyrights-texts ul li .c-links:hover {color: #FF9D89;}
.f-social-icons {margin-top: 30px;}
.f-social-icons li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.f-social-icons li a {text-decoration: none;}

svg.fb-svg-1, svg.twitter-svg-1, svg.instagram-svg-1 {
    fill: #B4C6CF;
    fill-rule: "evenodd";
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.facebook-icon-1 {
    border: 1px solid #ACBFCA;
    border-radius: 50%;
    padding: 13px 15px 6px 15px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.facebook-icon-1:hover {
    background-color: #3b5998;
    border: 1px solid transparent;
}

.facebook-icon-1:hover svg.fb-svg-1 {
    fill: #ffffff;
    fill-opacity:1;
}

.twitter-icon-1 {
    border: 1px solid #ACBFCA;
    border-radius: 50%;
    padding: 11px 9px 7px 11px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.twitter-icon-1:hover {
    background-color: #1da1f2;
    border: 1px solid transparent;
}

.twitter-icon-1:hover svg.twitter-svg-1 {
    fill: #ffffff;
    fill-opacity:1;
}

.instagram-icon-1 {
    border: 1px solid #ACBFCA;
    border-radius: 50%;
    padding: 13px 11px 6px 12px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.instagram-icon-1:hover {
    background-color: #405de6;
    border: 1px solid transparent;
}

.instagram-icon-1:hover svg.instagram-svg-1 {
    fill: #ffffff;
    fill-opacity:1;
}

/*=========================*/
/*Privacy Statement Styling*/
/*=========================*/


.privacy-header {
    background: url(../images/privacy-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 411px;
    overflow: hidden;
}

.privacy-ginger-brand {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 30px 0 30px;
}

.ginger-brand, .privacy-ginger-brand {text-decoration: none;}
.privacy-header-title h1 {
    font-size: 48px;
    color: #FFFFFF;
    line-height: 60px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 700;
    max-width: 610px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 70px;
    padding: 0 30px;
}

.privacy-details{
    margin: 150px 0;
}
.privacy-headings h3 {
    font-size: 36px;
    color: #202020;
    line-height: 50px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    padding-bottom: 20px;
}

.privacy-headings-2 h3 {
    font-size: 28px;
    color: #202020;
    line-height: 30px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 15px;
}

.paragraph-space {padding-bottom: 50px;}
.paragraph-space-2 {padding-bottom: 40px;}
.triple-paragraph {padding-bottom: 100px;}
.privacy-paragraph p {
    font-size: 18px;
    color: #909090;
    line-height: 30px;
}

.privacy-left-paragraph {
    font-size: 18px;
    color: #909090;
    line-height: 30px;
    max-width: 400px;
}

.privacy-right-paragraph {
    font-size: 18px;
    color: #909090;
    line-height: 30px;
    max-width: 400px;
    margin-left: auto;
}

.privacy-link {padding: 30px 0;}
.pl a {
    text-decoration: none;
    font-size: 18px;
    color: #4C9CFE;
}

a.pl {
    text-decoration: none;
    font-size: 18px;
    color: #4C9CFE;
}

.privacy-ul-list ul li {
    list-style: none;
    font-size: 18px;
    color: #202020;
    line-height: 30px;
    font-family: "aktiv-grotesk-extended",sans-serif;
    font-weight: 600;
}

.privacy-img {
    width: 100%;
    margin: 60px 0;
}