/*
   _  _ _|_ _ _ | _ . _ _   _  _ _|_
\/(/_| | | _\(_)|(_||| (/_.| |(/_ | 

*/


@font-face {
font-family: 'remington_tattoo';
src: url('/font/remingtonnoiselesstattoo-webfont.woff2') format('woff2'),
url('/font/remingtonnoiselesstattoo-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'firasansbold';
src: url('/font/firasans-semibold-webfont.woff2') format('woff2'),
url('/font/firasans-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'firasansregular';
src: url('/font/firasans-light-webfont.woff2') format('woff2'),
url('/font/firasans-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

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;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display:block;
}
* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}



ul{margin-left:0;}
ul li{
list-style:square;
margin-left:20px;
}
ul.none{}
ul.none li{
list-style:none;
background:none;
margin-left:0;
}
ol{list-style-type:decimal;}
ol li{margin-left:28px;}


img{max-width:100%;-ms-interpolation-mode:bicubic;}


html{
/*overflow-x:hidden;*/
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}

body, button, input, select, textarea{font-family:sans-serif;color:#000;}

::-moz-selection{background:#888; color:#fff !important; text-shadow:none;}
::selection{background:#888; color:#fff !important; text-shadow:none;}

abbr{border-bottom:1px dotted;cursor:help;}
b, strong{font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;}
i, em{font-style:italic;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:30px 0 0; padding:0;}
pre, code, kbd, samp{font-family:monospace, monospace; font-size:1em; word-wrap:break-word;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q{quotes:none;}
q:before, q:after{content:""; content:none;}
small{font-size:85%;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
legend{*margin-left:-7px;}
label{cursor:pointer;}
input:invalid, textarea:invalid{box-shadow:none;}
s{text-decoration:line-through;}
u{text-decoration:underline;}
blockquote{border:1px solid #ccc;border-left:5px solid #cd0000;border-radius:3px;padding:0 15px 15px;}
iframe{width:100%;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.clearfix:before,
.clearfix:after{
content:'.';
display:block;
overflow:hidden;
visibility:hidden;
font-size:0;
line-height:0;
width:0;
height:0;
}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

a{text-decoration:none;color:#cd0000;outline:0;}
a:hover{text-decoration:none;color:#000;}
a.none{text-decoration:none;color:#999;}
a:hover.none{text-decoration:none;color:#cd0000;}
a.default, a:hover.default{text-decoration:none;color:#999;}


.color1{color:#c00;}
.bright{color:#aaa;}
.dark{color:#555;}
.bigger{font-size:1.125em;}
.smaller{font-size:.875em;}
.fl{float:left;}
.fr{float:right;}
.flm{float:left;margin-right:30px;}
.frm{float:right;margin-left:30px;}
.flp{float:left;padding-right:15px;}
.frp{float:right;padding-left:15px;}
.fn{float:none;}
.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}
.mt0{margin-top:0;}
.mt30{margin-top:30px;}
.h15{height:15px;}
.h30{height:30px;}
.h50{height:50px;}
.h60{height:60px;}
.h90{height:90px;}
.block{display:block;}
.hidden{display:none;}
.w5{width:5%;}
.w10{width:10%;}.w15{width:15%;}
.w20{width:20%;}.w25{width:25%;}
.w30{width:30%;}.w35{width:35%;}
.w40{width:40%;}.w45{width:45%;}
.w50{width:50%;}.w55{width:55%;}
.w60{width:60%;}.w65{width:65%;}
.w70{width:70%;}.w75{width:75%;}
.w80{width:80%;}.w85{width:85%;}
.w90{width:90%;}.w95{width:95%;}
.w100{width:100%;}
.w33{width:33.3%;}
.w66{width:66.6%;}


html{height:100%;}

body{
height:100%;
background:#000;
text-align:left;
color:#888;
font-family:"firasansregular", Arial, Helvetica, Verdana, sans-serif;
font-size:1em;
}
.oldie body{height:auto;min-height:100%;}

#ie_badass{
text-align:center;
padding:5px 0;
background:#cd0000;
color:#fff;
}
#ie_badass a{color:#000;}
#ie_badass a:hover{color:#fff;}
noscript p{background:#000;color:#fff;margin:0;text-align:center;}



h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
font-family:"remington_tattoo", Helvetica, Arial, sans-serif;
word-spacing:-.1em;
letter-spacing:-.01em;
font-weight:normal;
color:#000;
margin:30px 0 0;
hyphens:none;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:#000;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover{color:#cd0000;}
h1,.h1{font-size:2.5em;}
h2,.h2{font-size:2em;}
h3,.h3{font-size:1.75em;}
h4,.h4{font-size:1.5em;}
h5,.h5{font-size:1.375em;}
h6,.h6{font-size:1.25em;}
h1 span{font-size:1.25em;}

p,ul,ol,table,fieldset,blockquote,pre,dl,address{
line-height:1.6;
margin:15px 0 0;
}
table{width:100%;border:1px solid #ccc;}
th, td{border:1px solid #ccc;padding:0 2px;}
th{background:rgba(204,204,204,.5);}
kbd{border:1px solid #ccc;border-radius:3px;padding:0 2px;box-shadow:inset 1px 1px 3px 0 #bbb;}

.transition,
#menu a,
footer a,
.switchlang a,

.slider a, .shopslider a,
.linkscrolldown,
.paintings a,
.paint a,
.artist span, .artist img,
ul.list a,
.gallery a,
.yt_video a .yt_title, .yt_video a .yt_description, .yt_img span.play,
.visite_shop a,

input, select, textarea, a.button, button, input.submit,
.totop a{
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
-ms-transition:all .5s linear;	
transition:all .5s linear;
}





#wrap{background:#fafafa url(/img/bg.png) 50% 0 repeat fixed;}
.no_bg #wrap{background:#000;}


header{
z-index:1;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
width:100%;
background-color:#333;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
}
header.bg-header-1{background-image:url(/img/bg-header/1.jpg);}
header.bg-header-2{background-image:url(/img/bg-header/2.jpg);}
header.bg-header-3{background-image:url(/img/bg-header/3.jpg);}
header.bg-header-4{background-image:url(/img/bg-header/4.jpg);}
header.bg-header-5{background-image:url(/img/bg-header/5.jpg);}
header.bg-header-6{background-image:url(/img/bg-header/6.jpg);}
header.bg-header-7{background-image:url(/img/bg-header/7.jpg);}
.head-left{
/*background:rgba(0,0,0,.5);*/
width:300px;
text-align:center;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
transition:.2s ease-out;
}
#logo{
max-width:200px;
display:block;
transition:.2s ease-out;
color:#fff;
}
.head-right{
width:100%;
display:block;
padding-top:80px;
position:relative;
}
.special{
position:absolute;
top:10px;
right:10px;
width:auto;
padding:11px 15px 11px 50px;
background:rgba(0,0,0,.6) url(/img/logo-atc-34.png) 10px 50% no-repeat;
color:#e2d7c6;
border:1px solid #e2d7c6;
border-radius:5px;
text-align:right;
font-size:1em;
font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;
text-shadow:0 1px 1px #000;
transition:.2s;
}
.special:hover{
background:rgba(0,0,0,.75) url(/img/logo-atc-34.png) 10px 50% no-repeat;
color:#fff;
border:1px solid #fff;
}
.head-bottom{min-height:50px;}
nav ul, nav li{margin:0;padding:0;list-style:none;line-height:1;}
nav a:link,
nav a:visited{
display:inline-block;
height:50px;
line-height:50px;
margin:0 5px 0 0;
padding:0 10px;
background:rgba(0,0,0,.5);
color:#e2d7c6;
text-transform:uppercase;
font-family:"remington_tattoo", Helvetica, Arial, sans-serif;
font-size:1em;
font-weight:bold;
text-shadow:0 1px 1px #000;
float:left;
}
nav a:hover{background:rgba(0,0,0,.75);}
nav:after{content:'';clear:both;display:block;}
.fixed-nav{position:fixed;top:0;z-index:1;}
.fixed-nav .special{display:none;}
.fixed-nav .head-right{padding:0;}
.fixed-nav .head-left{/*width:50px;min-width:50px;background:rgba(0,0,0,.75);*/display:none;}
.fixed-nav .head-left a:link,
.fixed-nav .head-left a:visited{width:50px;overflow:hidden;}
.fixed-nav .head-left a:link img,
.fixed-nav .head-left a:visited img{width:auto;height:45px;}
nav li.current a{background:#000;color:#fff;}

.nav-burger{float:left;display:none;}
button.c-hamburger{border-radius:0;}
.c-hamburger{
display:block;
position:relative;
overflow:hidden;
margin:0;
padding:0;
width:50px;
height:50px;
font-size:0;
text-indent:-9999px;
appearance:none;
box-shadow:none;
border-radius:none;
border:none;
cursor:pointer;
transition:background 0.3s;
}
.c-hamburger span{
display:block;
position:absolute;
top:24px;
left:10px;
right:10px;
height:3px;
background:#fff;
}
.c-hamburger span::before,
.c-hamburger span::after{
position:absolute;
display:block;
left:0;
width:100%;
height:3px;
background-color:#fff;
content:"";
}
.c-hamburger span::before{top:-10px;}
.c-hamburger span::after{bottom:-10px;}
.c-hamburger-htx{background-color:rgba(0,0,0,.5);}
.c-hamburger-htx:hover{background-color:rgba(0,0,0,.75);}
.c-hamburger-htx span{transition:background 0s 0.3s;}
.c-hamburger-htx span::before,
.c-hamburger-htx span::after{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s;}
.c-hamburger-htx span::before{transition-property:top, transform;}
.c-hamburger-htx span::after{transition-property:bottom, transform;}
.c-hamburger-htx.is-active{background-color:#cd0000;}
.c-hamburger-htx.is-active span{background:none;}
.c-hamburger-htx.is-active span::before{top:0;transform:rotate(45deg);}
.c-hamburger-htx.is-active span::after{bottom:0;transform:rotate(-45deg);}
.c-hamburger-htx.is-active span::before,
.c-hamburger-htx.is-active span::after{transition-delay:0s, 0.3s;}

.switchlang{float:right;}
.switchlang li{
width:50px;
height:50px;
overflow:hidden;
text-align:center;
float:left;
}
.switchlang a{
display:block;
width:50px;
height:50px;
background:rgba(0,0,0,.5);
}
.switchlang a:hover{background:rgba(0,0,0,.75);}
.switchlang a.current{background:#000;}


#splash{height:80px;background:transparent url(/img/splash.png) 50% 100% repeat-x;}
.no_bg #splash{display:none;}
footer{
clear:both;
background:#000;
padding:60px 0 20px;
font-size:1em;
position:relative;
/*box-shadow:0 -5px 10px rgba(0,0,0,.75);*/
}
footer p,
footer ul{
margin:0;
color:#aaa;
}
footer a{color:#aaa;}
footer a:hover{color:#fff;}
footer ul.social{text-align:center;}
footer ul.social li{
margin:0;list-style:none;
text-align:center;margin:0 10px;
display:inline-block;
}
footer .social a{
display:block;
width:48px;height:48px;
overflow:hidden;
text-indent:-9999px;
border-radius:3px;
filter:grayscale(.5) opacity(.75);
}
footer .social a.fb{background:url(/img/social-fb.png) 0 0 no-repeat;}
footer .social a.yt{background:url(/img/social-yt.png) 0 0 no-repeat;}
footer .social a.ig{background:url(/img/social-ig.png) 0 0 no-repeat;}
footer .social a:hover{
filter:grayscale(0) opacity(1);
}
footer p.app{text-align:right;}
footer p.app a{
background:#222 url(/img/logo-atc-34.png) 10px 50% no-repeat;
padding:10px 10px 10px 50px;
border-radius:3px;
border-width:1px;
border-style:solid;
border-color:#555 #333 #333 #555;
text-shadow:1px 1px 1px #000;
box-shadow:inset 1px 1px 5px #181818;
}
footer p.app a:hover{
background-color:#181818;
border-color:#333 #222 #222 #333;
box-shadow:inset 1px 1px 5px #000;
}
footer p.adh{
background:url(/img/logo-snat-50+.png) 0 50% no-repeat;
padding-left:50px;
}
footer p.adh a{color:#cd0000;}
footer p.adh a:hover{color:#fff;}


.content{
clear:both;
position:relative;
hyphens:auto;
}

a[hreflang|="fr"]::after{content:url(/img/flag-fr.png);padding:0 0 0 5px;}
a[hreflang|="en"]::after{content:url(/img/flag-en.png);padding:0 0 0 5px;}




.liner{
margin-top:15px;
height:1px;
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(0.5, #888), to(rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0), #888, rgba(0,0,0,0));
background: -moz-linear-gradient(left, rgba(0,0,0,0), #888, rgba(0,0,0,0));
background: -ms-linear-gradient(left, rgba(0,0,0,0), #888, rgba(0,0,0,0));
background: -o-linear-gradient(left, rgba(0,0,0,0), #888, rgba(0,0,0,0));
}


.totop{position:fixed;bottom:30px;right:30px;z-index:5000;display:none;}
.totop a{
display:block;
width:30px;
height:30px;
font-size:2em;
line-height:28px;
text-align:center;
color:#888;
background:#333;
border-radius:3px;
}
.totop a:hover{color:#fff;background:#191919;}





/* index */
.screen-container{
position:relative;
background:rgba(0,0,0,.75);
margin:30px 0 0;
padding:1px 30px 30px;
border-radius:5px;
}
.screen-container h1,
.screen-container h2,
.screen-container h3,
.screen-container h4{/*margin-top:15px;*/color:#fff;}
.screen-container a{color:#f66;}
.screen-container a:hover{color:#f99;}
.screen-container > *:first-child{margin-top:30px;}
#screen-1, #screen-2, #screen-3, #screen-4{
position:relative;
height:1200px;
padding-top:30px;
width:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
background-attachment:fixed;
color:#fff;
text-shadow:1px 1px 1px #000;
}
#screen-1{background-image:url(/img/bg-home/1.jpg);}
#screen-2{background-image:url(/img/bg-home/2.jpg);}
#screen-3{background-image:url(/img/bg-home/3.jpg);}
#screen-4{background-image:url(/img/bg-home/4.jpg);}

#screen-1 .screen-container{}
#screen-2 .screen-container{}
#screen-3 .screen-container{}
#screen-4 .screen-container{}
.screen-gradient{
position:absolute;
top:0;left:0;
width:100%;height:60px;
border-top:1px solid #000;
background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}

.linkscrolldown{
position:absolute;
bottom:30px;
left:50%;
transform:translateX(-50%);
width:60px;
height:60px;
line-height:60px;
border:1px solid #fff;
box-shadow:0 1px 3px #000;
border-radius:50%;
text-align:center;
background:rgba(0,0,0,.75);
color:#fff;
}
.linkscrolldown:hover{
background:#000;
color:#fff;
}

.slider{height:230px;overflow:hidden;margin:15px 0 0;}
.slider div{margin:0 5px;position:relative;}
.slider a{background:#000;opacity:0.75;}
.slider a:hover{opacity:1;}
.slider a span.title{
position:absolute;
bottom:0;left:0;
width:100%;
padding:5px;
font-size:1.125em;
font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;
background:rgba(0,0,0,.75);
color:#fff;
text-align:center;
opacity:0;
}
.slider a:hover span.title{opacity:1;}

.shopslider{height:270px;overflow:hidden;margin:15px 0 0;}
.shopslider div{margin:0 5px;position:relative;}
.shopslider a{background:#000;opacity:.75;}
.shopslider a:hover{opacity:1;}

/*
.shop{margin:15px 0 0;}
.shop a{
display:block;
width:33%;
margin:0;
float:left;
}
.shop img{
display:block;
width:100%;
}
*/

.opening{
margin-top:5px;
background:rgba(255,255,255,.25);
padding:5px;
border-radius:5px;
}
.screen-container .opening{background:rgba(0,0,0,.5);}
.opening span{
background:url(/img/icon-calendar.png) 5px 50% no-repeat;
padding:0 0 0 26px;
}
.shop_closed{color:#cd0000;}
.shop_opened{color:#090;}
.shop_soon_closed{color:#f90;}
.shop_soon_opened{color:#6c6;}
.screen-container .shop_closed{color:#f66;}
.screen-container .shop_opened{color:#cf0;}
.screen-container .shop_soon_closed{color:#f93;}
.screen-container .shop_soon_opened{color:#ff9;}

.closing{
background:rgba(255,255,255,.25);
padding:5px;
border-radius:5px;
color:#f90;
}
.screen-container .closing{background:rgba(0,0,0,.5);}

.paintings{margin:0 -15px -5px;}
.paintings ul{text-align:center;}
.paintings li{
margin:15px;
list-style:none;
display:inline-block;
}
.paintings a{
display:block;
width:320px;
height:320px;
overflow:hidden;
border-radius:3px;
box-shadow:0 1px 5px rgba(255,255,255,.75);
padding:1px;
}
.paintings a:hover{background:#cd0000;}
.paintings img{display:block;border-radius:3px;width:100%;}


/* news */
h2 a.archive_hash{color:#888;font-size:0.75em;}
h2 a.archive_hash:hover{color:#cd0000;}
ul.archives{}
ul.archives li{list-style:none;margin:10px 0 0;line-height:1.2;}
ul.archives ul{margin-top:0;}
ul.archives a{display:block;color:#000;}
ul.archives .archive_item a{color:#888;}
ul.archives a:hover,
ul.archives .archive_item a:hover,
ul.archives a.current{color:#cd0000;}
ul.archives span{display:block;}
ul.archives span.month_year{}
ul.archives span.title{font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;padding-left:15px;}
ul.archives .archive_item a:before{content:"#";float:left;margin:0 5px 0 0;visibility:hidden;}
ul.archives .archive_item a.current:before,
ul.archives .archive_item a:hover:before{visibility:visible;}
ul.archives span.date{font-size:0.875em;}


/* paintings */
.paint{
margin:15px 0;
}
.paint a{
display:block;
border-radius:3px;
box-shadow:0 1px 5px #000;
padding:1px;
filter:grayscale(.5) opacity(.75);
}
.paint a:hover{filter:grayscale(0) opacity(1);background:#cd0000;}
.paint img{width:100%;display:block;}


/* artistes */
.artist{margin:15px 0;}
.artist a{display:block;}
.artist span{display:block;margin:0;}
.artist span.img{width:100%;}
.artist span.img img{
display:block;
width:100%;
border-radius:3px;
box-shadow:0 1px 5px #000;
padding:1px;
filter:grayscale(.5) opacity(.75);
}
.artist a:hover span.img img{filter:grayscale(0) opacity(1);background:#cd0000;}
.artist span.text{margin:15px 0 0;height:35px;overflow:hidden;text-align:center;}
/*
.artist span.text{position:relative;height:150px;overflow:hidden;}
.artist span.name, .artist span.desc{margin:15px 0 0;}
.artist span.desc{color:#888;}
.artist a:hover span.name{color:#cd0000;}
.artist a:hover span.desc{color:#888;}
.artist span.gradient{
position:absolute;
bottom:0;left:0;
width:100%;
height:90px;
background:-moz-linear-gradient(top, rgba(232,231,229,0) 0%, rgba(232,231,229,1) 100%);
background:-webkit-linear-gradient(top, rgba(232,231,229,0) 0%, rgba(232,231,229,1) 100%);
background:linear-gradient(to bottom, rgba(232,231,229,0) 0%, rgba(232,231,229,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e8e7e5', endColorstr='#e8e7e5', GradientType=0);
}
.artist p.preview{
background:rgba(255,255,255,.5);
padding:5px;
margin-left:15px;
font-size:0.75em;
display:inline-block;
padding:0 10px;
border-radius:3px 3px 0 0;
}
.artist ul{background:rgba(255,255,255,.5);margin:0;padding:5px;border-radius:3px;}
.artist li{margin:0;padding:3px;list-style:none;float:left;width:12.5%;}
.artist li img{display:block;}
*/

.img_pres img{border-radius:3px;box-shadow:0 1px 5px #000;padding:1px;}

ul.list{}
ul.list li{margin:0 0 10px;list-style:none;}
ul.list a{display:block;padding:5px;}
ul.list a:hover{background:#eee;}
ul.list span.img{margin-right:10px;}
ul.list span.name{font-size:1.25em;}
ul.list img{vertical-align:middle;}
ul.list .current a{background:#333;color:#fff;}

.gallery{}
.gallery ul{margin:0;}
.gallery li{
margin:15px 0;
list-style:none;
}
.gallery a{
display:block;
border-radius:3px;
box-shadow:0 1px 5px #000;
padding:1px;
}
.gallery a:hover{background:#cd0000;}
.gallery img{display:block;border-radius:3px;width:100%;}


/* videos */
.yt_video{
margin:15px 0;
overflow:hidden;
}
.yt_video a, .yt_video span, .yt_video img{display:block;}
.yt_video img{width:100%;border-radius:3px;}
.yt_img{position:relative;}
.yt_img span.time{
position:absolute;
bottom:3px;
right:3px;
background:#000;
color:#fff;
padding:2px 5px;
font-size:.8em;
}
.yt_title{margin:5px 0 0;color:#000;}
.yt_description{margin:0;color:#888;font-size:.8em;}
.yt_video a:hover .yt_title, .yt_video a:hover .yt_description{color:#cd0000;}
.yt_img span.play{
position:absolute;
top:50%;left:50%;
width:60px;height:58px;
margin:-29px 0 0 -30px;
background:url(/img/yt-play.png) 0 0 no-repeat;
opacity:0;
}
.yt_video a:hover .yt_img span.play{opacity:.9;}

.bg_fff{background:rgba(255,255,255,.5);padding:15px;border-radius:3px;}


/* contact */
.icon_phone{background:url(/img/icon-phone.png) 0 50% no-repeat;padding-left:26px;}
.icon_email{background:url(/img/icon-email.png) 0 50% no-repeat;padding-left:26px;}
.icon_world{background:url(/img/icon-world.png) 0 50% no-repeat;padding-left:26px;}

.map{margin-top:15px;}
.map p{margin-top:0;}
.map iframe{height:400px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.5);}

.visite_shop{margin:15px 0;}
.visite_shop a{
display:block;
border-radius:3px;
box-shadow:0 1px 5px rgba(0,0,0,.75);
padding:1px;
}
.visite_shop a:hover{background:#cd0000;}
.visite_shop img{display:block;border-radius:3px;width:100%;}



/* pagination */
.pagination{margin:15px 0 0;}
.pagination ul, .pagination li{margin:0;list-style:none;padding:0;float:left;}
.pagination li{margin:0 5px 0 0;line-height:1;}
.pagination span, .pagination a{
display:block;
text-decoration:none;
padding:2px 5px;
border:1px solid #ccc;
border-radius:3px;
color:#000;
background:rgba(255,255,255,.25);
}
.pagination span{background:#ddd;color:#888;}
.pagination a{color:#000;}
.pagination a:hover{background:rgba(255,255,255,.5);color:#cd0000;}
.pagination a.current,
.pagination a.current:hover{background:#000;color:#fff;}
.pagination p{margin:0;padding:5px 0 0;float:right;line-height:1;}





.error{
border:1px solid #c00;
border-radius:3px;
background:rgba(255,204,204,.5) url(/img/error.png) 10px 50% no-repeat;
padding:10px 10px 10px 50px;
margin:15px 0 0;
box-shadow:0 0 3px #c00;
}
.error ul, .error li{margin:0;padding:0;list-style:none;color:#c00;}
.ok{
position:fixed;
top:50px;
left:50%;
margin:0 0 0 -160px;
display:inline-block;
width:320px;
font-size:1em;
font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;
background:rgba(63,127,63,.9);
box-shadow:0 2px 5px #999;
color:#fff;
text-shadow:none;
padding:10px 0;
text-align:center;
z-index:800;
}
.ok p{
margin:0;
color:#fff;
}

input, select, textarea, button, a.button{
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
font-family:"firasansregular", Helvetica, Arial, Verdana, sans-serif;
font-size:1em;
background:rgba(255,255,255,0.5);
color:#888;
padding:10px;
width:100%;
vertical-align:middle;
border:0;
border-radius:3px;
box-shadow:0 1px 3px rgba(0,0,0,.25);
}
textarea{resize:vertical;max-height:30em;min-height:4em;height:8em;}
input:focus, select:focus, textarea:focus{
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.5);
}
input.disabled, select.disabled, textarea.disabled{
background:#f9f9f9;color:#aaa;
-moz-user-select:-moz-none;
-webkit-user-select:none;
-khtml-user-select:none;
-o-user-select:none;
user-select:none;
cursor:not-allowed;
}
input.w-auto, select.w-auto{width:auto;}

.ie .placeholder{color:#999;}

.focus{color:#c00;}
.cke{
display:block;
border:1px solid #999;
}
.focus input, .focus select, .focus textarea, .focus .cke{
box-shadow:0 0 3px #c00;
}
input.x{
padding:0;
width:auto;
border:0;
}
a.button,
button,
input.submit{
font-family:"firasansbold", Helvetica, Arial, Verdana, sans-serif;
background:#cd0000;
color:#fff;
border:0;
box-shadow:inset 0 1px 3px #600;
text-shadow:1px 1px 1px rgba(0,0,0,.75);
padding:10px 20px;
cursor:pointer;
width:auto;
}
a.button:hover,
button:hover,
input.submit:hover{
background:#900;
color:#fff;
}


a.button.default,
button.default,
input.submit.default{
font-family:"firasansregular", Helvetica, Arial, Verdana, sans-serif;
background:transparent;
color:#000;
box-shadow:0 1px 3px #333;
text-shadow:none;
padding:0 3px;
line-height:1.6;
}



input.submit.disabled,
input.submit.disabled:hover{
background:#888;
color:#ccc;
box-shadow:inset 0 1px 3px 0 #444;
}
a.button{text-decoration:none;white-space:nowrap;}

.warning{
font-size:0.875em;
color:#999;
text-shadow:1px 1px 0 rgba(255,255,255,.5);
padding:0 0 0 10px;
}



.tipsy{padding:5px;font-size:.875em;position:absolute;z-index:100000;}
.tipsy-inner{padding:5px 8px 4px 8px;background-color:black;color:white;max-width:230px;text-align:center;}
.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.tipsy-arrow{position:absolute;background:url(/img/tipsy.gif) no-repeat top left;width:9px;height:5px;}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px;}
.tipsy-nw .tipsy-arrow{top:0;left:10px;}
.tipsy-ne .tipsy-arrow{top:0;right:10px;}
.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left;}
.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left;}
.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left;}
.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right;}
.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px;}


.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-loading .slick-list{background:#fff url(/img/ajax-loader.gif) center center no-repeat;}
.slick-prev, .slick-next{
display:block;
position:absolute;
top:50%;
width:50px;
height:50px;
border-radius:3px;
padding:0;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
cursor:pointer;
background:rgba(0,0,0,.5);
text-align:center;
color:rgba(255,255,255,.75);
font-weight:bold;
font-size:30px;
line-height:50px;
z-index:1002;
transition:all 0.5s ease;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus{
color:#fff;
background:rgba(0,0,0,.75);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{opacity:.25;}
.slick-prev{left:15px;}
.slick-next{right:15px;}
.item_line_list .slick-prev{left:0;}
.item_line_list .slick-next{right:0;}





@media screen and (max-width:980px){
	nav a:link,nav a:visited{margin:0;}
}
@media screen and (max-width:767px){
	header{display:block;}
	.head-left{width:100%;height:80px;overflow:hidden;}
	#logo{/*height:80px;*/}
	.head-right{padding-top:0;text-align:center;}
	nav li{display:block;}
	nav a:link,nav a:visited{display:block;font-size:0.875em;padding:0 5px;text-shadow:none;}
	.special{
	position:relative;
	border:0;
	width:100%;
	padding:10px;
	text-align:center;
	transform:none;
	top:auto;right:auto;
	background:rgba(0,0,0,.6);
	display:block;
	color:#f9f9f9;
	border-radius:0;
	}
	.special:hover{border:0;color:#fff;background:rgba(0,0,0,.75);}
	.fixed-nav{display:-webkit-flex;display:-ms-flexbox;display:flex;}
	.fixed-nav .head-left{height:50px;}
	.fixed-nav .head-right{text-align:right;}
	.linkscrolldown{display:none;}
	footer ul{margin-bottom:30px;}
	footer p, footer p.app{text-align:center;}
	footer p.app{margin-bottom:30px;}
	footer .social a{filter:grayscale(0) opacity(1);}
	footer p.adh{background:none;padding-left:0;}
	.shop a{width:100%;margin-top:15px;}
}
@media screen and (max-width:520px){
	/*.flm, .frm{float:none;margin-left:0;margin-right:0;}*/
	body{font-size:.875em;}
	/*#menu li:first-child{display:none;}*/
	.screen-container{padding:1px 15px 30px;}
	.paintings a{width:100%;height:auto;}
	.artist span.text{height:62px;}
}