* {margin: 0; padding: 0;}
html, body{height:100%;}
/*Opera Fix*/
body:before {content:"";	height:100%; float:left; width:0; margin-top:-32767px;/}
@font-face {
    font-family: 'oswaldbook';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_din_text_cond_proregular';
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot');
    src: url('../fonts/pfdintextcondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextcondpro-regular-webfont.woff') format('woff'),
         url('../fonts/pfdintextcondpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {background:url('../images/bg.jpg') no-repeat fixed;background-size: cover;font:1em 'oswaldbook',sans-serif; color:#595959;}
#header-content,#main-content, #footer-content{width:1000px; margin:0 auto;overflow:hidden;}
#header-content{margin:20px auto;}
#logo {float:left;}
#logo img{border:none}
nav{float:right; padding:45px 0 0 0;font-size:1.1em}
nav li {list-style:none;float:left;margin:0 5px;}
nav li:after{content:url(../images/li_img.png);width:15px; height:16px;margin:2px 0 0 10px;float:right; position:relative}
.mer{margin-right:0;}
.mer:after,nav li:last-child:after{content:'';width:0; height:0;}
nav li  li{float:none;padding:0 0 10px 0}
nav li  li:after{content:'';width:0; height:0;}
nav li ul{display:none; position:absolute;width:110px; background:rgba(0,0,0,0.7);border-top:2px solid #8f171a; border-bottom:2px solid #8f171a;margin:15px 0 0 -44px; padding: 10px 0 0 25px;font-size:0.9em}
nav li a{position:relative; -webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index:99999}
nav li a:hover,.active{color:#9f9f9f;text-shadow:1px 1px #111}
.light{background:url(../images/li-bg.png) no-repeat;width:117px; height:97px;position:absolute; z-index:9;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity:0}
.light1{margin:-35px 0 0 -35px; }
.light2{margin:-35px 0 0 45px; }
.light3{margin:-35px 0 0 145px; }
.light4{margin:-35px 0 0 245px; }
.light5{margin:-35px 0 0 335px; }
.light6{margin:-35px 0 0 455px; }
.light7{margin:-35px 0 0 580px; }
#hm:hover ~.light1,#artists:hover~.light2,.st:hover~.light3,.co:hover~.light4,.aft:hover~.light5,.dep:hover~.light6,.mer:hover~.light7,#home-menu .light1,#contact-menu .light4,.artists-menu .light2,#aftercare-menu .light5,#studio-menu .light3,#merchandise-menu .light7,#deposit-menu .light6{opacity:1}
nav li li a{color:#dfdfdf}
nav li li a:hover:after,.light:after{content:'';width:0; height:0;margin:0;text-shadow:none}
nav li li a:hover{color:#a21c20;}
nav li a{text-decoration:none; color:#595959}
#main-pic{background:url(../images/main-pic.jpg)no-repeat;height:444px; width:100%; background-size:cover }
#creative{margin:135px 0 0 0;}
#more{display:block;width:130px; height:45px; line-height:45px; text-align:center; border:2px solid #fff; text-transform:uppercase; color:#fff;text-decoration:none; background:transparent;font-size:1.3em; font-family:'pf_din_text_cond_proregular';margin:25px 0 0 180px;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#more:hover{border:2px solid #8f171a; background:#8f171a;}
footer{margin:25px 0 0 0;color:#8c8c8c}
#main-menu, #follow{float:left}
#addr{float:right}
h2{font-weight:normal; font-size:0.9em; text-transform:uppercase; color:#8f171a;text-align:center;padding:0 0 20px 0}
#main-menu ul{float:left; font-size:0.9em; font-weight:normal}
#main-menu ul ul{float:none; border-left:2px solid #8f171a; padding:0 0 0 10px; margin:6px 0 0 0; font-size:1em}
#main-menu li{list-style:none;margin:0 0 6px 0}
#main-menu li a{text-decoration:none; color:#8c8c8c;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#main-menu li a:hover{color:#b61f23}
.coll2{margin:0 0 0 40px}
#follow{margin:0 0 0 190px;}
#follow .facebook{display:block; text-decoration:none; background:url(../images/facebook.png); width:68px; height:68px;float:left}
#follow .instagram{display:block; text-decoration:none; background:url(../images/instagram.png); width:68px; height:68px;float:left; margin: 0 0 0 30px}
#addr p{margin:0 0 15px 0}
#addr p span{color:#8f171a}
.button{display:block; width:80px; height:27px; line-height:27px; text-align:center; background:#8f171a; color:#fff; box-shadow:2px 2px #202020; text-decoration:none; font-size:0.9em; font-weight:normal; border:1px solid #8f171a;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.button:hover{background:transparent; border:1px solid #fff;}
#foot-touch .button{display:inline-block;margin:0 20px 0 0}
#foot-touch span{margin:0 0 0 20px; text-decoration:underline; color:#ffffff}
#copy{height:45px; width:100%; line-height:45px;text-align:center; color:#fff; font-size:0.9em; background:#8f171a; margin:20px 0 0 0;}
.wrap{min-height:100%}
.bot{position: relative; clear: both; margin-top: -190px;}
/*All ARTISTS*/
#all-artists,.content-border{min-height:305px;border-top:3px solid #84171a;border-bottom:3px solid #84171a; margin:76px 0 0 0;}
.artist{min-height:305px;display:block; text-decoration:none; color:#928d8c;width:20%; float:left; text-align:center; background:transparent;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.artist:hover{background:#84171a}
.artist:hover > h3{color:#fff;}
.artist:hover >.button{color:#fff;border:1px solid #fff; box-shadow:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#artists-content{width:1000px; margin:0 auto;}
.photo{width:105px; height:105px; border-radius:52px; border:3px solid #84171a; margin:-56px auto 0}
#sarich{background:url(../images/sarich.jpg) no-repeat; width:105px; height:105px;}
#pearl{background:url(../images/pearl.jpg) no-repeat; width:105px; height:105px;}
#gawle{background:url(../images/gawle.jpg) no-repeat; width:105px; height:105px;}
#mickey{background:url(../images/mikey.jpg) no-repeat; width:105px; height:105px;}
#vega{background:url(../images/vega.jpg) no-repeat; width:105px; height:105px;}

#guest{background:url(../images/guest.jpg) no-repeat; width:105px; height:105px;}
h3{font-weight:normal;font-family:'pf_din_text_cond_proregular';font-size:2em;text-transform:uppercase; color:#84171a; padding:15px 0;-webkit-transition:all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.artist-text{padding:0 25px; font-size:0.9em;line-height:18px}
.artist .button{margin:20px auto 0; border:1px solid #84171a}
/*STUDIO*/
#studio{border-bottom:3px solid #84171a}
#all{z-index:999999;}
#studio-content{width:1000px; margin:0 auto; overflow:hidden;}
#location, #about-studio{float:left; width: 45%; margin: 0 0 35px 0}
#location{margin:0 10% 0 0}
h4{font-size:1.5em; text-transform:uppercase; color:#595959;font-weight:normal; padding:35px 0 15px 0}
#map{width:475px; height:335px; box-shadow:2px 2px #0d0d0d}
#about-studio p{line-height:18px;color:#928d8c}


/*CONTACT*/
.all-pages{width:1000px; margin:0 auto;}
#about_contact{width:465px; float:center;}
.content-border{margin:0; height: auto;}
h1{text-align:right; text-transform:uppercase; color:#8f171a; font-weight:normal; font-size:3.1em;font-family: 'pf_din_text_cond_proregular';line-height:39px; padding:0 0 15px 0}
#contact_form{width:50%; float:left; margin:50px 0 0 0}
#info{width:45%; float:right}
#contactinfo{width:auto; float:center}
#div_contact_container{ width:600px; height:auto; float:left;}
#contact_form fieldset{border:none; overflow:hidden}
.field{overflow:hidden;margin:0 0 15px 0}
.field-name,.in-text{float:left}
.field-name{width:160px; font-size:1.1em; color:#928d8c;margin:4px 0 0 0}
.field-name:before{content:''; float:left; position:relative; width:29px; height:29px;margin:0 15px 0 0}
.field-name span{color:#8f171a}
.in-text{width:64%; height:25px; line-height:35px; background:#0c0c0c; border:none;border-right:1px solid #4b4b4b;border-bottom:1px solid #4b4b4b; color:#595959; font-family:'oswaldbook'; padding:5px; font-size:0.9em}
#cmsg{height:110px; resize:none;}
#name:before{content:url(../images/name.png);}
#mail:before{content:url(../images/email.png)}
#tel:before{content:url(../images/phone.png)}
#message{margin:43px 0 0 0}
#message:before{content:url(../images/message.png)}
#send{width:115px; height:43px; font-size:1.1em;font-family:'oswaldbook';margin:20px 0 0 265px; cursor:pointer}
#info{margin:50px 0 0 0; font-size:1em; color:#bdbdbd}
#info span,#confirmation span{color:#b61f23}
#info p{line-height:18px; margin:0 0 15px 0}
#confirmation{position: absolute; width: 260px; height: 98px; padding: 10px; border: 2px solid #b61f23; margin: 202px 0 0 548px;color:#bdbdbd}
.add-text{font-size: 0.8em; text-align: center; margin: 8px 0 0 0;}





/*AFTERCARE*/
#aftercare-page .content-border{height:auto; overflow:hidden;color:#818181;}
#do {width:47%; float:left; margin:0 0 35px 0}
#avoid {width:43%; float:right;margin:0 0 35px 0}
#aftercare-page h4, #deposit-page h4{color:#b61f23; font-weight:normal}
#aftercare-page li{list-style:none; line-height:18px; margin:0 0 15px 0}
#no li:last-child{margin:0}
#do li, #aftercare-page #also li{list-style-image:url(../images/yes.png);}
#avoid li{list-style-image:url(../images/no.png);}
#imp-pic{background:url(../images/attention.png); width:53px; height:47px; margin:70px 0 0 -28px; position:absolute}
#imp{width:350px; height:125px; padding:20px; margin:20px 0 0 0; border:2px solid #b61f23; line-height:18px;float:right}
#imp p{padding:0 0 15px 0}
#imp-info{overflow:hidden}

/*DEPOSIT POLICY*/
span{color:#b61f23}
#deposit-page .content-border{height:auto; overflow:hidden;min-height:0;color:#818181}
#void {width:48%; float:left; margin:35px 0}
#void li{list-style-image:url(../images/no.png);}
#agree{width:45%; float:right; margin:35px 0}
#agree li{list-style-image:url(../images/yes.png);}
#deposit-page {line-height:19px}
#deposit-page p,#deposit-page li {margin:0 0 10px 0}
#deposit-page p.last,#deposit-page li.last {margin:0}

/*ARTIST*/
#gallary{float:left; width:490px;margin:10px 0 35px 0} 
#artist .content-border{min-height:480px}
#about_me{width:465px; float:right;}
about_me_contact:{width:465px; float:center;}
#about_me_contact p{line-height:19px;color:#928d8c;margin:0 0 15px 0}
#artist h4{padding-top:10px}
#about_me p{line-height:19px;color:#928d8c;margin:0 0 15px 0}
/*GALLARY*/ 
.thumbs{width:490px;}
.thumbs a{width:85px; height:85px; display:inline-block;	border:none; box-shadow:2px 2px #121212; margin: 8px 4px 0 4px;	position:relative;	text-decoration:none;	background-position:center center;	background-repeat: no-repeat;	background-size:cover;	-moz-background-size:cover;	-webkit-background-size:cover;}
#about_me  a,.about-me a{text-decoration:none; color:#928d8c; font-size:1.1em}
#art-email:before,#art-facebook:before, #art-inst:before{content:''; position:relative; float:left; width:29px; height:29px; margin:-4px 15px 0 0}
#art-email:before{content:url('../images/email.png')}
#art-facebook:before{content:url('../images/facebook-min.png')}
#art-inst:before{content:url('../images/instagram-min.png')}

/*MERCHANDISE*/
#merchandise-page .content-border{height:auto; overflow:hidden;min-height:0;color:#818181}
.block{width:215px; margin:0 58px 35px; float:left; text-align:center}
#merchandise-page .thumbs {width:213px; height:160px; background:#0c0c0c; border-right:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a;}
#merchandise-page .thumbs a{box-shadow:none;}
#mach{width:150px; height:115px;margin:20px 0 0 10px}
#shirt{width:137px; height:131px; margin:15px 0 0 10px}
#cer{width:172px; height:138px; margin:10px 0 0 10px}
.block p{margin:15px 0}
.block .button{margin:0 auto; text-transform:uppercase}

/*MOBILE*/
#mobile{background:url('../images/bg.jpg') repeat-y!important;position:static!important;}
#mobile header {background:rgba(0,0,0,0.53);}
#mobile #logo {float:none; margin:0 auto; width:139px; height:84px;margin-top:0; padding-top:20px}
#mobile #header-content{margin-top:0; width:100%;}
#mobile nav {float:none; padding:0 20px; margin-top:25px; position:relative; z-index:999999;}
#mob-menu {text-transform:uppercase; font-size:1.2em; text-align:center; padding: 20px 0 10px 0;cursor:pointer}
#mob-menu:before {content:url(../images/li_img.png); width:15px; height:16px; padding:0 7px 0 0}
#mob-menu:after {content:url(../images/li_img.png); width:15px; height:16px; padding:0 0 0 7px}
#mobile nav li {float:none; padding:10px 0; border-bottom:1px solid #404040;}
#mobile nav li:last-child {border-bottom:none}
#mobile #all-mob{position:static; width:auto;margin:10px 0 -10px 0; padding:0 0 0 20px; border:0; background:#1b1b1b}
#mobile nav li:after{content:'';}
#mobile nav li a:after{content:url('../images/arr.png'); width:14px; height:21px; position:relative; float:right;}
#mobile #all-mob li a{color:#b9b5b5;}
#mob-nav{display:none}
.active-mob {color:#981a1c}
#mobile .all-pages{width:100%; border-bottom:2px solid #84171a; margin: 0 0 20px 0}
#mobile .all-pages h1{font-size:2em; text-align:center; padding: 0 0 5px 0}
#mobile #slider {height:auto!important}
#mobile .about,#mobile #location {float:none; width:auto; margin:0 20px}
#mobile .about p{margin:0 0 10px 0;line-height: 18px;color: #928d8c;}
#mobile .about p:last-child{margin:0}
#mobile #map{height:240px; width:100%; margin:0 0 20px 0}
#mobile .photo{margin:0 auto 10px}
#mobile h4{padding-top:20px}
h5{text-transform: uppercase; color: #8f171a;font-weight: normal;font-size: 2.6em;font-family: 'pf_din_text_cond_proregular';line-height: 35px; padding:0; text-align:center}
#mobile .about-me a {text-decoration: none;color: #928d8c;font-size: 0.82em;}
#mobile .about-me p{margin: 0 0 15px 0;}
#mobile .thumbs{width:100%; margin:25px 0}
#mobile .thumbs a{margin: 3px 2px 0 2px;}
#mobile .button{width:200px; height:45px; line-height:45px; margin:0 auto 20px; font-size:1.5em; padding:0 20px 0; cursor:pointer}
#cont-tel,.pdf{color:#fff;font-family: 'pf_din_text_cond_proregular';text-decoration:none}
#cont-tel:before{content:url('../images/tel.png'); width:32px; height:30px;float:left; margin:7px 0 0 0}
.pdf{text-transform:uppercase; text-align:left}
.aft{text-align:left}
#mobile .aft:last-child{margin-bottom:40px}
.pdf:before{content:url('../images/pdf.png'); width:25px; height:29px;float:left; margin:7px 10px 0 0}
#mobile #info{float:none; margin:20px; width:auto; color:#6b6b6b}
#mobile #copy{background:rgba(0,0,0,0.53)}
.art{position:absolute; margin:-190px 0 0 0}
#top1{display:block; display:none; text-decoration:none; width:42px; height:40px; background:url('../images/up.png'); position:fixed;z-index:9999999; right:10px; top:90%}