/*  Kantar - Kantar Media
    ------------------------------------------------------------
    Author(s):
        Graphic Digital Agency


    Description:
        Global styles for "screen" media type

    Contents:
    	1. Imports
        2. Helpers
        3. Base
        4. Typography
        5. Structure
        6. Element styles
        7. Media queries
        8. Third party styles

    ------------------------------------------------------------
*/


/*  1. Imports
    -------------------------------------------------------------------------------- */

    /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
    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, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

/*  2. Helpers
    -------------------------------------------------------------------------------- */

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

    .clearfix:after {
        clear: both;
        content: '';
        display: block;
        font-size: 0;
        line-height: 0;
    }

    .clearfix { zoom: 1; }



/*  3. base
    -------------------------------------------------------------------------------- */

    body {
        width: 100%;
        min-width: 320px;
        font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        background-color: #ffffff;
        position: relative;
        overflow: hidden;
    }


/*  4. Typography
    -------------------------------------------------------------------------------- */

    @font-face {
	  font-family: 'kantar-brown-bold';
	  src: url('../fonts/KantarBrownWeb-Bold.eot');
	  src: url('../fonts/KantarBrownWeb-Bold.woff2') format('woff2'),
	       url('../fonts/KantarBrownWeb-Bold.woff') format('woff');
	}

	@font-face {
	  font-family: 'kantar-brown-light';
	  src: url('../fonts/KantarBrownWeb-Light.eot');
	  src: url('../fonts/KantarBrownWeb-Light.woff2') format('woff2'),
	       url('../fonts/KantarBrownWeb-Light.woff') format('woff');
	}

    .km_section-title {
		color: #50256A;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 22px;
    	padding-bottom: 8%;
    	word-wrap: break-word;
    }

    .km_section-title--white {
		color: #ffffff;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-transform: uppercase;
		font-size: 22px;
    	padding-bottom: 8%;
    	word-wrap: break-word;
    }

    .km_section-text {
		color: #A74B96;
		line-height: 1.2em;
		padding-bottom: 4%;
		word-wrap: break-word;
    }

    .km_section-text--white {
		color: #ffffff;
		line-height: 1.2em;
		padding-bottom: 4%;
		word-wrap: break-word;
    }

.km_section-text-large--white, .km_section-text-large--white a{
	color: #ffffff;
	font-size: 18px;
	line-height: 1.2em;
	padding-bottom: 4%;
	word-wrap: break-word;
}

    .km_section-text-large--purple {
    	color: #A74B96;
    	font-size: 18px;
		line-height: 1.2em;
		padding-bottom: 12%;
		word-wrap: break-word;
    }

    .km_primary-btn {
		width: auto;
		background: #A74B96;
		color: #ffffff;
		font-size: 14px;
		font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 10px 19px 7px;
		display: inline-block;
		word-wrap: break-word;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
    }

    .km_primary-btn:hover {
		background: #FF0080;
		color: #ffffff;
	}

    .km_primary-btn--large {
		width: auto;
		background: #A74B96;
		color: #ffffff;
		font-size: 18px;
		font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 20px 30px;
		display: inline-block;
		word-wrap: break-word;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
    }

    .km_primary-btn--large:hover {
		background: #FF0080;
		color: #ffffff;
	}

    .km_secondary-btn {
    	width: auto;
		background: #B7DB00;
		color: #50256A;
		font-size: 18px;
		font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 14px 20px 11px;
		display: inline-block;
		word-wrap: break-word;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
    }

   	.km_secondary-btn:hover {
	    background: #13C795;
	    color: #50256A;
	}

    .km_secondary-btn--large {
    	width: auto;
		background: #B7DB00;
		color: #50256A;
		font-size: 18px;
		font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
		font-weight: 800;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding: 20px 30px;
		display: inline-block;
		word-wrap: break-word;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
    }

	.km_secondary-btn--large:hover {
	    background: #13C795;
	    color: #50256A;
	}


/*  5. Structure
    -------------------------------------------------------------------------------- */

    .km_header {
    	width: 100%;
    	height: auto;
    	background: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 40;
    }

	.km_lang-select-cont {
	    display: inline-block;
	    width: 100%;
	    border-top: 1px solid grey;
	}

    .km_lang-select-selected{
		width: 92%;
		background-color: #ffffff;  
		background-image: url("../img/km_dropdown-select-header.svg");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		color: #000000;
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		padding: 20px 24px 20px 16px;
	    margin: 0 10px 0 0;
	    cursor: pointer;
	}

	.km_lang-select-dropdown {
		width: 100%;
	    position: relative;
		top: 10px;
	    left: 0px;
	    right: 0px;
	    display: none;
	}

	.km_lang-select-dropdown-list {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.km_lang-select-dropdown-anchor {
		width: 100%;
		background-color: #13C795;
		color: #2A5F76;
		text-decoration: none;
		padding: 16px 25px;
		border-top: 1px solid #2A5F76;
		display: block;
	}

	.km_lang-select-dropdown-anchor:hover {
		background-color: #2A5F76;
		color: #ffffff;
	}

	.km_lang-select-dropdown-anchor.active {
		background-color: #2A5F76;
		color: #ffffff;
	}

	.km_home-trigger {
		width: 100%;
		color: #000000;
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
	    border-top: 1px solid grey;
		display: inline-block;
		padding: 24px 16px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.km_home-trigger:hover {
		background: #a74f96;
		color: #FFFFFF;
	}

	.km_contact-anchor {
		width: 100%;
		color: #000000;
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
	    border-top: 1px solid grey;
		display: inline-block;
		padding: 24px 16px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.km_contact-anchor:hover {
		background: #a74f96;
		color: #FFFFFF;
	}
	
	.km_social-header-trigger {
		width: 100%;
		color: #000000;
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
	    border-top: 1px solid grey;
		display: inline-block;
		padding: 24px 16px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.km_social-header-trigger:hover {
		background: #a74f96;
		color: #FFFFFF;
	}

	.km_primary-btn--download {
		width: 100%;
		color: #000000;
		background: none;
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-align: left;
		font-weight: 500;
	    border-top: 1px solid grey;
		display: inline-block;
		padding: 24px 16px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.km_primary-btn--download:hover {
		background: #a74f96;
		color: #FFFFFF;
	}

    .km_section {
		width: 100%;
		position: relative;
    }

    .km_section--white {
    	background-color: #ffffff;
    }

    .km_section--purple {
    	background-color: #50256A;
    	background-image: url("../img/km_purple-bg.svg");
    	background-position: 0 0;
    	background-size: cover;
    }

    .km_section--teal {
    	background-color: #2A5F76;
    	background-image: url("../img/km_triangle-bg.svg");
    	background-position: 0 0;
    	background-size: cover;
    }

    .km_section--light-grey {
    	background-color: #EFEFEF;
    }


    .km_section-inner {
    	width: 100%;
    	max-width: 1440px;
    	margin: 0 auto;
		position: relative;
		padding: 20% 5%;
    }

    .km_col-1 {
		width: 100%;
		float: left;
    }

    .km_col-3 {
    	width: 100%;
    	float: left;
    }

    .km_col-4 {
    	width: 100%;
    	float: left;
    }

    .km_col-6 {
    	width: 100%;
    	float: left;
    }

    .km_col-12 {
    	width: 100%;
    	float: left;
    }


/*  6. Element styles
    -------------------------------------------------------------------------------- */

    .km_mobile-nav-anchor {
		width: 35px;
		height: 35px;
		position: absolute;
		margin: 0;
		top: 12px;
	    left: 10px;
		display: block;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
    }


	.km_mobile-nav-anchor span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #000000;
		border-radius: 4px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.km_mobile-nav-anchor span:nth-child(1) {
	  top: 0px;
	}

	.km_mobile-nav-anchor span:nth-child(2),
	.km_mobile-nav-anchor span:nth-child(3) {
	  top: 11px;
	}

	.km_mobile-nav-anchor span:nth-child(4) {
	  top: 22px;
	}

	.km_mobile-nav-anchor.open span:nth-child(1) {
	  top: 11px;
	  width: 0%;
	  left: 50%;
	}

	.km_mobile-nav-anchor.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	.km_mobile-nav-anchor.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	.km_mobile-nav-anchor.open span:nth-child(4) {
	  top: 11px;
	  width: 0%;
	  left: 50%;
	}

    .km_header-logo-cont {
		width: 60%;
	    margin: 16px auto;
    }

    .km_header-logo-anchor {
    	display: block;
    }

    .km_header-logo {
    	width: 90%;
    	max-width: 218px;
    	height: auto;
    }

    .km_nav-right {
    	display: none;
    }

    .km_main-loader {
    	width: 100%;
    	height: 100vh;
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: 30;
    	background: rgba(255,255,255, 0.8);
    	padding-top: 9%;
    }

    .km_main-loader-text {
    	color: #50256A;
    	text-align: center;
    	font-size: 18px;
		font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
		margin: 90px auto 0;
		padding-bottom: 10px;
    }

    .km_main-loader-bar {
    	background: #B7DB00;
    	width: 75%;
    	max-width: 300px;
	    height: 20px;
	    position: relative;
	    z-index: 31;
	    margin: 0 auto;
    }

	.km_main-loader-bar-inner {
		background: #50256A;
	    width: 0%;
	    height: 20px;
	    overflow:hidden;
	    -webkit-transition: width 3s ease-in-out;
	    -moz-transition: width 3s ease-in-out;
	    -o-transition: width 3s ease-in-out;
	    transition: width 3s ease-in-out;
	    display: block;
	}


    .km_intro-hero {
    	position: relative;
    }

    .km_header-intro {
    	width: 100%;
    	height: auto;
    }

    .km_hero-fixed-content {
    	width: 100%;
    	height: 100%;
    	background-color: #50256A;
    }

    .km_hero-inner {
		width: 100%;
		float: right;
		margin-top: 10%;
    }

    .km_intro-hero-h2 {
	    color: #ffffff;
	    text-align: right;
	    font-size: 44px;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	    padding: 12% 5% 0%;
	    word-wrap: break-word;
    }

    .km_intro-hero-h3 {
		color: #ffffff;
		font-size: 20px;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 5%;
		word-wrap: break-word;
    }

    .km_intro-hero-h3 span{
		color: #ffffff;
		font-size: 20px;
		font-weight: 800;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 0px;
		word-wrap: break-word;
    }

    .km_hero-float-content {
    	background-color: #50256A;
    	margin-bottom: -4%;
    }

    .km_section-title--overview {
    	margin-top: -10%;
    }

    .km_video-cont {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.km_video-cont iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.km_video-title {
		width: 100%;
		color: #50256A;
		font-size: 18px;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-transform: uppercase;
		padding: 20px 0 8px;
		word-wrap: break-word;
	}

	.km_video-description {
		width: 100%;
		color: #A74B96;
		word-wrap: break-word;
	}

	.km_overview-fact-cont {
		padding: 60px 0 20px;
	}

	.km_overview-fact {
		padding: 0 0 40px;
	}

	.km_overview-fact-num {
		width: 100%;
		color: #B7DB00;
		font-size: 100px;
		line-height: 1em;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-align: center;
		display: block;
		word-wrap: break-word;

	}

	.km_overview-fact-text {
		width: 100%;
		color: #50256A;
		font-size: 26px;
		line-height: 1em;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-align: center;
		margin-top: -16px;
		word-wrap: break-word;
	}

	.km_btn-cont {
		text-align: center;
		padding: 2% 0 0;
	}

	.km_key-findings-cont {
		padding: 10% 0;
	}

	.km_list-header {
		width: 100%;
		color: #13C795;
		font-size: 18px;
    	line-height: 30px;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-transform: uppercase;
		border-bottom: 2px solid #13C795;
		margin-bottom: 12%;
	}

	.km_list-hero {
		width: 100%;
		position: relative;
		margin-bottom: 10%;
	}

	.km_consumer-stat {
		width: 100%;
		color: #B7DB00;
		font-size: 60px;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-align: center;
		word-wrap: break-word;
	}

	.km_consumer-stat-text {
		width: 100%;
		color: #B7DB00;
		font-size: 18px;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		text-align: center;
		word-wrap: break-word;
	}

	.km_findings-list {
		width: 100%;
		margin: 0;
		padding: 0;
		display: inline-block;
	}

	.km_findings-listitem {
		width: 100%;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}

	.km_findings-header {
		width: 100%;
		height: auto;
		min-height: 60px;
		background: url('../img/km_finding-bg.png') repeat-x left center;
		position: relative;
	}

	.km__finding-icon {
		width: 50px;
		height: 50px;
		border: 1px solid #ffffff;
		margin-left: 5%;
    	margin-top: 4px;
	}

	.km_findings-list-text {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.1em;
		padding: 4% 0 7%;
		word-wrap: break-word;
	}

	.km_findings-list-footer {
		width: 100%;
		border-bottom: 1px solid #ffffff;
		display: inline-block;
		vertical-align: bottom;
	}

	.km_list-break-title {
		padding: 10% 0;
		text-align: center;
		font-size: 18px;
		word-wrap: break-word;
	}

	.km_section-title--country {
		padding-bottom: 2%;
	}

	.km_country-subtitle {
		color: #A74B96;
		font-size: 18px;
		word-wrap: break-word;
	}

	.km_country-find-select-cont {
		width: 100%;
		position: relative;
		margin-bottom: 5%;
		float: right;
	}

	.km_country-find-select {
		width: auto;
		background-color: #ffffff;  
		background-image: url("../img/km_dropdown-select.svg");
		background-repeat: no-repeat;
		background-position: 100% 50%;
		color: #13C795;
		font-weight: 800;
		font-size: 18px;
	    direction: rtl;
		padding: 24px 30px 18px 20px;
		border-bottom: 1px solid #2b5f77;
		cursor: pointer;
	}

	.km_fact-select-dropdown {
		width: 250px;
	    position: absolute;
		top: 100%;
	    right: 0px;
	    display: none;
	}

	.km_fact-select-dropdown-list {
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.km_fact-select-dropdown-anchor {
		width: 100%;
		background-color: #13C795;
		color: #2A5F76;
		text-decoration: none;
		padding: 16px 25px;
		border-top: 1px solid #2A5F76;
		display: block;
	}

	.km_fact-select-dropdown-anchor:hover {
		background-color: #2A5F76;
		color: #ffffff;
	}

	.km_fact-select-dropdown-anchor.active {
		background-color: #2A5F76;
		color: #ffffff;
	}

	.km_stat-dial {
		width: 100%;
		float: left;
		margin-bottom: 5%;
	}

	.km_stat-dial-img {
	    width: 60%;
	    height: auto;
	    display: block;
	    margin: 0 auto;
	}

	.km_stat-dial-text {
		width: 100%;
		color: #50256A;
		line-height: 1.1em;
		text-align: center;
		word-wrap: break-word;
		padding: 5% 20%;
	}

	.km_stat-source-text { 
		width: 100%;
		color: #50256A;
		line-height: 1.1em;
		text-align: left
		word-wrap: break-word;
		padding: 5% 0;
	}

	.km_quote-content {
		width: 100%;
	}

	.km_quote {
		width: 100%;
	}

	.km_quote-top-img {
		width: 46px;
		height: auto;
	}

	.km_quote-bottom-img {
		width: 46px;
		height: auto;
		margin-left: 20%;
	}

	.km_quote-text {
		color: #A74B96;
	    font-size: 30px;
	    line-height: 1.2em;
	    padding: 4% 0;
	}

	.km_quote-author {
		color: #2A5F76;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		line-height: 1.2em;
		padding-top: 10%;
	}

	.km_quote-author-pos {
		color: #2A5F76;
		padding-bottom: 10%;
	}


	.km_recommend-list {
		width: 100%;
		margin: 10% 0 0 0;
		padding: 0;
		display: inline-block;
	}

	.km_recommend-listitem {
		width: 100%;
		list-style: none;
		margin: 0 0 10% 0;
		padding: 0;
		display: inline-block;
	}

	.hm_recommend-icon-img {
		width: 60%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.hm_recommend-title {
		color: #ffffff;
		font-family: 'kantar-brown-bold', Arial, helvetica, sans-serif;
		font-size: 18px;
		line-height: 1.2em;
		text-align: center;
		margin: 8% 0 5%;
	}

	.km_recommend-listitem .km_section-text--white {
	    text-align: center;
	}

	.km_media-block {
		margin-bottom: 10%;
	}

	.km_social-footer {
		background: #262626;
	}

	.km_social-footer .km_section-inner {
		padding: 5%;
	}

	.km_social-footer .km_section-text--white {
		width: 100%;
		font-weight: 800;
		display: inline-block;
	}

	.km_social-footer-list, .km_pages-footer-list  {
		width: 100%;
		display: inline-block;
	}

	.km_social-footer-listitem , .km_page-footer-listitem{
		width: auto;
		display: inline-block;
	}
	.km_page-footer-listitem  a{
		padding-left:10px;
		color:white
	}

	.km_social-footer-anchor--linkedin {
		width: 50px;
		height: 40px;
		background: url("../img/km_social-linkedin.svg") no-repeat center center;
		padding: 14px;
		display: inline-block;
	}

	.km_social-footer-anchor--linkedin:hover {
		background: url("../img/km_social-linkedin-hover.svg") no-repeat center center;
	}

	.km_social-footer-anchor--twitter {
		width: 50px;
		height: 40px;
		background: url("../img/km_social-twitter.svg") no-repeat center center;
		padding: 14px 23px;
		display: inline-block;
	}

	.km_social-footer-anchor--twitter:hover {
		background: url("../img/km_social-twitter-hover.svg") no-repeat center center;
	}

	.km_social-footer-anchor--facebook {
		width: 50px;
		height: 40px;
		background: url("../img/km_social-facebook.svg") no-repeat center center;
		padding: 14px;
		display: inline-block;
	}

	.km_social-footer-anchor--facebook:hover {
		background: url("../img/km_social-facebook-hover.svg") no-repeat center center;
	}

	.km_social-footer-anchor--youtube {
		width: 50px;
		height: 40px;
		background: url("../img/km_social-youtube.svg") no-repeat center center;
		padding: 14px;
		display: inline-block;
	}

	.km_social-footer-anchor--youtube:hover {
		background: url("../img/km_social-youtube-hover.svg") no-repeat center center;
	}

	.km_social-footer-anchor--instagram {
		width: 50px;
		height: 40px;
		background: url("../img/km_social-instagram.svg") no-repeat center center;
		padding: 14px;
		display: inline-block;
	}
	
	.km_social-footer-anchor--instagram:hover {
		background: url("../img/km_social-instagram-hover.svg") no-repeat center center;
	}

	.km_section--thanks {
    	padding-top: 20%;
	}

	.km_section--thanks .km_section-inner {
	    padding: 9% 12% 0%;
	}

	.km_thanks-button {
	    font-size: 16px;
	    background: transparent;
	    border: 1px solid #13C795 !important;
	    color: #13C795;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	    font-weight: 800;
	    text-decoration: none;
	    border-radius: 0px;
	    padding: 20px 30px;
	    display: inline-block;
	   	margin-top: 5%;
	   	margin-bottom: 25%;
	    -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.km_thanks-button:hover {
		background: #13C795;
		color: #ffffff;
	}


/*  7. Media queries
	-------------------------------------------------------------------------------- */

	/* 
	    midMobile:      480px (30em),
	    largerMobile:   620px (38.75em),
	    tablet:  		720px (45em),
	    largerTablet: 	820px (51.25em),
	    desktop: 		960px (60em),
	    largerDesktop: 	1200px (75em)
    */

	/* mid mobile */
    @media all and (min-width: 30em) {

    	/* typography */

    	.km_section-title {
    		font-size: 30px;
    	}

    	.km_section-title--white {
    		font-size: 30px;
    	}

    	/* main hero */

    	.km_intro-hero-h2 {
			font-size: 56px;
			padding: 50px 5% 0%;
    	}

    	.km_intro-hero-h3,
    	.km_intro-hero-h3 span {
    		font-size: 24px;
    	}

    	/* overview */

    	.km_btn-cont {
		    padding: 2% 0 5%;
		}

		/*country findings */

		.km_stat-dial {
			width: 50%;
			float: left;
			margin-top: 5%;
			margin-bottom: 5%;
		}
    }
	
	/* larger mobile */
    @media all and (min-width: 38.75em) {

    	.km_findings-listitem {
			width: 45%;
			margin-left: 2%;
			margin-right: 2%;
		}

		.km_recommend-list {
			margin: 10% 0 0 0;
		}

		.km_recommend-listitem {
			width: 49%;
			margin: 0 0 10% 0;
			vertical-align: top;
		}

		.hm_recommend-icon-img--agencies {
    		width: 37%;
		}

		.hm_recommend-icon-img--adtech {
    		width: 32%;
		}

		.km_recommend-listitem .km_section-text--white {
			padding-left:5%;
			padding-right:5%;
		}

		/* Social footer */

		.km_social-footer .km_section-inner {
		    padding: 3% 5%;
		}

		.km_social-footer .km_section-text--white {
			width: auto;
			font-weight: 800;
			display: inline-block;
			margin-top: -7px;
    		vertical-align: middle;
    		padding-right: 15px;
		}

		.km_social-footer-list, .km_pages-footer-list {
			width: auto;
			display: inline-block;
			vertical-align: middle;
			margin-top: -4%;
		}
    }

	/* tablet */
    @media all and (min-width: 45em) {

	  	.km_section-inner {
			padding: 12%;
	    }

    	.km_col-1 {
			width: 8.3333333%;
	    }

	    .km_col-3 {
	    	width: 25%;
	    }

	    .km_col-4 {
	    	width: 33.3333333333%;
	    }

	    .km_col-6 {
	    	width: 50%;
	    }

	    /* intro */

	    .km_intro-hero {
		    margin-top: 5%;
		}

		.km_hero-fixed-content {
	    	width: 100%;
	    	height: 100%;
	    	background-color: #50256A;
		   	position: fixed;
			top: 0;
			left: 0;
			z-index: -1;
	    }

	    .km_hero-inner {
			width: 48%;
			float: right;
			margin-top: 16%;
			margin-right: 12%;
	    }

	    .km_intro-hero-h2 {
		    font-size: 54px;
		    text-align: right;
		    padding: 0 0 14px 0;
		}

		.km_intro-hero-h3,
    	.km_intro-hero-h3 span {
    		font-size: 22px;
    		padding: 0;
    	}

	    .km_hero-float-content {
	    	background-color: transparent;
	    	margin-bottom: -4%;
	    }

	    /* overview section */

	    .km_overview-text {
			padding-right: 1%;
	    }

	    .km_overview-video {
			padding-left: 2%;
	    }

	    .km_overview-fact-num {
		    font-size: 72px; 
	    }

	    .km_overview-fact-text {
		    font-size: 20px;
		    margin-top: -8px;
		}

		.km_btn-cont {
		    padding: 2% 0 0;
		}

		/* key finding */

		.km_key-finding-btn {
			position: absolute;
		    top: 1.2%;
		    right: 12%;
		}

		.km_key-findings-cont {
		    padding: 0;
		}
		.km_list-header {
		    margin-bottom: 6%;
		}

		.km_list-hero {
		    margin-bottom: 6%;
		}

		.km_findings-listitem {
			width: 29.9%;
			margin-left: 3%;
			margin-right: 0;
		}

		.km_findings-listitem:first-child {
			width: 29.9%;
			margin-left: 0;
			margin-right: 0;
		}

		.km_findings-listitem:nth-child(4) {
			width: 29.9%;
			margin-left: 0;
			margin-right: 0;
		}

		.km_list-break-title {
		    padding: 2% 0;
		}

		/* country findings */

		.km_country-find-select-cont {
		    width: 27.6%;
		    position: absolute;
		    top: 6%;
		    right: 12%;
		    text-align: right;
		    float: none;
		}

		.km_quote-content {
		    width: 100%;
		    padding-right: 2%;
		}

		.km_quote-author {
			font-size: 20px;
			padding-top: 40%;
			padding-left: 2%;
		}

		.km_quote-author-pos {
			font-size: 20px;
		    padding-left: 2%;
		}

		/* Want more */

		.km_media-block {
		    margin-bottom: 0;
		    padding: 0 2% 0 0;
		}

	 }

	/* larger tablet */
    @media all and (min-width: 51.25em) {

    	.km_header {
	    	min-height: 105px;
	    }

		.km_section-text-large--white, .km_section-text-large--white a {
			font-size: 22px;
		}
		
		.km_section-text-large--purple {
			font-size: 22px;
    	}

    	.km_header-logo-cont {
			width: 23%;
			padding-top: 4%;
		    padding-left: 2%;
		    float: left;
		    margin: 0;
    	}

    	.km_header-logo {
	    	width: 100%;
	    }

    	.km_nav-right {
    		width: 60%;
    		float: right;
    		text-align: right;
    		margin-top: 2%;
    		display: block;
    	}


    	.km_mobile-nav-anchor {
			display: none;
    	}

	    .km_lang-select-cont {
		    display: inline-block;
		    width: auto;
		    text-align: left;
		    border-top: 0px none;
		    position: relative;
		}

		.km_lang-select-cont-inner {

		}

		.km_lang-select-selected {
			width: 100%;
			background-color: #ffffff;  
			background-image: url("../img/km_dropdown-select-header.svg");
			background-repeat: no-repeat;
			background-position: 100% 50%;
			color: #000000;
			font-family: Arial, helvetica, sans-serif;
			font-size: 16px;
			text-transform: capitalize;
			padding: 20px 24px 20px;
			display: block;
			cursor: pointer;
		}
		
		.km_lang-select-dropdown {
			width: 250px;
		    position: absolute;
			top: 155%;
		    left: 0px;
		    right: 0px;
		    display: none;
		}

		.km_lang-select-dropdown-list {
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.km_lang-select-dropdown-anchor {
			width: 100%;
			background-color: #13C795;
			color: #2A5F76;
			text-decoration: none;
			padding: 16px 25px;
			border-top: 1px solid #2A5F76;
			display: block;
		}

		.km_lang-select-dropdown-anchor:hover {
			background-color: #2A5F76;
			color: #ffffff;
		}

		.km_lang-select-dropdown-anchor.active {
			background-color: #2A5F76;
			color: #ffffff;
		}

		.km_home-trigger {
			display: none;
		}

		.km_contact-anchor {
			width: auto;
			color: #000000;
			font-family: Arial, helvetica, sans-serif;
			font-size: 16px;
			text-decoration: none;
			text-transform: capitalize;
			display: inline;
			border-top: 0px none;
			text-align: left;
			padding: 0;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.km_contact-anchor:hover {
			background: none;
			color: #FF0080;
		}
		
		.km_social-header-trigger {
			width: 28px;
			height: 31px;
			background: url("../img/km-social-header-trigger.svg") no-repeat 0 0 transparent;
			display: inline-block;
			vertical-align: middle;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
			text-indent: 9999px;
			border-top: 0px none;
			padding: 0;
		}

		.km_social-header-trigger:hover {
			background: url("../img/km-social-header-trigger-hover.svg") no-repeat 0 0 transparent;
		}

		.km_social-header-list {
			display: none;
		}

		.km_primary-btn--download {
			width: auto;
			background: #A74B96;
			color: #ffffff;
			font-size: 14px;
			font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
			text-decoration: none;
			text-align: center;
			font-weight: 800;
		    border-top: 0px none;
			padding: 10px 19px 7px;
			word-wrap: break-word;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
			display: inline;
		}

		.km_primary-btn--download:hover {
			background: #FF0080;
			color: #ffffff;
		}


    	.km_lang-select {
			margin: 0 2%;
    	}

    	.km_contact-anchor {
    		margin: 0 3%;
    	}

    	.km_primary-btn--download {
		    margin: 5%;
		}

    	.km_hero-float-content {
		    margin-top: 9%;
		}

		.km_hero-inner {
		    margin-top: 22%;
		}

		/*country findings */

		.km_stat-dial {
			width: 25%;
			float: left;
			margin-top: 5%;
			margin-bottom: 5%;
		}

		.km_stat-dial-img {
		    width: 82%;
		}

		.km_stat-dial-text {
		    padding: 10% 9%;
		}

		.km_country-find-select-cont {
			top: 11%;
		}

		/* Recommended */

		.hm_recommend-title {
		    font-size: 20px;
		}
    }

	/* desktop */
    @media all and (min-width: 60em) {


    	.km_section-title {
		    font-size: 40px;
		}

		.km_section-title--white {
		    font-size: 40px;
		}

		.km_section-text-large--white, .km_section-text-large--white a {
			font-size: 24px;
			padding-bottom: 2%;
		}

		.km_section-text-large--purple {
			font-size: 24px;
		    padding-bottom: 8%;
    	}

		/* intro */
		.km_intro-hero {
		    margin-top: 0;
		}

    	.km_hero-inner {
    		margin-top: 20%;
		    margin-right: 15%;
		}

		.km_intro-hero-h2 {
		    font-size: 65px;
		}

		.km_intro-hero-h3, 
		.km_intro-hero-h3 span {
		    font-size: 26px;
		}

		.km_overview-text .km_section-text {
			font-size: 18px;
		}

		.km_overview-fact-num {
		    font-size: 96px;
		}

		.km_overview-fact-text {
		    font-size: 22px;
		    margin-top: -15px;
		}

		/* Key findings */

		.km_key-finding-btn {
		    top: 5%;
		}

		.km_list-hero {
		    margin-bottom: 4%;
		}

		.km_list-header {
			margin-top: 3%;
		    margin-bottom: 5%;
		}

		.km_consumer-stat {
		    font-size: 70px;
		}

		.km_findings-list__leader {
			margin-bottom: 10px;
		}

		/* Country findings */

		.km_section-title--country {
			padding-bottom: 0;
		}

		.km_country-subtitle {
			font-size: 24px;
		}

		.km_country-find-select-cont {
			width: 19.6%;
			top: 9%;
			right: 12%;
		}

		.km_quote-author {
		    padding-top: 30%;
		    padding-left: 10%;
		}

		.km_quote-author-pos {
		    padding-left: 10%;
		}

		/* recommend */

		.km_recommend-list {
		    margin: 0;
		}

		.km_recommend-listitem {
		    margin: 5% 0 0;
		}

		/* social footer */

		.km_social-footer .km_section-inner {
		    padding: 3% 5% 1%;
		}

		.km_social-footer .km_section-text--white {
		    margin-top: 6px;
		}

		/* Thank you page */

		.km_section--thanks {
			height: 90vh;
			padding-top: 8%;
		}

		.km_thanks-button {
		   	margin-top: 0;
		   	margin-bottom: 5%;
		}

		.km_section--thanks .km_section-text-large--purple {
		    padding-bottom: 6%;
		}

    }
	
	/* larger desktop */
    @media all and (min-width: 75em) {

    	.km_header-logo-cont {
    		padding-top: 40px;
    	}

    	.km_nav-right {
    		margin-top: 1.4%;
    	}

    	.km_section-inner {
		    padding: 9% 12% 11%;
		}

		.km_section-title,
		.km_section-title--white {
			padding-bottom: 6%;
		}

    	.km_hero-inner {
		    margin-top: 22%;
		    margin-right: 16%;
		}

		.km_intro-hero-h2 {
		    font-size: 90px;
		}

		.km_intro-hero-h3, 
		.km_intro-hero-h3 span {
		    font-size: 35px;
		}

		/* Overview */

		.km_overview-text .km_section-text {
		    font-size: 20px;
		}

		.km_overview-fact-num {
		    font-size: 110px;
		}

		/* Country findings */

		.km_section-title--country {
			padding-bottom: 0;
		}

		.km_quote-text {
		    font-size: 38px;
		}

		.km_quote-author {
		    padding-top: 28%;
		}

		/* recommend */

		.hm_recommend-icon-img {
		    width: 43%;
		}

		.hm_recommend-icon-img--agencies {
    		width: 26%;
		}

		.hm_recommend-icon-img--adtech {
    		width: 23%;
		}

        .recommend-standard {
            height:128px;
        }


    }

/*  8. Third party styles
	-------------------------------------------------------------------------------- */

	/* JotForm overrides */


    @font-face {
	  font-family: 'kantar-brown-bold';
	  src: url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Bold.eot');
	  src: url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Bold.woff2') format('woff2'),
	       url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Bold.woff') format('woff');
	}

	@font-face {
	  font-family: 'kantar-brown-light';
	  src: url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Light.eot');
	  src: url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Light.woff2') format('woff2'),
	       url('http://www.kantarmedia.com/assets/fonts/KantarBrown/KantarBrownWeb-Light.woff') format('woff');
	}

	.jotform-form {
	    padding: 0;
	    background-color: #EFEFEF !important;
	}

	.supernova {
	    background-color: transparent;
	}

	.supernova .form-all, 
	.form-all {
		width: 100%;
		max-width: 100%;
	    background-color: #EFEFEF !important;
	    border: 0px none !important;
	    border-top: 1px solid #CCCCCC !important;
	    border-bottom: 1px solid #CCCCCC !important;
	    border-radius: 0px;
	}

	.form-header-group .form-header {
	    color: #50256A;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	}

	.form-header-group {
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	    margin: 0px !important;
	}

	div.form-header-group {
	    padding: 10px 0px !important;
	    margin: 0 12px 2% !important;
	    margin-left: 3.5% !important;
	    margin-right: 5% !important;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    border: 0px none;
	}

	.form-line {
	    margin-top: 0px;
	    margin-bottom: 0px;
	}

	.form-required {
	    margin-left: 0;
	    color: #A74B96;
	}

	.form-label {
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	    font-weight: 800;
	}

	.form-label-left {
	    width: 100px !important;
	}

	.form-all .form-textbox {
	    width: 292px;
	    height: 22px;
	    border-radius: 5px;
	    border: 1px solid #c1c1c1;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	}

	.form-dropdown {
		width: 300px !important;
	    height: 30px;
	    background-color: #fff;
	    border-radius: 5px;
	    border: 1px solid #c1c1c1;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	}

	.form-all .form-textarea {
	    border-radius: 5px;
	    border: 1px solid #c1c1c1;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	}

	.form-all .form-submit-button {
	    font-size: 16px;
	    background: transparent;
	    border: 1px solid #13C795 !important;
	    color: #13C795;
	    font-family: 'kantar-brown-light', Arial, helvetica, sans-serif;
	    font-weight: 800;
	    border-radius: 0px;
	    box-shadow: none;
	    text-shadow: none;
	    -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.form-submit-button-simple_white:hover {
		background: #13C795 !important;
		color: #ffffff !important;
		border: 1px solid #13C795 !important;
	}

	@media screen and (min-width: 768px) {
		.jotform-form {
		    padding: 0 !important;
		}
	}

.tri-padded {
	margin-bottom: 20px !important;
}