/*
	Theme Name: Justine Clarke
	Description: Justine Clake's New webiste
	Version: 1.0
	Author: Steven Dean
	Author URI: http://www.stevendean.com.au
*/
@font-face{font-family:Pluto;src:url(fonts/pluto/PlutoCondBold.otf) format("opentype"),url(fonts/pluto/PlutoCondBold.woff) format("woff")}
@font-face{font-family:Gotham;src:url(fonts/gotham/GothamNarrow-Medium.otf) format("opentype"),url(fonts/gotham/GothamNarrow-Medium.woff) format("woff")}
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
*,:before,:after{box-sizing:inherit;z-index:1}
a{text-decoration:none;color:#de5d83;text-decoration:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
a img{border:0}
.clear{clear:both}
html{box-sizing:border-box;height:100%}
body{font-size:100%;font-family:'Open Sans',sans-serif;overflow-x:hidden;height:100%;color:#383838;position:relative}
input{-webkit-appearance:none}
.site{height:100%}
h1,h2,h3,h4,h5,h6{font-family:"Pluto",sans-serif;color:#383838;font-weight:400;line-height:1.2}
h1{font-size:2em}
h2{font-size:2.5em}
h3{font-size:2em}
h4{font-size:1.5em}
h5{font-size:1em}
h6{font-size:.7em}
p{font-family:"Gotham",Sans-serif;margin:5px 0;font-size:14px;color:#383838}
.wrap{width:1000px;margin:0 auto;position:relative}
.wrap:after{content:"";display:table;clear:both}
strong{font-weight:700}
#notify-email,#notify-btn{display:none!important}
header{position:absolute;width:100%;top:0;left:0;z-index:9;padding:20px}
.logo{background:url(images/logo.png) no-repeat;position:absolute;width:600px;padding:15px 30px;height:100px;text-indent:-9999em;transform:translateX(-50%);left:50%;background-size:contain;background-repeat:no-repeat}
.header-nav{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:90%}
.header-nav .menu{position:relative;font-size:14px;text-transform:uppercase;z-index:90;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;right:0;text-align:center}
.header-nav .menu:after{content:"";display:table;clear:both}
.header-nav li{position:relative;display:inline-block;list-style:none;margin:0 15px;font-family:"Pluto",sans-serif;color:#fff}
.header-nav li a{padding:20px;display:block;color:#fff;font-size:1.3rem;cursor:pointer;text-shadow:0 0 10px #3eb2ea,0 0 20px #3eb2ea,0 0 30px #3eb2ea,0 0 45px #3eb2ea,0 0 55px #3eb2ea;-webkit-transition:text-shadow .3s ease;-moz-transition:text-shadow .3s ease;-o-transition:text-shadow .3s ease;transition:text-shadow .3s ease}
.header-nav li a:hover{text-shadow:0 0 10px #D92149,0 0 20px #D92149,0 0 30px #D92149,0 0 45px #D92149,0 0 55px #D92149}
.header-nav a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}
.fly-out{height:70px;background:#fdcac9;width:100%;position:fixed;z-index:999;height:100%;left:0;top:0;text-align:center;padding:40px 10px;-webkit-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-moz-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-ms-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-o-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden;visibility:hidden;opacity:0;font-family:"nexa-light",sans-serif}
.menu-clicked .fly-out{visibility:visible;opacity:1;-webkit-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-moz-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-ms-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;-o-transition:visibility .3s ease-in-out,opacity .3s ease-in-out;transition:visibility .3s ease-in-out,opacity .3s ease-in-out}
.menu-clicked .logo{opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.mob-nav{top:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}
.mob-nav li{font-size:1.8em;margin:25px 0;font-family:'Pluto',sans-serif;position:relative;list-style:none}
.mob-nav a{color:#383838}
.mob-nav a:after{content:"";width:0;height:3px;background:#67F2D2;position:relative;left:50%;bottom:-5px;display:block;margin:0 0 0 -40px;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}
.mob-nav a:hover:after{width:80px;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}
#top-ham{width:30px;height:30px;position:absolute;-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;z-index:99999;top:30px;padding:10px;top:130px;display:none;right:26px}
.menu-clicked #top-ham{position:fixed}
#top-ham:before{content:'';background:url(images/shapes/green-small.svg);position:absolute;display:block;background-repeat:no-repeat;width:120px;height:100px;top:-33px;left:-30px}
#top-ham span{display:block;position:absolute;height:3.5px;width:100%;background:#383838;opacity:1;right: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}
#top-ham span:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#top-ham span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#top-ham span:nth-child(3){top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#top-ham.open span:nth-child(1){-webkit-transform:translate(8px,-1px) rotate(45deg);-moz-transform:translate(8px,-1px) rotate(45deg);-o-transform:translate(8px,-1px) rotate(45deg);transform:translate(8px,-1px) rotate(45deg)}
#top-ham.open span:nth-child(2){width:0;opacity:0}
#top-ham.open span:nth-child(3){-webkit-transform:translate(8px,2px) rotate(-45deg);-moz-transform:translate(8px,2px) rotate(-45deg);-o-transform:translate(8px,2px) rotate(-45deg);transform:translate(8px,2px) rotate(-45deg)}
.slide{width:100%;background-size:cover;background-position:top;height:100%;z-index:2}
.slides-wrap{top:0;width:100%;height:770px;z-index:9}
.home .slider{position:relative;list-style:none;width:100%;padding:0;margin:0;height:100%;z-index:3}
.justine-wrap{width:380px;height:490px;position:absolute;left:50%;transform: translateX(-50%);bottom:150px}
.justine-wrap:after{content:'';background:url(images/shapes/yel-big.svg);position:relative;display:block;background-repeat:no-repeat;width:160%;height:100%;z-index:-1;left:-25%;bottom:0}
.justine-img{width:100%;height:100%;background-repeat:no-repeat;bottom:0;position:absolute;background-size:cover}
.dates-wrap{width:660px;height:300px;position:absolute;left:50%;bottom:220px}
.dates-wrap:before{content:'';background:url(images/silly.png);display:block;background-repeat:no-repeat;width:360px;height:200px;position:absolute;background-size:contain;background-position:top center;left:50%;transform:translateX(-71%);top:-55px}
.dates-wrap:after{content:'';background:url(images/shapes/pink-big.svg);position:relative;display:block;background-repeat:no-repeat;width:96%;height:90%;z-index:-1;left:-11%;bottom:-14px}
.dates{position:absolute;top:60px}
.date-left{float:left}
.date-right{float:right;margin:0 0 0 15px}
.dates p{font-size:1.1rem;margin:10px 0 0}
.each-date h4{font-size:1.6rem;display:block}
.each-date h5{margin:0 0 7px}
.shape-sides{position:absolute;display:inline-block;width:400px;height:350px;width:220px;height:480px;bottom:0}
.shape-l{background:url(images/shapes/green-dots.svg);left:0;background-repeat:no-repeat;z-index:-2}
.shape-r{background:url(images/shapes/pink-dots.svg);right:0;background-repeat:no-repeat;background-position:right}
.shape-center{display:inline-block;position:absolute;left:50%;transform:translateX(-50%);font-size:2.2rem}
.green:before{content:'';background:url(images/shapes/green-small.svg);position:absolute;display:block;background-repeat:no-repeat;width:220%;height:310%;z-index:-1;left:-50%;bottom:-90%}
.slider .shape-center{bottom:-40px;top:auto}
.buy .green{bottom:-50px;top:auto}
.buy .pink{top:0}
.pink:before{content:'';background:url(images/shapes/pink-med.svg);position:absolute;display:block;background-repeat:no-repeat;width:220%;height:310%;z-index:-1;left:-50%;top:-90%}
.home .main{width:100%;padding:100px 0;position:relative;z-index:1;overflow:hidden}
.home .main .post{width:50%;float:left;padding:0 50px 0 0;z-index:3;position:relative}
.home-head{position:relative}
.youtube{float:right;width:50%}
.more-videos{background:#fdcac9;font-size:1.3rem;font-family:"Pluto",sans-serif;color:#383838;padding:8px 50px;border-radius:3px;display:inline-block;margin:10px auto 0;z-index:3}
.page-template-default .main{margin:170px 0;float:left;width:100%}
.buy{float:left;width:100%;position:relative;padding:120px 0;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;display:block;z-index:2}
.buy-box{width:70%;padding:20px;margin:18px auto;display:block;color:#fff;border-radius:3px;position:relative;text-align:left;cursor:pointer}
.buy-box:nth-child(3n+1){background:#5ef3d2}
.buy-box:nth-child(3n+2){background:#fdcac9}
.buy-box:nth-child(3n+3){background:#ffe729}
.buy-box h4{color:#383838;font-size:2rem;display:block;width:600px;margin:-6px 0 0;cursor:pointer;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.buy-box h5{color:#383838;display:block;width:77%;font-weight:100;cursor:pointer;font-size:1rem;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.buy-box span{position:absolute;top:50%;font-family:"Pluto",Sans-serif;transform:translateY(-50%);width:200px;right:0;text-align:center;font-size:1.5rem;cursor:pointer;color:#383838;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.buy-box:hover span,.buy-box:hover h4,.buy-box:hover h5{color:#767676}
.shapes-low{position:absolute;display:inline-block;width:400px;height:350px;width:220px;height:480px;top:0}
.music{width:100%;float:left;position:relative;padding:130px 0 0;overflow:hidden}
.music h3{text-align:center;margin:0 auto 40px;display:block}
.album-wrap{width:370px;float:left}
.album{width:100%;height:auto;display:block;background-size:cover}
.album-wrap{text-align:center}
.album-wrap a{background:#fdcac9;font-size:1.3rem;font-family:"Pluto",sans-serif;color:#383838;padding:8px 70px;border-radius:3px;display:inline-block;margin:20px auto}
.album-wrap a:hover,.dvd-wrap a:hover,.newsletter button:hover{color:#767676}
.spotify{width:400px;float:right;text-align:center}
.more{float:left;width:100%;position:relative;padding:100px 0 0;margin:50px 0}
.more-left,.more-right{width:50%;float:left;text-align:center}
.dvd{height:auto;width:280px;background-size:contain;display:inline-block}
.more .pink:before{left:-70%;top:-60%}
.more .shape-center{top:0}
.dvd-wrap{text-align:center}
.dvd-wrap a{background:#fdcac9;font-size:1.3rem;font-family:"Pluto",sans-serif;color:#383838;padding:8px 70px;border-radius:3px;display:inline-block;margin:-0 auto;z-index:3}
.privacy-wrap{position:fixed;width:100%;height:100%;display:block;background:rgba(255,255,255,.9);z-index:99;overflow:scroll;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;-moz-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;-o-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;transition:opacity .3s ease-in-out ,visibility .3s ease-in-out}
.p-click .privacy-wrap{visibility:visible;opacity:1;-webkit-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;-moz-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;-o-transition:opacity .3s ease-in-out ,visibility .3s ease-in-out;transition:opacity .3s ease-in-out ,visibility .3s ease-in-out}
.privacy{width:70%;margin:0 auto;display:block;padding:50px 0;position:relative;overflow:hidden}
.privacy .fa{position:absolute;top:55px;right:10px;cursor:pointer}
.privacy h4{text-align:center;display:block}
.social a{display:inline-block;margin:33px 0}
.social i{font-size:2.3rem;color:#383838;top:0;margin:0 28px;position:relative;z-index:9}
.social i:after{content:'';position:absolute;display:block;top:-25px;left:-30px;width:90px;height:95px;z-index:-3}
.social a:nth-child(3n+1) i:after{background:url(images/shapes/social-pink.svg);background-repeat:no-repeat;background-position:center}
.social a:nth-child(3n+2) i:after{background:url(images/shapes/social-yel.svg);background-repeat:no-repeat;background-position:center}
.social a:nth-child(3n+3) i:after{background:url(images/shapes/social-green.svg);background-repeat:no-repeat;background-position:center}
.social a:hover >i{top:-3px}
.newsletter{margin:63px 0 0 40px;text-align:left}
.newsletter h4{margin:0 0 10px}
.newsletter input{border:#383838 solid 2px;border-radius:3px;padding:14px 10px;height:50px;width:60%;float:left}
.newsletter button{cursor:pointer;float:left;background:#fdcac9;color:#383838;border:none;height:50px;padding:14px 25px;font-size:1.1rem;margin:0 0 0 10px;font-family:"Pluto",sans-serif;border-radius:3px;-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-ms-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.newsletter ::-webkit-input-placeholder{color:#383838}
.newsletter ::-moz-placeholder{color:#383838}
.newsletter :-ms-input-placeholder{color:#383838}
.low-contact{margin:50px auto 0;text-align:center}
footer{position:relative;z-index:1;background:#ebebeb;width:100%;margin:0;float:left}
.footer-text{position:relative;text-align:left;margin:20px 0 0;padding:0 0 0 30px}
.footer-info{font-size:12px;width:100%;position:relative}
.footer-info .copyright{float:left;color:#383838}
.footer-info .credits{float:right;color:#383838}
.footer-info .copyright{    margin: 0px 0 0;
    padding: 25px 0 23px;}
.footer-info .copyright span{color:#DC5E83;cursor:pointer}
.footer-info .copyright span:hover{color:#383838}
.footer-info .credits img{width:140px;margin:20px 0 0}
.footer-info .credits.live{position:relative;margin:0 120px 20px 0}
.footer-info .credits.pom img{position:absolute;top:-40px;right:0;width:90px}
@media(max-width:1100px) {
.wrap{width:90%}
.home-head:after{display:none}
.shape-l{left:-5%}
.shape-r{right:-5%}

}
@media(max-width:1024px) {
.home-head{text-align:center;margin:20px 0}
#top-ham{display:block}
.home .main .post{width:70%;margin:0 auto;float:none;padding:0;text-align:center}
.youtube{margin:30px auto;display:block;float:none;width:100%;text-align:center}
.tic-wrap:nth-last-child(2),.tic-wrap:last-child{width:100%;height:auto}
.tic-wrap:nth-last-child(2) .tic-content h2,.tic-wrap:last-child .tic-content h2{height:auto}
.tic-content{padding:20px 30px 35px}
.buy-box{width:90%}
.album-wrap,.spotify{float:none;display:block;text-align:center;margin:0 auto}
.spotify{margin:30px auto}
.home .slider{position:relative;height:100%}
.dates-wrap{left:50%;transform:translateX(-50%);bottom:50px}
.dates-wrap:before{transform:translateX(-50%)}
.dates-wrap:after{left:50%;transform:translateX(-50%)}
.dates{padding:0 90px}
.header-nav{display:none}
.more-left,.more-right{width:500px;display:block;float:none;margin:0 auto}
.more-right{margin:60px auto}
.slider .shape-center{display:none}
.slides-wrap{overflow:hidden}
.main .content{text-align:center}
.home .main{padding:35px 0 100px}
.slides-wrap{height:640px}
.justine-wrap {
bottom:30px;
}
@media(max-width:768px) {
.home .main .post{width:100%}
.youtube iframe{width:100%}
.buy-box span{position:relative;width:auto;margin:15px 0 0}
.buy-box{text-align:center}
.buy-box h4,.buy-box h5{width:auto;display:block}
.buy{background-attachment:scroll}
.privacy{width:85%}
}
@media(max-width:700px) {
.dates-wrap:after{display:none}
.dates-wrap{background:#fdcac9;width:580px;height:260px;border-radius:3px}
.dates{padding:0 50px}
}
@media(max-width:600px) {

.justine-wrap{bottom:auto;top:80px}
.dates{padding:70px 60px 30px;position:relative;top:auto;text-align:center;float:none}
.date-right,.date-left{float:none;margin:0 auto}
.dates-wrap{bottom:auto;top:350px;width:350px;height:auto}
.logo{width:320px}
.main .shape-r,.music .shape-l{display:none}
.spotify{width:85%}
.spotify iframe{width:100%}
.album-wrap{width:100%}
.album-wrap a,.dvd-wrap a{padding:8px;width:80%}
.more-left,.more-right{width:100%}
.newsletter{margin:40px 0}
.newsletter button{width:36%}
}
@media(max-width:550px) {
.album,.dvd{width:100%;height:auto}
.footer-info .credits.live{margin:70px 0 0;float:left;display:block;text-align:center;width:100%}
.footer-info .credits.pom img{right:50%;transform:translateX(50%)}
.footer-info .copyright{margin:20px 0;width:100%;text-align:center;}
.footer-info .copyright {
    margin: 0px 0 0;
    padding: 65px 0 0px;
}
}
@media(max-width:500px) {
.newsletter{text-align:center}
.newsletter input{width:100%}
.newsletter button{margin:15px 0 0;width:80%;display:inline-block;float:none}
.more-right{margin:60px 0 0}
.dates-wrap:before{width:100%;height:90px}
.dates{padding:50px 40px 30px}
}