html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { background-color: #1c1c1e; color: #ffffff; word-wrap: break-word; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; }
h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; }
a { color: #e67e22; text-decoration: none; }
a:hover { text-decoration: underline; color: #f1c40f; transition: color 0.2s ease-in-out; }
a img { border: 0 none; }
input, textarea, select, button, body { font: normal 13px/17px; font-family: "Manrope", sans-serif; }
input, textarea, select, button, a { outline: none; }
p { margin-bottom: 0.4em; }
hr { border: 0 none; border-top: 1px solid #dbe8ed; height: 1px; }
ul { margin: 0; list-style: none; }
ol { margin: 0 0 18px 2.1em; list-style: decimal; }
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
.clr { clear: both; }
.thide, .htmenu span { overflow: hidden; display: block; height: 0; line-height: normal; }
table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0; }
table.pm { font-size: 0.85em; }
table.userstop { font-size: 0.85em; }
.lcol, .rcol, form { display: inline; }
.lcol { float: left; } .rcol { float: right; }
.small { font-size: 0.85em; }
.green { color: #52940a; }
.overlayer{display:inline-block;max-width:100%}
.overlayer .overlay{visibility:hidden}
.overlayer .overlay{background:#fff;background:none rgba(255,255,255,0.9);text-shadow:none;z-index:99}
.overlayer .overlay,.overlayer .overlay a{color:#000}
.overlayer .overlay a, a:hover{text-decoration:none}
.overlayer .overlay>div{padding:5px 10px 10px 10px;}
.overlayer .overlay.remove-padding>div{padding:0}
.overlayer .overlay>div>*:first-child{margin-top:0}
.overlayer .overlay>div>*:last-child{margin-bottom:0}
.clearfix:after,.grid-block:after,.deepest:after{clear:both}
.clear{clear:both}
.grid-box{float:left}
.widthal{} /** размер **/
.display-block{display:block}
.hidden{display:none;visibility:hidden}
a img{display:block}
.size-auto{width:334px;height:170px;}
.text-left{text-align:left}
.text-center{text-align:center}
.text-normal{font-style:normal}
#main .grid-block{margin:-10px}
#main .deepest{margin:10px}
#main .deepest.mod-box2{margin:5px}
/*.mod-box{padding:5px;background:#ccc;overflow:hidden}*/
#main h2 span{color:#781430;text-transform:lowercase}
.overlayer{display:block}
.page { max-width: 1280px; width: 1000px; margin: 0 auto; }
.head { width: 1000px; height: 150px; }
.inlogo { width: 1000px; height: 100px; }
.logotype { width: 200px; height: 100px; }
.uplogo { padding-top: 17px; padding-left: 19px;}
.logotxt { padding-left: 19px; padding-top: 5px; line-height: 13px; color: #ffffff; font-size: 12px; }
.navigations { height: 48px; width: 998px; background-color: #4f6171; border: none; }
.tutor { height: 48px; width: 750px; }
.tutor ul, .tutor ul li { float: left; }
.tutor ul li { padding: 15px 20px 0 20px; font-size: 16px; }
.tutor li a { font-size: 16px; color: #ffffff; }
.tutor li a:hover { color: #d1d1d1; }
.faq { height: 48px; width: 100px; }
.letter { float: right; padding-top: 15px; padding-right: 20px; }
.letmes a { float: right; width: 24px; height: 19px; background: url("../images/faq.png") no-repeat; overflow: hidden; }
.letmes a:hover { background-position: 0 -19px; overflow: hidden; }
.downheader { width: 1000px; height: 270px; }
.slideshows { width: 510px; height: 270px; }
.toplinks { width: 490px; height: 270px; }
#slider {position:relative;width:488px;height:218px;background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px; left:0px;display:none;}
#slider a { border:0;display:block;}
.nivo-controlNav {position:absolute;left:260px; bottom:10px;}
.nivo-controlNav a.active { background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px; height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px; border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute;z-index:5;height:100%;}
.nivo-box { display:block;position:absolute;z-index:5;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */
z-index:8;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
.pads { padding-top: 19px; }
.newpads { width: 498px; height: 228px; }
.forslider { padding-top: 5px; padding-left: 5px; }
.bott { padding-top: 19px; }
.vlevo { float: left; }
.borline { width: 225px; height: 80px; }
.newbor { padding-left: 10px; }
.lit { width: 233px; height: 68px; }
.forsmall { width: 63px; height: 68px; }
.forlong { width: 170px; height: 68px; }
.smallpic { padding-top: 5px; padding-left: 5px; }
.toptxt { padding: 5px; }
.toptop { width: 160px; height: 29px; font-size: 12px; line-height: 14px; color: #ffffff; }
.toptop a { color: #2ecc71; }
.toptop a:hover { color: #27ae60; }
.botbot { width: 160px; height: 29px; font-size: 12px; line-height: 14px; color: #ffffff; }
.navitem { width: 1000px; height: 109px; background: url("../images/unitem.png") no-repeat; }
#padmenu { float: left; display: inline; }
#padmenu { height: 77px; position: relative; }
#padmenu #itemes { margin: 0; padding: 0; }
#padmenu #itemes li { display: inline; }
#padmenu #itemes li a { float: left; width: 118px; height: 0; padding-top: 77px; overflow: hidden; }
#padmenu #itemes li#mains a { background-position: 0 0; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#stat a { background-position: -118px 0; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#coms a { background-position: -236px 0; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#maps a { background-position: -354px 0; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#mains a:hover { background-position: 0 -77px; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#stat a:hover { background-position: -118px -77px; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#coms a:hover { background-position: -236px -77px; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
#padmenu #itemes li#maps a:hover { background-position: -354px -77px; background-image: url(../images/itemenu.png); background-repeat: no-repeat; margin-left: 106px; }
.aroundcont { width: 1000px; }
.allcontents { width: 710px; }
.wir { width: 280px; }
.allblocks { width: 290px; }
.force { padding-left: 10px; }
.footer { width: 1000px; padding-top: 10px; }
.midfoot { width: 998px; height: 249px; }
.forlogin { width: 278px; }
.toplogin { height: 32px; width: 268px; }
.toplogins { height: 32px; width: 268px; }
.toploging { height: 32px; width: 268px; }
.fortitlelogin { padding-top: 7px; padding-left: 28px; font-size: 18px; color: #ffffff; }
.fortitlelogins { padding-top: 7px; padding-left: 28px; font-size: 18px; color: #ffffff; }
.fortitleloging { padding-top: 7px; padding-left: 28px; font-size: 18px; color: #ffffff; }
.conlogin { }
.conlogins { }
.uplogin { padding-top: 10px; }
.botbottom { padding-bottom: 10px; padding-left: 16px; padding-right: 16px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {padding: 2px;}
.logform li.lfchek input {width: 13px;border: none;background: none;}
.logform li.lfchek label {display: inline;margin-bottom: 0.2em;}
.logform li.lfield input {width: 226px;}
.logform li.lfield {margin-bottom: 10px;margin-left: 16px;}
.logform li.lbtn {text-align: left;}
.forgoten { padding-left: 16px; }
.linksforgot a { color: #ffffff; }
.linksforgot a:hover { color: #616060; text-decoration: underline; }
.fbutton {text-shadow: 0 1px 0 #5e8a36;font-size: 1.1em;width: 106px;height: 32px;color: #efede8;padding: 3px 0 5px 0;}
.fbutton:hover {background-color: #7baa4f;border: 0px solid #7baa4f;}
button.fbutton span {cursor: pointer;display: block;}
.fbuttond { width: 162px;height: 32px; }
.fbuttond {text-shadow: 0 1px 0 #304c65;font-size: 1.1em;border: 0px solid #4f6171;width: 162px;height: 32px;color: #efede8;padding: 2px 0 5px 0;}
.fbuttond:hover, .fbuttond a:hover {background-color: #4f6171;}
.actlink a { width: 162px; height: 32px; color: #efede8; margin-left: 40px; text-shadow: 0 1px 0 #304c65;font-size: 1.1em; color: #efede8; }
.actlink a:hover { color: #efede8; text-shadow: 0 1px 0 #304c65; }
.dop { }
.logins { padding-left: 16px; }
.userinfo {padding-left: 125px;}
.rateui {width: 85px;height: 17px;margin: 0 auto;padding-top: 4px;}
.userinfo .lcol {margin-left: -125px;width: 110px;padding-right: 15px;}
.userinfo .lcol .avatar { padding: 4px; }
.userinfo .lcol .avatar img {width: 100px;}
.userinfo .lcol .avatara { padding: 4px; }
.userinfo .lcol .avatara img {width: 90px;}
.userinfo .lcol ul {font-size: 0.9em;}
.userinfo .rcol {width: 100%;}
.userinfo .rcol ul {list-style: none;margin-left: 0;}
.userinfo .rcol ul li {margin-bottom: 0.2em;}
.ussep { padding-top: 12px;}
.colpak { margin-left: 10px; }
.loginbtn a {padding-top: 7px;text-decoration: none;font-size: 1.1em;display: block;width: 268px;text-shadow: 0 1px 0 #304c65;}
.loginbtn a {text-align: center;display: block;cursor: pointer;height: 25px;background-color: #4f6171;color: #efede8;}
.loginbtn a:hover {background-position: 50% 100%;}
.loginbtn a:hover {background-color: #5b6f80;color: #efede8;}
.rise li a:hover { color: #6d9b42; }
.searchme { width: 234px; height: 21px; border: none; }
.searchbar { float: left; width: 234px; height: 21px; }
.searchbar li { float: left; height: 21px; }
.searchbar .lfield { width: 206px; padding-left: 5px; overflow: hidden; }
.searchbar .lfield input { font-size: 0.85em; color: #7e858a; text-shadow: 0 1px 0 #f8f7f4; float: left; height: 15px; width: 203px; border: 0 none; background: none; margin-top: 3px; }
.searchbar .lbtn input { width: 21px; height: 21px; background: #81969b url("../images/search.png") no-repeat; }
.vtitle { padding: 0; display: block; color: #ffffff;}
.vtitle b { padding: 10px 7px 10px 7px; display: block; }
.unk { padding: 5px 16px 10px 16px; }
.butvote { width: 268px; height: 32px; background-color: #7b2106; }
.golos a { float: left; width: 134px; height: 32px; background: url("../images/vote.png") no-repeat; overflow: hidden; }
.golos a:hover { background-position: 0 -32px; overflow: hidden; }
.result a { float: left; width: 134px; height: 32px; background: url("../images/result.png") no-repeat; overflow: hidden; }
.result a:hover { background-position: 0 -32px; overflow: hidden; }
.wid { width: 234px; height: 240px; float: left; padding-right: 20px; }
.wids { width: 235px; height: 240px; float: left; }
.upper { width: 100%; height: 45px; }
.fuck a:hover { color: #6d9b42; text-decoration: underline; }
.fucks a:hover { color: #6d9b42; text-decoration: underline; }
.authors { padding-top: 25px; padding-left: 20px; color: #ffffff; font-size: 17px; }
.txtcol { width: 100%; }
.rand { padding-top: 20px; padding-left: 20px; color: #ffffff; }
.onyx a { color: #7ea856; }
.onyx a:hover { color: #7ea856; text-decoration: underline; }
.likme a { color: #f7f7f7; }
.mese { width: 90px; margin-right: 15px; margin-bottom: 15px; }
.mese img { float: left; }
.meses { float: left; margin-right: 15px; margin-bottom: 15px; }
.ile { padding-top: 15px; }
.speedbarcol { width: 698px; height: 30px; margin-top: 6px; margin-bottom: 6px; }
.spd { padding-left: 20px; padding-top: 6px; color: #ffffff; }
.spd a { color: #2c2c2c; }
.spd a:hover { color: #2c2c2c; text-decoration:underline; }
.titleme { margin-top: 10px; padding-bottom: 10px; }
.titleme a { font-size: 18px; color: #ffffff; }
.contentme { width: 375px; height: 226px; border: none; margin-right: 5px; margin-bottom: 10px; float: left; }
.contentob { padding-top: 5px; padding-left: 5px; }
.botcon { width: 334px; height: 45px; margin-top: 1px; float: left; }
.ratecom { padding: 13px 8px 0 8px; }
.partiya { width: 100%; }
.shest { padding-left: 16px; }
.txtcom a { font-size: 14px; }
.txtcom img { margin-bottom: -3px; }
.contenttwo { width: 598px; height: 148px; border: none; margin-right: 10px; margin-bottom: 10px; }
.polno { margin: 5px; height: 138px; width: 688px; }
.odri { width: 658px; height: 138px; }
.imapage { width: 220px; height: 138px; }
.ostav { width: 438px; height: 138px; }
.txtosn { padding: 5px; }
.titlethis { font-weight: bold; font-size: 16px; color: #ffffff; margin-bottom: 7px; padding-left: 5px; }
.titlethis a { color: #ffffff; }
.txtyou { color: #ffffff; font-size: 13px; font-family: Segoe UI; padding-left: 5px; }
.widna { width: 30px; height: 138px; background: #efede8 url("../images/line.png") repeat-y; }
.stp { width: 30px; height: 25px; background: #6d9b42 url("../images/co.png") no-repeat; float: left; }
.wert { padding-top: 2px; text-align: center; color: #ffffff; }
.wert a { color: #f0ede7; }
.drink { height: 83px; width: 30px; float: left; }
.dalee { width: 30px; height: 30px; background-color: #4f6171; float: left; }
.morelink a { float: right; width: 30px; height: 30px; background: url("../images/more.png") no-repeat; overflow: hidden; }
.morelink a:hover { background-position: 0 -30px; overflow: hidden; }
.want { width: 183px; height: 176px; border: none; margin-right: 8px; margin-bottom: 10px; }
.inside { width: 157px; height: 216px; }
.sant { width: 167px; height: 167px; border: none; margin-right: 8px; margin-bottom: 10px; }
.insides { width: 167px; height: 127px; }
.imgfirst { width: 157px; height: 117px; float: left; }
.txtsmall { width: 157px; height: 69px; color: #ffffff; font-size: 13px; float: left; }
.txtsmall a { color: #2ecc71; }
.txtsmall a:hover { color: #27ae60; transition: color 0.2s ease-in-out; }
.better { width: 157px; height: 30px; float: left; background-color: #4f6171; }
.morebutton a { float: right; width: 157px; height: 30px; background: url("../images/morebutton.png") no-repeat; overflow: hidden; text-align: center; line-height: 27px; color: #f0ede7; font-size: 15px; }
.morebutton a:hover { background-position: 0 -30px; overflow: hidden; }
.storenumber {font-weight: bold;}
.basenavi, .bnnavi, .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {font-size: 16px; float: left;}
.navigation a, .navigation span.nav_ext { color: #2e363a; }
.navigation a:hover {color: #5f8b37;}
.navigation a, .navigation span {font-weight: bold; padding: 0 4px;height: 32px;line-height: 32px;}
.shirina { width: 710px; float: left; }
.txtcontacts { width: 230px; height: 100px; background: url("../images/contacts.png") no-repeat; }
.mile { padding-left: 33px; padding-top: 11px; }
.upik { line-height: 14px; color: #4f4f4f; }
.upiks { padding-top: 12px; line-height: 14px; color: #4f4f4f; }
.berrors { float: left;color: #f0ede7;border: 1px solid #774934;text-shadow: 0 1px 0 #88553e;padding: 15px 13px;background-color: #905b43; width: 672px;}
.berrors a {color: #3e1806;}
.berrors a:hover {color: #3e1806;text-decoration: underline;}
.berrors { margin-bottom: 13px; margin-top: 10px; margin-right: 10px; text-align: justify;}
.baseconet { margin-right: 10px; padding: 5px; }
.btl { color: #4f4f4f; }
.ftitle { width: 1150px; }
.otitle { padding: 0 15px 10px; color: #ffffff; }
.otitle img { padding: 5px; }
.basetags {padding-top: 10px;font-size: 0.9em;color: #ffffff;}
.basetags a {color: #6d9b42;}
.botcont { width: 688px; height: 86px; }
.eig { padding: 15px 8px 10px; }
.edits { width: 672px; }
.edites { width: 672px; margin-top: 37px; }
.txted { color: #ffffff; }
.txted a { color: #4f6171; }
.txted a:hover { text-decoration: underline; }
.txtes a { color: #67953d; }
.txtes a:hover { text-decoration: underline; }
.editdate {font-size: 0.9em;background-color: #efede8;padding: 6px;color: #67747b;}
.basecont { margin-bottom: 13px; text-align: justify;}
.heading {font-size: 1.4em; line-height: normal; color: #d51e44; margin-bottom: 10px;}
.pink { color: #d51e44;}
.tableform { width: 100%;}
.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; font-weight: bold;}
.checkbox { padding: 4px 0;line-height: 1em;}
.checkbox input { margin-top: -2px; vertical-align: middle;}
.f_input { width: 300px; padding: 1px;}
.f_textarea { width: 458px;}
.fieldsubmit, .tableform td { padding: 10px 13px;}
.comments { border: 1px solid #cac0ad; padding: 5px; width: 688px; margin-bottom: 10px; margin-right: 10px; }
.sem { width: 70px; }
.fava { width: 70px; height: 75px; }
.quo { width: 70px; height: 19px; }
.quotes a { float: right; text-shadow: 0 1px 0 #67933e; text-align: center; padding-top: 2px; width: 70px; height: 19px; overflow: hidden; background-color: #4f6171; color: #efede8; }
.quotes a:hover { color: #f7ffef; overflow: hidden; background-color: #4f6171; }
.comedits { width: 606px; height: 23px; background-color: #efede8; border: 1px solid #e2e1de; margin-bottom: 10px; }
.zhal a { float: right; width: 11px; height: 11px; background: url("../images/zhal.png") no-repeat; margin-right: 5px;}
.apen a { float: right; width: 11px; height: 11px; background: url("../images/apen.png") no-repeat; margin-right: 7px; }
.cl a { float: right; width: 11px; height: 11px; background: url("../images/close.png") no-repeat; margin-right: 10px; }
.comot { padding-top: 2px; padding-left: 10px; }
.comoe { padding-top: 6px; }
.unname { width: 608px; }
.selectmass { display: inline;}
.selectmass input { float: right; margin-right: 5px; margin-top: -1px;}
.ostor { width: 608px; }
.baseform, .mass_comments_action {padding: 1px;}
.mass_comments_action { padding: 10px 13px;}
.baseform .dcont { padding: 13px 0; margin: 0 13px;}
.baseform .dcont .heading { margin: 0;}
.pm_status {float:left; border: 1px solid #d8d8d8;padding: 0px; background-color: #fff; width: 300px;height: 100px; margin-left: 20px; margin-right: 5px;}
.pm_status_head {border-bottom: 1px solid #d8d8d8; font-size: 0.9em; background: #fff url("../images/bbcodes.png") repeat-x 0 100%; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e;}
.pm_status_content {padding: 5px;}
.otitle a:hover { text-decoration: underline; }
.statistics { overflow: hidden; margin: 0; padding: 0;}
.statistics ul.lcol { min-height: 71px; margin: 0 0 20px -1px; width: 33.3%;}
.statistics ul.lcol li { padding: 0 15px 0 0; margin-bottom: 2px;}
.lined {font-size: 0.9em;margin-bottom: 13px; padding: 13px;}
.ott { margin-top: 10px; }
.dead { width: 656px; }
.nevys { width: 656px; height: 20px; }
.zing { width: 656px; }
.tutsi { padding-left: 10px; padding-top: 2px; }
.rep { float: right; margin-right: 5px; line-height: 9px; }
.toptxts { padding: 5px 10px; }
.padsa { padding-top: 5px; }
/* JCECSS */
.loginbutton {
font-size:12px;
font-family:Arial;
width:63px;
height:26px;
border-width:1px;
color:#fff;
border-color:#0b0e07;
font-weight:bold;
border-top-left-radius:3px;
border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
box-shadow:inset 0px -3px 7px 0px rgba(183, 28, 28, 1);
text-shadow:inset 0px 1px 0px #263666;
background:linear-gradient(rgba(229, 57, 53, 1), rgba(183, 28, 28, 1));
}
.loginbutton:hover {
background: linear-gradient(rgba(183, 28, 28, 1), rgba(229, 57, 53, 1));
}
.jcesearchbox {
display: flex;
align-items: center;
position: relative;
max-width: 100%;
}
.input {
font-size: 18px;
padding: 5px 10px;
width: 100%;
padding-left: 35px;
outline: none;
background: #BDBDBD;
color: #000000;
border: 1px solid #000000;
border-radius: 5px;
transition: .3s ease;
}
.input:focus {
background: #888888;
border: 1px solid #484848;
border-radius: 10px;
}
.input::placeholder {
color: #828282;
}
.svg_icon {
position: absolute;
left: 10px;
fill: #000000;
width: 18px;
height: 18px;
}
#menu {
background: #2C2C2C;
height: 45px;
border-radius: 10px;
text-transform: uppercase;
}
#menu ul, #menu li {
margin: 0 auto;
padding: 0;
list-style: none
}
#menu ul {
width: 100%;
text-align: center;
}
#menu li {
display: inline-block;
position: relative;
}
#menu a {
display: block;
line-height: 45px;
padding: 0 14px;
text-decoration: none;
color: #FFFFFF;
font-size: 16px;
}
#menu a.dropdown-arrow:after {
content: "\25BE";
margin-left: 5px;
}
#menu li a:hover {
color: #2C2C2C;
background: #F2F2F2;
}
#menu input {
display: none;
margin: 0;
padding: 0;
height: 45px;
width: 100%;
opacity: 0;
cursor: pointer
}
#menu label {
display: none;
line-height: 45px;
text-align: center;
position: absolute;
left: 35px;
text-transform: uppercase;
}
#menu label:before {
font-size: 1.6em;
color: #FFFFFF;
content: "\2261";
margin-left: 20px;
text-transform: uppercase;
}
#menu ul.sub-menus{
height: auto;
overflow: hidden;
width: 180px;
background: #2C2C2C;
position: absolute;
z-index: 99;
display: none;
text-transform: uppercase;
}
#menu ul.sub-menus li {
display: block;
text-align: left;
width: 100%;
}
#menu ul.sub-menus a {
color: #FFFFFF;
font-size: 16px;
}
#menu li:hover ul.sub-menus {
display: block
}
#menu ul.sub-menus a:hover{
background: #F2F2F2;
color: #2C2C2C;
}
@media screen and (max-width: 800px){
#menu {position:relative}
#menu ul {background:#2C2C2C;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;text-align:left;}
#menu ul.sub-menus {width:100%;position:static;}
#menu ul.sub-menus a {padding-left:30px;}
#menu li {display:block;float:none;width:auto;}
#menu input, #menu label {position:absolute;top:0;left:0;display:block}
#menu input {z-index:4}
#menu input:checked + label {color:#FFFFFF}
#menu input:checked + label:before {content:"\00d7"}
#menu input:checked ~ ul {display:block}
}
.buttonBUY {
font-size:15px;
font-family:Arial;
width:140px;
height:50px;
border-width:1px;
color:#ffffff;
border-color:#74b807;
font-weight:bold;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
box-shadow:inset 0px 1px 0px 0px #a4e271;
text-shadow:inset 0px 1px 0px #528009;
background:linear-gradient(#89c403, #77a809);
}
.buttonBUY:hover {
background: linear-gradient(#77a809, #89c403);
}