* { margin: 0; padding: 0; outline: none; box-sizing: border-box; }
img {border:0;}
body {position: relative; background:#F2D0BD; 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.45); background:#367686; 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*/
#txkysneuloqh { height: 30px; width:30px; fill:#e3e3e3; cursor: pointer; position: absolute; top: 10px; right: 10px; display: none;}
#txkysneuloqh:hover {fill:#F29199}
.bytxuzgzghts {position: absolute; top: 15px; right: 10px;}
.ffolmkchcgie input {height: 30px; border-radius: 3px 0 0 3px; border: 1px solid #F29199; transition: all 0.2s ease-in-out; width: 150px; padding: 0 0 0 10px; font:14px Arial, Helvetica, sans-serif; background: #fff;}
.ffolmkchcgie input:focus { border-color: #F26B6B; width: 200px;}
.ffolmkchcgie form * {float: left;}
.ffolmkchcgie 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: #F29199} 
.ffolmkchcgie button:hover {background: #F26B6B; cursor: pointer;}

/*menu*/
.ktlnjkkmlnpz {position: absolute; left: 10px; top: 12px; cursor: pointer;}
.ktlnjkkmlnpz:hover .iymywanrlxwp, .ktlnjkkmlnpz.rfhplfttpctn .iymywanrlxwp  {color: #F29199;}
.iymywanrlxwp {color: #e3e3e3; float: left; font-size: 22px; font-weight: bold; padding: 5px 0 0 20px; transition: all .3s ease-in-out;}
.uenrgphrenyy { width: 30px; height: 40px; cursor: pointer; float: left; position: relative;}
.eajmegkltmex {width: 100%; top: 50%; right: 0px; margin-top: -5px; opacity: 1;}
.eajmegkltmex em {width: 30px; top: 10px;}
.eajmegkltmex span {width: 30px; bottom: 10px;}
.eajmegkltmex span, .eajmegkltmex em, .eajmegkltmex { display: block; transition: all .3s ease-in-out; height: 3px; position: absolute; background:#e3e3e3;}
.ktlnjkkmlnpz:hover .uenrgphrenyy .eajmegkltmex, .ktlnjkkmlnpz:hover .uenrgphrenyy .eajmegkltmex span, .ktlnjkkmlnpz:hover .uenrgphrenyy .eajmegkltmex em {background: #F29199}

.rfhplfttpctn .eajmegkltmex span {transform: rotate(-45deg); bottom: 0px; background:#F29199;}
.rfhplfttpctn .eajmegkltmex em {transform: rotate(45deg); top: 0px; background:#F29199;}
.ktlnjkkmlnpz.rfhplfttpctn .eajmegkltmex, .ktlnjkkmlnpz.rfhplfttpctn:hover .uenrgphrenyy .eajmegkltmex { 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:#F29199;}
nav p {font-weight: bold; font-size: 18px; color: #F29199; margin-bottom: 5px;}
.auyhqunnxnnr { height: calc(100% - 60px)}
nav>div::-webkit-scrollbar {width: 5px;}
nav>div::-webkit-scrollbar-track {background: #eee; }
nav>div::-webkit-scrollbar-thumb {background: #F29199; }
nav>div::-webkit-scrollbar-thumb:hover {background: #555; }

/*Sorting and Pages*/
.container2, .necjiuvtsmul {max-width: 1080px; margin: 0 auto;}
.header { max-width: 1080px; margin: 0 auto; position: relative; text-align: center;}
h1 {font-size: 20px; color: #333; margin-bottom: 12px; line-height: 23px;}
.fyjtiiogadsb, .sgrbafwfnars {position: absolute; top: 0px; font-size: 0;}
.fyjtiiogadsb, .sgrbafwfnars, .fyjtiiogadsb *, .sgrbafwfnars * {display: inline-block; vertical-align: middle;}
.fyjtiiogadsb li, .sgrbafwfnars li {font-size: 13px; display: inline-block; vertical-align: middle; margin: 0 2px;}
.fyjtiiogadsb p, .sgrbafwfnars p {font-size: 13px; color: #e3e3e3; margin-right: 3px;}
.fyjtiiogadsb li a, .sgrbafwfnars li a {display: block; height: 25px; background: rgba(0, 0, 0, .6); color: #fff; padding: 0 9px; line-height: 25px;}
.fyjtiiogadsb li a:hover, .sgrbafwfnars li a:hover {background:#F29199;}
.fyjtiiogadsb li a.active, .sgrbafwfnars li a.active {background: #367686}
.fyjtiiogadsb {right: -2px}
.sgrbafwfnars {left: -2px}

/*Main thumbs*/
.nhvvisvjmyye {width: 100%; overflow: hidden; margin-bottom: 10px;}
.hplddjovnlgj {font-size: 0; }
.wggjfuirbaip {padding: 2px; display: inline-block; vertical-align: top; position: relative;}
.wggjfuirbaip img {border: 1px solid #367686; display: block; transition: border 0.1s ease-in-out; width: 304px; height: 228px; box-sizing: content-box;}
.wggjfuirbaip a {display: block; position: relative;}
.wggjfuirbaip img:hover {border: 1px dashed #F26B6B;}
.wggjfuirbaip 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}
.wggjfuirbaip 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;}

.jgqdzgshdjsb {font-size: 0; text-align: center; margin-bottom: 30px;}
.jgqdzgshdjsb>div {width: 302px; height: 252px; display: inline-block; vertical-align: top; margin: 2px}
.jgqdzgshdjsb>div>div, .gvoqfhmyjmgz>div { border: 1px solid #367686;}

footer {text-align: center; color: #333; padding: 30px 0;}

/*Video Page*/
.necjiuvtsmul {min-height: 25px; margin-bottom: 30px; position: relative; text-align: center}
.gvumsyigpldv {font-size: 0; text-align: center;}
.gvumsyigpldv>div {vertical-align: top; display: inline-block;}
.entqgoxydzof {width: 1018px;}
.gvoqfhmyjmgz {width: 306px; padding:0 0 0 4px;}
.gvoqfhmyjmgz>div {margin-bottom: 4px;}
.gvoqfhmyjmgz>div:last-child {margin-bottom: 2px;}
.biumamlkdzvu {overflow: hidden; padding-top: 75%; position: relative; margin-bottom: 2px;}
.biumamlkdzvu iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.gvumsyigpldv 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;}
  .jgqdzgshdjsb>div:nth-child(5), .gvoqfhmyjmgz>div:nth-child(3) {display: none;}
  .entqgoxydzof {width: 677px;}
  .gvumsyigpldv h1 {max-width: 983px;}
}
 @media (max-width: 1279px) {
  .container {max-width:950px;}
  body header .container {max-width: 950px;}
  nav ul {column-count: 6;}
  .jgqdzgshdjsb>div:nth-child(4) {display: none;}
  .entqgoxydzof, .gvoqfhmyjmgz {width: 100%;}
  .gvoqfhmyjmgz {padding: 0;}
  .gvoqfhmyjmgz>div:nth-child(3) {display: inline-block;}
  .gvoqfhmyjmgz>div {display: inline-block; margin-bottom: 2px;}
  .gvoqfhmyjmgz>div:nth-child(2) {margin: 0 10px;}
  .biumamlkdzvu {margin-bottom: 4px;}
}
@media (max-width: 949px) {
  header {height: 50px;}
  .ktlnjkkmlnpz {top: 8px;}
  .pad {height: 50px; margin-bottom: 10px;}
  .logo img {height: 40px;}
  .iymywanrlxwp {display: none;}
  .wggjfuirbaip {width: 33.333%}
  .wggjfuirbaip img { width: 100%; height: auto; box-sizing: border-box; }
  nav {right: auto; height: auto; width: 0; bottom: 0; top: 50px;}
  .auyhqunnxnnr { height: auto; width: 200px;}
  nav ul {column-count: 1;}
  nav .container {min-width:1px; padding: 0}

  #txkysneuloqh {display: inline-block;}
  .bytxuzgzghts {height: 0; overflow: hidden; position: absolute; left: 0; right: 0; top: 50px; transition: height 0.2s ease-in-out;}
  .ffolmkchcgie {padding: 10px 80px 10px 10px; background: rgba(0, 0, 0, .85); height: 50px;}
  .ffolmkchcgie input, .ffolmkchcgie button {border: 0; transition: none}
  .ffolmkchcgie input, .ffolmkchcgie input:focus {width: 100%;}
  .ffolmkchcgie button {position: absolute; top: 10px; right: 10px;}
  .bytxuzgzghts.ovhktzghfuec {height: 50px;}

  .pad {margin-bottom: 12px;}
  h1 {margin-bottom: 11px;}
  .fyjtiiogadsb, .sgrbafwfnars {top: 0;}
  .jgqdzgshdjsb>div:nth-child(3), .gvoqfhmyjmgz>div:nth-child(3) {display: none;}
  .gvoqfhmyjmgz>div, .gvoqfhmyjmgz>div:nth-child(2) {margin: 0 2px 2px 2px;}
  .gvumsyigpldv h1 {max-width: 983px; padding: 0; text-align: center}
}
@media (max-width: 767px) {
  .wggjfuirbaip {width: 50%}	
  h1 {margin-bottom: 8px; font-size: 16px}
  .yjaltbjxndli {position: relative; height: 25px; margin: 0 2px 10px 2px;}
}
@media (max-width: 631px) {
  .jgqdzgshdjsb>div:nth-child(2), .gvoqfhmyjmgz>div:nth-child(2) {display: none;}
  .jgqdzgshdjsb>div {margin: 0;}
  .gvoqfhmyjmgz>div {margin: 0 0 2px 0;}
}
@media (max-width: 568px) {
  .yjaltbjxndli {height: auto; margin: 0;}
  .fyjtiiogadsb, .sgrbafwfnars {margin:0 0 10px 0; position: static; display: block;}
}
@media (max-width: 375px) {
  .wggjfuirbaip {width: 100%}	
}

