* { margin: 0; padding: 0; } ul, li { list-style-type: none; } body { background-color: #191a1c; color: white; font: 14px Tahoma, Verdana, Arial, sans-serif; min-height: 100%; min-width: 320px; background: -webkit-linear-gradient(top, #18191c, #191a1c); background: -moz-linear-gradient(top, #18191c, #191a1c); background: -ms-linear-gradient(top, #18191c, #191a1c); background: -o-linear-gradient(top, #18191c, #191a1c); } .clearfix:before,.clearfix:after,.menu:before,.menu:after{display:table;content:" "} .clearfix:after{clear:both} .sTitle{ font-family: 'Montserrat', sans-serif; } A {color: #FFF;text-decoration: none;} A:hover {color: #fd6081;} .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; } img { vertical-align: middle; } .nav_panel { margin-bottom: 5px; background: #1d1d1d; background: -webkit-linear-gradient(top, #1d1d1d, #131313); background: -moz-linear-gradient(top, #1d1d1d, #131313); background: -ms-linear-gradient(top, #1d1d1d, #131313); background: -o-linear-gradient(top, #1d1d1d, #131313); border: 1px solid rgba(37,37,37,1); } .nav_center { margin: 0 auto;width: 78%;max-width: 1360px;} .nav_panel .nav_center .nav_menu { color: #FFF; font-weight: bolder; font-size: 12px; padding: 0; margin: 5px 0 5px 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; } .nav_panel .nav_center .nav_menu A { flex-grow: 1; text-align: center; color: #8f9924; display: inline-block; margin: 0 2px 2px 0; text-decoration: none; } .nav_panel .nav_center .nav_menu A:HOVER { color: #fd6081; text-decoration: underline; } .header { display: inline-block; width: 100%; } .menu { width: 100%; margin: 0px auto; display: table; margin-top: 5px; } .logo { float: left; text-shadow: 3px -3px 3px rgb(42, 45, 10); } .logo A { text-decoration: none; color: #8f9924; font-size: 32px; line-height: 33px; } .logo A:HOVER { text-decoration: none; color: #FFF; } .logo A SPAN { color: #fd6081; } a#pull {display: none;} .navbar { float: left; margin: 4px 0px 0px 5px; } .navbar>li { display: inline-block; } .navbar li A, .navbar li B { padding: 6px 8px; display: block; font-weight: bolder; text-transform: uppercase; margin-left: 3px; background: #2c2e31; background: -webkit-linear-gradient(top, #2c2e31, #131414); background: -moz-linear-gradient(top, #2c2e31, #131414); background: -ms-linear-gradient(top, #2c2e31, #131414); background: -o-linear-gradient(top, #2c2e31, #131414); text-shadow: 1px 1px #000; border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 1px 1px 0 rgba(57,58,62,1); } .navbar li A:HOVER, .navbar li a.active { background: -webkit-linear-gradient(top, #222225, #0b0b0c); background: -moz-linear-gradient(top, #222225, #0b0b0c); background: -ms-linear-gradient(top, #222225, #0b0b0c); background: -o-linear-gradient(top, #222225, #0b0b0c); border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 1px 1px 0 rgba(48,51,54,1); color: #fd6081; } .searches{font-weight: bolder;width:100%;font-size:12px;padding: 0;margin: 5px 0 5px 0;list-style: none; float: left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-around;} .searches A {color: #fd6081;display: inline-block;margin: 0 1px 2px 2px;text-decoration: none;flex-grow: 1;text-align: center;} .searches A:HOVER {color: #8f9924;text-decoration:underline;} .pagination{display: inline-block; margin: 5px 0px 5px;float: right;} .pagination LI { display: inline-block; padding: 6px 10px; margin: 0px 2px 0px 0px; background: #2c2e31; background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414)); background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%); background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%); text-decoration: none; text-shadow: 1px 1px #000; box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1); } .pagination LI a.active { color: #fd6081; } .pagination LI:first-child{ border-radius: 5px 0px 0px 5px; } .pagination LI:last-child{ border-radius: 0px 5px 5px 0px; } .search { float: right; text-align: right; } .srchform { background-color: white; border: 1px solid; text-indent: 1em; display: inline-block; height: 29px; margin-top: 5px; width: 350px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .searchbtm { color: white; background: #8f9924; background: -moz-linear-gradient(top, #8f9924 1%, #737b1f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8f9924), color-stop(100%,#737b1f)); background: -webkit-linear-gradient(top, #8f9924 1%,#737b1f 100%); background: -o-linear-gradient(top, #8f9924 1%,#737b1f 100%); background: -ms-linear-gradient(top, #8f9924 1%,#737b1f 100%); background: linear-gradient(to bottom, #8f9924 1%, #737b1f 100%); border: 0px solid; font-weight: bolder; text-shadow: 1px 1px #000; box-shadow: inset 0px 1px 0 rgb(52, 56, 14), 0 0 1px 1px rgba(7,6,6,1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 6px 10px; margin: 2px 2px; } .searchbtm:hover{ color: #fd6081; } .description { padding: 5px 10px; width: 99%; margin: 5px auto; color: #8b8b8b; font-size: 12px; } .blockTitle { height: 30px; font-size: 12px; text-align: center; padding-top: 5px; margin: 0 auto; color: #FFF; overflow: hidden; text-transform: uppercase; float: left; } .termsTitle{ height: 30px; font-size: 12px; text-align: center; padding-top: 5px; margin: 0 auto 10px; color: #FFF; overflow: hidden; text-transform: uppercase; } .titleWrapper H2 {font-size: 24px;} .thumbBlock, .hlBlock { width: 100%; } .titleWrapper { display: inline-block; } .titleWrapper SPAN { color: #8f9924;} .thumbwrap, .model_list OL { position: relative; float: left; } .video-top{ float: left; width: 220px; margin-right: 5px; } .tp { position: relative; width: calc(100% - 4px); margin: 0 2px 4px 2px; } .model_list OL LI { padding-left: 10px; color: #f0eddc; font-size: 12px; } .model_list OL LI H2 { margin-top: 10px; padding-left: 15px; color: #8f9924; } .model_list OL LI A { text-decoration: none; font-size: 18px; } .txt_top LI { height: 32px; position: relative; display: block; float: left; text-align: left; } .thumb { margin: 3px; text-align: center; min-height: 1px; text-shadow: 1px 1px #000; box-shadow: 0 0 1px 1px rgba(7,6,6,1); } .thumb A DIV { padding-bottom: 75%; position: relative; } .thumb IMG { position: absolute; border-radius: 2px 2px 0 0; max-width: 100%; display: block; width: 100%; height: 100%; } .thumb A { text-decoration: none; } .thumb A SPAN{ display: block; padding: 4px; font-size: 14px; line-height: 20px; height: 18px; border-radius: 0 0 2px 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; background: #2c2e31; background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414)); background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%); background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%); text-decoration: none; box-shadow: inset 0px 0px 1px rgb(57, 58, 62); text-transform: capitalize; } .txt_top A { display: block; padding: 4px; font-size: 14px; line-height: 20px; height: 18px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; background: #2c2e31; background: -moz-linear-gradient(top, #2c2e31 1%, #131414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2c2e31), color-stop(100%,#131414)); background: -webkit-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -o-linear-gradient(top, #2c2e31 1%,#131414 100%); background: -ms-linear-gradient(top, #2c2e31 1%,#131414 100%); background: linear-gradient(to bottom, #2c2e31 1%, #131414 100%); text-decoration: none; box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1); margin: 3px; text-align: center; min-height: 1px; text-decoration: none; } .txt_top A:HOVER { background: #222225; background: linear-gradient(to bottom, #222225 1%, #0b0b0c 100%); background: -webkit-linear-gradient(top, #222225, #0b0b0c); background: -moz-linear-gradient(top, #222225, #0b0b0c); background: -ms-linear-gradient(top, #222225, #0b0b0c); background: -o-linear-gradient(top, #222225, #0b0b0c); text-decoration: none; box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1); margin: 3px; text-align: center; min-height: 1px; text-decoration: none; } .duration { bottom: 32px; left: 5px; position: absolute; background-color: #1d1b1d; font-size: 11px; line-height: 16px; padding-left: 5px; padding-right: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; font-style: normal; border-radius: 5px; } .spon { position: absolute; top: 2%; left: 2%; font-size: 11px; font-weight: bolder; padding: 4px 4px; background-color: rgba(0,0,0,0.5); font-style: normal; -moz-text-shadow: 1px 1px 0 #000; -webkit-text-shadow: 1px 1px 0 #000; text-shadow: 1px 1px 0 #000; border-radius: 5px; } A.report { bottom: 32px; right: 5px; position: absolute; background-color: #1d1b1d; text-transform: capitalize; font-size: 12px; line-height: 15px; padding-left: 5px; padding-right: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; border-radius: 5px; } .terms { padding: 20px; max-width: 85%; margin: 0px auto; color: #7f7f7f; } .wrapper {text-align: center;} #video { width: 100%; padding: 0px; position: relative; margin: 0 auto 10px auto; max-width: 1600px; } .blockPlayer { width: 60%; max-width: 1600px; float: left; margin: 0; box-shadow: inset 0px 1px 0 rgb(57, 58, 62), 0 0 1px 1px rgba(7,6,6,1); border-radius: 5px; } .player { position: relative; padding-bottom: 53.45%; height: 0; overflow-x: hidden; overflow-y: hidden; } .player iframe { width: 100%; height: 100%; } .box { background: #171211; padding: 10px 0px; overflow: hidden; } .videoTitle{ height: 30px; font-size: 14px; text-align: center; padding-top: 5px; margin: 0 auto; color: #fd6081; overflow: hidden; text-transform: uppercase; } .info-line { width: calc(100% - 20px);margin: 0 20px;text-align: left;} .info-line li{ margin: 0 10px 0 0; display: inline-block; vertical-align: middle; line-height: 12px; padding: 5px 0; } .info-line li a { color: #fd6081; } .info-line li a:hover { color: #8f9924; } .container-report { width: 630px; margin: 0px auto; } .container-report form { background: #302e30; border-radius: 2px; padding: 15px; border: 1px solid rgb(15,15,15); box-shadow: 0 0 0 1px rgb(55,55,55); } .container-report select, .container-report input { height: 40px; margin-top: 10px; } .pics {text-align: center;} .row { padding: 5px 0px 5px 0px; } .model_list { display: inline-block; width: 100%; } .note{ text-align: center; margin: 5px auto; color: #8b8b8b; } .note B { color: #fd6081; } .alert{padding: 5px;margin: 5px 0px;border: 1px solid transparent; border-radius: 2px;color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .btn-report {padding: 6px 12px;vertical-align: middle;border: 1px solid transparent;border-radius: 2px;} .leftCap,.rightCap {width: 50%;float: left;} /* ad_blocks */ .block-pub-side { float: left; position: relative; margin: 5px 0px 0px 5px; } .hide--first > *:first-child { display: none; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #000; filter: alpha(opacity=20); opacity: .2; } .close { float: none; opacity: 0.8; color: #fd6081; } .close:focus, .close:hover { color: #f9ffff; text-decoration: none; cursor: pointer; opacity: 0.8; } .adPlBlock{ position: absolute; top: 15%; left: 45%; margin: 0 0 0 -316px; width: 635px; height:auto; z-index: 12; background: rgba(0,0,0,0.50); border: 1px solid rgba(0,0,0,1.00); display: block; overflow: hidden; text-align: center; } .pl_spot { float: left; margin: 5px 0px 5px 10px; overflow: hidden; width: 300px; height: 250px; } .p_spot {padding-bottom: 5px;} .m_spot {text-align: center;padding: 5px;overflow: hidden;margin: 0px auto;} .bottom-adv { margin: 10px 0 10px; text-align: center; font-size: 0; box-shadow: 0 0 1px 1px rgba(7,6,6,1); } .bottom-adv .p_spot, .bottom-adv .m_spot, .bottom-adv .w_spot, .bottom-adv .q_spot { display: inline-block; vertical-align: top; width: 305px; overflow: hidden; margin: 1px; } /* end ad_blocks */ .footer { background-color: rgb(15,15,15); color: #7f7f7f; padding: 15px 5px; margin: 20px 0 0 0; text-align: center; } .footer .content { font-size: 12px; text-transform: uppercase; } .footer .content p {margin: 5px 0px 5px;} .footer span { color: #8f9924; } @media screen and (min-width: 861px) { .thumbwrap, .txt_top LI, .model_list OL {width: 20%;} } @media (max-width: 1369px) { .blockPlayer { width: 52%; } } @media (max-width: 1224px) { .srchform { width: 180px; } } @media (max-width: 1161px) { .blockPlayer { width: 100%; max-width: 100%; position: relative; } .block-pub-side { width: 100%; position: relative; margin: 5px auto 0; } .playerAd { width: 620px; margin: 0px auto; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; } .block-pub-side .p_spot { margin: 0px 5px; float: left; flex-grow: 1; text-align: center; } .adPlBlock { position: absolute; top: 15%; left: 50%; margin: 0 0 0 -316px; width: 635px; height: auto; z-index: 12; background: rgba(78, 74, 78, 0.8); border: 1px solid rgba(0,0,0,1.00); display: block; overflow: hidden; text-align: center; } .video-top { width: 100%; margin: 0px; } .tp { width: 33%; float: left; margin: 0 0px 4px 1px; } } @media (max-width: 1031px) { .search{width: 100%;margin: 0px 0px 5px 0px;} .srchform {width: 80%; float: left;} .searchbtm { float: right;width: 15%;padding: 9px;margin-top: 5px;} } @media (max-width: 876px) { .container-fluid {padding-right: 5px;padding-left: 5px;} .menu{width: 95%;} .logo{float: none;margin: 0px auto;text-align: center;} .navbar {width: 100%; margin: 5px auto; float: none;text-align:center;} .description{ display: none;} .thumbwrap, .txt_top LI {width: 33%;} .nav_center {width: 90%;} .pagination {float: none;} .blockTitle {float: none;font-size: 10px;} .titleWrapper H2 {font-size: 17px;} .playerAd {width: 100%;} .adPlBlock,.navMenu,.wrapperPag {display:none;} .m_spot { padding: 0px; margin: 0px auto; } a#pull { display: block; font-weight: bold; text-decoration: none; padding: 2px 3%; width: 50px; position: relative; float: right; margin-top: -25px; } a#pull:before { content: ""; position: absolute; right: 0px; top: 9.5px; display: block; width: 25px; height: 2px; background: #fd6081; } a#pull:after { content: ""; position: absolute; right: 0px; top: 14.5px; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 2px solid #fd6081; border-bottom: 2px solid #fd6081; width: 25px; height: 3px; } } @media (max-width: 535px) { .thumbwrap, .txt_top LI {width: 50%;} .navbar li A, .navbar li B {margin-top: 5px;} }