* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
img {border:0;}
body {position: relative; background:#F2B988; font:12px Arial, Helvetica, sans-serif; color:#333;}
.container {max-width:1880px; min-width:320px; margin:0 auto; padding:0 10px; position:relative;}
ul {list-style:none;}
a {text-decoration: none;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; content:''; display:block;}
a, button {transition:all 0.1s ease-in-out;}

.pad {height: 60px; margin-bottom: 18px;}
header {height: 60px; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); background:#d9a172; position: fixed; left: 0; top: 0; right: 0; z-index: 2;}
.logo { text-align: center; padding-top:5px; }
.logo img {height: 50px; width: auto;}
header .container {max-width: 1100px;}

/*Search*/
#ngqnmksiebom { height: 30px; width:30px; fill:#333; cursor: pointer; position: absolute; top: 10px; right: 10px; display: none;}
#ngqnmksiebom:hover {fill:#A60D0D}
.fuhhbjukhruq {position: absolute; top: 15px; right: 10px;}
.imyezndwursv input {height: 30px; border-radius: 3px 0 0 3px; border: 1px solid #A60D0D; transition: all 0.2s ease-in-out; width: 150px; padding: 0 0 0 10px; font:14px Arial, Helvetica, sans-serif; background: #fff;}
.imyezndwursv input:focus { border-color: #F21313; width: 200px;}
.imyezndwursv form * {float: left;}
.imyezndwursv button {width: 70px; height: 30px; border: 0; transition: background 0.2s ease-in-out; text-align: center; font:14px Arial, Helvetica, sans-serif; border-radius: 0 3px 3px 0; color:#fff; background: #A60D0D;} 
.imyezndwursv button:hover {background: #F21313; cursor: pointer;}

/*menu*/
.feczknyaclwv {position: absolute; left: 10px; top: 12px; cursor: pointer;}
.feczknyaclwv:hover .gbfumacjedpw, .feczknyaclwv.wqzcgvrxqspx .gbfumacjedpw  {color: #A60D0D;}
.gbfumacjedpw {color: #333; float: left; font-size: 22px; font-weight: bold; padding: 5px 0 0 20px; transition: all .3s ease-in-out;}
.nuflharbuppr { width: 30px; height: 40px; cursor: pointer; float: left; position: relative;}
.rwbmmtuenhmb {width: 100%; top: 50%; right: 0px; margin-top: -5px; opacity: 1;}
.rwbmmtuenhmb em {width: 30px; top: 10px;}
.rwbmmtuenhmb span {width: 30px; bottom: 10px;}
.rwbmmtuenhmb span, .rwbmmtuenhmb em, .rwbmmtuenhmb { display: block; transition: all .3s ease-in-out; height: 3px; position: absolute; background:#333;}
.feczknyaclwv:hover .nuflharbuppr .rwbmmtuenhmb, .feczknyaclwv:hover .nuflharbuppr .rwbmmtuenhmb span, .feczknyaclwv:hover .nuflharbuppr .rwbmmtuenhmb em {background: #A60D0D}

.wqzcgvrxqspx .rwbmmtuenhmb span {transform: rotate(-45deg); bottom: 0px; background:#A60D0D;}
.wqzcgvrxqspx .rwbmmtuenhmb em {transform: rotate(45deg); top: 0px; background:#A60D0D;}
.feczknyaclwv.wqzcgvrxqspx .rwbmmtuenhmb, .feczknyaclwv.wqzcgvrxqspx:hover .nuflharbuppr .rwbmmtuenhmb { background: rgba(111,111,111,0);}


/*Category list*/
nav {background: rgba(0, 0, 0, .85); position: fixed; left: 0; top: 60px; right: 0;  bottom: 0; height: 0; overflow: hidden; transition: all 0.2s ease-in-out; z-index: 2;}
nav>div {position: absolute; left: 10px; top: 20px; right: 10px; bottom: 20px; overflow: auto;}
nav ul { margin-bottom: 5px; font-size: 0; column-count: 8;}
nav ul li { line-height: 17px; }
nav ul li a {color: #e3e3e3; font-size: 14px;}
nav ul li a:hover {color:#F21313;}
nav p {font-weight: bold; font-size: 18px; color: #F21313; margin-bottom: 5px;}
.pboqjgrcljzm { height: calc(100% - 60px)}
nav>div::-webkit-scrollbar {width: 5px;}
nav>div::-webkit-scrollbar-track {background: #eee; }
nav>div::-webkit-scrollbar-thumb {background: #F21313; }
nav>div::-webkit-scrollbar-thumb:hover {background: #555; }

/*Sorting and Pages*/
.container2, .kflvtpqdwpmf {max-width: 1080px; margin: 0 auto;}
.header { max-width: 1080px; margin: 0 auto; position: relative; text-align: center;}
h1 {font-size: 20px;  margin-bottom: 12px; line-height: 23px;}
.kxyhkdzfvseh, .xyszonfvvkva {position: absolute; top: 0px; font-size: 0;}
.kxyhkdzfvseh, .xyszonfvvkva, .kxyhkdzfvseh *, .xyszonfvvkva * {display: inline-block; vertical-align: middle;}
.kxyhkdzfvseh li, .xyszonfvvkva li {font-size: 13px; display: inline-block; vertical-align: middle; margin: 0 2px;}
.kxyhkdzfvseh p, .xyszonfvvkva p {font-size: 13px;  margin-right: 3px;}
.kxyhkdzfvseh li a, .xyszonfvvkva li a {display: block; height: 25px; background: rgba(0, 0, 0, .6); color: #fff; padding: 0 9px; line-height: 25px;}
.kxyhkdzfvseh li a:hover, .xyszonfvvkva li a:hover {background:#F21313;}
.kxyhkdzfvseh li a.active, .xyszonfvvkva li a.active {background: #A60D0D}
.kxyhkdzfvseh {right: -2px}
.xyszonfvvkva {left: -2px}

/*Main thumbs*/
.lpgjlnvscbmv {width: 100%; overflow: hidden; margin-bottom: 10px;}
.danwjngexhkq {font-size: 0; }
.xlekvqpbankm {padding: 2px; display: inline-block; vertical-align: top; position: relative;}
.xlekvqpbankm img {border: 1px solid #A60D0D; display: block; transition: border 0.1s ease-in-out; width: 304px; height: 228px; box-sizing: content-box;}
.xlekvqpbankm a {display: block; position: relative;}
.xlekvqpbankm img:hover {border: 1px dashed #e3e3e3;}
.xlekvqpbankm span {position: absolute; top: 1px; left: 1px; background:rgba(0, 0, 0, .5); font-size: 18px; line-height: 25px; padding: 2px 8px 3px 8px; color: #e3e3e3}
.xlekvqpbankm em {position: absolute; bottom: 1px; right: 1px; background:rgba(0, 0, 0, .5); font-size: 12px; line-height: 20px; padding: 0 5px; color: #e3e3e3; font-style: normal;}

.fkxzlggjzgla {font-size: 0; text-align: center; margin-bottom: 30px;}
.fkxzlggjzgla>div {width: 302px; height: 252px; display: inline-block; vertical-align: top; margin: 2px}
.fkxzlggjzgla>div>div, .dwepwmvukzjl>div { border: 1px solid #A60D0D;}

footer {text-align: center;  padding: 30px 0;}

/*Video Page*/
.kflvtpqdwpmf {min-height: 25px; margin-bottom: 30px; position: relative; text-align: center}
.jszazzdmwiyy {font-size: 0; text-align: center;}
.jszazzdmwiyy>div {vertical-align: top; display: inline-block;}
.ueaxrqlbqbvi {width: 1018px;}
.dwepwmvukzjl {width: 306px; padding:0 0 0 4px;}
.dwepwmvukzjl>div {margin-bottom: 4px;}
.dwepwmvukzjl>div:last-child {margin-bottom: 2px;}
.fzjlsfqetjaw {overflow: hidden; padding-top: 75%; position: relative; margin-bottom: 2px;}
.fzjlsfqetjaw iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.jszazzdmwiyy h1 {text-align: left; padding-left: 15px; max-width: 1324px; margin: 0 auto 15px auto;}

/*Responsive*/
@media (max-width: 1900px) {
  .container {max-width:1570px;}
}
@media (max-width: 1590px) {
  .container {max-width:1260px;}
  .fkxzlggjzgla>div:nth-child(5), .dwepwmvukzjl>div:nth-child(3) {display: none;}
  .ueaxrqlbqbvi {width: 677px;}
  .jszazzdmwiyy h1 {max-width: 983px;}
}
 @media (max-width: 1279px) {
  .container {max-width:950px;}
  body header .container {max-width: 950px;}
  nav ul {column-count: 6;}
  .fkxzlggjzgla>div:nth-child(4) {display: none;}
  .ueaxrqlbqbvi, .dwepwmvukzjl {width: 100%;}
  .dwepwmvukzjl {padding: 0;}
  .dwepwmvukzjl>div:nth-child(3) {display: inline-block;}
  .dwepwmvukzjl>div {display: inline-block; margin-bottom: 2px;}
  .dwepwmvukzjl>div:nth-child(2) {margin: 0 10px;}
  .fzjlsfqetjaw {margin-bottom: 4px;}
}
@media (max-width: 949px) {
  header {height: 50px;}
  .feczknyaclwv {top: 8px;}
  .pad {height: 50px; margin-bottom: 10px;}
  .logo img {height: 40px;}
  .gbfumacjedpw {display: none;}
  .xlekvqpbankm {width: 33.333%}
  .xlekvqpbankm img { width: 100%; height: auto; box-sizing: border-box; }
  nav {right: auto; height: auto; width: 0; bottom: 0; top: 50px;}
  .pboqjgrcljzm { height: auto; width: 200px;}
  nav ul {column-count: 1;}
  nav .container {min-width:1px; padding: 0}

  #ngqnmksiebom {display: inline-block;}
  .fuhhbjukhruq {height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 50px; transition: height 0.2s ease-in-out;}
  .imyezndwursv {padding: 10px 80px 10px 10px; background: rgba(0, 0, 0, .85); height: 50px;}
  .imyezndwursv input, .imyezndwursv button {border: 0; transition: none}
  .imyezndwursv input, .imyezndwursv input:focus {width: 100%;}
  .imyezndwursv button {position: absolute; top: 10px; right: 10px;}
  .fuhhbjukhruq.jrqpbqkodjka {height: 50px;}

  .pad {margin-bottom: 12px;}
  h1 {margin-bottom: 11px;}
  .kxyhkdzfvseh, .xyszonfvvkva {top: 0;}
  .fkxzlggjzgla>div:nth-child(3), .dwepwmvukzjl>div:nth-child(3) {display: none;}
  .dwepwmvukzjl>div, .dwepwmvukzjl>div:nth-child(2) {margin: 0 2px 2px 2px;}
  .jszazzdmwiyy h1 {max-width: 983px; padding: 0; text-align: center}
}
@media (max-width: 767px) {
  .xlekvqpbankm {width: 50%}	
  h1 {margin-bottom: 8px; font-size: 16px}
  .kfgtvotdgiqw {position: relative; height: 25px; margin: 0 2px 10px 2px;}
}
@media (max-width: 631px) {
  .fkxzlggjzgla>div:nth-child(2), .dwepwmvukzjl>div:nth-child(2) {display: none;}
  .fkxzlggjzgla>div {margin: 0;}
  .dwepwmvukzjl>div {margin: 0 0 2px 0;}
}
@media (max-width: 568px) {
  .kfgtvotdgiqw {height: auto; margin: 0;}
  .kxyhkdzfvseh, .xyszonfvvkva {margin:0 0 10px 0; position: static; display: block;}
}
@media (max-width: 375px) {
  .xlekvqpbankm {width: 100%}	
}

