html {}
body { margin: 0; padding: 0; font-family: 'open_sansregular'; font-size: 14px; color: #d644c6; background: #fceafa; }
table, td { margin: 0; padding: 0; font-size: 14px; border-collapse: collapse; vertical-align: top; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, h7, p { padding: 0; margin: 0; font-weight: normal; }
p { padding: 0 0 5px 0; margin: 0; line-height: 16px; }
b, i { font-weight: normal; font-style: normal; }
ul, ol, li { padding: 0 0 5px 0; margin: 0; list-style: none; }
form { padding: 0; margin: 0; }
.radio { vertical-align: middle; }
select, input, textarea, option { padding: 0; margin: 0; font-size: 12px; font-family: 'open_sansregular'; color: #656060; outline: none; }
a { color: #cb67c0; cursor: pointer; outline: none; text-decoration:none }
a:hover { color: #ffffff; transition: .2s }
div.br { clear: both; height: 0; overflow: hidden; }
/*********************************************/
@font-face { font-family: 'open_sansregular'; src: url('fonts/opensans-regular_0-web.eot'); src: url('fonts/opensans-regular_0-web.eot?#iefix') format('embedded-opentype'), 	 url('fonts/opensans-regular_0-web.woff') format('woff'), 	 url('fonts/opensans-regular_0-web.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sansitalic'; src: url('fonts/opensans-italic_0-web.eot'); src: url('fonts/opensans-italic_0-web.eot?#iefix') format('embedded-opentype'), 	 url('fonts/opensans-italic_0-web.woff') format('woff'), 	 url('fonts/opensans-italic_0-web.ttf') format('truetype'); font-weight: normal; font-style: normal; }
/*********************************************/

div.header { height: 49px; margin: auto; position: relative; background: #ffb6f7; border-bottom: 5px solid #fb8cef; }
div.header a.logo { display: block; width: 190px; height: 54px; position: absolute; left: 20px; top: 0; background: url('images/logo.png') no-repeat 0 0; }
div.header h1 { width: 130px; position: absolute; left: 240px; top: 14px; padding:5px; background: #d644c6; border-radius:6px; font: 13px/15px 'open_sansitalic'; text-align: center; }
div.header a.bookmark {color: #000; }
div.header a.bookmark:hover {color: #fff; }
div.header div.pages { position: absolute; right: 20px; top: 14px; font: 13px/15px 'open_sansitalic'; color: #b4b4b4; }
div.header div.pages a { margin: 0 2px; text-decoration:none; }

div.footer { text-align: center; padding: 20px 120px; }
div.footer div.mn { text-align: center; background: #ffb6f7; padding: 10px 20px; border-radius: 5px; margin: 0 50px 20px 50px; }
div.footer div.mn a { margin: 0 15px; text-decoration: none; }
div.footer p { padding: 0 0 15px 0; font-size: 10px; }

div.back2 { background: #ffb6f7; padding: 10px 0; }

div.pages2 { background: #fb8cef; padding: 5px; text-align: center; border-radius: 5px; color: #b4b4b4; font: 13px/19px 'open_sansitalic'; margin: 0 0 10px 0; }
div.pages2 a { margin: 0 2px; }

div.top { background: #252525; padding: 10px; border-radius: 5px; }
div.top h3 { color: #b4b4b4; font-size: 34px; text-align: center; border-bottom: 3px solid #707070; }
div.top h3 span { display: inline-block; width: 28px; height: 27px; background: url('images/s.png') no-repeat 0 0; margin: 0 15px; }

div.top div.links { border-top: 3px solid #515151; margin: 10px 30px 0 30px; padding: 30px 20px 20px 20px; font: 18px/22px 'open_sansitalic'; color: #464646; }
div.top div.links ul { float: left; width: 290px; }
div.top div.links a { color: #b4b4b4; text-decoration: none; }
div.top div.links a:hover { color: #ffffff; }

div.ths, div.tha { text-align: center; line-height: 30px; }
div.tha { font-size: 18px; }
div.ths a, div.tha a { display: inline-block; width: 214px; background: #1f1e1e; margin: 2px 0; padding: 2px; }
div.ths a:hover, div.tha a:hover { background: #343434; }
div.ths a img, div.tha a img { width: 210px; height: 280px; border: 2px solid #000000; display: block; }
div.ths a b { float: left; display: block; padding: 5px 5px 5px 40px; background: rgba(67,67,67,0.71); margin-top: -286px; z-index:999; position:relative; width:170px;}
div.ths a i { display: block; padding: 5px 5px 5px 5px; margin-right: 10px; z-index:999; position:relative; text-decoration:none; }

.cats{ padding: 15px; margin-bottom: 25px; background: #fb8cef; }
.cats ul { float: left; margin-right: 1%; -moz-columns: 5; -webkit-columns: 5; columns: 5; width: 100%; }
.cats li { padding-left: 15px; line-height: 23px; /*background: url('images/li.png') no-repeat 3px 7px;*/ }
.cats li a { text-transform: uppercase; display: inline-block; color: #585858; font-size: 14px; line-height: 20px; }
.cats li a:hover { color: #ffffff; }
.cats li span { float: right; text-align: right; color: #aeaeae; font-size: 14px; }
.cats:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
.mvc{ font-size: 18px; color: #fff; font-weight: bold; text-transform: uppercase; }

.embed-container { margin-bottom: 20px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner {padding-top:15px; padding-bottom:15px; background-color:#111; background:url(images/ad-bg.jpg);}
.banner1 {padding-top:15px; padding-bottom:15px; background-color:#111; background:url(images/ad-bg.jpg);}
.related-v { font-size: 34px; padding:15px;}
.info { text-align: center; padding: 10px;}
.info-v-name { font-size: 21px; color:#d644c6; padding-left:30px; padding-right:30px; }
.info-v-time { font-size: 11px; display:inline-block; color:#555; padding-left:30px; padding-right:30px; }
.info-v-length { font-size: 11px; display:inline-block; color:#555;padding-left:30px; padding-right:30px; }
.text-v { font-size: 13px; padding:15px; background-color:#111;}

div.video { float: left; width: calc(100% - 340px); padding: 0 10px; }
div.sadv { float: right; width: 310px; padding: 0 10px 0 0; }


@media all and (max-width:1024px) {

div.header { height: auto; padding: 20px; background: none; }
div.header a.logo { position: relative; left: auto; top: auto; margin: auto; margin-bottom: 10px; }
div.header h1 { position: relative; left: auto; top: auto; margin: auto; margin-bottom: 15px; }
div.header div.pages { position: relative; right: auto; top: auto; margin: auto; text-align: center; padding: 0 3px; line-height: 24px; }
div.footer { padding: 20px 30px; }

.cats { padding: 10px 5px }
.cats ul { width: 100%; -webkit-columns: auto; -moz-columns: auto; columns: auto; }
.cats li { display: inline-block; background: none; }
.cats li a { margin-right: 7px }
.cats .mvc{ display: block; border-bottom: 1px solid #444444; }
div.banners iframe { height: 510px; background-color:#000; }
}


@media all and (max-width:768px) {
div.banners iframe { height: 770px; background-color:#000;}
div.footer div.mn { margin: 0 0 20px 0; }

div.video { float: none; width: auto; padding: 0 10px; margin-bottom: 20px; }
div.sadv { float: none; width: auto; padding: 0 10px; text-align: center; }

}


@media all and (max-width: 430px) {
div.ths a, div.tha a { width: 284px; text-align: left; }
div.ths a img, div.tha a img { width: 280px; height: 210px; }
div.ths a b { float: none; margin-left: 20px; }
div.ths a i { float: none; margin-left: 20px; margin-top: -10px; }
}