@import url("https://use.typekit.net/loq6ntn.css");

/* normalize */
audio, canvas, video {display:inline-block;} audio:not([controls]) {display:none; height:0;} [hidden], template {display:none;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} a:focus {outline:0;} a:active, a:hover, input {outline:0;} abbr[title] {border-bottom: 1px dotted;} dfn {font-style:italic;} hr {-moz-box-sizing:content-box; box-sizing:content-box; height:0;} mark {background:#ff0; color:#000;} code, kbd, pre, samp {font-family:monospace, serif; font-size:1em;} pre {white-space:pre-wrap;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} img {border:0;} svg:not(:root) {overflow:hidden;} figure {margin:0;} fieldset {border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em;} legend {border:0; padding:0;} button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;} button, input {line-height:normal;} button, select {text-transform:none;} button, html input[type='button'], input[type='reset'], input[type='submit'] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} input[type='checkbox'], input[type='radio'] {box-sizing:border-box; /* 1 */ padding:0; /* 2 */} input[type='search'] {-webkit-appearance:textfield; /* 1 */ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; /* 2 */ box-sizing:content-box;} input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} textarea {overflow:auto; vertical-align:top;} table {border-collapse:collapse; border-spacing:0;}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} ul, ol {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

/* base */
::selection {color:#ffffff; background-color:#ea8e00;}
::-moz-selection {color:#ffffff; background-color:#ea8e00;}

body {overflow-x:hidden; color:#fff; font:400 1em/1em program, sans-serif; text-align:center;
	background: url("bg.jpg") top center no-repeat #080707;
	background-size: 100% auto;
}

html {-webkit-text-size-adjust:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

img.full {display:block; width:100%;}

a {color:#fff; text-decoration:none;}

.clear {clear:both;}

#content {
	position: relative;
	z-index: 100;
	padding: 2em;
}

.text-hold {width:60%; margin:0 auto;}

/* styles */
h1, h2, h3, h5 {font-weight:700; text-transform:uppercase; letter-spacing:.1em;}

h1 {margin-bottom:.5em; font-size:200%; line-height:120%;}
h2 {font-size:70%; line-height:120%;}
h3 {font-size:130%; line-height:120%;}
h5 {font-size:130%; line-height:100%;}

p {font-size:90%; line-height:150%;}
p+p {margin-top:1em;}

p.notice {margin-top:1em; font-size:60%;}

.cta-button,
.nav-button a
{cursor:pointer; display:inline-block; padding:1.5em; padding-bottom:1.4em; border:2px solid transparent; color:#fff; font-size:70%; font-weight:800; line-height:100%; letter-spacing:.1em; text-transform:uppercase;border-radius: 10px;}

.cta-margin {margin-top:2em;}

.nav-button {text-transform:uppercase;}
.nav-button li {display:inline-block; margin:0 .15em;}
.nav-button a {display:block;}
.nav-button .button-title {margin-right:1em; font-size:50%; letter-spacing:.2em;}

.cta-button i,
.nav-button a i
{display:inline-block; vertical-align:1px; transform:scale(1.1);}
.icon-float-right i {margin-left:.75em; transform-origin:center left;}
.icon-float-left i {margin-right:.75em; transform-origin:center right;}

.cta-line {border-color:#fff !important; color:#fff !important; background:transparent !important;}

.cta-button:hover,
.cta-line:hover
{border-color:transparent;}

.cta-small,
.nav-button a 
{padding:1.4em; font-size:50%; line-height:100%;}

.cta-black, .cta-line.cta-black {border-color:#000 !important; color:#000 !important;}

.colour-black {color:#000;}

.text-center {text-align:center;}
.text-uderline {text-decoration:underline;}

.widget {background:#ffa62c; border-radius:10px;}
.bg-red {background-color:#ea8e00;}

/* header */
.header-share {float:left;}
.header-button {float:right;}

/* intro */
.intro {
	position: relative;
	margin: 6em auto 2em auto;
	padding: 2em;
	background-image: url(foto-ivete.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 40% auto;
	background-color: transparent;
}

.intro:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 5px;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(208,36,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(208,36,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(208,36,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffa62c',GradientType=0 ); /* IE6-9 */
}

.float-left,
.float-right
{float:left;}

.float-left {width:60%; border-right:2em solid transparent;}
.float-right {width:40%;}

.float-right img {display:block; width:100%;}

.embed-video {overflow:hidden; position:relative; height:0; margin-top:1em; padding:0 0 56.25% 0 !important;}
.embed-video iframe,
.embed-video object,
.embed-video embed
{position:absolute; top:0; left:0; width:100%; height:100%;}

/* gallery */
.gallery {margin:2em 0; padding:2em;}

.gallery .text-hold {margin:.5em auto 2em auto;}

/* side */
.playlist-box,
.newsletter-box
{float:left;}

.playlist-box {width:40%;}
.newsletter-box {width:60%; border-left:2em solid transparent;}

.playlist-box iframe {display:block; width:100%; height:400px; margin-bottom:1em;}

.newsletter-box {position:relative; padding:2em;}
.newsletter-box:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(bg-blue.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #056ab0;
	border-radius: 5px;
}

.newsletter-box p {margin:1em 0 2em 0;}

/* footer */
.footer {margin-top:2em; padding:2em;}

.footer-follow {margin-bottom:2em;}

.footer img {width:0 auto; height:3em;}
.footer p {margin-top:1em; font-size:50%; line-height:100%;}
.footer p a {font-weight:800;}

.footer br {display:none;}

@media only screen
and (min-device-width:300px)
and (max-device-width:760px)
	{		
		body {
			background-size: 150% auto;
		}
		
		#content {padding:0;}
		.text-hold {width:100%;}

		/* styles */
		h1 {font-size:150%;}
		h2 {font-size:80%;}
		h5 {font-size:120%;}
		
		.cta-button
		{display:block; font-size:70%; text-align:center;}
		
		.nav-button li {display:block; margin:0;}
		.nav-button li+li {margin-top:.5em;}
		.nav-button .button-title {margin-right:0;}
		
		.cta-small,
		.nav-button a
		{font-size:70%; line-height:100%;}
		
		.widget {border-radius:0;}

		/* header */
		.header {padding:1.5em 1em; text-align:center;}

		.header-share {display:none;}
		.header-button {float:none;}
		
		/* intro */
		.intro {
			margin: 0;
			padding: 13em 2em 2em 2em;
			background-image: url(foto-ivete-mobile.png);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: auto 20em;
		}
		
		.intro:after {
			border-radius: 0;
		}
		
		.float-left,
		.float-right
		{float:none; width:100%; border:0;}

		.float-right {}
		
		/* gallery */
		.gallery {margin:0; padding:1.5em 1em;}
		
		/* side */
		.playlist-box,
		.newsletter-box
		{float:none; width:100%; border-width:0;}
		
		.playlist-box iframe {height:80px; margin:0;}
		
		.newsletter-box {padding:1.5em 1em;}
		.newsletter-box:after {border-radius:0;}

		/* footer */
		.footer {margin:0; padding:1.5em 1em;}

		.footer p {font-size:70%; line-height:140%;}

		.footer br {display:block;}
		.footer .dash {display:none;}
	
	}

/* cookie bar */
.cookies-bar {position:fixed; z-index:999; right:1em; bottom:1em; padding:.5em .5em .5em 1em; color:#fff; background:rgba(0,0,0,.8);}
.cookies-bar:after {content:''; display:table; clear:both;}

.text-cookie {float:left; padding-top:.8em; font-size:65%; line-height:120%;}
.buttons-cookie {float:right; width:auto; padding-left:.5em; white-space:nowrap;}

.buttons-cookie .cta-button {font-size:45% !important;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.cookies-bar {right:0; bottom:0; left:0; padding:1em; border-radius:0; text-align:center;}
	.text-cookie, .buttons-cookie {float:none; padding:0;}
	.text-cookie {margin-bottom:1em; font-size:70;}
}

/* terms */
.terms-hold {padding:2em; color:#000; background:#f1f1f1;}
.terms h2 {margin-bottom:1em;}
.terms p {font-size:70%;}

.terms {overflow:hidden; display:none; height:0;}
.terms.show {display:block; height:auto;}

@media only screen
and (min-device-width:300px) 
and (max-device-width:800px)
{
	.terms-hold {margin:0; padding:1.5em 1em;}
}

/* icons */
@font-face{font-family:fontello; src:url(icon.woff) format('woff'); font-weight:400; font-style:normal;}
[class*=" icon-"]:before, [class^=icon-]:before {font-family:fontello; font-style:normal; font-weight:400; speak:none; display:inline-block; text-decoration:inherit; width:1em; text-align:center; font-variant:normal; text-transform:none; line-height:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

.icon-camera:before { content: '\e800'; } /* '' */
.icon-down:before { content: '\e801'; } /* '' */
.icon-headphones:before { content: '\e802'; } /* '' */
.icon-play:before { content: '\e803'; } /* '' */
.icon-close:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-chevron-right:before { content: '\e806'; } /* '' */
.icon-chevron-left:before { content: '\e807'; } /* '' */
.icon-right:before { content: '\e808'; } /* '' */
.icon-ok:before { content: '\e809'; } /* '' */
.icon-ccw:before { content: '\e80a'; } /* '' */
.icon-plus:before { content: '\e80b'; } /* '' */
.icon-minus:before { content: '\e80c'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-eraser:before { content: '\f12d'; } /* '' */
.icon-vevo:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-spotify:before { content: '\f1bc'; } /* '' */
.icon-copy:before { content: '\f1f9'; } /* '' */
.icon-brush:before { content: '\f1fc'; } /* '' */