/*font-family */
@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Helvetica-Bold.ttf");
}
/*font icon */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?5j3rg0");
  src: url("../fonts/icomoon.eot?5j3rg0#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?5j3rg0") format("truetype"), url("../fonts/icomoon.woff?5j3rg0") format("woff"), url("../fonts/icomoon.svg?5j3rg0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.channel_img{

  border-radius: 50%;
  overflow: hidden;
  background-color: blue;
  /* commented for demo
  float: left;
  margin-left: 125px;
  margin-top: 20px;
  */
  
  /*for demo*/
  display:inline-block;
  vertical-align:middle;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
  content: "\e902";
}
.icon-chevron-thin-down:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e900";
}
/*@mixin ($width1,$width2){
        @media  (min-width:$width1px) and (max-width:$width2px){@content}
        }*/
html {
  font-size: 62.5%;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-size: 16px;
  margin: auto;
}
input {
  background: none;
  border: none;
}
input:focus {
  outline: 0;
}
button {
  background: none;
  border: none;
}
button:focus {
  outline: 0;
}
a {
  text-decoration: none;
  display: inline-block;
}
img {
  display: block;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.toppart {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 99999;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.video-filter {
  width: 1213px;
}
@media only screen and (max-width: 1615px) {
  .video-filter {
    width: 900px;
  }
}
@media only screen and (max-width: 1366px) {
  .video-filter {
    width: 800px;
  }
}
@media only screen and (max-width: 1180px) {
  .video-filter {
    width: 700px;
  }
}
@media only screen and (max-width: 1080px) {
  .video-filter {
    width: 600px;
  }
}
@media only screen and (max-width: 920px) {
  .video-filter {
    width: 500px;
  }
}
@media only screen and (max-width: 828px) {
  .video-filter {
    width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  .video-filter {
    width: 100%;
  }
}
.video-filter .videocontainer {
  position: relative;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.video-filter .videocontainer iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainfilter {
  padding-left: 3%;
}
@media only screen and (max-width: 1510px) {
  .mainfilter {
    padding-left: 2%;
  }
}
@media only screen and (max-width: 1400px) {
  .mainfilter {
    padding-left: 1%;
    padding-right: 1%;
  }
}
@media only screen and (max-width: 1366px) {
  .mainfilter {
    padding-left: 5%;
  }
}
@media only screen and (max-width: 1200px) {
  .mainfilter {
    padding-left: 2.5%;
  }
}
@media only screen and (max-width: 768px) {
  .mainfilter {
    position: fixed;
    left: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    bottom: -100%;
    transition: .5s;
  }
}
.mainfilter .filter {
  width: 340px;
  max-width: 100%;
  margin-top: 3rem;
}
@media only screen and (max-width: 1670px) {
  .mainfilter .filter {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 1448px) {
  .mainfilter .filter {
    width: 280px;
    margin-top: 1rem;
	margin-left: 1rem;
  }
}
@media only screen and (max-width: 1366px) {
  .mainfilter .filter {
    padding-bottom: 2rem;
    height: 428px;
    overflow-y: scroll;
    width: 340px;
  }
}
@media only screen and (max-width: 1180px) {
  .mainfilter .filter {
    height: 380px;
  }
}
@media only screen and (max-width: 1080px) {
  .mainfilter .filter {
    height: 324px;
  }
}
@media only screen and (max-width: 980px) {
  .mainfilter .filter {
    width: 280px;
  }
}
@media only screen and (max-width: 920px) {
  .mainfilter .filter {
    height: 269px;
  }
}
@media only screen and (max-width: 828px) {
  .mainfilter .filter {
    height: 239px;
  }
}
@media only screen and (max-width: 768px) {
  .mainfilter .filter {
    margin: 3rem auto;
    position: relative;
    height: auto;
    overflow: inherit;
    width: 340px;
  }
}
.mainfilter .filter h3 {
  font-family: 'Helvetica', 'Lato', sans-serif;
  font-size: 24px;
  margin-bottom: 1.3rem;
}
.mainfilter .filter .filtercomponent {
  display: flex;
  justify-content: space-between;
  padding: .75rem 0rem;
  position: relative;
  flex-wrap: wrap;
}
.mainfilter .filter > div:nth-of-type(3) .spantitle {
  color: #07AAFF;
}
.mainfilter .filter > div:nth-of-type(3) .dropdown span {
  color: #07AAFF;
}
.mainfilter .filter .cta {
  display: flex;
  justify-content: space-around;
}
.mainfilter .filter .cta span {
  font-family: 'Helvetica', 'Lato', sans-serif;
  font-size: 16px;
  display: inline-block;
  width: 163px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ECEDF1;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  transition: .5s;
  margin-top: 2rem;
}
@media only screen and (max-width: 1448px) {
  .mainfilter .filter .cta span {
    width: 130px;
  }
}
@media only screen and (max-width: 980px) {
  .mainfilter .filter .cta span {
    width: 110px;
  }
}
@media only screen and (max-width: 768px) {
  .mainfilter .filter .cta span {
    width: 130px;
  }
}
.mainfilter .filter .cta span:hover {
  transform: scale(1.05);
}
.mainfilter .filter .cta span:nth-child(2) {
  background-color: #000;
  color: #fff;
}
.mainfilter .filter .closefilter {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #000000;
  line-height: 25px;
  cursor: pointer;
  display: none;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .mainfilter .filter .closefilter {
    display: block;
  }
}
.mainfilter .filter .closefilter span {
  text-align: center;
  display: block;
  line-height: 25px;
  font-size: 15px;
  transition: .3s;
}
.mainfilter .filter .closefilter span:hover {
  transform: rotate(180deg);
}
.mainfilter .filter .closefilter .labelclosefilter {
  height: 21px;
  top: -25px;
}
.table {
  display: flex;
  width: 100%;
  margin-top: 68rem;
  /*height: auto;*/
}
@media only screen and (max-width: 1865px) {
  .table {
    margin-top: 50rem;/*was 68 */
  }
}
@media only screen and (max-width: 1615px) {
  .table {
    margin-top: 50rem;/*was 62 */
  }
}
@media only screen and (max-width: 1475px) {
  .table {
    margin-top: 50rem;
  }
}
@media only screen and (max-width: 1397px) {
  .table {
    margin-top: 50rem;
  }
}
@media only screen and (max-width: 1366px) {
  .table {
    margin-top: 44rem;
  }
}
@media only screen and (max-width: 1180px) {
  .table {
    margin-top: 39rem;
  }
}
@media only screen and (max-width: 1080px) {
  .table {
    margin-top: 33rem;
  }
}
@media only screen and (max-width: 920px) {
  .table {
    margin-top: 28rem;
  }
}
@media only screen and (max-width: 828px) {
  .table {
    margin-top: 25rem;
  }
}
@media only screen and (max-width: 768px) {
  .table {
    margin-top: 492px;
  }
}
@media only screen and (max-width: 767px) {
  .table {
    margin-top: 491px;
  }
}
@media only screen and (max-width: 766px) {
  .table {
    margin-top: 490px;
  }
}
@media only screen and (max-width: 765px) {
  .table {
    margin-top: 489px;
  }
}
@media only screen and (max-width: 761px) {
  .table {
    margin-top: 488px;
  }
}
@media only screen and (max-width: 759px) {
  .table {
    margin-top: 486px;
  }
}
@media only screen and (max-width: 756px) {
  .table {
    margin-top: 485px;
  }
}
@media only screen and (max-width: 754px) {
  .table {
    margin-top: 484px;
  }
}
@media only screen and (max-width: 752px) {
  .table {
    margin-top: 483px;
  }
}
@media only screen and (max-width: 751px) {
  .table {
    margin-top: 482px;
  }
}
@media only screen and (max-width: 749px) {
  .table {
    margin-top: 481px;
  }
}
@media only screen and (max-width: 748px) {
  .table {
    margin-top: 480px;
  }
}
@media only screen and (max-width: 745px) {
  .table {
    margin-top: 477px;
  }
}
@media only screen and (max-width: 744px) {
  .table {
    margin-top: 476px;
  }
}
@media only screen and (max-width: 738px) {
  .table {
    margin-top: 475px;
  }
}
@media only screen and (max-width: 736px) {
  .table {
    margin-top: 474px;
  }
}
@media only screen and (max-width: 735px) {
  .table {
    margin-top: 473px;
  }
}
@media only screen and (max-width: 733px) {
  .table {
    margin-top: 472px;
  }
}
@media only screen and (max-width: 731px) {
  .table {
    margin-top: 471px;
  }
}
@media only screen and (max-width: 729px) {
  .table {
    margin-top: 468px;
  }
}
@media only screen and (max-width: 724px) {
  .table {
    margin-top: 467px;
  }
}
@media only screen and (max-width: 722px) {
  .table {
    margin-top: 466px;
  }
}
@media only screen and (max-width: 720px) {
  .table {
    margin-top: 464px;
  }
}
@media only screen and (max-width: 717px) {
  .table {
    margin-top: 463px;
  }
}
@media only screen and (max-width: 715px) {
  .table {
    margin-top: 462px;
  }
}
@media only screen and (max-width: 713px) {
  .table {
    margin-top: 461px;
  }
}
@media only screen and (max-width: 711px) {
  .table {
    margin-top: 460px;
  }
}
@media only screen and (max-width: 710px) {
  .table {
    margin-top: 459px;
  }
}
@media only screen and (max-width: 708px) {
  .table {
    margin-top: 458px;
  }
}
@media only screen and (max-width: 706px) {
  .table {
    margin-top: 457px;
  }
}
@media only screen and (max-width: 704px) {
  .table {
    margin-top: 456px;
  }
}
@media only screen and (max-width: 703px) {
  .table {
    margin-top: 455px;
  }
}
@media only screen and (max-width: 701px) {
  .table {
    margin-top: 454px;
  }
}
@media only screen and (max-width: 699px) {
  .table {
    margin-top: 453px;
  }
}
@media only screen and (max-width: 697px) {
  .table {
    margin-top: 452px;
  }
}
@media only screen and (max-width: 695px) {
  .table {
    margin-top: 451px;
  }
}
@media only screen and (max-width: 694px) {
  .table {
    margin-top: 445px;
  }
}
@media only screen and (max-width: 683px) {
  .table {
    margin-top: 445px;
  }
}
@media only screen and (max-width: 681px) {
  .table {
    margin-top: 443px;
  }
}
@media only screen and (max-width: 678px) {
  .table {
    margin-top: 442px;
  }
}
@media only screen and (max-width: 676px) {
  .table {
    margin-top: 440px;
  }
}
@media only screen and (max-width: 674px) {
  .table {
    margin-top: 439px;
  }
}
@media only screen and (max-width: 672px) {
  .table {
    margin-top: 438px;
  }
}
@media only screen and (max-width: 671px) {
  .table {
    margin-top: 437px;
  }
}
@media only screen and (max-width: 669px) {
  .table {
    margin-top: 436px;
  }
}
@media only screen and (max-width: 667px) {
  .table {
    margin-top: 435px;
  }
}
@media only screen and (max-width: 665px) {
  .table {
    margin-top: 433px;
  }
}
@media only screen and (max-width: 662px) {
  .table {
    margin-top: 432px;
  }
}
@media only screen and (max-width: 660px) {
  .table {
    margin-top: 431px;
  }
}
@media only screen and (max-width: 658px) {
  .table {
    margin-top: 430px;
  }
}
@media only screen and (max-width: 656px) {
  .table {
    margin-top: 429px;
  }
}
@media only screen and (max-width: 665px) {
  .table {
    margin-top: 428px;
  }
}
@media only screen and (max-width: 653px) {
  .table {
    margin-top: 427px;
  }
}
@media only screen and (max-width: 651px) {
  .table {
    margin-top: 426px;
  }
}
@media only screen and (max-width: 649px) {
  .table {
    margin-top: 425px;
  }
}
@media only screen and (max-width: 647px) {
  .table {
    margin-top: 423px;
  }
}
@media only screen and (max-width: 644px) {
  .table {
    margin-top: 421px;
  }
}
@media only screen and (max-width: 640px) {
  .table {
    margin-top: 420px;
  }
}
@media only screen and (max-width: 639px) {
  .table {
    margin-top: 419px;
  }
}
@media only screen and (max-width: 637px) {
  .table {
    margin-top: 418px;
  }
}
@media only screen and (max-width: 635px) {
  .table {
    margin-top: 416px;
  }
}
@media only screen and (max-width: 630px) {
  .table {
    margin-top: 414px;
  }
}
@media only screen and (max-width: 628px) {
  .table {
    margin-top: 412px;
  }
}
@media only screen and (max-width: 624px) {
  .table {
    margin-top: 410px;
  }
}
@media only screen and (max-width: 621px) {
  .table {
    margin-top: 409px;
  }
}
@media only screen and (max-width: 619px) {
  .table {
    margin-top: 408px;
  }
}
@media only screen and (max-width: 617px) {
  .table {
    margin-top: 407px;
  }
}
@media only screen and (max-width: 615px) {
  .table {
    margin-top: 407px;
  }
}
@media only screen and (max-width: 613px) {
  .table {
    margin-top: 405px;
  }
}
@media only screen and (max-width: 611px) {
  .table {
    margin-top: 404px;
  }
}
@media only screen and (max-width: 609px) {
  .table {
    margin-top: 403px;
  }
}
@media only screen and (max-width: 608px) {
  .table {
    margin-top: 402px;
  }
}
@media only screen and (max-width: 607px) {
  .table {
    margin-top: 401px;
  }
}
@media only screen and (max-width: 605px) {
  .table {
    margin-top: 399px;
  }
}
@media only screen and (max-width: 603px) {
  .table {
    margin-top: 398px;
  }
}
@media only screen and (max-width: 601px) {
  .table {
    margin-top: 397px;
  }
}
@media only screen and (max-width: 599px) {
  .table {
    margin-top: 396px;
  }
}
@media only screen and (max-width: 598px) {
  .table {
    margin-top: 395px;
  }
}
@media only screen and (max-width: 594px) {
  .table {
    margin-top: 394px;
  }
}
@media only screen and (max-width: 592px) {
  .table {
    margin-top: 393px;
  }
}
@media only screen and (max-width: 591px) {
  .table {
    margin-top: 392px;
  }
}
@media only screen and (max-width: 589px) {
  .table {
    margin-top: 391px;
  }
}
@media only screen and (max-width: 587px) {
  .table {
    margin-top: 390px;
  }
}
@media only screen and (max-width: 585px) {
  .table {
    margin-top: 388px;
  }
}
@media only screen and (max-width: 583px) {
  .table {
    margin-top: 387px;
  }
}
@media only screen and (max-width: 573px) {
  .table {
    margin-top: 386px;
  }
}
@media only screen and (max-width: 581px) {
  .table {
    margin-top: 385.5px;
  }
}
@media only screen and (max-width: 579px) {
  .table {
    margin-top: 384.5px;
  }
}
@media only screen and (max-width: 577px) {
  .table {
    margin-top: 384px;
  }
}
@media only screen and (max-width: 575px) {
  .table {
    margin-top: 383px;
  }
}
@media only screen and (max-width: 573px) {
  .table {
    margin-top: 382px;
  }
}
@media only screen and (max-width: 571px) {
  .table {
    margin-top: 381px;
  }
}
@media only screen and (max-width: 569px) {
  .table {
    margin-top: 381px;
  }
}
@media only screen and (max-width: 569px) {
  .table {
    margin-top: 380px;
  }
}
@media only screen and (max-width: 567px) {
  .table {
    margin-top: 379px;
  }
}
@media only screen and (max-width: 569px) {
  .table {
    margin-top: 374px;
  }
}
@media only screen and (max-width: 567px) {
  .table {
    margin-top: 373px;
  }
}
@media only screen and (max-width: 555px) {
  .table {
    margin-top: 372px;
  }
}
@media only screen and (max-width: 553px) {
  .table {
    margin-top: 371px;
  }
}
@media only screen and (max-width: 551px) {
  .table {
    margin-top: 370px;
  }
}
@media only screen and (max-width: 549px) {
  .table {
    margin-top: 369px;
  }
}
@media only screen and (max-width: 548px) {
  .table {
    margin-top: 368px;
  }
}
@media only screen and (max-width: 546px) {
  .table {
    margin-top: 367px;
  }
}
@media only screen and (max-width: 544px) {
  .table {
    margin-top: 366px;
  }
}
@media only screen and (max-width: 543px) {
  .table {
    margin-top: 365px;
  }
}
@media only screen and (max-width: 541px) {
  .table {
    margin-top: 364px;
  }
}
@media only screen and (max-width: 539px) {
  .table {
    margin-top: 363px;
  }
}
@media only screen and (max-width: 537px) {
  .table {
    margin-top: 362px;
  }
}
@media only screen and (max-width: 535px) {
  .table {
    margin-top: 361px;
  }
}
@media only screen and (max-width: 534px) {
  .table {
    margin-top: 360px;
  }
}
@media only screen and (max-width: 532px) {
  .table {
    margin-top: 359px;
  }
}
@media only screen and (max-width: 530px) {
  .table {
    margin-top: 357px;
  }
}
@media only screen and (max-width: 527px) {
  .table {
    margin-top: 356px;
  }
}
@media only screen and (max-width: 525px) {
  .table {
    margin-top: 355px;
  }
}
@media only screen and (max-width: 523px) {
  .table {
    margin-top: 354px;
  }
}
@media only screen and (max-width: 521px) {
  .table {
    margin-top: 353px;
  }
}
@media only screen and (max-width: 519px) {
  .table {
    margin-top: 352px;
  }
}
@media only screen and (max-width: 518px) {
  .table {
    margin-top: 351px;
  }
}
@media only screen and (max-width: 516px) {
  .table {
    margin-top: 350px;
  }
}
@media only screen and (max-width: 514px) {
  .table {
    margin-top: 349px;
  }
}
@media only screen and (max-width: 512px) {
  .table {
    margin-top: 348px;
  }
}
@media only screen and (max-width: 511px) {
  .table {
    margin-top: 347px;
  }
}
@media only screen and (max-width: 509px) {
  .table {
    margin-top: 346px;
  }
}
@media only screen and (max-width: 507px) {
  .table {
    margin-top: 345px;
  }
}
@media only screen and (max-width: 505px) {
  .table {
    margin-top: 344px;
  }
}
@media only screen and (max-width: 503px) {
  .table {
    margin-top: 343px;
  }
}
@media only screen and (max-width: 502px) {
  .table {
    margin-top: 342px;
  }
}
@media only screen and (max-width: 500px) {
  .table {
    margin-top: 341px;
  }
}
@media only screen and (max-width: 498px) {
  .table {
    margin-top: 339px;
  }
}
@media only screen and (max-width: 496px) {
  .table {
    margin-top: 338px;
  }
}
@media only screen and (max-width: 493px) {
  .table {
    margin-top: 337px;
  }
}
@media only screen and (max-width: 491px) {
  .table {
    margin-top: 336px;
  }
}
@media only screen and (max-width: 489px) {
  .table {
    margin-top: 335px;
  }
}
@media only screen and (max-width: 487px) {
  .table {
    margin-top: 334px;
  }
}
@media only screen and (max-width: 486px) {
  .table {
    margin-top: 333px;
  }
}
@media only screen and (max-width: 484px) {
  .table {
    margin-top: 332px;
  }
}
@media only screen and (max-width: 482px) {
  .table {
    margin-top: 331px;
  }
}
@media only screen and (max-width: 480px) {
  .table {
    margin-top: 330px;
  }
}
@media only screen and (max-width: 479px) {
  .table {
    margin-top: 329px;
  }
}
@media only screen and (max-width: 477px) {
  .table {
    margin-top: 328px;
  }
}
@media only screen and (max-width: 475px) {
  .table {
    margin-top: 327px;
  }
}
@media only screen and (max-width: 473px) {
  .table {
    margin-top: 326px;
  }
}
@media only screen and (max-width: 471px) {
  .table {
    margin-top: 325px;
  }
}
@media only screen and (max-width: 470px) {
  .table {
    margin-top: 324px;
  }
}
@media only screen and (max-width: 468px) {
  .table {
    margin-top: 323px;
  }
}
@media only screen and (max-width: 466px) {
  .table {
    margin-top: 322px;
  }
}
@media only screen and (max-width: 464px) {
  .table {
    margin-top: 321px;
  }
}
@media only screen and (max-width: 462px) {
  .table {
    margin-top: 320px;
  }
}
@media only screen and (max-width: 461px) {
  .table {
    margin-top: 319px;
  }
}
@media only screen and (max-width: 459px) {
  .table {
    margin-top: 318px;
  }
}
@media only screen and (max-width: 457px) {
  .table {
    margin-top: 317px;
  }
}
@media only screen and (max-width: 455px) {
  .table {
    margin-top: 316px;
  }
}
@media only screen and (max-width: 454px) {
  .table {
    margin-top: 315px;
  }
}
@media only screen and (max-width: 452px) {
  .table {
    margin-top: 314px;
  }
}
@media only screen and (max-width: 450px) {
  .table {
    margin-top: 313px;
  }
}
@media only screen and (max-width: 448px) {
  .table {
    margin-top: 312px;
  }
}
@media only screen and (max-width: 447px) {
  .table {
    margin-top: 311px;
  }
}
@media only screen and (max-width: 445px) {
  .table {
    margin-top: 310px;
  }
}
@media only screen and (max-width: 443px) {
  .table {
    margin-top: 309px;
  }
}
@media only screen and (max-width: 441px) {
  .table {
    margin-top: 308px;
  }
}
@media only screen and (max-width: 439px) {
  .table {
    margin-top: 307px;
  }
}
@media only screen and (max-width: 438px) {
  .table {
    margin-top: 306px;
  }
}
@media only screen and (max-width: 436px) {
  .table {
    margin-top: 305px;
  }
}
@media only screen and (max-width: 434px) {
  .table {
    margin-top: 304px;
  }
}
@media only screen and (max-width: 432px) {
  .table {
    margin-top: 302px;
  }
}
@media only screen and (max-width: 429px) {
  .table {
    margin-top: 301px;
  }
}
@media only screen and (max-width: 427px) {
  .table {
    margin-top: 300px;
  }
}
@media only screen and (max-width: 425px) {
  .table {
    margin-top: 299px;
  }
}
@media only screen and (max-width: 423px) {
  .table {
    margin-top: 298px;
  }
}
@media only screen and (max-width: 422px) {
  .table {
    margin-top: 297px;
  }
}
@media only screen and (max-width: 420px) {
  .table {
    margin-top: 296px;
  }
}
@media only screen and (max-width: 418px) {
  .table {
    margin-top: 295px;
  }
}
@media only screen and (max-width: 416px) {
  .table {
    margin-top: 294px;
  }
}
@media only screen and (max-width: 415px) {
  .table {
    margin-top: 293px;
  }
}
@media only screen and (max-width: 413px) {
  .table {
    margin-top: 292px;
  }
}
@media only screen and (max-width: 411px) {
  .table {
    margin-top: 291px;
  }
}
@media only screen and (max-width: 409px) {
  .table {
    margin-top: 290px;
  }
}
@media only screen and (max-width: 407px) {
  .table {
    margin-top: 289px;
  }
}
@media only screen and (max-width: 406px) {
  .table {
    margin-top: 288px;
  }
}
@media only screen and (max-width: 404px) {
  .table {
    margin-top: 287px;
  }
}
@media only screen and (max-width: 402px) {
  .table {
    margin-top: 286px;
  }
}
@media only screen and (max-width: 400px) {
  .table {
    margin-top: 285px;
  }
}
@media only screen and (max-width: 399px) {
  .table {
    margin-top: 284px;
  }
}
@media only screen and (max-width: 397px) {
  .table {
    margin-top: 283px;
  }
}
@media only screen and (max-width: 395px) {
  .table {
    margin-top: 282px;
  }
}
@media only screen and (max-width: 393px) {
  .table {
    margin-top: 281px;
  }
}
@media only screen and (max-width: 391px) {
  .table {
    margin-top: 280px;
  }
}
@media only screen and (max-width: 390px) {
  .table {
    margin-top: 279px;
  }
}
@media only screen and (max-width: 388px) {
  .table {
    margin-top: 278px;
  }
}
@media only screen and (max-width: 386px) {
  .table {
    margin-top: 277px;
  }
}
@media only screen and (max-width: 384px) {
  .table {
    margin-top: 276px;
  }
}
@media only screen and (max-width: 383px) {
  .table {
    margin-top: 275px;
  }
}
@media only screen and (max-width: 381px) {
  .table {
    margin-top: 274px;
  }
}
@media only screen and (max-width: 379px) {
  .table {
    margin-top: 273px;
  }
}
@media only screen and (max-width: 377px) {
  .table {
    margin-top: 272px;
  }
}
@media only screen and (max-width: 375px) {
  .table {
    margin-top: 271px;
  }
}
@media only screen and (max-width: 374px) {
  .table {
    margin-top: 270px;
  }
}
@media only screen and (max-width: 372px) {
  .table {
    margin-top: 269px;
  }
}
@media only screen and (max-width: 370px) {
  .table {
    margin-top: 268px;
  }
}
@media only screen and (max-width: 369px) {
  .table {
    margin-top: 267px;
  }
}
@media only screen and (max-width: 367px) {
  .table {
    margin-top: 266px;
  }
}
@media only screen and (max-width: 365px) {
  .table {
    margin-top: 265px;
  }
}
@media only screen and (max-width: 363px) {
  .table {
    margin-top: 264px;
  }
}
@media only screen and (max-width: 361px) {
  .table {
    margin-top: 263px;
  }
}
@media only screen and (max-width: 359px) {
  .table {
    margin-top: 262px;
  }
}
@media only screen and (max-width: 358px) {
  .table {
    margin-top: 261px;
  }
}
@media only screen and (max-width: 356px) {
  .table {
    margin-top: 260px;
  }
}
@media only screen and (max-width: 354px) {
  .table {
    margin-top: 259px;
  }
}
@media only screen and (max-width: 352px) {
  .table {
    margin-top: 258px;
  }
}
@media only screen and (max-width: 351px) {
  .table {
    margin-top: 257px;
  }
}
@media only screen and (max-width: 349px) {
  .table {
    margin-top: 256px;
  }
}
@media only screen and (max-width: 347px) {
  .table {
    margin-top: 255px;
  }
}
@media only screen and (max-width: 345px) {
  .table {
    margin-top: 254px;
  }
}
@media only screen and (max-width: 343px) {
  .table {
    margin-top: 253px;
  }
}
@media only screen and (max-width: 342px) {
  .table {
    margin-top: 252px;
  }
}
@media only screen and (max-width: 340px) {
  .table {
    margin-top: 251px;
  }
}
@media only screen and (max-width: 338px) {
  .table {
    margin-top: 250px;
  }
}
@media only screen and (max-width: 335px) {
  .table {
    margin-top: 248px;
  }
}
@media only screen and (max-width: 333px) {
  .table {
    margin-top: 247px;
  }
}
@media only screen and (max-width: 332px) {
  .table {
    margin-top: 246px;
  }
}
@media only screen and (max-width: 329px) {
  .table {
    margin-top: 245px;
  }
}
@media only screen and (max-width: 327px) {
  .table {
    margin-top: 244px;
  }
}
@media only screen and (max-width: 326px) {
  .table {
    margin-top: 243px;
  }
}
@media only screen and (max-width: 326px) {
  .table {
    margin-top: 242px;
  }
}
@media only screen and (max-width: 322px) {
  .table {
    margin-top: 241px;
  }
}
@media only screen and (max-width: 320px) {
  .table {
    margin-top: 240px;
  }
}
@media only screen and (max-width: 319px) {
  .table {
    margin-top: 239px;
  }
}
@media only screen and (max-width: 318px) {
  .table {
    margin-top: 238px;
  }
}
@media only screen and (max-width: 315px) {
  .table {
    margin-top: 237px;
  }
}
@media only screen and (max-width: 313px) {
  .table {
    margin-top: 236px;
  }
}
@media only screen and (max-width: 311px) {
  .table {
    margin-top: 235px;
  }
}
@media only screen and (max-width: 310px) {
  .table {
    margin-top: 234px;
  }
}
@media only screen and (max-width: 308px) {
  .table {
    margin-top: 233px;
  }
}
@media only screen and (max-width: 306px) {
  .table {
    margin-top: 232px;
  }
}
@media only screen and (max-width: 304px) {
  .table {
    margin-top: 231px;
  }
}
@media only screen and (max-width: 303px) {
  .table {
    margin-top: 230px;
  }
}
@media only screen and (max-width: 301px) {
  .table {
    margin-top: 229px;
  }
}
@media only screen and (max-width: 299px) {
  .table {
    margin-top: 228px;
  }
}
@media only screen and (max-width: 298px) {
  .table {
    margin-top: 227px;
  }
}
@media only screen and (max-width: 297px) {
  .table {
    margin-top: 226px;
  }
}
@media only screen and (max-width: 294px) {
  .table {
    margin-top: 225px;
  }
}
@media only screen and (max-width: 292px) {
  .table {
    margin-top: 224px;
  }
}
@media only screen and (max-width: 290px) {
  .table {
    margin-top: 223px;
  }
}
@media only screen and (max-width: 288px) {
  .table {
    margin-top: 222px;
  }
}
@media only screen and (max-width: 287px) {
  .table {
    margin-top: 221px;
  }
}
@media only screen and (max-width: 285px) {
  .table {
    margin-top: 220px;
  }
}
@media only screen and (max-width: 283px) {
  .table {
    margin-top: 219px;
  }
}
@media only screen and (max-width: 282px) {
  .table {
    margin-top: 218px;
  }
}
@media only screen and (max-width: 1366px) {
  .table {
    /*  margin-top: 45.5rem;*/
  }
}
@media only screen and (max-width: 768px) {
  .table {
    /*margin-top: 50.5rem;*/
  }
}
@media only screen and (max-width: 640px) {
  .table {
    /*margin-top: 35.5rem;*/
  }
}
@media only screen and (max-width: 520px) {
  .table {
    /*margin-top: 28.5rem;*/
  }
}
@media only screen and (max-width: 375px) {
  .table {
    /*margin-top: 25.5rem;*/
  }
}
.table .column1 > div {
  width: 129px;
  height: 85px;
  border: 1px solid #E1E1E1;
  background-color: #EFEFEF;
  position: relative;
  border-bottom: none;
}
.table .column1 > div:nth-child(n+2) {
  height: 86px;
}
.table .column1 > div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table .column1 img {
  width: 71px;
}
.table .column1 span b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  font-family: 'Suez One', serif;
  line-height: 95%;	
  letter-spacing: .15px;
text-align: center;
}
.table .column2 {
  width: calc(100% - 129px);
  overflow-x: scroll;
}
.table .column2 span {
  display: block;
  width: 126px;
  font-size: 14px;
  font-family: 'Helvetica', 'Lato', sans-serif;
  border-left: none;
  padding-left: 1rem;
  height: 85px;
  border-right: 1px solid #E1E1E1;
  line-height: 1.25;
  position: relative;
  cursor: pointer;
  color: #454545;
}
.table .column2 span.selected {
  background-color: #000;
  color: #fff;
}
.table .column2 span.unselected {
  background-color: #fff;
  color: #454545;
}
.table .column2 span b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  font-family: 'Helvetica', 'Lato', sans-serif;
  letter-spacing: .15px;
}
.table .column2 span:nth-child(n+4) {
  text-align: left;
  padding-left: 1.5rem;
}
.table .column2 .row {
  display: flex;
  border-bottom: 1px solid #E1E1E1;
}
@media only screen and (max-width: 5000px) {
  .table .column2 .row {
    width: 10000px;
  }
}
.table .column2 > div:nth-child(1) {
  /*border-top: 1px solid #E1E1E1;*/
}
.table .column2 > div:nth-child(n+6) {
  /*border-bottom: none;*/
}
.table .column2 > div:nth-child(n+6) span {
 /* border-bottom: none;
  border-top: 1px solid #E1E1E1;*/
}
/*
@media only screen and (min-width: 1367px) {
  .table .column2 > div:nth-child(6) span:nth-child(n+4) {
    opacity: 0;
  }
}
@media only screen and (min-width: 1367px) {
  .table .column2 > div:nth-child(7) span:nth-child(n+4) {
    opacity: 0;
  }
}
@media only screen and (min-width: 1367px) {
  .table .column2 > div:nth-child(8) span:nth-child(n+4) {
    opacity: 0;
  }
}
@media only screen and (min-width: 1367px) {
  .table .column2 > div:nth-child(9) span:nth-child(n+3) {
    opacity: 0;
  }
}
*/
.row span {
  font-weight: bold;
}
.filter-part {
  display: none;
}
@media only screen and (max-width: 768px) {
  .filter-part {
    display: block;
    margin-top: 42rem;
    padding: 1.5rem 2rem;
    background-color: #000;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .filter-part span {
    cursor: pointer;
  }
  .filter-part span:not(:last-child) {
    font-family: 'Helvetica', 'Lato', sans-serif;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    color: #07AAFF;
    margin-right: 2rem;
  }
  .filter-part span.on_filter_link {
    color: #fff;
  }
.filter-part span.off_filter_link {
    color: #07AAFF;
  }
  .filter-part span:nth-child(4) {
    margin-right: auto;
  }
  .filter-part span:last-child {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
  }
}
@media only screen and (max-width: 768px) {
  .filter-part {
    top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .filter-part {
    top: 11px;
  }
}
@media only screen and (max-width: 765px) {
  .filter-part {
    top: 10px;
  }
}
@media only screen and (max-width: 763px) {
  .filter-part {
    top: 9px;
  }
}
@media only screen and (max-width: 761px) {
  .filter-part {
    top: 8px;
  }
}
@media only screen and (max-width: 759px) {
  .filter-part {
    top: 7px;
  }
}
@media only screen and (max-width: 759px) {
  .filter-part {
    top: 6px;
  }
}
@media only screen and (max-width: 756px) {
  .filter-part {
    top: 5px;
  }
}
@media only screen and (max-width: 754px) {
  .filter-part {
    top: 4px;
  }
}
@media only screen and (max-width: 752px) {
  .filter-part {
    top: 3px;
  }
}
@media only screen and (max-width: 751px) {
  .filter-part {
    top: 2px;
  }
}
@media only screen and (max-width: 749px) {
  .filter-part {
    top: 1px;
  }
}
@media only screen and (max-width: 747px) {
  .filter-part {
    top: 0px;
  }
}
@media only screen and (max-width: 745px) {
  .filter-part {
    top: -1px;
  }
}
@media only screen and (max-width: 745px) {
  .filter-part {
    top: -2px;
  }
}
@media only screen and (max-width: 745px) {
  .filter-part {
    top: -3px;
  }
}
@media only screen and (max-width: 744px) {
  .filter-part {
    top: -4px;
  }
}
@media only screen and (max-width: 738px) {
  .filter-part {
    top: -5px;
  }
}
@media only screen and (max-width: 736px) {
  .filter-part {
    top: -6px;
  }
}
@media only screen and (max-width: 735px) {
  .filter-part {
    top: -7px;
  }
}
@media only screen and (max-width: 733px) {
  .filter-part {
    top: -8px;
  }
}
@media only screen and (max-width: 731px) {
  .filter-part {
    top: -9px;
  }
}
@media only screen and (max-width: 729px) {
  .filter-part {
    top: -10px;
  }
}
@media only screen and (max-width: 728px) {
  .filter-part {
    top: -11px;
  }
}
@media only screen and (max-width: 729px) {
  .filter-part {
    top: -12px;
  }
}
@media only screen and (max-width: 724px) {
  .filter-part {
    top: -13px;
  }
}
@media only screen and (max-width: 722px) {
  .filter-part {
    top: -14px;
  }
}
@media only screen and (max-width: 720px) {
  .filter-part {
    top: -15px;
  }
}
@media only screen and (max-width: 720px) {
  .filter-part {
    top: -16px;
  }
}
@media only screen and (max-width: 717px) {
  .filter-part {
    top: -17px;
  }
}
@media only screen and (max-width: 715px) {
  .filter-part {
    top: -18px;
  }
}
@media only screen and (max-width: 713px) {
  .filter-part {
    top: -19px;
  }
}
@media only screen and (max-width: 711px) {
  .filter-part {
    top: -20px;
  }
}
@media only screen and (max-width: 710px) {
  .filter-part {
    top: -21px;
  }
}
@media only screen and (max-width: 708px) {
  .filter-part {
    top: -22px;
  }
}
@media only screen and (max-width: 706px) {
  .filter-part {
    top: -23px;
  }
}
@media only screen and (max-width: 704px) {
  .filter-part {
    top: -24px;
  }
}
@media only screen and (max-width: 703px) {
  .filter-part {
    top: -25px;
  }
}
@media only screen and (max-width: 701px) {
  .filter-part {
    top: -26px;
  }
}
@media only screen and (max-width: 699px) {
  .filter-part {
    top: -27px;
  }
}
@media only screen and (max-width: 697px) {
  .filter-part {
    top: -28px;
  }
}
@media only screen and (max-width: 695px) {
  .filter-part {
    top: -29px;
  }
}
@media only screen and (max-width: 694px) {
  .filter-part {
    top: -30px;
  }
}
@media only screen and (max-width: 692px) {
  .filter-part {
    top: -31px;
  }
}
@media only screen and (max-width: 690px) {
  .filter-part {
    top: -32px;
  }
}
@media only screen and (max-width: 688px) {
  .filter-part {
    top: -33px;
  }
}
@media only screen and (max-width: 687px) {
  .filter-part {
    top: -34px;
  }
}
@media only screen and (max-width: 685px) {
  .filter-part {
    top: -35px;
  }
}
@media only screen and (max-width: 683px) {
  .filter-part {
    top: -36px;
  }
}
@media only screen and (max-width: 681px) {
  .filter-part {
    top: -37px;
  }
}
@media only screen and (max-width: 679px) {
  .filter-part {
    top: -38px;
  }
}
@media only screen and (max-width: 678px) {
  .filter-part {
    top: -39px;
  }
}
@media only screen and (max-width: 676px) {
  .filter-part {
    top: -40px;
  }
}
@media only screen and (max-width: 674px) {
  .filter-part {
    top: -41px;
  }
}
@media only screen and (max-width: 672px) {
  .filter-part {
    top: -42px;
  }
}
@media only screen and (max-width: 671px) {
  .filter-part {
    top: -43px;
  }
}
@media only screen and (max-width: 669px) {
  .filter-part {
    top: -44px;
  }
}
@media only screen and (max-width: 667px) {
  .filter-part {
    top: -45px;
  }
}
@media only screen and (max-width: 665px) {
  .filter-part {
    top: -46px;
  }
}
@media only screen and (max-width: 663px) {
  .filter-part {
    top: -47px;
  }
}
@media only screen and (max-width: 662px) {
  .filter-part {
    top: -48px;
  }
}
@media only screen and (max-width: 660px) {
  .filter-part {
    top: -49px;
  }
}
@media only screen and (max-width: 658px) {
  .filter-part {
    top: -50px;
  }
}
@media only screen and (max-width: 656px) {
  .filter-part {
    top: -51px;
  }
}
@media only screen and (max-width: 655px) {
  .filter-part {
    top: -52px;
  }
}
@media only screen and (max-width: 653px) {
  .filter-part {
    top: -53px;
  }
}
@media only screen and (max-width: 651px) {
  .filter-part {
    top: -54px;
  }
}
@media only screen and (max-width: 649px) {
  .filter-part {
    top: -55px;
  }
}
@media only screen and (max-width: 647px) {
  .filter-part {
    top: -56px;
  }
}
@media only screen and (max-width: 646px) {
  .filter-part {
    top: -57px;
  }
}
@media only screen and (max-width: 644px) {
  .filter-part {
    top: -58px;
  }
}
@media only screen and (max-width: 642px) {
  .filter-part {
    top: -59px;
  }
}
@media only screen and (max-width: 640px) {
  .filter-part {
    top: -60px;
  }
}
@media only screen and (max-width: 639px) {
  .filter-part {
    top: -61px;
  }
}
@media only screen and (max-width: 637px) {
  .filter-part {
    top: -62px;
  }
}
@media only screen and (max-width: 635px) {
  .filter-part {
    top: -64px;
  }
}
@media only screen and (max-width: 631px) {
  .filter-part {
    top: -65px;
  }
}
@media only screen and (max-width: 630px) {
  .filter-part {
    top: -66px;
  }
}
@media only screen and (max-width: 628px) {
  .filter-part {
    top: -67px;
  }
}
@media only screen and (max-width: 626px) {
  .filter-part {
    top: -68px;
  }
}
@media only screen and (max-width: 624px) {
  .filter-part {
    top: -70px;
  }
}
@media only screen and (max-width: 621px) {
  .filter-part {
    top: -71px;
  }
}
@media only screen and (max-width: 619px) {
  .filter-part {
    top: -72px;
  }
}
@media only screen and (max-width: 617px) {
  .filter-part {
    top: -73px;
  }
}
@media only screen and (max-width: 615px) {
  .filter-part {
    top: -8.5%;
  }
}
@media only screen and (max-width: 612px) {
  .filter-part {
    top: -8.7%;
  }
}
@media only screen and (max-width: 608px) {
  .filter-part {
    top: -9%;
  }
}
@media only screen and (max-width: 605px) {
  .filter-part {
    top: -80px;
  }
}
@media only screen and (max-width: 603px) {
  .filter-part {
    top: -82px;
  }
}
@media only screen and (max-width: 599px) {
  .filter-part {
    top: -84px;
  }
}
@media only screen and (max-width: 598px) {
  .filter-part {
    top: -85px;
  }
}
@media only screen and (max-width: 594px) {
  .filter-part {
    top: -86px;
  }
}
@media only screen and (max-width: 592px) {
  .filter-part {
    top: -87px;
  }
}
@media only screen and (max-width: 591px) {
  .filter-part {
    top: -88px;
  }
}
@media only screen and (max-width: 589px) {
  .filter-part {
    top: -89px;
  }
}
@media only screen and (max-width: 587px) {
  .filter-part {
    top: -90px;
  }
}
@media only screen and (max-width: 585px) {
  .filter-part {
    top: -91px;
  }
}
@media only screen and (max-width: 583px) {
  .filter-part {
    top: -92px;
  }
}
@media only screen and (max-width: 582px) {
  .filter-part {
    top: -93px;
  }
}
@media only screen and (max-width: 580px) {
  .filter-part {
    top: -94px;
  }
}
@media only screen and (max-width: 578px) {
  .filter-part {
    top: -95px;
  }
}
@media only screen and (max-width: 576px) {
  .filter-part {
    top: -96px;
  }
}
@media only screen and (max-width: 575px) {
  .filter-part {
    top: -97px;
  }
}
@media only screen and (max-width: 573px) {
  .filter-part {
    top: -98px;
  }
}
@media only screen and (max-width: 571px) {
  .filter-part {
    top: -99px;
  }
}
@media only screen and (max-width: 569px) {
  .filter-part {
    top: -100px;
  }
}
@media only screen and (max-width: 567px) {
  .filter-part {
    top: -101px;
  }
}
@media only screen and (max-width: 566px) {
  .filter-part {
    top: -102px;
  }
}
@media only screen and (max-width: 564px) {
  .filter-part {
    top: -103px;
  }
}
@media only screen and (max-width: 562px) {
  .filter-part {
    top: -104px;
  }
}
@media only screen and (max-width: 560px) {
  .filter-part {
    top: -105px;
  }
}
@media only screen and (max-width: 569px) {
  .filter-part {
    top: -106px;
  }
}
@media only screen and (max-width: 557px) {
  .filter-part {
    top: -107px;
  }
}
@media only screen and (max-width: 555px) {
  .filter-part {
    top: -108px;
  }
}
@media only screen and (max-width: 553px) {
  .filter-part {
    top: -109px;
  }
}
@media only screen and (max-width: 551px) {
  .filter-part {
    top: -110px;
  }
}
@media only screen and (max-width: 550px) {
  .filter-part {
    top: -111px;
  }
}
@media only screen and (max-width: 548px) {
  .filter-part {
    top: -112px;
  }
}
@media only screen and (max-width: 546px) {
  .filter-part {
    top: -113px;
  }
}
@media only screen and (max-width: 544px) {
  .filter-part {
    top: -114px;
  }
}
@media only screen and (max-width: 543px) {
  .filter-part {
    top: -115px;
  }
}
@media only screen and (max-width: 541px) {
  .filter-part {
    top: -116px;
  }
}
@media only screen and (max-width: 539px) {
  .filter-part {
    top: -117px;
  }
}
@media only screen and (max-width: 537px) {
  .filter-part {
    top: -118px;
  }
}
@media only screen and (max-width: 535px) {
  .filter-part {
    top: -119px;
  }
}
@media only screen and (max-width: 534px) {
  .filter-part {
    top: -120px;
  }
}
@media only screen and (max-width: 532px) {
  .filter-part {
    top: -121px;
  }
}
@media only screen and (max-width: 530px) {
  .filter-part {
    top: -122px;
  }
}
@media only screen and (max-width: 528px) {
  .filter-part {
    top: -123px;
  }
}
@media only screen and (max-width: 527px) {
  .filter-part {
    top: -124px;
  }
}
@media only screen and (max-width: 525px) {
  .filter-part {
    top: -125px;
  }
}
@media only screen and (max-width: 523px) {
  .filter-part {
    top: -126px;
  }
}
@media only screen and (max-width: 521px) {
  .filter-part {
    top: -127px;
  }
}
@media only screen and (max-width: 519px) {
  .filter-part {
    top: -128px;
  }
}
@media only screen and (max-width: 518px) {
  .filter-part {
    top: -129px;
  }
}
@media only screen and (max-width: 516px) {
  .filter-part {
    top: -130px;
  }
}
@media only screen and (max-width: 514px) {
  .filter-part {
    top: -131px;
  }
}
@media only screen and (max-width: 512px) {
  .filter-part {
    top: -132px;
  }
}
@media only screen and (max-width: 511px) {
  .filter-part {
    top: -133px;
  }
}
@media only screen and (max-width: 509px) {
  .filter-part {
    top: -134px;
  }
}
@media only screen and (max-width: 507px) {
  .filter-part {
    top: -135px;
  }
}
@media only screen and (max-width: 505px) {
  .filter-part {
    top: -136px;
  }
}
@media only screen and (max-width: 503px) {
  .filter-part {
    top: -137px;
  }
}
@media only screen and (max-width: 502px) {
  .filter-part {
    top: -138px;
  }
}
@media only screen and (max-width: 500px) {
  .filter-part {
    top: -139px;
  }
}
@media only screen and (max-width: 498px) {
  .filter-part {
    top: -141px;
  }
}
@media only screen and (max-width: 496px) {
  .filter-part {
    top: -142px;
  }
}
@media only screen and (max-width: 493px) {
  .filter-part {
    top: -143px;
  }
}
@media only screen and (max-width: 491px) {
  .filter-part {
    top: -144px;
  }
}
@media only screen and (max-width: 489px) {
  .filter-part {
    top: -145px;
  }
}
@media only screen and (max-width: 487px) {
  .filter-part {
    top: -146px;
  }
}
@media only screen and (max-width: 486px) {
  .filter-part {
    top: -147px;
  }
}
@media only screen and (max-width: 484px) {
  .filter-part {
    top: -148px;
  }
}
@media only screen and (max-width: 482px) {
  .filter-part {
    top: -149px;
  }
}
@media only screen and (max-width: 480px) {
  .filter-part {
    top: -150px;
  }
}
@media only screen and (max-width: 479px) {
  .filter-part {
    top: -151px;
  }
}
@media only screen and (max-width: 477px) {
  .filter-part {
    top: -152px;
  }
}
@media only screen and (max-width: 475px) {
  .filter-part {
    top: -153px;
  }
}
@media only screen and (max-width: 473px) {
  .filter-part {
    top: -154px;
  }
}
@media only screen and (max-width: 471px) {
  .filter-part {
    top: -155px;
  }
}
@media only screen and (max-width: 470px) {
  .filter-part {
    top: -156px;
  }
}
@media only screen and (max-width: 468px) {
  .filter-part {
    top: -157px;
  }
}
@media only screen and (max-width: 466px) {
  .filter-part {
    top: -158px;
  }
}
@media only screen and (max-width: 464px) {
  .filter-part {
    top: -159px;
  }
}
@media only screen and (max-width: 463px) {
  .filter-part {
    top: -160px;
  }
}
@media only screen and (max-width: 461px) {
  .filter-part {
    top: -161px;
  }
}
@media only screen and (max-width: 459px) {
  .filter-part {
    top: -162px;
  }
}
@media only screen and (max-width: 457px) {
  .filter-part {
    top: -163px;
  }
}
@media only screen and (max-width: 455px) {
  .filter-part {
    top: -164px;
  }
}
@media only screen and (max-width: 454px) {
  .filter-part {
    top: -165px;
  }
}
@media only screen and (max-width: 452px) {
  .filter-part {
    top: -166px;
  }
}
@media only screen and (max-width: 450px) {
  .filter-part {
    top: -167px;
  }
}
@media only screen and (max-width: 448px) {
  .filter-part {
    top: -168px;
  }
}
@media only screen and (max-width: 447px) {
  .filter-part {
    top: -169px;
  }
}
@media only screen and (max-width: 445px) {
  .filter-part {
    top: -170px;
  }
}
@media only screen and (max-width: 443px) {
  .filter-part {
    top: -171px;
  }
}
@media only screen and (max-width: 441px) {
  .filter-part {
    top: -172px;
  }
}
@media only screen and (max-width: 439px) {
  .filter-part {
    top: -173px;
  }
}
@media only screen and (max-width: 438px) {
  .filter-part {
    top: -174px;
  }
}
@media only screen and (max-width: 436px) {
  .filter-part {
    top: -175px;
  }
}
@media only screen and (max-width: 434px) {
  .filter-part {
    top: -176px;
  }
}
@media only screen and (max-width: 432px) {
  .filter-part {
    top: -177px;
  }
}
@media only screen and (max-width: 431px) {
  .filter-part {
    top: -178px;
  }
}
@media only screen and (max-width: 429px) {
  .filter-part {
    top: -179px;
  }
}
@media only screen and (max-width: 427px) {
  .filter-part {
    top: -180px;
  }
}
@media only screen and (max-width: 425px) {
  .filter-part {
    top: -181px;
  }
}
@media only screen and (max-width: 423px) {
  .filter-part {
    top: -182px;
  }
}
@media only screen and (max-width: 422px) {
  .filter-part {
    top: -183px;
  }
}
@media only screen and (max-width: 420px) {
  .filter-part {
    top: -184px;
  }
}
@media only screen and (max-width: 418px) {
  .filter-part {
    top: -185px;
  }
}
@media only screen and (max-width: 416px) {
  .filter-part {
    top: -186px;
  }
}
@media only screen and (max-width: 415px) {
  .filter-part {
    top: -187px;
  }
}
@media only screen and (max-width: 413px) {
  .filter-part {
    top: -188px;
  }
}
@media only screen and (max-width: 411px) {
  .filter-part {
    top: -189px;
  }
}
@media only screen and (max-width: 409px) {
  .filter-part {
    top: -190px;
  }
}
@media only screen and (max-width: 407px) {
  .filter-part {
    top: -191px;
  }
}
@media only screen and (max-width: 406px) {
  .filter-part {
    top: -192px;
  }
}
@media only screen and (max-width: 404px) {
  .filter-part {
    top: -193px;
  }
}
@media only screen and (max-width: 402px) {
  .filter-part {
    top: -194px;
  }
}
@media only screen and (max-width: 400px) {
  .filter-part {
    top: -195px;
  }
}
@media only screen and (max-width: 399px) {
  .filter-part {
    top: -196px;
  }
}
@media only screen and (max-width: 397px) {
  .filter-part {
    top: -197px;
  }
}
@media only screen and (max-width: 395px) {
  .filter-part {
    top: -198px;
  }
}
@media only screen and (max-width: 393px) {
  .filter-part {
    top: -199px;
  }
}
@media only screen and (max-width: 391px) {
  .filter-part {
    top: -200px;
  }
}
@media only screen and (max-width: 390px) {
  .filter-part {
    top: -201px;
  }
}
@media only screen and (max-width: 388px) {
  .filter-part {
    top: -202px;
  }
}
@media only screen and (max-width: 386px) {
  .filter-part {
    top: -203px;
  }
}
@media only screen and (max-width: 384px) {
  .filter-part {
    top: -204px;
  }
}
@media only screen and (max-width: 383px) {
  .filter-part {
    top: -205px;
  }
}
@media only screen and (max-width: 381px) {
  .filter-part {
    top: -206px;
  }
}
@media only screen and (max-width: 379px) {
  .filter-part {
    top: -207px;
  }
}
@media only screen and (max-width: 377px) {
  .filter-part {
    top: -208px;
  }
}
@media only screen and (max-width: 375px) {
  .filter-part {
    top: -209px;
  }
}
@media only screen and (max-width: 374px) {
  .filter-part {
    top: -210px;
  }
}
@media only screen and (max-width: 372px) {
  .filter-part {
    top: -211px;
  }
}
@media only screen and (max-width: 370px) {
  .filter-part {
    top: -212px;
  }
}
@media only screen and (max-width: 369px) {
  .filter-part {
    top: -213px;
  }
}
@media only screen and (max-width: 367px) {
  .filter-part {
    top: -214px;
  }
}
@media only screen and (max-width: 365px) {
  .filter-part {
    top: -215px;
  }
}
@media only screen and (max-width: 363px) {
  .filter-part {
    top: -216px;
  }
}
@media only screen and (max-width: 361px) {
  .filter-part {
    top: -217px;
  }
}
@media only screen and (max-width: 359px) {
  .filter-part {
    top: -218px;
  }
}
@media only screen and (max-width: 358px) {
  .filter-part {
    top: -219px;
  }
}
@media only screen and (max-width: 356px) {
  .filter-part {
    top: -220px;
  }
}
@media only screen and (max-width: 354px) {
  .filter-part {
    top: -221px;
  }
}
@media only screen and (max-width: 352px) {
  .filter-part {
    top: -222px;
  }
}
@media only screen and (max-width: 351px) {
  .filter-part {
    top: -223px;
  }
}
@media only screen and (max-width: 349px) {
  .filter-part {
    top: -224px;
  }
}
@media only screen and (max-width: 347px) {
  .filter-part {
    top: -225px;
  }
}
@media only screen and (max-width: 345px) {
  .filter-part {
    top: -226px;
  }
}
@media only screen and (max-width: 343px) {
  .filter-part {
    top: -227px;
  }
}
@media only screen and (max-width: 342px) {
  .filter-part {
    top: -228px;
  }
}
@media only screen and (max-width: 340px) {
  .filter-part {
    top: -229px;
  }
}
@media only screen and (max-width: 338px) {
  .filter-part {
    top: -230px;
  }
}
@media only screen and (max-width: 336px) {
  .filter-part {
    top: -231px;
  }
}
@media only screen and (max-width: 335px) {
  .filter-part {
    top: -232px;
  }
}
@media only screen and (max-width: 333px) {
  .filter-part {
    top: -233px;
  }
}
@media only screen and (max-width: 331px) {
  .filter-part {
    top: -234px;
  }
}
@media only screen and (max-width: 329px) {
  .filter-part {
    top: -235px;
  }
}
@media only screen and (max-width: 327px) {
  .filter-part {
    top: -236px;
  }
}
@media only screen and (max-width: 326px) {
  .filter-part {
    top: -237px;
  }
}
@media only screen and (max-width: 324px) {
  .filter-part {
    top: -238px;
  }
}
@media only screen and (max-width: 322px) {
  .filter-part {
    top: -239px;
  }
}
@media only screen and (max-width: 320px) {
  .filter-part {
    top: -240px;
  }
}
@media only screen and (max-width: 319px) {
  .filter-part {
    top: -241px;
  }
}
@media only screen and (max-width: 318px) {
  .filter-part {
    top: -242px;
  }
}
@media only screen and (max-width: 315px) {
  .filter-part {
    top: -243px;
  }
}
@media only screen and (max-width: 313px) {
  .filter-part {
    top: -244px;
  }
}
@media only screen and (max-width: 311px) {
  .filter-part {
    top: -245px;
  }
}
@media only screen and (max-width: 310px) {
  .filter-part {
    top: -246px;
  }
}
@media only screen and (max-width: 308px) {
  .filter-part {
    top: -247px;
  }
}
@media only screen and (max-width: 306px) {
  .filter-part {
    top: -248px;
  }
}
@media only screen and (max-width: 304px) {
  .filter-part {
    top: -249px;
  }
}
@media only screen and (max-width: 303px) {
  .filter-part {
    top: -250px;
  }
}
@media only screen and (max-width: 301px) {
  .filter-part {
    top: -251px;
  }
}
@media only screen and (max-width: 299px) {
  .filter-part {
    top: -252px;
  }
}
@media only screen and (max-width: 297px) {
  .filter-part {
    top: -253px;
  }
}
@media only screen and (max-width: 295px) {
  .filter-part {
    top: -254px;
  }
}
@media only screen and (max-width: 294px) {
  .filter-part {
    top: -255px;
  }
}
@media only screen and (max-width: 292px) {
  .filter-part {
    top: -256px;
  }
}
@media only screen and (max-width: 290px) {
  .filter-part {
    top: -257px;
  }
}
@media only screen and (max-width: 288px) {
  .filter-part {
    top: -258px;
  }
}
@media only screen and (max-width: 287px) {
  .filter-part {
    top: -259px;
  }
}
@media only screen and (max-width: 285px) {
  .filter-part {
    top: -260px;
  }
}
@media only screen and (max-width: 283px) {
  .filter-part {
    top: -261px;
  }
}
@media only screen and (max-width: 282px) {
  .filter-part {
    top: -262px;
  }
}
#check768 {
  position: fixed;
  top: 419px;
  right: 12px;
  z-index: 9999;
  opacity: 0;
  cursor: pointer;
  /* padding: 9rem; */
  display: block;
  width: 50px;
  height: 60px;
}
@media only screen and (max-width: 750px) {
  #check768 {
    top: 419px;
  }
}
@media only screen and (max-width: 732px) {
  #check768 {
    top: 411px;
  }
}
@media only screen and (max-width: 722px) {
  #check768 {
    top: 399px;
  }
}
@media only screen and (max-width: 700px) {
  #check768 {
    top: 380px;
  }
}
@media only screen and (max-width: 666px) {
  #check768 {
    top: 360px;
  }
}
@media only screen and (max-width: 632px) {
  #check768 {
    top: 350px;
  }
}
@media only screen and (max-width: 622px) {
  #check768 {
    top: 337px;
  }
}
@media only screen and (max-width: 612px) {
  #check768 {
    top: 329px;
  }
}
@media only screen and (max-width: 573px) {
  #check768 {
    top: 312px;
  }
}
@media only screen and (max-width: 545px) {
  #check768 {
    top: 295px;
  }
}
@media only screen and (max-width: 513px) {
  #check768 {
    top: 275px;
  }
}
@media only screen and (max-width: 480px) {
  #check768 {
    top: 257px;
  }
}
@media only screen and (max-width: 446px) {
  #check768 {
    top: 241px;
  }
}
@media only screen and (max-width: 421px) {
  #check768 {
    top: 224px;
  }
}
@media only screen and (max-width: 388px) {
  #check768 {
    top: 214px;
  }
}
@media only screen and (max-width: 372px) {
  #check768 {
    top: 201px;
  }
}
@media only screen and (max-width: 349px) {
  #check768 {
    top: 192px;
  }
}
@media only screen and (max-width: 332px) {
  #check768 {
    top: 178px;
  }
}
@media only screen and (max-width: 307px) {
  #check768 {
    top: 160px;
  }
}
#check768:checked ~ .mainfilter {
  bottom: 0;
}
#check768:checked ~ .filter-part {
  z-index: -1;
}
.labelclosefilter {
  width: 100%;
  background-color: #f00;
  z-index: 99999999;
  position: relative;
  height: 50px;
  top: -39px;
  opacity: 0;
  display: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .labelclosefilter {
    display: block;
  }
}
.select-wrap {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.select-wrap .arrow {
  position: absolute;
  right: 8px;
  top: 12px;
  z-index: -1;
}
.select-wrap label {
  font-size: 14px;
  font-family: 'Helvetica';
  font-weight: bold;
  font-family: 'Helvetica', 'Lato', sans-serif;
  position: absolute;
  top: 12px;
  cursor: pointer;
  left: 15px;
  z-index: -1;
  text-transform: capitalize;
}
select {
  height: 40px;
  font-size: 16px;
  float: right;
  text-align: right;
  text-align-last: right;
  text-align: -webkit-right;
  -webkit-appearance: none;
  font-family: 'Helvetica', 'Lato', sans-serif;
  width: 100%;
  -webkit-appearance: none;
  cursor: pointer;
  border: 1px solid #ECEDF1;
  border-radius: 10px;
  padding-right: 4rem;
  background: none;
}
select:focus {
  outline: none;
}
@media screen and (max-height: 500px) and (orientation: landscape) {
  .mainfilter {
    position: fixed;
    left: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    bottom: -100%;
    transition: .5s;
  }
  .video-filter {
    width: 100%;
  }
}