@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:700; font-style:italic; src:url("/fonts/Fira/firasans-bolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-bolditalic.woff") format("woff");}

#paywall-cat {clear:both; overflow:hidden; position:relative; max-width:560px; min-height:100px; line-height:1.5; margin:0 0 1em; padding:.75em 20px .5em 90px; color:#263238; background:#eceff1 url('/o/premium/watch-cat.svg') no-repeat 20px 20px / 60px 60px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#paywall-cat h3 {margin:0 0 .2em; font-weight:700; font-size:162.5%; text-transform:uppercase}
#paywall-cat h3 a {color:inherit; text-decoration:none}
#paywall-cat h3 a:hover {text-decoration:underline}
#paywall-cat h3 a:before { content:''; position:absolute; top:10px; left:10px; width:80px; height:80px}
#paywall-cat p {margin:0 0 1em; font-size:87.5%}
#paywall-cat .switchbox {font-weight:700; font-size:100%}
#paywall-cat .date {margin:.3em 0 0; font-weight:600; color:#999}
#paywall-cat .btn-reminder {position:relative; overflow:hidden; display:inline-block; width:auto; height:auto; line-height:1.2; margin:0 20px 0 0; padding:.8em 1.2em; border:0; border-radius:3px; font-weight:700; font-size:100%; text-decoration:none; color:#000; background:#EB4; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #EB4; transition:.4s background; box-shadow:0 .2em .5em rgba(0,0,0,.2)}
#paywall-cat .btn-reminder:hover {background:#FC5; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.18)), #FC5}
#paywall-cat .btn-reminder:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%);}
#paywall-cat .btn-reminder:hover:after {right:105%; transition:.6s right}
#paywall-cat .btn-reminder:before {content:''; float:left; width:2em; height:2em; margin:-.4em .2em -1em -.6em; background:url('/o/premium/watch-reminder.png') no-repeat 0 0 / contain}
#paywall-cat .btn-reminder-act:before {background-image:url('/o/premium/watch-reminder-act.png')}

#paywall-in-art-text {margin:0 0 1em; padding:10px 20px; border-radius:5px; color:#263238; background:#ECEFF1}
#paywall-in-art-text .premlab {margin:0 0 .2em -26px}
#paywall-in-art-text .tit {margin:0 0 .6em}
#paywall-in-art-text #paywall-cat {margin:0 -20px; border-top:3px solid #FFF; border-radius:0}

.catsetting {margin:0 0 2em 10px; padding:0 0 1px}
.list-art .catsetting {margin-left:0}
.catsetting-header, .catsetting-block {position:relative; margin:0 0 1em; padding-left:2em}
.catsetting-header h1 {position:relative; margin:0 0 .3em; font-weight:700; font-size:218.75%}
.catsetting-header h1:before { content:''; position:absolute; top:50%; left:0; width:1.2em; height:1em; margin:-.5em 0 0 -1.2em; background:url('/o/premium/watch-cat.svg') no-repeat 50% 50% / contain}
.catsetting-header p {line-height:1.625}
.catsetting-ico-message:before {content:''; position:absolute; top:0; left:0; width:1em; height:1em; margin:.1em .5em 0 0; background:url('/u/icon/137/mail2.svg') no-repeat 50% 50% / cover; font-size:131.25%}
.catsetting-block h3 {margin:0 0 1em; font:131.25%/1.2 Arial,Helvetica,sans-serif}
.catsetting-block p {margin:0 0 1em}
.catsetting-block .btn-sen {width:100%; margin:0 0 1em; border:0; border-radius:3px; line-height:1.333; padding:1em; text-align:center; font-weight:700; font-size:112.5%; color:#FFF; background:#1b3e7a; box-shadow:0 2px 5px rgba(0,0,0,.1); -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; transition:.4s}
.catsetting-block .btn-sen:hover {background-color:#102447}

.catsetting-search {position:relative}
.catsetting-search .inp {width:100%; height:3em; margin:0 0 1em; padding:0 1em 0 3em; border:1px solid #CFD8DC; border-radius:.3em; color:#546E7A; background:#ECEFF1 url('/u/icon/567/search.svg') no-repeat .8em 50% / 1.5em 1.5em}
.catsetting-search .inp::placeholder {color:inherit; opacity:.5}
.catsetting-search .inp:focus {border-color:#678AC6; color:#263238; background-color:#FFF; background-image:url('/u/icon/137/search.svg')}

.words-list {position:absolute; top:2.7em; left:0; z-index:10; display:none; width:100%; line-height:1.2; margin:-1px 0 0; padding:.8em 0 .5em; border:1px solid #678AC6; border-width:0 1px 1px; border-radius:0 0 .3em .3em; color:#263238; background:#FFF; cursor:default; font-weight:400; overflow:hidden; white-space:normal; text-transform:none; box-shadow:0 10px 10px rgba(0,0,0,.2); -webkit-box-sizing:border-box; box-sizing:border-box;}
.words-list:before {content:''; position:absolute; top:.3em; left:.8em; right:.8em; height:1px; background:#ECEFF1 }
.words-list div {padding:.3em 1em .3em 3em}
.words-list div:hover {background:#EFF3F9}

.remresult {display:inline-block; margin:0 .3em .3em 0; padding:.2em .8em .2em 1.8em; border:1px solid #cfdcf1; border-radius:1em; color:#1b3e7a; background:#eff3f9 url('/u/icon/137/unfinished-delete.svg') no-repeat .5em 50% / .9em .9em; text-decoration:none; font-size:87.5%; cursor:pointer; transition:.4s}
.remresult:hover { background-color:#FFF}

.checkbox {position:relative; padding:0 0 0 1.2em;}
.checkbox input {position:absolute; left:-999em}
.checkbox label {display:block; padding-left:.8em; cursor:pointer}
.checkbox label:before {content:''; position:absolute; top:0; left:0; width:1.2em; height:1.2em; line-height:1.2; border:1px solid #b0bec5; border-radius:2px; text-align:center}
.checkbox label:hover:before, .checkbox input:checked + label:before {border-color:#1B3E7A}
.checkbox input:disabled + label {opacity:0.5}
.checkbox input:disabled + label:before, .checkbox input:disabled + label:hover:before {border-color:#BBB}
.checkbox input:checked + label:before {content:''; color:#FFF; background:#1B3E7A url('/u/icon/fff/ok.svg') no-repeat 50% 50% / contain}

.switchbox {position:relative; line-height:1.4; padding:0 0 0 3em}
.switchbox input {position:absolute; left:-999em}
.switchbox label {display:block; cursor:pointer; padding-left:.6em}
.switchbox label:before, .switchbox label:after {content:''; position:absolute; top:0; left:0; width:3em; height:1.4em; border-radius:1em; transition:.2s}
.switchbox label:before {background:#B0BEC5 url('/u/icon/fff/ok.svg') no-repeat .3em 50% / 1em 1em}
.switchbox label:after {width:1em; height:1em; top:.2em; left:0; margin:0 .3em; background:#FFF}
.switchbox input:checked + label:before {background-color:#1B3E7A}
.switchbox input:checked + label:after {left:1.4em}

/* B-BOXY */
.b-box-cat1 {overflow:hidden; position:relative; min-height:100px; line-height:1.5; margin:0 0 1.25em; padding:.75em 20px .5em 90px; /*font-size:medium;*/ color:#263238; background:#eceff1 url('/o/premium/watch-cat.svg') no-repeat 20px 20px / 60px 60px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.b-box-cat1 h3 {margin:0 0 .2em; font-weight:700; font-size:125%; text-transform:uppercase}
.b-box-cat1 h3 a {color:inherit; text-decoration:none}
.b-box-cat1 h3 a:hover {text-decoration:underline}
.b-box-cat1 h3 a:before { content:''; position:absolute; top:10px; left:10px; width:80px; height:80px}
.b-box-cat1 table {width:100%; font-size:81.75%}
.b-box-cat1 td {vertical-align:top}
.b-box-cat1 .btn {position:relative; overflow:hidden; display:inline-block; width:auto; height:auto; line-height:1.2; margin:0; padding:.8em 1.2em; border:0; border-radius:3px; font-weight:700; font-size:100%; text-decoration:none; color:#000; background:#EB4; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #EB4; transition:.4s background; box-shadow:0 .2em .5em rgba(0,0,0,.2)}
.b-box-cat1 .btn:hover {background:#FC5; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.18)), #FC5}
.b-box-cat1 .btn:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%);}
.b-box-cat1 .btn:hover:after {right:105%; transition:.6s right}