@font-face{font-family:'Cormorant';src:url('fonts/Cormorant-Light.woff2') format('woff2')}

body{font-size:110%;margin:0;color:#333;background:#fff}

*{font-family:'Cormorant',Verdana,Arial,Tahoma}
.pat{font-style:italic;font-size:120%}

#otop{top:0;height:165px;width:100%;z-index:190}
#otop2{top:165px;height:38px}

#u,#cont,#top{width:950px;margin:0 auto;position:relative}
#link{width:100%;height:130px;left:0;top:10px;cursor:pointer;background:url(files/top.png) no-repeat;background-size:100%}

#top{height:160px}

#backvideo{position:fixed;left:0;width:100%}
#backvideo2,#backvideo3{position:absolute;left:0;width:100%;top:230px}

#cont{width:990px;min-height:400px;padding-top:190px;z-index:160}
#icont{background:rgba(255,255,255,.5);padding:10px 20px}
.l{width:27%}
.wcont{width:67%}

a{color:#B5834B;text-decoration:none}
a:hover,.mark{color:#666;text-decoration:underline}

a.butt{padding:3px 12px;margin-right:7px;border-radius:15px;white-space:nowrap}

#opt{font-size:85%;padding:2px 5px;border:1px solid #D7D7D7;background:#fff;top:45px;right:0}
#flags{right:0;top:5px;font-size:80%;font-weight:normal;z-index:100}
#flags a{font-weight: normal;}

#t32{right:15px;top:155px;font-weight:normal;height:38px;font-size:90%}
#t32 p{line-height:38px;margin:0}
#t32 a{font-weight:normal}

#dm,h1,h2,h3,h4{text-transform:uppercase}

#dm li a::first-letter{font-size:118%}
h1::first-letter,h2::first-letter,h3::first-letter,h4::first-letter,#t32 a::first-letter{font-size:125%}

#link,#flags,#opt,#dm,#dm ul,#otop,#otop2,.pa,.close,#t32{position:absolute}
legend,.b,.forum,.msg,a{font-weight:bold}
h1,h2,h3,h3 a,#dm a,#m a,#c{color:#666;font-weight:normal}
.msg,.light,#buy,#opt,.obl,input,select,textarea{border-radius:5px}

#path{line-height:22px;letter-spacing:-1px}
#path input{border:1px solid #eee;margin:0;vertical-align:top;height:21px;line-height:21px;padding:0 3px;width:120px;color:#666;background:#fff;border-radius:0}
#path .butt{width:18px;margin-right:10px}

#dm,#dm ul,#dm li{margin:0;padding:0}
#dm{top:155px;height:38px;line-height:38px;letter-spacing:-1px;width:100%;background:#eee;background-image:linear-gradient(#fff,#ddd);white-space:nowrap;font-size:90%}
#dm a:hover,#dm a.mark{background:#ddd;color:#B5834B;overflow:hidden}
#dm li{position:relative;list-style:none;float:left}
#dm li a{padding:0 15px;display:block;border-right:solid 1px #fff;text-decoration:none;text-shadow:#fff 1px 1px 1px}
#dm li.haschildren a{padding-right:24px;}
#dm li:last-child a{border:0;padding-right}

#dm li div{font-size:90%;height:10px;width:10px;position:absolute;top:0;right:10px}
#dm ul{background:#eee;box-shadow:1px 1px 1px #bbb;letter-spacing:0;margin-left:-1px}
#dm ul li{font-size:90%;border:0;float:none}
#dm ul a{border:0;border:1px solid #fff;border-top:none}
#dm ul a:hover,#dm ul a.mark{background:#ddd}

#otop.scr{position:fixed;height:36px;background:#fff;box-shadow:#999 2px 2px 2px}
.scr #otop2,.scr #flags{display:none}
.scr #dm{top:0;background:none}
.scr #dm a{transition:all .5s}
.scr #t32{top:0}
.scr #top{height:36px}
.scr #link{height:35px;width:106px;top:0;left:-120px;background-size:auto 100%}

img[loading=lazy]{opacity:.7}
img.loaded{opacity:1;transition:opacity 1s}

#m{list-style:none;margin:0 0 4px 6%;width:27%;padding:0}
.l #m,.l33 #m{float:none;width:100%;margin:0}
#m a{display:block;padding:7px;color:#333;border-bottom:1px solid #EAE9E7;font-size:105%}
#m a:hover,#m .mark{text-decoration:none;color:#B5834B}
#m strong{color:#666;padding:0 5px}
#m ul{margin:0;list-style:none;padding-left:22px}
#m ul a{padding:5px 0;display:block;background:none;height:auto;border:0;text-shadow:#fff 1px 0 1px;color:#333;font-size:95%}
#m ul a:hover,#m ul .mark{background:url(gfx/arr.gif) left center no-repeat;color:#B5834B}

p{margin:0 0 5px 0;padding:0;line-height:125%}

#u{padding:15px 0;font-size:85%;color:#aaa}
#u a{color:#999}
#c{font-size:85%;margin:2px 10px;color:#666}

ul,ol{margin:0} 
ul li ul{list-style-type:circle;margin:0}

.light,.msg,.block{background:#f7f7f7;text-shadow:#fff 1px 1px 1px;border-radius:3px}
.block{padding:10px}

.fr,#c,#m,.frml{float:right}
.fl,.l33,.flmr,.l50{float:left}
.fc{margin:0 auto}
.ar{text-align:right}
.ac,body,.msg{text-align:center}
.al,#u,#cont,th,#dm ul{text-align:left}
.aj{text-align:justify}
.w100{width:100%;box-sizing:border-box}
.print,.dn,#dm ul{display:none}
.p3{padding:3px}
.cb{clear:both}
.cbnr{clear:both;line-height:0;height:0}
.nt{list-style-type:none;margin:0;padding:0}
blockquote{margin:0 0 0 50px}
.frml{margin-left:25px}
.flmr{margin-right:25px}
.wb{width:23%}

.readonly{background:#DCDCDC;color:gray}
.butt,a.butt{background:#B5834B;background-image:linear-gradient(#B5834B,#92693D);cursor:pointer;color:#fff}
.butt2{background:#EBEBEB;font-size:80%;cursor:pointer;color:#444}
.butt:hover,.butt2:hover,a.butt:hover{background:#B5834B;background-image:linear-gradient(#92693D,#71522F);color:#fff}
input,textarea,select{font-size:95%;padding:6px;background:#fff;border:1px solid #ccc}
input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{border-color:#B5834B}
form{margin:0}

a:hover img,.gal a:hover img{opacity:0.7}
.gal a img{margin:0 23px 23px 0;border:1px solid transparent}
.gal a:hover img{border:1px solid #666}

table{border-collapse:collapse}
td,th{vertical-align:top;padding:5px}
th{background:#B5834B;background-image:linear-gradient(#B5834B,#92693D);color:#fff;border-right:1px solid #fff;padding:3px}

h1{font-size:170%;color:#B5834B;margin:10px 0 5px 0}
h2{font-size:140%;margin:10px 0 5px 0;color:#7c7c7c}
h3{font-size:120%;margin:10px 0 5px 0;color:#7f7f7f}
h4{font-size:100%;margin:3px 0 2px 0;border-bottom:1px dotted #fff}
h5,h6{font-size:100%;margin:0 0 2px 0;text-decoration:underline}
h6{font-size:90%}

hr{color:#ccc;height:1px;background:#ccc}

.hand,select{cursor:pointer}
.red{color:#B5834B}
.wh{color:#fff}
.paging{clear:both;background:#D7D7D7;padding:2px 5px;margin:3px 0;line-height:22px}
.paging a{padding:0 2px}

.forum{font-size:110%;border-bottom:1px solid #ccc;margin:20px 0 5px 0}

.nw{white-space:nowrap}

.msg{font-size:130%;padding:7px;text-shadow:#000 1px 1px 1px;margin-bottom:5px}
legend{color:#1D2321;font-size:120%}
small,.sm{font-size:85%}
.close{right:-20px;top:-18px;cursor:pointer}
.big{font-size:150%}
.big2{font-size:230%}
.big3{font-size:350%}
fieldset{border:1px solid #ccc}

.l33{width:31%;padding:0 1%;overflow:hidden;border-right:1px dotted #E8E7E3}
.l33 h1,.l33 h2,.l33 h3{margin:5px 0;font-size:190%}
.l50{width:48%}
.ml{margin-left:4%}
.msg,img,.bn,form,hr{border:0}
.border{border:1px solid #eee}

.slider h1,.slider h2{font-size:220%;color:#999;text-shadow:#111 0 1px 0}
h3 a{color:#666}

#lb{position:fixed;top:255px;left:0;padding:3px;z-index:0}
#rb{position:absolute;top:255px;right:0;padding:10px;z-index:800}
#rb .favcont{position:relative}
#rb .favcont sub{position:absolute;background:#B5834B;display:block;height:18px;width:18px;color:#fff;border-radius:300%;line-height:18px;text-align:center;margin-top:-29px;border:1px solid #fff;font-size:66%;font-family:Arial, Helvetica, sans-serif}

#mt{position:absolute;right:10px;top:40px;display:none;cursor:pointer;z-index:901}

.bimg{max-width:50%;margin-right:.5%;float:left;margin-bottom:1px}
.dimg{max-width:25%}

.gpi{float:left;margin:23px 23px 0 0;text-align:center;overflow:hidden;position:relative;border:1px solid transparent}
.gpi:hover{border:1px solid #999}
.gpi div{position:absolute;top:0;right:0;padding:2px 5px;background:rgba(255,255,255,.5);color:#444;text-shadow:#fff 1px 1px 1px;cursor:pointer;line-height:14px;height:14px;font-size:14px}
.gpi div img{height:14px;margin-left:5px;float:right}

#cont form select{width:100%}
.hor{height:280px;overflow:auto;white-space:nowrap}

@media(max-width:800px){
.gpi{width:23%;margin:23px 2% 0 0;border:0}
.gpi:hover{border:0}
}    
@media(max-width:600px){
.gpi{width:31%;margin:23px 2% 0 0}
}
@media(max-width:450px){
.gpi{width:48%;margin:23px 2% 0 0}
}
@media(max-width:1160px){
#lb{display:none}
}

@media(max-width:949px){
#cont,#u,#top,#dm,iframe{width:auto}
#cont img,#u img{max-width:100%;height:auto}
#cont .crossslide img{max-width:unset}


#cont{padding-top:135px}
#icont{padding:10px}

#top,#otop{height:auto}
#top{padding-top:20px}
#cont .bimg{max-width:70%}
#cont .dimg{max-width:29%}

.rddn,.fb{display:none}
#mt{display:block}

#dm{height:auto;margin:0;z-index:900;background:#eee;width:auto;position:static;display:none;line-height:24px}
#dm li{float:none;position:static;clear:both;border-bottom:1px solid #fff}
#dm ul{display:inline;position:static}
#dm ul li{float:left;clear:none}
#dm ul li a{padding:1px 12px 0 0;font-size:90%;border:0}
#t32{right:120px;top:5px;height:auto;z-index:100}
#t32 p{line-height:inherit}

#link{margin:0 0 0 10px;width:90%;height:120px;position:static}

.scr #mt{top:5px}
.scr #t32{right:55px;top:10px}
.scr #flags{right:60px;top:9px}
.scr #dm{top:37px;background:#eee}
.scr #link{margin-top:-20px}
}
@media(max-width:699px){
.wb,#m,.l{width:37%}
.wcont{width:60%}
#link{height:90px}
#cont{padding-top:105px}
}
@media(max-width:580px){
#link{height:70px;width:85%}
#cont{padding-top:85px}
}
@media(max-width:500px){
#m,.l,.l33,.l50{width:auto;float:none;margin:0;padding:0}
#m{background:#eee;font-size:90%;margin:0}
#m a{padding:3px}
#wb,.wcont{width:auto}
#path,#c{display:none}
#u{margin-top:0}

#link{height:60px;width:200px;top:10px;background-size:auto 100%}

#cont .bimg,#cont .dimg{max-width:100%;margin-right:0}
}

@media print{
body,#u{background-image:none;background-color:#fff;color:#000;margin:0;padding:0}
#otop{position:static;background:none}
#main,#u,#top{width:100%;border-width:0;float:none}
#cont,#path{padding:0;margin:0}
.np,#contactmail,#m,#dm,#c,#path img,#path input,#flags{display:none}
#path,#u{margin:0;padding:0}
.print{display:inline}
}