* { margin: 0; padding: 0; }

::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder          { color: #ccc; }
:-ms-input-placeholder      { color: #ccc; }
:-moz-placeholder           { color: #ccc; }

HTML { scroll-behaviour: smooth; }
BODY { background-color: #fff; margin-top: 40px; }
BODY, DIV, TABLE TR TH, TABLE TR TD, BUTTON, INPUT, TEXTAREA, SELECT { font-family: "Quicksand", Arial, Helvetica, sans-serif; font-style: normal; font-weight: 300; font-size: 14px; line-height: 24px; color: #333; }
H1, H2, H3, H4, H5, H6 { font-weight: 300; margin-bottom: 0; }
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { }
INPUT:focus, TEXTAREA:focus, SELECT:focus, BUTTON:focus, A, A:visited { outline: none; }
IMG { display: block; }
A, A:visited { color: #369; }
A:active, A:hover { color: #fa0; text-decoration: none; }

.container { width: 95%; max-width: 1180px; min-width: 360px; margin: 0 auto; }
.wrapper:before, .wrapper:after, .row:before, .row:after, .content OL:after, .content UL:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.hidden { display: none; }
.color-light, .color-light A, .color-light A:visited { color: #999 !important; }
.color-micro, .color-micro A, .color-micro A:visited { color: #ddd !important; }
.color-alert, .color-alert A, .color-alert A:visited { color: #c33 !important; }
.float-left  { float: left !important; }
.float-right { float: right !important; }
.text-bold   { font-weight: bold !important; }
.text-center { text-align: center !important; }
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }
.text-small  { font-size: 12px !important; color: #999 !important; }
.text-micro  { font-size: 10px !important; font-weight: normal; color: #999 !important; }
.text-small A, .text-small A:visited, .text-micro A, .text-micro A:visited { color: #999; text-decoration: underline; }
.text-nowrap { white-space: nowrap; }
.width-50 { width: 50%; }
.mt-1 { margin-top: 0.25em; }
.mt-2 { margin-top: 0.5em; }
.mt-3 { margin-top: 1em; }
.mt-4 { margin-top: 2em; }


/*.content .page H1 { margin: -8px 0 16px 0; }
.content .page H2 { margin: 0 20px 20px 0; border-bottom: 1px solid #eee; color: #c33; }
.content .page H2 SUP { margin-left: 1em; font-size: 11px; color: #ccc; }
.content .page H3 { font-size: 12px !important; }

.content .page .menu { float: left; width: 148px; }

.content .page .year { float: left; width: 52px; }

.content .page .info .main { float: left; width: 640px; }
.content .page .info .main .movies { margin: 0 -20px 3em 0; }
.content .page .info .main .movies UL LI { float: left; }
.content .page .info .main .movies .movie { display: block; width: 150px; height: 280px; margin-right: 15px; overflow: hidden; }
.content .page .info .main .movies .movie .image { display: block; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.content .page .info .main .movies .movie .image IMG { width: 144px; height: 200px; }
.content .page .info .main .movies .movie .name { display: block; width: 144px; height: 70px; margin: 5px 0 15px; line-height: 1.3em !important; overflow: hidden; }
.content .page .info .main .movies .movie .name SMALL { font-size: 10px; color: #999; }

.content .page .info .side { float: right; width: 280px; margin-left: 50px; }
.content .page .info .side H2 { border-bottom: 1px solid #eee; color: #999; }

.content .page .info .side .filter { margin-bottom: 5em; }
.content .page .info .side .filter H1 { line-height: 16px !important; font-size: 14px !important; font-weight: normal; margin: 0; }
.content .page .info .side .filter H4 { margin-bottom: 15px; line-height: 32px; font-size: 24px; font-weight: bold; color: #6174A3; }
.content .page .info .side .filter H5 { margin: 0x; line-height: 16px; font-size: 12px; font-weight: normal; color: #999; }
.content .page .info .side .filter P { margin: 0; }
.content .page .info .side .filter OL LI { margin-bottom: 15px; }
.content .page .info .side .filter .block { float: left; }
.content .page .info .side .filter .image { float: left; width: 56px; height: 56px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; margin-right: 10px; overflow: hidden; }
.content .page .info .side .filter .image IMG { width: 100%; height: 100%; }*/

.content { width: 100%; padding-top: 20px; }
.content H1 { line-height: 36px !important; font-size: 36px !important; color: #333; }
.content H2 { line-height: 28px !important; font-size: 22px !important; color: #c33; margin-bottom: 10px; }
.content H3 { line-height: 18px !important; font-size: 14px !important; color: #999; }
.content UL, .content OL { list-style: none; }
.content P { margin-bottom: 1em; }

.content .left { float: left; width: 180px; margin-right: 20px; }
.content .left OL LI { font-size: 12px; line-height: 24px; }
.content .left .menu { float: left; width: 150px; }
.content .left .year { float: right; width: 30px; }

.content .full .large {  }
.content .full .large IMG { width: auto; max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }

.content .main { float: right; width: 980px; }

.content .main .more { float: right; width: 980px; border-radius: 5px; margin: 0 0 20px 0; overflow: hidden; font-size: 16px; }
.content .main .more EM { font-style: normal; }
.content .main .more UL LI { margin-bottom: 10px; }
.content .main .more UL LI SPAN { display: inline-block; width: 25%; color: #999; }
.content .main .more.more-dark { position: relative; width: 940px; min-height: 217px; padding: 20px 20px 10px; background-color: #f6f6f6; border-bottom: 1px solid #eee; font-size: 14px; }
.content .main .more.more-dark .parental { position: absolute; top: -7px; right: -3px; line-height: 72px; font-size: 72px; color: #e6e6e6; text-shadow: 1px 1px 1px #eee; }

.content .main .crews .crew { margin-bottom: 3em; }
.content .main .crews .crew H2.crew-name { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px; }
.content .main .crews .crew OL LI { height: 66px; margin-bottom: 20px; }
.content .main .crews .crew .crew-img { float: left; width: 64px; margin-right: 10px; background-color: #f6f6f6; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.content .main .crews .crew .crew-img IMG { width: 64px; height: 64px; }
.content .main .crews .crew .crew-inf { float: left; width: 564px; margin-top: -4px; }
.content .main .crews .crew .crew-inf H2 { margin: 0; border: 0; line-height: 24px !important; font-size: 18px !important; font-weight: normal !important; }

.content .main .movies, .content .main .persons, .content .main .images { margin-bottom: 40px; }
.content .main .movies .movie, .content .main .persons .person { float: left; width: 145px; height: 260px; margin-right: 20px; }
.content .main .movies .movie .image, .content .main .persons .person .image { display: block; width: 140px; height: 180px; margin-bottom: 5px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.content .main .movies .movie .image IMG, .content .main .persons .person .image IMG { width: 100%; height: 100%; }
.content .main .movies .movie .name, .content .main .persons .person .name { color: #999; line-height: 20px; }

.content .main .wide .movies, .content .main .wide .persons, .content .main .wide .images { width: 995px; }
.content .main .wide .images .image { float: left; width: 144px; height: 144px; margin: 0 20px 20px 0; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.content .main .wide .images .image IMG { width: 100%; height: 100%; }

.content .main .info { float: left; width: 660px; }

.content .main .side { float: right; width: 300px; }
.content .main .side .filter { margin-bottom: 5em; }
.content .main .side .filter H3 { line-height: 18px !important; font-size: 14px !important; margin-bottom: 5px; color: #6174A3; }
.content .main .side .filter H4 { line-height: 16px !important; font-size: 13px !important; margin-bottom: 5px; color: #999; }
.content .main .side .filter P  { line-height: 13px !important; font-size: 13px !important; margin-bottom: 0; color: #999; }
.content .main .side .filter OL LI { margin-bottom: 20px; }
.content .main .side .filter .block { float: left; }
.content .main .side .filter .image { float: left; width: 56px; height: 56px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; margin-right: 10px; overflow: hidden; }
.content .main .side .filter .image IMG { width: 100%; height: 100%; }

.content .list { float: left; width: 180px; margin: 0 20px 0 0; }
.content .list .image { background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.content .list .image IMG { width: 180px; height: 246px; }

.content .list .menu { width: 180px; margin-top: 25px; }
.content .list .menu UL LI { margin-bottom: 1px; }
.content .list .menu UL LI A { display: block; padding: 5px 10px 5px 20px; background-color: #f6f6f6; border-bottom: 1px solid #eee; border-radius: 5px; }
.content .list .menu UL LI A:hover, .content .list .menu UL LI A:active { background-color: #eee; }
.content .list .menu UL LI A SPAN { float: right; font-size: 10px; color: #ccc; }
.content .list .menu UL LI.active A { text-decoration: none; color: #c33 !important; }
.content .list .menu UL LI.disabled A { text-decoration: none; color: #ccc; }

.content .not-found { padding: 10px; background-color: #fee; border: 1px solid #fdd; border-radius: 5px; text-align: center; color: #c33; }


.namebar { display: block; padding: 12px 0 16px; background-color: #222; border-bottom: 1px solid #000; }
.namebar H1, .namebar H2, .namebar P, .namebar P SPAN { color: #666; text-shadow: 1px 1px 1px #000; }
.namebar H1 { line-height: 48px; font-size: 36px; color: #fff; }
.namebar H2 { line-height: 32px; font-size: 20px; color: #666; }
.namebar P  { line-height: 24px; font-size: 16px; color: #999; }

.header .seek { margin-right: 5px; padding: 3px; border: 0; border-radius: 5px; background-color: #222; }
.header .seek INPUT { width: 587px; padding: 0 10px 0 5px; margin-left: 3px; line-height: 24px; border: 0; background: transparent; color: #666; text-shadow: 1px 1px 1px #000; }
.header .seek BUTTON { width: 24px; height: 24px; margin-left: 5px; border: 0; background: transparent; cursor: pointer; }
.header .seek BUTTON SVG { fill: #666; }

.header .user { float: right; width: 300px; overflow: hidden; }
.header .user UL LI { float: right; margin-left: 10px; list-style: none; }
.header .user UL LI A { display: inline-block; float: left; line-height: 30px; font-size: 13px; }
.header .user UL LI A IMG { float: left; margin: 6px 0; }

.header .menu { width: 200px; margin-top: 3px; }
.header .menu A { display: block; }
.header .menu A IMG { display: inline-block; float: left; margin-left: -34px; }
.header .menu A SPAN { display: inline-block; float: left; font-weight: bold; font-size: 20px; line-height: 24px; color: #fff; text-shadow: 1px 1px 1px #000; }

.header { position: fixed; z-index: 1000; top: 0; left: 0; right: 0; background-color: #111; border-bottom: 1px solid #333; }
.header A, .header A:visited { color: #fff; text-decoration: none; }
.header A:hover, .header A:active { color: #eca418; }
.header .container { padding: 5px 0; }
.header .menu, .header .menu A, .header .menu SPAN, .header .seek, .header .seek INPUT, .header .seek BUTTON { float: left; }

.footer { margin-top: 10em; background-color: #222; }
.footer .history { min-height: 180px; background-color: #111; border: 1px solid #333; border-left: 0; border-right: 0; padding: 20px 10px; overflow: hidden; }
.footer .history OL { width: 200000em; }
.footer .history OL A { float: left; width: 100px; padding: 0 10px; }
.footer .history OL IMG { width: 100px; height: 140px; background-color: #333; border: 1px solid #333; border-radius: 5px; }
.footer .history OL SPAN { display: block; font-size: 11px; line-height: 17px; margin-top: 6px; }
.footer A, .footer A:visited { color: #fff; text-decoration: none; }
.footer A:hover, .footer A:active { color: #eca418; }

























/*


.content .menu { width: 140px; float: left; }
.content .year { width: 40px; padding-left: 10px; float: left; }
.content .info { width: 960px; padding-left: 10px; float: right; }
.content .info .main { width: 640px; float: left; }
.content .info .side { width: 300px; float: right; border: 0; border-radius: 5px; }

.content .page.test FORM { padding-bottom: 15px; }
.content .page.test INPUT { padding: 5px 10px; margin-right: 10px; border: 1px solid #ccc; text-align: right; }
.content .page.test BUTTON { padding: 5px 30px; border: 1px solid #ccc; }
.content .page.test LABEL { margin-left: 20px; }

.content .pages { padding: 10px; background-color: #f8f8f8; text-align: center; text-transform: lowercase; }

.content .form { padding: 50px; background-color: #eee; border-radius: 5px; }
.content .form P { margin-bottom: 3em; }
.content .form P LABEL { display: block; padding: 10px 0; color: #666; }
.content .form P INPUT { width: 50%; line-height: 15px; font-size: 15px; padding: 15px; border: 1px solid #ccc; border-radius: 5px; }

.namebar { display: block; padding: 1em 0; background: rgb(153,170,102); background: linear-gradient(184deg, rgba(153,170,102,1) 0%, rgba(136,153,85,1) 100%); }
.namebar H1, .namebar H2, .namebar H3, .namebar H4 { line-height: 1.25em; color: #fff; text-shadow: 1px 1px 1px #000; }
.namebar H2, .namebar H3, .namebar H4 { color: #eee; }

*/