/*-- Variables --*/
:root {
  --font-size-b1: 20px;
  --font-size-b2: 18px;
  --font-size-b3: 16px;
  --font-size-b4: 14px;
  --h1: 51px;
  --h2: 46px;
  --h3: 37px;
  --h4: 27px;
  --h5: 22px;
  --h6: 17px;

  --h1-lineHeight: 1.25;
  --h2-lineHeight: 1.24;
  --h3-lineHeight: 1.3;
  --h4-lineHeight: 1.25;
  --h5-lineHeight: 1.15;
  --h6-lineHeight: 1;

  --bg-site: #161616;
  --dark-grey: #676767;
  --radius: 4px;
  --color-primary: #cc1e24;
  --color-secondary: #871015;
  --color-dark: #871015;
  --color-tertiary: #871015;
  --color-heading: #FFF;
  --body-color: #FFF;
  --color-body: #FFF;
  --font-primary: "Roboto", sans-serif;
  --font-secondary: "Roboto", sans-serif;
}

::selection {
  background-color: var(--color-primary);
  color: #fff;
}

body {
  font-size: var(--font-size-b3);
}

p {
  margin: 0 0 20px;
}

.bg-dark {
  background-color: #000000 !important;
}

html,
body {
  background-color: var(--bg-site);
}

html {
  min-height: 100%;
  height: 100%;
  overflow-x: hidden;
}

@media (min-width: 621px) {
  body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }

  body>.main-wrapper {
    flex: 1;
  }

  body>footer {
    flex-shrink: 0;
  }
}



.ICplay {
  background-image: url('../../img/icon/website/play-white.png');
}

.ICplay.dark {
  background-image: url('../../img/icon/website/play-black.png');
}

.ICplay.active,
.ICplay:hover {
  background-image: url('../../img/icon/website/play.png');
}

.IClike {
  background-image: url('../../img/icon/website/like-white.png');
}

.IClike.active,
.IClike:hover {
  background-image: url('../../img/icon/website/like.png');
}

.ICliked {
  background-image: url('../../img/icon/website/liked-white.png');
}

.ICliked.active,
.ICliked:hover {
  background-image: url('../../img/icon/website/liked.png');
}

.ICplus {
  background-image: url('../../img/icon/website/plus-white.png');
}

.ICplus.active,
.ICplus:hover {
  background-image: url('../../img/icon/website/plus.png');
}

.ICtick {
  background-image: url('../../img/icon/website/tick-white.png');
}

.ICtick.active,
.ICtick:hover {
  background-image: url('../../img/icon/website/tick.png');
}

.ICclose {
  background-image: url('../../img/icon/website/close-white.png');
}

.ICclose.active,
.ICclose:hover {
  background-image: url('../../img/icon/website/close.png');
}

.ICdown {
  background-image: url('../../img/icon/website/down-white.png');
}

.ICdown.active,
.ICdown:hover {
  background-image: url('../../img/icon/website/down.png');
}

.ICineLeft {
  background-image: url('../../img/icon/arrow/line-left-white.png');
}

.ICineLeft.active,
.ICineLeft:hover {
  background-image: url('../../img/icon/arrow/line-left-white.png');
}

.ICBell {
  background-image: url('../../img/icon/style/notification-white.png');
}

.ICBell.active,
.ICBell:hover {
  background-image: url('../../img/icon/style/notification-white.png');
}



/* ----------------------- Grid ----------------------------------------*/
.hLTGrid {
  max-width: 1210px;
  margin: auto;
  padding: 15px 20px;
  padding-bottom: 12px
}

.hLTGrid.hLTColm-left,
.hLTGrid.hLTColm-right,
.hLTGrid.hLTColm-left-right {
  padding-right: 0px;
}

.hLTGrid.hLTColm-right {
  padding-left: 0px;
}

.hLTGrid .region-left-sidebar {
  padding-right: 0px;
}

.hLTGrid .region-right-sidebar {
  padding-left: 0px;
}

.hLTSec,
.hLTSec>.hLTGrid,
.hLTSec>div>.hLTGrid {
  margin: auto;
}

/*.hLTSec.fluid > .hLTGrid,.hLTSec.fluid > div > .hLTGrid{padding-left: 0px;padding-right: 0px;}*/

.hLTSec.boxed {
  max-width: 1170px;
  margin: auto;
}

.hLTSec.boxed.divSize-1,
.divSize-1 .hLTGrid {
  max-width: 650px;
}

.hLTSec.boxed.divSize-2,
.divSize-2 .hLTGrid {
  max-width: 950px;
}

.hLTSec.boxed.divSize-3,
.divSize-3 .hLTGrid {
  max-width: 1370px;
}

.hLTSec.boxed.divSize-4,
.divSize-4 .hLTGrid {
  max-width: 1610px;
}

.hLTSec.boxed.divSize-5,
.divSize-5 .hLTGrid {
  max-width: 1920px;
}


.clearfix:after,
.clearfix:before,
.cfix:after,
.cfix:before,
.hLTGrid:after,
.hLTGrid:before,
.hLTGrid .hLTRow:after,
.hLTGrid .hLTRow:before {
  display: table;
  content: " "
}

.clearfix:after,
.cfix:after,
.hLTGrid:after,
.hLTGrid .hLTRow:after {
  clear: both
}

.hLTGrid .hLTRow {
  padding: 0px;
}

.hLTGrid .hLTColm {
  float: left;
}

.hLTGrid .hLTColm-full {
  width: 100%
}

.hLTGrid .hLTColm-half {
  width: 50%
}

.hLTGrid .hLTColm-third {
  width: 33.33%
}

.hLTGrid .hLTColm-quat {
  width: 25%
}

.hLTGrid .hLTColm1 {
  width: 1%
}

.hLTGrid .hLTColm2 {
  width: 2%
}

.hLTGrid .hLTColm3 {
  width: 3%
}

.hLTGrid .hLTColm4 {
  width: 4%
}

.hLTGrid .hLTColm5 {
  width: 5%
}

.hLTGrid .hLTColm6 {
  width: 6%
}

.hLTGrid .hLTColm7 {
  width: 7%
}

.hLTGrid .hLTColm8 {
  width: 8%
}

.hLTGrid .hLTColm9 {
  width: 9%
}

.hLTGrid .hLTColm10 {
  width: 10%
}

.hLTGrid .hLTColm11 {
  width: 11%
}

.hLTGrid .hLTColm12 {
  width: 12%
}

.hLTGrid .hLTColm13 {
  width: 13%
}

.hLTGrid .hLTColm14 {
  width: 14%
}

.hLTGrid .hLTColm15 {
  width: 15%
}

.hLTGrid .hLTColm16 {
  width: 16%
}

.hLTGrid .hLTColm17 {
  width: 17%
}

.hLTGrid .hLTColm18 {
  width: 18%
}

.hLTGrid .hLTColm19 {
  width: 19%
}

.hLTGrid .hLTColm20 {
  width: 20%
}

.hLTGrid .hLTColm21 {
  width: 21%
}

.hLTGrid .hLTColm22 {
  width: 22%
}

.hLTGrid .hLTColm23 {
  width: 23%
}

.hLTGrid .hLTColm24 {
  width: 24%
}

.hLTGrid .hLTColm25 {
  width: 25%
}

.hLTGrid .hLTColm26 {
  width: 26%
}

.hLTGrid .hLTColm27 {
  width: 27%
}

.hLTGrid .hLTColm28 {
  width: 28%
}

.hLTGrid .hLTColm29 {
  width: 29%
}

.hLTGrid .hLTColm30 {
  width: 30%
}

.hLTGrid .hLTColm31 {
  width: 31%
}

.hLTGrid .hLTColm32 {
  width: 32%
}

.hLTGrid .hLTColm33 {
  width: 33%
}

.hLTGrid .hLTColm34 {
  width: 34%
}

.hLTGrid .hLTColm35 {
  width: 35%
}

.hLTGrid .hLTColm36 {
  width: 36%
}

.hLTGrid .hLTColm37 {
  width: 37%
}

.hLTGrid .hLTColm38 {
  width: 38%
}

.hLTGrid .hLTColm39 {
  width: 39%
}

.hLTGrid .hLTColm40 {
  width: 40%
}

.hLTGrid .hLTColm41 {
  width: 41%
}

.hLTGrid .hLTColm42 {
  width: 42%
}

.hLTGrid .hLTColm43 {
  width: 43%
}

.hLTGrid .hLTColm44 {
  width: 44%
}

.hLTGrid .hLTColm45 {
  width: 45%
}

.hLTGrid .hLTColm46 {
  width: 46%
}

.hLTGrid .hLTColm47 {
  width: 47%
}

.hLTGrid .hLTColm48 {
  width: 48%
}

.hLTGrid .hLTColm49 {
  width: 49%
}

.hLTGrid .hLTColm50 {
  width: 50%
}

.hLTGrid .hLTColm51 {
  width: 51%
}

.hLTGrid .hLTColm52 {
  width: 52%
}

.hLTGrid .hLTColm53 {
  width: 53%
}

.hLTGrid .hLTColm54 {
  width: 54%
}

.hLTGrid .hLTColm55 {
  width: 55%
}

.hLTGrid .hLTColm56 {
  width: 56%
}

.hLTGrid .hLTColm57 {
  width: 57%
}

.hLTGrid .hLTColm58 {
  width: 58%
}

.hLTGrid .hLTColm59 {
  width: 59%
}

.hLTGrid .hLTColm60 {
  width: 60%
}

.hLTGrid .hLTColm61 {
  width: 61%
}

.hLTGrid .hLTColm62 {
  width: 62%
}

.hLTGrid .hLTColm63 {
  width: 63%
}

.hLTGrid .hLTColm64 {
  width: 64%
}

.hLTGrid .hLTColm65 {
  width: 65%
}

.hLTGrid .hLTColm66 {
  width: 66%
}

.hLTGrid .hLTColm67 {
  width: 67%
}

.hLTGrid .hLTColm68 {
  width: 68%
}

.hLTGrid .hLTColm69 {
  width: 69%
}

.hLTGrid .hLTColm70 {
  width: 70%
}

.hLTGrid .hLTColm71 {
  width: 71%
}

.hLTGrid .hLTColm72 {
  width: 72%
}

.hLTGrid .hLTColm73 {
  width: 73%
}

.hLTGrid .hLTColm74 {
  width: 74%
}

.hLTGrid .hLTColm75 {
  width: 75%
}

.hLTGrid .hLTColm76 {
  width: 76%
}

.hLTGrid .hLTColm77 {
  width: 77%
}

.hLTGrid .hLTColm78 {
  width: 78%
}

.hLTGrid .hLTColm79 {
  width: 79%
}

.hLTGrid .hLTColm80 {
  width: 80%
}

.hLTGrid .hLTColm81 {
  width: 81%
}

.hLTGrid .hLTColm82 {
  width: 82%
}

.hLTGrid .hLTColm83 {
  width: 83%
}

.hLTGrid .hLTColm84 {
  width: 84%
}

.hLTGrid .hLTColm85 {
  width: 85%
}

.hLTGrid .hLTColm86 {
  width: 86%
}

.hLTGrid .hLTColm87 {
  width: 87%
}

.hLTGrid .hLTColm88 {
  width: 88%
}

.hLTGrid .hLTColm89 {
  width: 89%
}

.hLTGrid .hLTColm90 {
  width: 90%
}

.hLTGrid .hLTColm91 {
  width: 91%
}

.hLTGrid .hLTColm92 {
  width: 92%
}

.hLTGrid .hLTColm93 {
  width: 93%
}

.hLTGrid .hLTColm94 {
  width: 94%
}

.hLTGrid .hLTColm95 {
  width: 95%
}

.hLTGrid .hLTColm96 {
  width: 96%
}

.hLTGrid .hLTColm97 {
  width: 97%
}

.hLTGrid .hLTColm98 {
  width: 98%
}

.hLTGrid .hLTColm99 {
  width: 99%
}

.hLTGrid .hLTColm100 {
  width: 100%
}





.rgt1 {
  margin-right: 1%;
}

.rgt2 {
  margin-right: 2%;
}

.rgt3 {
  margin-right: 3%;
}

.rgt4 {
  margin-right: 4%;
}

.rgt5 {
  margin-right: 5%;
}

.rgt6 {
  margin-right: 6%;
}

.rgt7 {
  margin-right: 7%;
}

.rgt8 {
  margin-right: 8%;
}

.rgt9 {
  margin-right: 9%;
}

.rgt10 {
  margin-right: 10%;
}

.rgt11 {
  margin-right: 11%;
}

.rgt12 {
  margin-right: 12%;
}

.rgt13 {
  margin-right: 13%;
}

.rgt14 {
  margin-right: 14%;
}

.rgt15 {
  margin-right: 15%;
}

.rgt16 {
  margin-right: 16%;
}

.rgt17 {
  margin-right: 17%;
}

.rgt18 {
  margin-right: 18%;
}

.rgt19 {
  margin-right: 19%;
}

.rgt20 {
  margin-right: 20%;
}

.rgt21 {
  margin-right: 21%;
}

.rgt22 {
  margin-right: 22%;
}

.rgt23 {
  margin-right: 23%;
}

.rgt24 {
  margin-right: 24%;
}

.rgt25 {
  margin-right: 25%;
}

.rgt26 {
  margin-right: 26%;
}

.rgt27 {
  margin-right: 27%;
}

.rgt28 {
  margin-right: 28%;
}

.rgt29 {
  margin-right: 29%;
}

.rgt30 {
  margin-right: 30%;
}

.rgt31 {
  margin-right: 31%;
}

.rgt32 {
  margin-right: 32%;
}

.rgt33 {
  margin-right: 33%;
}

.rgt34 {
  margin-right: 34%;
}

.rgt35 {
  margin-right: 35%;
}

.rgt36 {
  margin-right: 36%;
}

.rgt37 {
  margin-right: 37%;
}

.rgt38 {
  margin-right: 38%;
}

.rgt39 {
  margin-right: 39%;
}

.rgt40 {
  margin-right: 40%;
}

.rgt41 {
  margin-right: 41%;
}

.rgt42 {
  margin-right: 42%;
}

.rgt43 {
  margin-right: 43%;
}

.rgt44 {
  margin-right: 44%;
}

.rgt45 {
  margin-right: 45%;
}

.rgt46 {
  margin-right: 46%;
}

.rgt47 {
  margin-right: 47%;
}

.rgt48 {
  margin-right: 48%;
}

.rgt49 {
  margin-right: 49%;
}

.rgt50 {
  margin-right: 50%;
}

.rgt51 {
  margin-right: 51%;
}

.rgt52 {
  margin-right: 52%;
}

.rgt53 {
  margin-right: 53%;
}

.rgt54 {
  margin-right: 54%;
}

.rgt55 {
  margin-right: 55%;
}

.rgt56 {
  margin-right: 56%;
}

.rgt57 {
  margin-right: 57%;
}

.rgt58 {
  margin-right: 58%;
}

.rgt59 {
  margin-right: 59%;
}

.rgt60 {
  margin-right: 60%;
}

.rgt61 {
  margin-right: 61%;
}

.rgt62 {
  margin-right: 62%;
}

.rgt63 {
  margin-right: 63%;
}

.rgt64 {
  margin-right: 64%;
}

.rgt65 {
  margin-right: 65%;
}

.rgt66 {
  margin-right: 66%;
}

.rgt67 {
  margin-right: 67%;
}

.rgt68 {
  margin-right: 68%;
}

.rgt69 {
  margin-right: 69%;
}

.rgt70 {
  margin-right: 70%;
}

.rgt71 {
  margin-right: 71%;
}

.rgt72 {
  margin-right: 72%;
}

.rgt73 {
  margin-right: 73%;
}

.rgt74 {
  margin-right: 74%;
}

.rgt75 {
  margin-right: 75%;
}

.rgt76 {
  margin-right: 76%;
}

.rgt77 {
  margin-right: 77%;
}

.rgt78 {
  margin-right: 78%;
}

.rgt79 {
  margin-right: 79%;
}

.rgt80 {
  margin-right: 80%;
}

.rgt81 {
  margin-right: 81%;
}

.rgt82 {
  margin-right: 82%;
}

.rgt83 {
  margin-right: 83%;
}

.rgt84 {
  margin-right: 84%;
}

.rgt85 {
  margin-right: 85%;
}

.rgt86 {
  margin-right: 86%;
}

.rgt87 {
  margin-right: 87%;
}

.rgt88 {
  margin-right: 88%;
}

.rgt89 {
  margin-right: 89%;
}

.rgt90 {
  margin-right: 90%;
}

.rgt91 {
  margin-right: 91%;
}

.rgt92 {
  margin-right: 92%;
}

.rgt93 {
  margin-right: 93%;
}

.rgt94 {
  margin-right: 94%;
}

.rgt95 {
  margin-right: 95%;
}

.rgt96 {
  margin-right: 96%;
}

.rgt97 {
  margin-right: 97%;
}

.rgt98 {
  margin-right: 98%;
}

.rgt99 {
  margin-right: 99%;
}

.rgt100 {
  margin-right: 100%;
}

.lft1 {
  margin-left: 1%;
}

.lft2 {
  margin-left: 2%;
}

.lft3 {
  margin-left: 3%;
}

.lft4 {
  margin-left: 4%;
}

.lft5 {
  margin-left: 5%;
}

.lft6 {
  margin-left: 6%;
}

.lft7 {
  margin-left: 7%;
}

.lft8 {
  margin-left: 8%;
}

.lft9 {
  margin-left: 9%;
}

.lft10 {
  margin-left: 10%;
}

.lft11 {
  margin-left: 11%;
}

.lft12 {
  margin-left: 12%;
}

.lft13 {
  margin-left: 13%;
}

.lft14 {
  margin-left: 14%;
}

.lft15 {
  margin-left: 15%;
}

.lft16 {
  margin-left: 16%;
}

.lft17 {
  margin-left: 17%;
}

.lft18 {
  margin-left: 18%;
}

.lft19 {
  margin-left: 19%;
}

.lft20 {
  margin-left: 20%;
}

.lft21 {
  margin-left: 21%;
}

.lft22 {
  margin-left: 22%;
}

.lft23 {
  margin-left: 23%;
}

.lft24 {
  margin-left: 24%;
}

.lft25 {
  margin-left: 25%;
}

.lft26 {
  margin-left: 26%;
}

.lft27 {
  margin-left: 27%;
}

.lft28 {
  margin-left: 28%;
}

.lft29 {
  margin-left: 29%;
}

.lft30 {
  margin-left: 30%;
}

.lft31 {
  margin-left: 31%;
}

.lft32 {
  margin-left: 32%;
}

.lft33 {
  margin-left: 33%;
}

.lft34 {
  margin-left: 34%;
}

.lft35 {
  margin-left: 35%;
}

.lft36 {
  margin-left: 36%;
}

.lft37 {
  margin-left: 37%;
}

.lft38 {
  margin-left: 38%;
}

.lft39 {
  margin-left: 39%;
}

.lft40 {
  margin-left: 40%;
}

.lft41 {
  margin-left: 41%;
}

.lft42 {
  margin-left: 42%;
}

.lft43 {
  margin-left: 43%;
}

.lft44 {
  margin-left: 44%;
}

.lft45 {
  margin-left: 45%;
}

.lft46 {
  margin-left: 46%;
}

.lft47 {
  margin-left: 47%;
}

.lft48 {
  margin-left: 48%;
}

.lft49 {
  margin-left: 49%;
}

.lft50 {
  margin-left: 50%;
}

.lft51 {
  margin-left: 51%;
}

.lft52 {
  margin-left: 52%;
}

.lft53 {
  margin-left: 53%;
}

.lft54 {
  margin-left: 54%;
}

.lft55 {
  margin-left: 55%;
}

.lft56 {
  margin-left: 56%;
}

.lft57 {
  margin-left: 57%;
}

.lft58 {
  margin-left: 58%;
}

.lft59 {
  margin-left: 59%;
}

.lft60 {
  margin-left: 60%;
}

.lft61 {
  margin-left: 61%;
}

.lft62 {
  margin-left: 62%;
}

.lft63 {
  margin-left: 63%;
}

.lft64 {
  margin-left: 64%;
}

.lft65 {
  margin-left: 65%;
}

.lft66 {
  margin-left: 66%;
}

.lft67 {
  margin-left: 67%;
}

.lft68 {
  margin-left: 68%;
}

.lft69 {
  margin-left: 69%;
}

.lft70 {
  margin-left: 70%;
}

.lft71 {
  margin-left: 71%;
}

.lft72 {
  margin-left: 72%;
}

.lft73 {
  margin-left: 73%;
}

.lft74 {
  margin-left: 74%;
}

.lft75 {
  margin-left: 75%;
}

.lft76 {
  margin-left: 76%;
}

.lft77 {
  margin-left: 77%;
}

.lft78 {
  margin-left: 78%;
}

.lft79 {
  margin-left: 79%;
}

.lft80 {
  margin-left: 80%;
}

.lft81 {
  margin-left: 81%;
}

.lft82 {
  margin-left: 82%;
}

.lft83 {
  margin-left: 83%;
}

.lft84 {
  margin-left: 84%;
}

.lft85 {
  margin-left: 85%;
}

.lft86 {
  margin-left: 86%;
}

.lft87 {
  margin-left: 87%;
}

.lft88 {
  margin-left: 88%;
}

.lft89 {
  margin-left: 89%;
}

.lft90 {
  margin-left: 90%;
}

.lft91 {
  margin-left: 91%;
}

.lft92 {
  margin-left: 92%;
}

.lft93 {
  margin-left: 93%;
}

.lft94 {
  margin-left: 94%;
}

.lft95 {
  margin-left: 95%;
}

.lft96 {
  margin-left: 96%;
}

.lft97 {
  margin-left: 97%;
}

.lft98 {
  margin-left: 98%;
}

.lft99 {
  margin-left: 99%;
}

.lft100 {
  margin-left: 100%;
}

.dnn {
  display: none !important;
}

.dnnshow {
  display: block !important;
}

.hLTCl1,
.hLTCl2,
.hLTCl3,
.hLTCl4,
.hLTCl5,
.hLTCl6,
.hLTCl7,
.hLTCl8,
.hLTCl9,
.hLTCl10 {
  float: left;
}

.hLTCl1 {
  width: 100%;
}

.hLTCl2 {
  width: 50%;
}

.hLTCl3 {
  width: 33.33333333333%;
}

.hLTCl4 {
  width: 25%;
}

.hLTCl5 {
  width: 20%;
}

.hLTCl6 {
  width: 16.666666666666%;
}

.hLTCl7 {
  width: 14.285714285%;
}

.hLTCl8 {
  width: 12.5%;
}

.hLTCl9 {
  width: 11.1111111111%;
}

.hLTCl10 {
  width: 10%;
}

.hLTDevice1280,
.hLTDevice1075,
.hLTDevice990,
.hLTDevice,
.hLTDevice760,
.hLTDevice620,
.hLTDevice480,
.hLTDevice360 {
  display: none;
}

@media (min-width: 760px) {}

@media (max-width: 1280px) {
  .hLTDevice1280 {
    display: block;
  }
}

@media (max-width: 1075px) {
  .hLTDevice1075 {
    display: block;
  }
}

@media (max-width: 1010px) {
  .hLTDevice {
    display: block;
  }
}

@media (max-width: 990px) {
  .hLTDevice990 {
    display: block;
  }
}

@media (max-width: 770px) {
  .hLTDeviceDesk {
    display: none
  }

  .hLTDevice {
    display: block;
  }

  .hLTGrid {
    padding: 7px 15px;
  }

  .hLTGrid .hLTColm,
  .hLT2ColmRgt .hLTRgt {
    float: none;
  }

  .hLT2ColmRgt .hLTRgt>.hLTIn {
    padding-left: 0px;
  }

  .hLT2ColmRgt {
    display: grid;
  }

  .hLT2ColmRgt .hLTColm {
    order: 1;
  }

  .hLT2ColmRgt .hLTColm.hLTRgt {
    order: 2;
    padding-top: 30px;
  }

  .hLTGrid .hLTColm-full,
  .hLTGrid .hLTColm-half,
  .hLTGrid .hLTColm-third,
  .hLTGrid .hLTColm-quat,
  .hLTGrid .hLTColm1,
  .hLTGrid .hLTColm2,
  .hLTGrid .hLTColm3,
  .hLTGrid .hLTColm4,
  .hLTGrid .hLTColm5,
  .hLTGrid .hLTColm6,
  .hLTGrid .hLTColm7,
  .hLTGrid .hLTColm8,
  .hLTGrid .hLTColm9,
  .hLTGrid .hLTColm10,
  .hLTGrid .hLTColm11,
  .hLTGrid .hLTColm12,
  .hLTGrid .hLTColm13,
  .hLTGrid .hLTColm14,
  .hLTGrid .hLTColm15,
  .hLTGrid .hLTColm16,
  .hLTGrid .hLTColm17,
  .hLTGrid .hLTColm18,
  .hLTGrid .hLTColm19,
  .hLTGrid .hLTColm20,
  .hLTGrid .hLTColm21,
  .hLTGrid .hLTColm22,
  .hLTGrid .hLTColm23,
  .hLTGrid .hLTColm24,
  .hLTGrid .hLTColm25,
  .hLTGrid .hLTColm26,
  .hLTGrid .hLTColm27,
  .hLTGrid .hLTColm28,
  .hLTGrid .hLTColm29,
  .hLTGrid .hLTColm30,
  .hLTGrid .hLTColm31,
  .hLTGrid .hLTColm32,
  .hLTGrid .hLTColm33,
  .hLTGrid .hLTColm34,
  .hLTGrid .hLTColm35,
  .hLTGrid .hLTColm36,
  .hLTGrid .hLTColm37,
  .hLTGrid .hLTColm38,
  .hLTGrid .hLTColm39,
  .hLTGrid .hLTColm40,
  .hLTGrid .hLTColm41,
  .hLTGrid .hLTColm42,
  .hLTGrid .hLTColm43,
  .hLTGrid .hLTColm44,
  .hLTGrid .hLTColm45,
  .hLTGrid .hLTColm46,
  .hLTGrid .hLTColm47,
  .hLTGrid .hLTColm48,
  .hLTGrid .hLTColm49,
  .hLTGrid .hLTColm50,
  .hLTGrid .hLTColm51,
  .hLTGrid .hLTColm52,
  .hLTGrid .hLTColm53,
  .hLTGrid .hLTColm54,
  .hLTGrid .hLTColm55,
  .hLTGrid .hLTColm56,
  .hLTGrid .hLTColm57,
  .hLTGrid .hLTColm58,
  .hLTGrid .hLTColm59,
  .hLTGrid .hLTColm60,
  .hLTGrid .hLTColm61,
  .hLTGrid .hLTColm62,
  .hLTGrid .hLTColm63,
  .hLTGrid .hLTColm64,
  .hLTGrid .hLTColm65,
  .hLTGrid .hLTColm66,
  .hLTGrid .hLTColm67,
  .hLTGrid .hLTColm68,
  .hLTGrid .hLTColm69,
  .hLTGrid .hLTColm70,
  .hLTGrid .hLTColm71,
  .hLTGrid .hLTColm72,
  .hLTGrid .hLTColm73,
  .hLTGrid .hLTColm74,
  .hLTGrid .hLTColm75,
  .hLTGrid .hLTColm76,
  .hLTGrid .hLTColm77,
  .hLTGrid .hLTColm78,
  .hLTGrid .hLTColm79,
  .hLTGrid .hLTColm80,
  .hLTGrid .hLTColm81,
  .hLTGrid .hLTColm82,
  .hLTGrid .hLTColm83,
  .hLTGrid .hLTColm84,
  .hLTGrid .hLTColm85,
  .hLTGrid .hLTColm86,
  .hLTGrid .hLTColm87,
  .hLTGrid .hLTColm88,
  .hLTGrid .hLTColm89,
  .hLTGrid .hLTColm90,
  .hLTGrid .hLTColm91,
  .hLTGrid .hLTColm92,
  .hLTGrid .hLTColm93,
  .hLTGrid .hLTColm94,
  .hLTGrid .hLTColm95,
  .hLTGrid .hLTColm96,
  .hLTGrid .hLTColm97,
  .hLTGrid .hLTColm98,
  .hLTGrid .hLTColm99,
  .hLTGrid .hLTColm100 {
    width: 100%;
  }

  .hLTCl1,
  .hLTCl2,
  .hLTCl3,
  .hLTCl4,
  .hLTCl5,
  .hLTCl6,
  .hLTCl7,
  .hLTCl8,
  .hLTCl9,
  .hLTCl10 {
    float: none;
    width: 100%;
  }






  .rgt1,
  .rgt2,
  .rgt3,
  .rgt4,
  .rgt5,
  .rgt6,
  .rgt7,
  .rgt8,
  .rgt9,
  .rgt10,
  .rgt11,
  .rgt12,
  .rgt13,
  .rgt14,
  .rgt15,
  .rgt16,
  .rgt17,
  .rgt18,
  .rgt19,
  .rgt20,
  .rgt21,
  .rgt22,
  .rgt23,
  .rgt24,
  .rgt25,
  .rgt26,
  .rgt27,
  .rgt28,
  .rgt29,
  .rgt30,
  .rgt31,
  .rgt32,
  .rgt33,
  .rgt34,
  .rgt35,
  .rgt36,
  .rgt37,
  .rgt38,
  .rgt39,
  .rgt40,
  .rgt41,
  .rgt42,
  .rgt43,
  .rgt44,
  .rgt45,
  .rgt46,
  .rgt47,
  .rgt48,
  .rgt49,
  .rgt50,
  .rgt51,
  .rgt52,
  .rgt53,
  .rgt54,
  .rgt55,
  .rgt56,
  .rgt57,
  .rgt58,
  .rgt59,
  .rgt60,
  .rgt61,
  .rgt62,
  .rgt63,
  .rgt64,
  .rgt65,
  .rgt66,
  .rgt67,
  .rgt68,
  .rgt69,
  .rgt70,
  .rgt71,
  .rgt72,
  .rgt73,
  .rgt74,
  .rgt75,
  .rgt76,
  .rgt77,
  .rgt78,
  .rgt79,
  .rgt80,
  .rgt81,
  .rgt82,
  .rgt83,
  .rgt84,
  .rgt85,
  .rgt86,
  .rgt87,
  .rgt88,
  .rgt89,
  .rgt90,
  .rgt91,
  .rgt92,
  .rgt93,
  .rgt94,
  .rgt95,
  .rgt96,
  .rgt97,
  .rgt98,
  .rgt99,
  .rgt100 {
    margin-right: 0;
  }

  .lft1,
  .lft2,
  .lft3,
  .lft4,
  .lft5,
  .lft6,
  .lft7,
  .lft8,
  .lft9,
  .lft10,
  .lft11,
  .lft12,
  .lft13,
  .lft14,
  .lft15,
  .lft16,
  .lft17,
  .lft18,
  .lft19,
  .lft20,
  .lft21,
  .lft22,
  .lft23,
  .lft24,
  .lft25,
  .lft26,
  .lft27,
  .lft28,
  .lft29,
  .lft30,
  .lft31,
  .lft32,
  .lft33,
  .lft34,
  .lft35,
  .lft36,
  .lft37,
  .lft38,
  .lft39,
  .lft40,
  .lft41,
  .lft42,
  .lft43,
  .lft44,
  .lft45,
  .lft46,
  .lft47,
  .lft48,
  .lft49,
  .lft50,
  .lft51,
  .lft52,
  .lft53,
  .lft54,
  .lft55,
  .lft56,
  .lft57,
  .lft58,
  .lft59,
  .lft60,
  .lft61,
  .lft62,
  .lft63,
  .lft64,
  .lft65,
  .lft66,
  .lft67,
  .lft68,
  .lft69,
  .lft70,
  .lft71,
  .lft72,
  .lft73,
  .lft74,
  .lft75,
  .lft76,
  .lft77,
  .lft78,
  .lft79,
  .lft80,
  .lft81,
  .lft82,
  .lft83,
  .lft84,
  .lft85,
  .lft86,
  .lft87,
  .lft88,
  .lft89,
  .lft90,
  .lft91,
  .lft92,
  .lft93,
  .lft94,
  .lft95,
  .lft96,
  .lft97,
  .lft98,
  .lft99,
  .lft100 {
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .hLTDevice760 {
    display: block;
  }
}

@media (max-width: 620px) {
  .hLTDevice620 {
    display: block;
  }
}

@media (max-width: 480px) {
  .hLTDevice480 {
    display: block;
  }
}

@media (max-width: 360px) {
  .hLTDevice360 {
    display: block;
  }
}


.banner-style-3 .content .title {
  font-size: var(--h1);
}

.edu-section-gap {
  padding: 60px 0 !important;
}

.hLTGrid .edu-section-gap {
  padding: 40px 0 !important;
}

.home .edu-section-gap {
  padding: 130px 0 !important;
  background: rgb(0 0 0 / 50%);
}

.region-right-sidebar .hLTSec:first-child .widget-tags,
.region-right-sidebar .hLTSec:first-child .widget-categories {
  margin-top: 40px !important;
}

.region-right-sidebar {
  margin-bottom: 40px !important;
}

.edu-section-gapTop {
  padding-top: 80px !important;
}

.edu-section-gapBottom {
  padding-bottom: 80px !important;
}

.box-medium .content {
  max-width: 800px;
  margin: auto;
}

.footer-style-default .footer-top {
  padding: 60px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(255 255 255 / 26%);
  margin-bottom: 20px;
}

.footer-style-default .edu-footer-widget.explore-widget,
.footer-style-default .edu-footer-widget.quick-link-widget {
  margin-left: 20px;
}

.footer-style-default .widget-title {
  font-weight: 500;
  font-size: 21px;
}

.footer-style-default .experience-content {
  font-weight: 500;
  font-size: 20px;
  padding-top: 12px;
}

footer p {
  color: var(--color-white);
  margin-bottom: 15px;
}

footer a {
  word-break: break-all;
}

footer .information-list ul {
  padding-left: 0px;
}

.footer-link ul {
  list-style: none;
  padding-left: 0px;
}

.footer-link ul li,
.footer-style-default .edu-footer-widget .footer-link li+li {
  margin-top: 10px;
  position: relative;
}

.footer-link ul li a {
  padding-left: 20px;
}

.footer-link ul li,
.edu-footer-widget ul li a {
  color: var(--color-white);
}

.footer-link ul li:hover,
.edu-footer-widget ul li a:hover {
  color: var(--color-primary);
}

.footer-link ul li:before {
  margin-right: 10px;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url('../img/icon/arrow/right-white.png') left center no-repeat;
  width: 15px;
  height: 23px;
  background-size: 12px;
  position: absolute;
  top: 1px;
  content: ' ';
}

.footer-style-default .information-list li i {
  top: 1px;
}

.social-share {
  margin-top: 30px;
  margin-bottom: 0px;
}

.social-share li {
  margin: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}

.social-share li a,
.social-share li a:hover {
  background: transparent;
  border-radius: var(--radius);
  width: 27px;
  height: 27px;
  line-height: 27px;
  font-size: 27px;
}

.service-card-5:hover .inner .content .title,
.workshop-style-1 .workshop-inner .description p {
  color: var(--color-white);
}

.bannermain>.overlay {
  padding: 75px 0 !important;
  background: hwb(0deg 0% 100% / 45%);
}

.overlay-dark {
  background: hwb(0deg 0% 100% / 75%);
}

.bannermain.bgtransparent>.overlay {
  background: transparent;
}

.bannermain .workshop-inner .description {
  margin-top: 20px;
  margin-bottom: 0;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.bannermain .workshop-inner .description,
.bannermain .workshop-inner .description p {
  color: var(--color-white);
}

.bannermain .workshop-inner .description p:last-child {
  margin-bottom: 10px;
}

.bannermain.hasImg .container>.row.align-items-center {
  min-height: 200px;
}

.section-title.text-white .pre-title {
  margin-top: 5px;
}

.edu-breadcrumb-area .breadcrumb-inner .pre-title,
.page-content h4 {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
  color: var(--color-primary);
  display: block;
  margin-bottom: 5px;
}

.google-map iframe {
  vertical-align: top;
}

.edu-breadcrumb-area .breadcrumb-inner>div:last-child .pre-title {
  margin-bottom: 0px;
}

.login-register-page-wrapper {
  min-height: 900px;
}

.login-register-page-wrapper .login-form-box {
  border: 0;
  padding: 40px;
  border-radius: var(--radius);
  position: relative;
  max-width: 420px;
  margin: auto;
  background: rgb(0 0 0 / 90%);
  margin: 30px auto;
  margin-bottom: 100px;
}

.login-register-page-wrapper .login-form-box h3 {
  text-align: center;
  margin-bottom: 20px;
}

.login-form-box .success-box,
.login-form-box .warning-box,
.login-form-box .error-box {
  margin-bottom: 20px;
}

.bg-gradient-1 {
  background-image: url(../img/gradient/1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.darkgrey {
  color: #6b6b6b;
}

.darkgrey .formemail_text,
.darkgrey .formemail {
  color: #FFFF;
}


.fieldtab {
  display: block;
  text-align: center;
  color: #636363;
  font-size: 18px;
}

.fieldtab .fieldtab-phone,
.fieldtab .fieldtab-email {
  display: inline-block;
  padding: 0px 10px;
  padding-bottom: 8px;
  color: #636363;
  cursor: pointer;
}

.fieldtab .active {
  color: #FFF;
}

.fieldtab-field::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.fieldtab-field {
  -moz-appearance: textfield;
}

.account.twocolmn>.hLTGrid {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.account.twocolmn .left-sidebar,
.account.twocolmn .content-area,
.account.twocolmn .hLTGrid .hLTColm {
  display: initial;
}

.account.twocolmn .left-sidebar {
  margin-bottom: 50px;
}

.account.twocolmn .left-sidebar>.in {
  padding-right: 50px;
}

.account.twocolmn .left-sidebar .mHead {
  background: var(--color-primary);
  color: #FFF;
  font-size: 18px;
  font-weight: 300;
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.account.twocolmn .left-sidebar .mBody {
  background: #f7f7f7;
  padding: 10px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.account.twocolmn .left-sidebar .mBody ul {
  padding: 0;
  margin: 0;
}

.account.twocolmn .left-sidebar .mBody li {
  margin: 10px 0px;
  list-style: none;
}

.account.twocolmn .left-sidebar .mBody li a {
  color: #7e7e7e;
  font-weight: 500;
}

.account.twocolmn .left-sidebar .mBody li a:hover,
.account.twocolmn .left-sidebar .mBody li.active a {
  color: var(--color-primary);
}

.account.twocolmn .content-area .title h2 {
  text-align: left;
}

.account.twocolmn h4 {
  font-weight: 800;
  color: var(--color-primary);
  font-size: 16px;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.account.twocolmn .gridset {
  padding: 0px;
  padding-bottom: 50px;
}

.account.twocolmn .grid .hLTGrid {
  padding: 0px;
}

.account.twocolmn .grid .hLTGrid .hLTColm {
  padding: 0px 15px;
  margin-bottom: 15px;
}

.eduvibe-post-share span {
  margin-right: 0px;
}

.eduvibe-post-share a:not(:last-child) {
  margin-right: 10px;
}

.eduvibe-post-share a {
  background: var(--color-primary) !important;
}

.at-share-tbx-element .at-share-btn:focus,
.at-share-tbx-element .at-share-btn:hover {
  transform: translateY(0px) !important;
  background: #000 !important;
}

.video-popup-wrapper {
  min-height: 100px;
}

.edu-blog.blog-type-2 .inner .content {
  padding: 20px;
}

.edu-blog.blog-type-2 .inner .content .description {
  margin-bottom: 10px;
  line-height: 23px;
}

.edu-date {
  margin-right: 30px;
  margin-top: 4px;
}

ul.edu-course-tab {
  margin-top: 50px;
}

.review-container {
  max-width: 700px;
}

input[type="submit"] {
  margin: 0px;
  padding: 10px 20px;
  line-height: 20px;
  height: 43px;
  letter-spacing: 0px;
  font-weight: 600;
  border: 0px;
}

input[type="submit"]:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background: var(--color-dark);
  color: var(--color-white);
}



.reviewbox {
  margin-bottom: 60px;
}

.reviewform {
  margin-top: 60px;
}

.reviewform .label {
  margin-top: 20px;
  margin-bottom: 5px;
}

.rating.color .icon-Star:before {
  color: #ccc;
  cursor: pointer;
}

.rating.choose {
  direction: rtl;
  display: inline-block;
  padding: 0px;
  cursor: default;
}

.rating.choose input[type="radio"] {
  display: none;
  visibility: hidden;
}

.rating.choose label {
  position: initial;
  color: #bbb;
  font-size: 2rem;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.rating.choose label:hover,
.rating.choose label:hover~label,
.rating.choose input[type="radio"]:checked~label .icon-Star:before {
  color: #ffa41b;
}

.content-top .tagpost {
  margin-top: 4px;
  margin-left: 25px;
}

.edu-blog .top-position.tagitem {
  bottom: -17px;
  left: 10px;
}

.edu-blog.listing .inner .content .title {
  font-size: 19px;
  font-weight: 600;
  margin-top: 0;
}

.eduvibe-status.status-03:hover {
  background: var(--color-secondary);
}

.testimonial-wrapper .slick-slider .slick-slide>div {
  padding: 0px;
}

.hLTColm-left .edu-course-details-area .main-image,
.hLTColm-right .edu-course-details-area .main-image {
  margin: 0px;
}

.edu-blog-widget {
  padding: 25px;
}

.edu-blog-widget .widget-title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 21px;
}

.widget-tags .catlist,
.widget-tags .catlist ul,
.widget-categories .catlist,
.widget-categories .catlist ul {
  padding: 0px;
  margin: 0px;
}

.widget-categories .catlist ul.sub-cat {
  padding-left: 20px;
}

.widget-categories .catlist ul ul.sub-cat li {
  margin-top: 5px;
  margin-bottom: 5px;
}

.widget-tags .catlist>.sub-cat-wrap li,
.widget-categories .catlist>.sub-cat-wrap li {
  list-style: none;
}

.widget-tags .catlist>.sub-cat-wrap>li>a,
.widget-tags .catlist li a span {
  display: nones;
}

.widget-tags .catlist li {
  display: inline-block;
  margin: 0px;
}

.widget-categories .cat-item.active>a {
  color: var(--color-primary) !important;
}

.widget-tags .cat-item.active>a {
  background: var(--color-primary) !important;
  color: var(--color-white);
}

.edu-blog-widget.widget-latest-post .latest-post .post-content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}

.edu-blog-widget.widget-latest-post .latest-post .thumbdiv {
  margin-right: 10px;
}

.edu-blog-widget.widget-latest-post .latest-post+.latest-post {
  padding-top: 10px;
  margin-top: 10px;
}

.edu-blog-widget.widget-latest-post .latest-post+.latest-post::after {
  display: none;
}

.edu-blog-widget.widget-latest-post .latest-post .thumbdiv a img {
  width: 70px;
  height: 70px;
  min-width: 70px;
}

/*.page-blog .edu-section-gap,.edu-section-gap{  padding: 62px 0 !important; }*/

.form-group select {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  height: 50px;
  font-size: 16px;
  @extend %transition;
  padding: 0 15px;
}

.form-group select:focus {
  border-color: var(--color-primary);
}

.hLTSec.account.twocolmn {
  border-top: 1px solid #f5f5f5;
}

.hLTBtn.tiny.grey {
  display: inline-block;
  padding: 2px 11px;
  background: var(--color-primary);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 10px;
  color: var(--color-white);
  border-radius: var(--radius);
}

.hLTBtn.tiny.grey:hover {
  background: var(--color-dark);
  color: var(--color-white)
}

.edu-course-details-area .main-image img {
  height: 350px;
}

.content p:last-child {
  margin-bottom: 0px;
}

.spacegap {
  height: 1px;
  overflow: hidden;
}

.service-card-5 .inner .icon,
.service-card-5:hover .inner .icon {
  background: transparent;
}

.banner-style-3 .content .description {
  margin-bottom: 30px;
}

.feature-style-6 .edu-feature-list .content p {
  margin-bottom: 20px;
}

.pre-section-title .pretitle,
h3.pre-title {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 3px;
}


.bluebg {
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top 15px left 10%;
  background-color: var(--color-primary);
}

.bluebg h3.pre-title,
.bluebg h2,
.bluebg p {
  color: #FFF;
}

.contact-address-card-2.item-2 .icon img,
.contact-address-card-2.item-3 .icon img {
  outline: 1px solid #f7f7f7;
}

.service-card-2 .inner .icon a {
  background: transparent;
}

.service-card-2.card-bg-5 {
  background: #FFF1F1;
}

.service-card-2.card-bg-6 {
  background: #EFF4FC;
}

.service-card-2.card-bg-7 {
  background: #FFF3EE;
}

.edu-blog.blog-type-2 {
  height: 100%;
}

.image-wrapper img {
  border-radius: var(--radius);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-secondary);
}

.mainmenu-nav .mobileonly {
  display: none !important;
}

.hLTList .edu-blog.blog-type-2 {
  outline: 1px solid var(--color-shade);
}

.sharebox {
  margin-left: 40px;
}

.sharebox .eduvibe-post-share a {
  width: 27px;
  height: 27px;
  display: inline-block;
  text-align: center;
  vertical-align: text-top;
  color: #FFF;
  line-height: 31px;
}

.sharebox .eduvibe-post-share a:hover {
  background: var(--color-secondary) !important;
}

.cookie_consent {
  position: fixed;
  background: rgb(82 95 225 / 88%);
  bottom: 0px;
  width: 100%;
  z-index: 9999;
  color: #FFF;
  padding: 5px 10px;
}

.cookie_consent,
.cookie_consent p,
.cookie_consent a {
  color: #FFF;
  font-size: 16px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}

.cookie_consent .btn {
  display: inline-block;
  float: right;
  vertical-align: top;
  background: #FFF;
  color: #000;
  font-size: 12px;
  line-height: 17px;
  padding: 1px 10px;
  padding-top: 2px;
  margin: 3px 0px;
  text-transform: uppercase;
}

.cookie_consent .btn:hover {
  background: var(--color-secondary);
  color: #FFF;
}

.cookie_consent a:hover {
  color: var(--color-secondary);
}

.cookie_consent {
  display: none;
}

.cookie_consent.show {
  display: block;
}

.home .edu-section-gap.fixwithHeader,
.fixwithHeader {
  padding-top: 230px !important;
  margin-top: -90px;
  min-height: 700px;
}


/*---------------hLTCatTab----------------*/
.hLTFeatured {
  padding-top: 0px;
}

.hLTFeatured>.hLTIn {
  margin-left: -15px;
  margin-right: -15px;
  padding-right: 20px;
}

.hLTFeatured,
.hLTFeatured .hLTBtnBox {
  text-align: center;
}

.hLTFeatured .hLTLs {
  display: inline-block;
  padding: 0px;
  border-radius: var(--radius);
  font-size: 16px;
  vertical-align: top;
  margin-bottom: 10px;
  font-weight: 600;
  margin: 0px;
  max-width: 800px;
}

.hLTFeatured .hLTLs .hLTIn {
  border: 1px solid #f7f7f7;
  transition: 0.2s;
  background: #f7f7f7;
  width: 100%;
}

.featured .hLTFeatured .hLTLs .hLTIn {
  border: 0;
  background: #FFF;
}

.hLTFeatured .hLTConCtIn {
  padding: 10px 20px;
}

.hLTFeatured .hLTTit {
  color: var(--color-primary);
  text-transform: uppercase;
}

.hLTFeatured .hLTImg img {
  width: auto;
}


@media (min-width: 1180px) {
  .banner-style-3 .banner-image .banner-main-image {
    margin-bottom: 0px;
    margin-right: -35px;
  }
}

@media (min-width: 1320px) {
  .banner-style-3 .banner-image .banner-main-image {
    margin-bottom: 0px;
    margin-right: -65px;
  }
}

@media (min-width: 1380px) {
  .banner-style-3 .banner-image .banner-main-image {
    margin-bottom: 0px;
    margin-right: -145px;
  }
}


@media only screen and (min-width: 1080px) {

  .m-atuo h1.title,
  .m-atuo .description,
  .des-wMedium h1.title,
  .des-wMedium .description {
    margin: auto;
  }

  .des-w600 h1.title,
  .des-w600 .description {
    width: 600px;
  }

  .des-wMedium h1.title,
  .des-wMedium .description {
    max-width: 900px;
  }

  .banner-style-3 .banner-image .img-03 {
    bottom: 335px;
  }
}

@media only screen and (min-width: 199px) {
  .course-details-content .edu-course-tab {
    display: block;
  }

  .course-details-content .edu-course-tab .nav-item {
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  .edu-footer-widget .logo {
    text-align: left;
  }

  .footer-style-default .edu-footer-widget.explore-widget,
  .footer-style-default .edu-footer-widget.quick-link-widget {
    margin-left: 0;
  }

  .bannermain {
    padding: 30px 0 !important;
  }

  .bannermain.hasImg .container>.row.align-items-center {
    min-height: 180px;
  }

  .edu-course-details-area .main-image img {
    height: 300px;
  }

  .edu-pagination {
    display: inline-block;
    vertical-align: top;
  }

  .edu-pagination li {
    display: inline-block;
    vertical-align: top;
  }
}

@media only screen and (max-width: 640px) {
  .edu-course-details-area .main-image img {
    height: auto;
  }
}


/*---Theme Changes---*/
.container.alertmsg {
  position: absolute;
  width: 100%;
  max-width: 800px;
  left: 50%;
  margin-left: -400px;
  margin-top: -20px;
}

.container.alertmsg .row {
  position: absolute;
  z-index: 12;
  top: 25px;
  width: 100%;
}

.alert-success {
  color: #000;
  background-color: #5cb85cc4;
  border-color: #5cb85c;
}

.content-area .container.alertmsg {
  position: relative;
  left: 0;
  margin: 0;
  padding: 10px;
  height: auto;
}

.content-area .container.alertmsg .row {
  position: relative;
  top: 0px;
}

.alert-danger {
  color: #ffffff;
  background-color: var(--color-primary);
  border-color: var(--color-secondary);
}

.alert-success .btn-close {
  background: url(../img/icon/style/close-white.png) center no-repeat;
  background-size: 25px;
  margin-top: 3px;
}

a.edu-btn,
button.edu-btn,
.checkout-page-style input,
.header-style-2 a.edu-btn.btn-medium {
  border-radius: var(--radius);
}

a.edu-btn,
button.edu-btn {
  border-radius: var(--radius);
  font-weight: 500;
}

.edu-header .logo {
  margin-right: 20px;
}

.edu-header .logo a,
.mainmenu-nav .mainmenu>li>a {
  height: 70px;
  line-height: 70px;
}

.edu-header.header-sticky.sticky {
  height: 70px;
}

.edu-header.header-sticky.sticky .logo a {
  height: 70px;
  line-height: 70px;
}

.edu-header .logo a img {
  max-height: 40px;
}

.eduvibe-footer-one {
  background: #000;
}

.footer-style-default .edu-footer-widget .inner {
  margin-top: 0;
}

.copyright-area p,
footer p {
  font-size: var(--font-size-b3);
}

.lineBox {
  color: var(--body-color);
}

.checkout-page-style input {
  border: 1px solid rgb(247 247 247 / 66%);
  background: var(--color-black);
  padding: 0 15px;
}

button.btnlink {
  background: transparent;
  border: 0px;
  outline: none;
  padding: 0px;
  margin: 0px;
}

.lostpwdlink {
  color: var(--color-white);
}

.lostpwdlink:hover {
  color: var(--color-secondary);
}

.createlink,
.btnlink {
  color: var(--color-primary);
}

.createlink:hover,
.btnlink:hover {
  color: var(--color-secondary);
}

a.edu-btn.button-grey,
button.edu-btn.button-grey {
  background: rgb(161 161 161 / 52%);
}

a.edu-btn.button-grey:hover,
button.edu-btn.button-grey:hover {
  background: rgb(161 161 161 / 75%);
}

.checkout-page-style input,
a.edu-btn,
button.edu-btn {
  height: 45px;
  line-height: 45px;
}

.error-msg,
.invalid-feedback strong,
.invalid-feedback {
  font-size: 14px;
  color: var(--color-primary);
  line-height: 18px;
  margin-top: 10px;
  font-weight: 500;
}

.text-center .error-msg {
  text-align: center;
}

.error-border,
.checkout-page-style input.error-border,
input.error-border {
  border: 1px solid var(--color-primary) !important;
}

.success-box,
.warning-box,
.error-box {
  padding: 9px 13px;
  margin-bottom: 40px;
  overflow-wrap: anywhere;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
}

.success-box {
  color: #000;
  background-color: rgb(109 175 97);
}

.warning-box {
  color: #000;
  background-color: rgb(219 151 27);
}

.error-box {
  color: #FFF;
  background-color: rgb(235 68 68);
}

body.bgimage {
  background-color: #000;
}

.bgimage,
.lyDark {
  background-position: center;
  background-size: cover;
}

.header-default {
  border-bottom: 1px solid #1a1a1a;
}

.lyDark .header-default,
.home .header-default {
  background-color: rgb(0 0 0 / 72%);
}

.lyDark .bg-gradient-1 {
  background: transparent;
}

.bgimage .eduvibe-footer-one,
.lyDark .eduvibe-footer-one {
  background: rgb(0 0 0 / 82%);
  border-top: 0px;
}

.home .eduvibe-footer-one,
.lyDark .eduvibe-footer-one {
  background: var(--color-black);
}

.header-style-2 {
  padding: 0px;
}

/*.loggedin*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.header-style-2 .container {
  padding-right: 30px;
  padding-left: 30px;
}

/*.loggedin*/
.header-style-2>.container>.row {
  margin-left: 0px;
  margin-right: 0px;
}

.header-style-2>.container {
  max-width: 100%;
}

/*.loggedin*/
.header-style-2 a.edu-btn.btn-medium {
  line-height: 34px;
  height: 34px;
  padding: 0px;
  width: 90px;
  text-align: center;
  border-radius: var(--radius);
}

.popup-mobile-menu.active {
  background: rgb(255 255 255 / 5%);
}

.popup-mobile-menu.active .inner,
.popup-mobile-menu .inner .header-top,
.popup-mobile-menu .mainmenu li {
  border-color: rgb(255 255 255 / 20%) !important;
}

.popup-mobile-menu.active .inner {
  border-right: 1px solid;
}

.popup-mobile-menu .inner,
.popup-mobile-menu .inner .header-top .close-menu .close-button {
  background: rgb(0 0 0 / 95%);
}

.popup-mobile-menu .inner .header-top {
  background: #000;
}

.popup-mobile-menu .inner .header-top .close-menu .close-button,
button.close-button {
  background: url(../img/icon/style/close-white.png) center no-repeat;
  background-size: 25px;
}

.white-box-icon.hamberger-button {
  background: #000 url(../img/icon/style/menu-lines-white.png) center no-repeat;
  background-size: 25px;
}

.mainmenu-nav .mainmenu>li>a {
  font-weight: 400;
}

.edu-accordion-02.variation-2 .edu-accordion-button::after,
.edu-accordion-02.variation-2.landing-page-accordion .edu-accordion-button[aria-expanded="true"]::after {
  background: transparent url(../img/icon/accordian/minus-white.png) center no-repeat;
  content: ' ';
  background-size: 20px;
}

.edu-accordion-02.variation-2 .edu-accordion-button::after {
  background: transparent url(../img/icon/accordian/plus-white.png) center no-repeat;
  background-size: 20px;
}

.edu-accordion-02.variation-2 .edu-accordion-button {
  border: transparent;
  background: transparent;
  border-radius: 10px;
  padding: 15px 25px;
  padding-right: 69px;
  color: #FFF;
  font-weight: 500;
  font-size: var(--font-size-b1);
  border-radius: 0;
}

.edu-accordion-02.variation-2 .edu-accordion-item .edu-accordion-body {
  padding: 25px 25px;
  padding-top: 25px;
  font-size: var(--font-size-b1);
  background: rgb(255 255 255 / 8%);
}

.edu-accordion-02,
.edu-accordion-02.variation-2 .edu-accordion-button {
  background: transparent;
}

.edu-accordion-02.variation-2 .edu-accordion-button {
  background-color: rgb(255 255 255 / 19%);
}

.edu-accordion-02 .edu-accordion-item:last-child .edu-accordion-button {
  border-bottom: 0;
}

.secBrd {
  border-bottom: 10px dashed #212529;
}

footer {
  border-top: 10px dashed #212529;
}

.newsletter-form-style-1 .input-box {
  vertical-align: top;
}

.newsletter-form-style-1 .input-box input {
  background: rgb(0 0 0 / 75%);
  padding: 0 25px;
  min-width: 320px;
  border-radius: var(--radius);
  border: 1px solid #a7a7a7;
}

.edu-header.header-sticky.sticky {
  background-color: rgb(0 0 0 / 90%) !important;
  border-bottom: 1px solid #1a1a1a;
}

.newsletter-form-style-1 .input-box input,
.newsletter-form-style-1 .edu-btn {
  height: 50px;
}

.section-title .pre-title {
  font-weight: 600;
  font-size: 20px;
}

.section-title h1.title {
  font-size: var(--h1);
}

.section-title h2.title {
  font-size: var(--h2);
}

.section-title h3.title {
  font-size: var(--h3);
}

.section-title h4.title {
  font-size: var(--h4);
}

.section-title>p {
  font-size: var(--h5);
}

.workshop-style-1 .workshop-inner .description {
  margin-top: 10px;
}

.registerbtn {
  min-width: 160px;
}

.ajx-home-register-form {
  max-width: 500px;
  margin: auto;
}

.ajx-home-register-form input {
  margin-bottom: 10px;
}

.ajx-home-register-form .error-msg {
  margin: 0px 10px;
  text-align: left;
  padding: 3px 20px;
}

.otpboxes {
  display: flex;
  margin: auto;
  vertical-align: top;
  justify-content: center;
}

.otp-input {
  width: 40px;
  margin: 5px;
}

.slick-activation-wrapper .single-slick-card {
  padding: 0 5px;
}

.edu-event.event-grid-1.bg-shade .inner {
  background: transparent;
}

.edu-event.event-grid-1.bg-shade .inner .thumbdiv {
  background: rgb(255 255 255 / 12%);
}

.thumbdiv img,
.bg-shade .inner,
.edu-event.event-grid-1 .inner .thumbdiv a img,
.edu-event.event-grid-1.bg-shade .inner {
  border-radius: var(--radius);
}

.edu-slick-button .slick-dots li button {
  background: #212529;
}

.slideList {
  margin: 50px 0px;
  position: relative;
}

.slideList .carousel-slide,
.slideList .grid-slide {
  position: relative;
  margin: 20px 0px;
}

.slideList .carousel-slide.overflow,
.slideList .grid-slide.overflow {
  height: 170px;
  overflow-y: hidden;
}

.slideList .carousel-slide.overflow.slick-slider,
.slideList .grid-slide.overflow.slick-slider {
  overflow: visible;
}

.slideList .carousel-slide .edu-event,
.slideList .grid-slide .edu-event {
  /*display: inline-block;vertical-align: top;*/
  padding: 0px;
  float: left;
}

.slideList .carousel-slide .edu-event .inner,
.slideList .grid-slide .edu-event .inner {
  padding: 5px;
  margin-bottom: 50px;
  position: relative;
}

.slideList .carousel-slide.slick-slider .edu-event .inner,
.slideList .grid-slide.slick-slider .edu-event .inner {
  margin-bottom: 0px;
}

/*.slideList .carousel-slide .slick-slider .edu-event,.slideList .grid-slide .slick-slider .edu-event{position: relative;}*/
.slideList .slick-slider .slick-slide>div {
  padding: 0px;
}

.slideList .carousel-slide,
.slideList .grid-slide {
  margin-left: -5px;
  margin-right: -5px;
  padding-right: 5px;
}

.slick-next.slick-arrow,
.slick-prev.slick-arrow {
  text-indent: -99999px;
  height: 50px;
  width: 20px;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}

.slick-prev.slick-arrow {
  left: -20px;
  background-image: url('../img/icon/arrow/left-white.png');
}

.slick-next.slick-arrow {
  right: -20px;
  background-image: url('../img/icon/arrow/right-white.png');
}

.slick-arrow.slick-disabled {
  opacity: 0;
}

.slideList .slick-track {
  margin-left: 0px;
}

.ajxSearchList .slideList .grid-slide.slick-slider .edu-event .inner {
  margin-bottom: 50px;
}

.recentTag {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 10px;
  background: var(--color-primary);
  display: inline-block;
  border-radius: 0px 18px 18px 0px;
}

.slideList .tagging {
  visibility: hidden;
}

.slideList .slick-slider .tagging {
  visibility: visible;
}

.top-position.right-top {
  top: 5px;
  right: 5px;
}

.bottom-left {
  left: 10px;
  bottom: 7px;
  position: absolute;
}

.top10Tag {
  color: var(--color-white);
  font-size: 11px;
  font-weight: 700;
  height: 35px;
  line-height: 12px;
  padding: 4px 4px 0 0px;
  background: var(--color-primary);
  display: inline-block;
  border-radius: 0px 0px 0px 23px;
  width: 30px;
  text-transform: uppercase;
  text-align: right;
}

.slideList .tagging.freeaccess,
.tagging.freeaccess {
  visibility: visible;
  top: 9px;
  bottom: initial;
}

.thumbImg+.taggingbox {
  opacity: 1;
  transition: 2s;
}

.thumbImg[style="opacity: 1;"]+.taggingbox {
  opacity: 1;
  transition: 2s;
}

.moviesThumb {
  cursor: pointer;
}



.slideList .carousel-slide .edu-event,
.slideList .grid-slide .edu-event {
  width: 16.66%;
}

@media (max-width: 1580px) {

  .slideList .carousel-slide .edu-event,
  .slideList .grid-slide .edu-event {
    width: 20%;
  }
}

@media (max-width: 1360px) {

  .slideList .carousel-slide .edu-event,
  .slideList .grid-slide .edu-event {
    width: 25%;
  }
}

@media (max-width: 1050px) {

  .slideList .carousel-slide .edu-event,
  .slideList .grid-slide .edu-event {
    width: 33.33%;
  }
}

@media (max-width: 700px) {

  .slideList .carousel-slide .edu-event,
  .slideList .grid-slide .edu-event {
    width: 50%;
  }
}

.edu-event.event-grid-1.bg-shade .inner .thumbdiv {
  -webkit-mask-repeat: no-repeat;
  background: linear-gradient(130deg, #090909 30%, #000, #090909 80%) right/500% 100%;
  animation: thumbnailani 1s linear infinite;
}

@keyframes thumbnailani {
  to {
    background-position: left;
  }
}



button .spinner,
.error-msg .spinner {
  margin: auto;
}

.spinner {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}



.previewMovie {
  position: absolute;
  z-index: 20;
  background-color: var(--bg-site);
  border-radius: var(--radius);
  /*display: none;left: -99999px; top: -99999px;   will-change: transform; */
  transform: scale(0.7);
  display: none;

  .miniPopBxIn {
    display: table-cell;
    vertical-align: middle;

    .modal {
      display: inline-block;
      position: relative;
      background: var(--bg-site);
      vertical-align: top;
      border-radius: var(--radius);
    }
  }
}

.previewMovie.full {
  transform: scale(1);
  display: block;

  .miniPopBxIn {
    box-shadow: rgb(0 0 0) 0px 3px 11px;
    border-radius: var(--radius);

    .modal {
      animation: imgThumb .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
    }
  }
}

@keyframes imgThumb {
  0% {
    transform: scale(0.7);
  }

  100% {
    transform: scale(1);
  }
}

.previewMovie .thumbImg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.previewMovie .modal .ppImg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.previewMovie .vpl-player-holder,
.previewMovie .vpl-media-holder,
.previewMovie .vpl-video-holder,
.vpl-player-holder,
.vpl-media-holder,
.vpl-video-holder {
  background: transparent !important;
}

.previewMovie .video-sound,
.muteBtn .video-sound {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  opacity: 0.5;
}

.previewMovie .video-sound .vpl-volume-wrapper,
.muteBtn .video-sound .vpl-volume-wrapper {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.previewMovie .video-sound .vpl-btn,
.muteBtn .video-sound .vpl-btn {
  width: 40px;
  height: 40px;
  outline: 1px solid #FFF;
  border-radius: 100px;
  padding: 10px;
  padding-top: 12px;
}

.previewMovie .video-sound .vpl-btn svg,
.muteBtn .video-sound .vpl-btn svg {
  fill: #FFF;
}

.previewMovie .vpl-player {
  min-width: 360px;
}

.ppTag {
  max-width: 360px;
}

.ppCont {
  padding: 5px;
}

.ppAct {
  padding: 10px 5px;
}

.ppAct .ppIc {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: 23px;
  background-repeat: no-repeat;
  float: left;
  border: 2px solid #FFF;
  border-radius: 100px;
  margin: 0px 5px;
  cursor: pointer;
  transition: 0.5s;
}

.ppAct .ppIc.active,
.ppAct .ppIc:hover {
  border: 2px solid var(--color-primary);
}

.ppAct .ICdown {
  float: right;
  background-position: top 8px center;
}

.ppInfo {
  padding: 2px 10px;
  padding-top: 7px;
}

.ppInfo .ppCert,
.ppInfo .ppHr {
  font-size: 13px;
  margin-right: 3px;
  padding: 0px 6px;
  display: inline-block;
  vertical-align: top;
  width: auto;
  color: #8b8686
}

.ppInfo .ppCert {
  border: 1px solid #8b8686;
}

.ppInfo .ppTopten {
  font-size: 10px;
  display: inline-block;
  line-height: 11px;
  text-align: center;
  vertical-align: top;
  background: var(--color-primary);
  padding: 1px 4px;
  margin-right: 2px;
}

.ppTag {
  padding: 10px 10px;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ppTag i {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  background: #4d4848;
  border-radius: 100px;
  margin: 5px 8px;
}

.ppAct .spinner {
  float: left;
  margin-top: 5px;
  margin-left: 10px;
  display: none;
}

.ppAct .spinner.show {
  display: block;
}

.miniPopBxIn .percent.out,
.thumbdiv .percent.out {
  display: block;
  width: 100%;
  height: 3px;
  background: rgb(0 0 0 / 64%);
  position: relative;
  margin-top: -2px;
  border-radius: var(--radius);
  margin-bottom: -1px;
}

.miniPopBxIn .percent.out {
  width: 103%;
  margin-left: -5px;
  margin-right: -5px;
}

.miniPopBxIn .percent.out>.in,
.thumbdiv .percent.out>.in {
  display: block;
  width: 0%;
  height: 3px;
  background: var(--color-primary);
  max-width: 100%;
}

.miniPopBxIn .percent.out {
  margin-top: -8px;
}

.bnCtr {
  margin-top: -70px;
  margin-bottom: -200px;
}

#bannervideo .video-sound,
.certificate {
  bottom: 30%;
}

.bannerBox {
  bottom: 25%;
}

#bannervideo .video-sound {
  right: 150px;
  opacity: 1;
}

.bannerBox {
  left: 50px;
}

.scrolled .bnCtr {
  margin-top: 0px;
}

.bnCtr .bnPost,
#bannervideo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bnCtr .bnPost img {
  width: auto;
}

.bnCtr .vpl-player {
  max-width: 100%;
  position: relative;
  top: 0;
  z-index: 1;
}

.blkCtr,
footer,
.footer-style-default {
  position: relative;
  z-index: 4;
}

/*    .bnContent{min-height: 100%; min-width: 100%; position: absolute; z-index: 3; top: 0px; padding-bottom: 200px;}*/
.bnCtr .blended {
  background: linear-gradient(to top, rgb(22 22 22), rgba(0, 0, 0, 0));
  width: 100%;
  height: 200px;
  margin-top: -195px;
  position: relative;
  z-index: 3;
}

.certificate {
  position: absolute;
  z-index: 3;
  right: 0px;
  width: 130px;
  height: 41px;
  background: rgb(0 0 0 / 35%);
  border-left: 4px solid #FFF;
  padding: 5px 10px;
  line-height: 33px;
  font-size: 17px;
  text-align: center;
}

.bannerBox {
  position: absolute;
  z-index: 3;
  max-width: 700px;
}

.bnPost .playBtn,
.bnPost .moreInfo,
.whiteBtn {
  background-color: #FFF;
  color: #000;
  display: inline-block;
  vertical-align: top;
  padding: 10px 30px;
  padding-left: 60px;
  cursor: pointer;
  border-radius: var(--radius);
  font-size: 22px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left 20px center;
}

.whiteBtn {
  padding: 10px 30px;
}

.whiteBtn:hover {
  background-color: var(--color-primary);
  color: #FFF;
}

.bnPost .moreInfo {
  background-color: rgb(111 111 111 / 49%);
  background-image: url('../../img/icon/website/info-black.png');
  background-size: 40px;
  background-position: left 15px center;
}

.bnPost .moreInfo:hover {
  background-color: #FFF;
  background-image: url('../../img/icon/website/info-black.png');
}

.bnPost .playBtn {
  background-image: url('../../img/icon/website/play-black.png');
}

.bnPost .playBtn:hover {
  background-image: url('../../img/icon/website/play-white.png');
  background-color: var(--color-primary);
  color: #FFF;
}

.bnCtr .bnPost {
  position: relative;
}

.bnCtr .bnPost .bannerLogo img {
  width: auto;
  max-width: 400px;
  max-height: 150px;
  margin-bottom: 40px;
}

.bnPost .bannerContent {
  margin-bottom: 40px;
}

.bannerBox p,
.bannerBox .bannerContent {
  font-size: 22px;
}

#bannervideo {
  min-height: 500px;
}


.ajxDtPopup .inner {
  transform: scale(0.5);
  opacity: 0;
}

.ajxDtPopup.show .inner {
  transform: scale(1);
  opacity: 1;
  animation: ajxDtPopup .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

@keyframes ajxDtPopup {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}

/*.ajxDtPopup .outer{width: 100%;height:100px;position: absolute;left:0px;top:0px;display: flex;justify-content: center;background: rgb(0 0 0 / 72%);min-height: 100%;z-index: 200;overflow: auto;}*/
.ajxDtPopup .outer {
  width: 100%;
  height: 100vh;
  /* full screen */
  position: fixed;
  /* IMPORTANT */
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  background: rgb(0 0 0 / 72%);
  z-index: 200;
  overflow-y: auto;
  /* ENABLE SCROLL */
}

.ajxDtPopup .inner {
  width: 100%;
  max-width: 900px;
  top: 30px;
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  background: #212121;
  border-radius: var(--radius);
  min-height: 90%;
  height: auto;
}

.ajxDtPopup .inner .ppImg {
  width: 100%;
  height: 0;
  padding-top: calc(100% /(16 / 9));
  position: relative;
  overflow: hidden;
  background-size: cover;
  border-radius: var(--radius);
}

.ajxDtPopup .ppPlay {
  border-radius: var(--radius);
  width: auto;
  font-size: 17px;
  padding-left: 41px;
  line-height: 34px;
  background-position: left 10px center;
  padding-right: 13px;
  color: #000;
  background-color: #FFF;
}

.ajxDtPopup .ppPlay:hover {
  color: var(--color-primary);
  border-color: #FFF;
}

/*.ajxDtPopup .overlay{ width: 100%; min-height: 100%; height: 100%; position: absolute; top: 0px;z-index: 3;}*/
.ajxDtPopup .ppAct {
  margin-top: -150px;
  z-index: 1;
  position: absolute;
  /*width: 100%;padding-top: 100px;*/
  height: 250px;
  left: 0px;
  z-index: 5;
}

.ajxDtPopup .ppAct .ppIc.active,
.ajxDtPopup .ppAct .ppIc:hover {
  background-color: #FFF;
  border-color: #FFF;
}

.ajxDtPopup .ppAct .ppIc.active,
.ajxDtPopup .ppAct .ppIc:hover {
  background-color: #FFF;
  border-color: #FFF;
}

.ajxDtPopup .ppInfo .left {
  float: left;
  width: 60%;
}

.ajxDtPopup .ppInfo .right {
  float: right;
  width: 40%;
}

.ajxDtPopup .title {
  margin-top: 30px;
  font-size: 25px;
  padding-right: 40px;
}

.ajxDtPopup .description {
  margin-top: 15px;
  font-size: 18px;
  padding-right: 40px;
}

.ajxDtPopup .list:first-child {
  margin-top: 15px;
}

.ajxDtPopup .list {
  margin-bottom: 10px;
  font-size: 15px;
}

.ajxDtPopup .list .in {
  margin-left: 5px;
}

.ajxDtPopup .list a {
  color: #FFF;
}

.ajxDtPopup .list span.lbl {
  color: #8b8686;
}

.ajxDtPopup .close {
  background: #212121 url(../img/icon/style/close-white.png) center no-repeat;
  background-size: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  z-index: 10;
  border-radius: 100px;
  cursor: pointer;
}

.ajxDtPopup .list .comma:last-child {
  display: none;
}

.ajxDtPopup #popupplayer {
  position: absolute;
  top: 0px;
  z-index: 4;
}

.ajxDtPopup .video-sound {
  width: 100%;
  right: 0;
  bottom: -10px;
  height: 250px;
  background: red;
  border-radius: 0px;
  opacity: 1;
  background: linear-gradient(0deg, #212121, transparent 60%);
}

.ajxDtPopup .video-sound .vpl-volume-wrapper {
  display: block;
  float: right;
  margin-top: 50px;
  margin-right: 20px;
}

.ajxDtPopup .relatedVideo .page-title {
  margin-top: 40px;
  width: 100%;
  font-size: 25px;
  padding-top: 20px;
  border-top: 1px solid #373333;
  margin-right: 0px;
}

.ajxDtPopup .vpl-player-loader {
  background-color: var(--color-primary);
  width: 40px;
  height: 28px;
  margin-left: -20px;
  margin-top: -14px;
}

.lostPage {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.lostPage .content,
.norecords .content {
  padding: 150px 0px;
  min-height: 700px;
}

.blkCtr {
  margin-bottom: 50px;
}

.loadingMore {
  display: none;
  width: 100%;
  height: 150px;
  background: url('../../img/loading.gif') center no-repeat;
  vertical-align: top;
  margin-top: 30px;
  margin-bottom: 30px;
  background-size: 50px;
  opacity: 0.2;
}

.loadingMore.active {
  display: inline-block;
}

.haveFilter {
  margin-top: 100px;
}

.genreHeader {
  padding: 10px 0px;
  position: absolute;
  z-index: 9;
  width: 100%;
}

.page-title {
  padding: 10px 0px;
}

.genreHeader .label,
.page-title {
  font-size: 35px;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.dvDropDw {
  display: inline-block;
  vertical-align: top;
}

.dvDropDw .bxLabel {
  width: auto;
  min-width: 130px;
  height: 30px;
  padding: 5px 15px;
  border: 1px solid #FFF;
  font-size: 16px;
  line-height: 19px;
  background-color: rgb(0 0 0 / 79%);
  margin-top: 16px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
  position: relative;
  cursor: pointer;
  padding-right: 40px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dvDropDw .bxLabel:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.dvDropDw .bxList {
  position: absolute;
  width: auto;
  max-width: 900px;
  background: #000;
  z-index: 10;
  padding: 10px;
  border: 1px solid #292626;
  display: none;
}

.dvDropDw .bxList ul {
  width: 33.33%;
  float: left;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  list-style: none;
  padding-right: 20px;
}

.dvDropDw .bxList ul:last-child {
  padding-right: 0px;
}

.dvDropDw .bxList ul li {
  display: block;
  min-width: 100px;
  vertical-align: top;
  line-height: 24px;
}

.dvDropDw .bxList ul li,
.dvDropDw .bxList ul li a {
  font-size: 14px;
  margin: 0px;
}

.dvDropDw .bxList ul li a.active {
  color: var(--color-primary)
}

.dvDropDw.languagelist {
  float: right;
}

.dvDropDw.languagelist .bxList ul {
  width: 100%;
}

.edu-search-popup::before {
  background: #000000;
}

.edu-search-popup .close-button .close-trigger {
  background: #FFF url(../img/icon/style/close-back.png) center no-repeat;
  background-size: 25px;
}

.searchBx {
  max-width: 250px;
  position: relative;
}

.searchBx input {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #FFF;
  border-radius: var(--radius);
  padding-left: 35px;
  font-size: 15px;
  height: 33px;
  background: url(../img/icon/website/search-white.png) left 10px center no-repeat;
  background-size: 15px;
}

.searchBx input:focus {
  background-image: url(../img/icon/website/search.png);
}

.searchBx .closebtn {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0px;
  background-image: url(../img/icon/website/close-white.png);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.searchBx .closebtn:hover {
  background-image: url(../img/icon/website/close.png);
}

.container.page-content,
.container.page-faq {
  margin-bottom: 50px;
}

.social-share a>i {
  display: inline-block;
  width: 27px;
  height: 27px;
  background-size: 27px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
}

.social-share a:hover>i {
  opacity: 1;
}

.social-share a .ri-facebook-box-fill {
  background-image: url(../img/icon/socialmedia/facebook-white.png);
}

.social-share a .ri-instagram-fill {
  background-image: url(../img/icon/socialmedia/instagram-white.png);
}

.social-share a .ri-twitter-fill {
  background-image: url(../img/icon/socialmedia/twitterx-white.png);
}

.social-share a .ri-mail-fill {
  background-image: url(../img/icon/socialmedia/mail-white.png);
}

.icon-phone,
.icon-email,
.icon-profile {
  background-position: center left;
  background-repeat: no-repeat;
}

.icon-phone {
  background-image: url(../img/icon/website/input-phone.png);
  background-size: 11px;
}

.icon-email {
  background-image: url(../img/icon/website/input-email.png);
  background-size: 18px;
}

.icon-profile {
  background-image: url(../img/icon/website/input-profile.png);
  background-size: 15px;
}

.login-form-box .input-box {
  position: relative;
}

.input-box div.icon-phone,
.input-box div.icon-email {
  display: none;
}

.input-box.phone div.icon-phone {
  padding-left: 20px;
  top: 9px;
  left: 18px;
  position: absolute;
  display: inline-block;
}

.input-box.email div.icon-email {
  padding-left: 28px;
  top: 9px;
  left: 18px;
  position: absolute;
  display: inline-block;
}

.input-box.profile div.icon-profile {
  padding-left: 28px;
  top: 9px;
  left: 18px;
  position: absolute;
  display: inline-block;
}

.login-form-box .input-box.phone input {
  padding-left: 80px;
}

.login-form-box .input-box.email input {
  padding-left: 58px;
}

.login-form-box .input-box.profile input {
  padding-left: 58px;
}

.comments {
  color: #999;
  font-size: 14px;
  font-style: italic;
}

.comments.warning,
.comments .warning {
  color: red;
  font-weight: bold;
  margin-top: 5px;
}

.verified {
  color: #2acb2a;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  padding-left: 10px;
}

.verified.warning {
  color: red;
}


.pageloader {
  position: fixed;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--bg-site);
  z-index: 100;
  overflow: auto;
  display: block;
}

.pageloader.hide {
  display: none;
}

html.noscroll {
  overflow: hidden;
}

.prfModal {}

.prfModal .cntr {
  animation: blowInModal .45s forwards;
  position: fixed;
  min-height: 100%;
  min-width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--bg-site);
  z-index: 100;
  overflow: auto;
}

.prfModal .cntr>.in {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.prfModal .cntr>.in.lengthy {
  bottom: initial;
  top: 50px;
}

.prfModal .selecticon {
  margin-bottom: 50px;
}

.prfModal .selecticon .action.fixed {
  margin-bottom: 50px;
  position: fixed;
  width: 100%;
  max-width: 900px;
  top: 0px;
  background: #161616;
  padding-bottom: 30px;
}

.prfModal .selecticon .title {
  padding-top: 50px;
}

.prfModal .selecticon .icList .item.tick .thumb>.in {
  background: rgb(0 0 0 / 61%) url('../../img/icon/website/tick-white.png') center no-repeat;
  background-size: 40px;
}

.prfModal .title {
  font-size: 36px;
  margin-bottom: 20px;
  text-align: center;
}

.prfModal .icList {
  display: table;
  margin: auto;
}

.prfModal .icList .item {
  padding: 10px;
  cursor: pointer;
  display: table-cell;
}

.prfModal .icList .item .thumb {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
  border-radius: var(--radius);
  max-width: 150px;
  margin: auto;
}

.prfModal .icList .item .thumb>.in {
  width: 150px;
  height: 150px;
  border-radius: var(--radius);
}

.prfModal .icList .item.edit .thumb>.in {
  background: rgb(0 0 0 / 38%) url('../../img/icon/website/pencil-white.png') center no-repeat;
  background-size: 40px;
}

.prfModal .icList .item .label {
  text-align: center;
  font-size: 20px;
  color: var(--dark-grey);
}

.prfModal .icList .item:hover .thumb>.in {
  border: 3px solid #FFF;
}

.prfModal .icList .item:hover .label {
  color: #FFF;
}

.prfModal .icList.stack {
  display: block;
  text-align: center;
  max-width: 900px;
}

.prfModal .icList.stack .item {
  display: inline-block;
}

.prfModal .action {
  text-align: center;
}

.prfModal .action .btn {
  margin: 0px 5px;
  margin-top: 30px;
}

.prfModal .btn {
  display: inline-block;
  margin: auto;
  padding: 7px 20px;
  border: 1px solid var(--dark-grey);
  color: var(--dark-grey);
  background: transparent;
  font-size: 19px;
}

.prfModal .btn.tiny {
  padding: 3px 15px;
  font-size: 16px;
  margin-top: 3px;
}

.prfModal .btn:hover {
  border: 1px solid #FFF;
  color: #FFF;
}

.prfModal .btn.active {
  background-color: #FFF;
  border: 1px solid #FFF;
  color: var(--dark-grey);
  font-weight: 500;
  border-radius: var(--radius);
}

.prfModal .btn.active:hover {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #FFF;
}

.prfModal .lock {
  background: url('../../img/icon/website/lock-back.png') center no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
  margin: auto;
  opacity: 0;
}

.prfModal .locked .lock,
.prfModal .lock.active {
  opacity: 1;
}

.prfModal .lock.active.inline {
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
}

.prfModal .form .left {
  display: block;
  float: left;
}

.prfModal .form .right {
  display: block;
  float: right;
  width: 350px;
  padding: 10px;
}

.prfModal .form .lineBox {
  margin-bottom: 20px;
}

.prfModal .form .input-field {
  height: 40px;
  border: 1px solid var(--dark-grey);
}

.prfModal .form .set {
  margin: 5px;
}

.prfModal .form input {
  max-width: 330px;
  z-index: 1;
}

.prfModal .subtitle {
  font-size: 23px;
  text-align: center;
  margin-bottom: 30px;
  color: #CCC;
}

.prfModal .otpboxes {
  margin-top: 20px;
  margin-bottom: 20px;
}

.prfModal .error-msg {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.prfModal .otp-input {
  padding: 10px;
  width: 60px;
  text-align: center;
  font-size: 25px;
}

.prfModal .forgotpinblk .lineBox {
  margin-bottom: 20px;
}

.prfModal .forgotpinblk .icList {
  min-width: 320px;
}

input[name=pin]::-webkit-inner-spin-button,
input[name=pin]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

@keyframes blowInModal {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.bigPlayerOuter {
  position: fixed !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  left: 0px;
  top: 0px;
  z-index: 120;
  background: #000;
  display: flex;
  align-items: center;
}

.bigPlayerOuter .theatermode {
  max-width: 100%;
  min-height: 100%;
}

.bigPlayerOuter .vpl-theater-toggle {
  display: none !important;
}

.bigPlayerOuter .vpl-back {
  position: relative;
  z-index: 103;
  cursor: pointer;
  margin-top: 15px;
  margin-left: 15px;
  display: inline-block;
  width: 60px;
  height: 30px;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
}

.bigPlayerOuter .vpl-player-loader {
  background-color: var(--color-primary);
  width: 70px;
  height: 45px;
  margin-left: -35px;
  margin-top: -24px;
}

.bigPlayerOuter .vpl-skin-vega .vpl-big-play svg {
  color: var(--color-primary);
}

.vpl-skin-vega .vpl-volume-level {
  background: var(--color-primary) !important;
}

.bigPlayerOuter .vpl-player {
  max-width: 100%;
}

.bigPlayerOuter.hideControls .vpl-player-controls-visible {
  opacity: 0;
}


.thumbdiv .thumbImg {
  border-radius: var(--radius);
  height: 0;
  padding-top: calc(100% /(16 / 9));
  position: relative;
  overflow: hidden;
  background-size: cover;
}

.relatedVideo {
  padding: 5px;
}

.relatedVideo .listin {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  width: 25%;
}

.relatedVideo .thumbdv {
  border-radius: var(--radius);
  height: 0;
  padding-top: calc(100% /(16 / 9));
  position: relative;
  overflow: hidden;
  background-size: cover;
  width: 96%;
  margin: auto;
  cursor: pointer;
}

.vpl-lightbox {
  background: #000 !important;
}

.vpl-lightbox .vpl-player-loader,
div.vpl-player-loader {
  background-color: var(--color-primary);
  width: 70px;
  height: 45px;
  margin-left: -35px;
  margin-top: -24px;
}

.vpl-lightbox .vpl-back {
  position: relative;
  z-index: 103;
  cursor: pointer;
  margin-top: 15px;
  margin-left: 15px;
  display: inline-block;
  width: 60px;
  height: 30px;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
}

.vpl-lightbox .vpl-volume-level {
  background: var(--color-primary) !important;
}

.vpl-lightbox .vpl-player.vpl-lightbox-center {
  max-width: 100%;
}

.vpl-lightbox .vpl-customized {
  top: 0 !important;
  transform: none !important;
  height: 100% !important;
}

.vpl-lightbox .vpl-customized .vpl-media-holder {
  top: 50%;
  transform: translateY(-50%);
}

.vpl-lightbox .vpl-previous-toggle,
.vpl-lightbox .vpl-next-toggle,
.vpl-lightbox .vpl-share-toggle,
.vpl-lightbox .vpl-embed-toggle,
.vpl-lightbox .vpl-pip-toggle,
.vpl-lightbox .vpl-unmute-toggle {
  display: none !important;
}

.vpl-lightbox .vpl-skin-aviva .vpl-contr-btn svg {
  color: #ffffff;
  height: 22px;
}

.vpl-lightbox .vpl-skin-aviva .vpl-media-time-current {
  color: #FFF;
}

.vpl-lightbox .vpl-skin-aviva .vpl-media-time-current,
.vpl-lightbox .vpl-skin-aviva .vpl-media-time-separator,
.vpl-lightbox .vpl-skin-aviva .vpl-media-time-total {
  font-size: 16px !important;
}

.vpl-lightbox .vpl-skin-aviva .vpl-volume-toggle {
  width: 30px;
}

.vpl-lightbox .vpl-skin-aviva .vpl-settings-holder,
.vpl-lightbox .vpl-skin-aviva .vpl-player-controls-bottom,
.vpl-lightbox .vpl-skin-aviva .vpl-volume-seekbar,
.vpl-lightbox .vpl-skin-aviva .vpl-player-controls-top .vpl-contr-btn,
.vpl-lightbox .vpl-skin-aviva .vpl-share-data,
.vpl-lightbox .vpl-skin-aviva .vpl-info-data,
.vpl-lightbox .vpl-skin-aviva .vpl-embed-data,
.vpl-lightbox .vpl-skin-aviva .vpl-resume-data,
.vpl-lightbox .vpl-skin-aviva .vpl-context-menu,
.vpl-lightbox .vpl-skin-aviva .vpl-big-play,
.vpl-lightbox .vpl-skin-aviva .vpl-pwd-data-wrap {
  background: rgb(0 0 0 / 55%);
}

.vpl-lightbox .vpl-skin-aviva .vpl-volume-bg,
.vpl-lightbox .vpl-skin-aviva .vpl-load-level,
.vpl-skin-aviva .vpl-progress-bg {
  background: #ffffff;
  border-radius: 0;
}

.vpl-lightbox .vpl-skin-aviva .vpl-progress-level {
  background: var(--color-primary) !important;
}

.vpl-lightbox-wrap .vpl-lightbox-close {
  right: inherit;
  right: 10px;
  top: 10px;
  width: 60px;
  height: 60px;
}

.vpl-lightbox-wrap .vpl-lightbox-close svg {
  color: #FFF;
}

.vpl-lightbox-wrap .vpl-skin-aviva .vpl-playback-toggle.vpl-contr-btn {
  width: 70px;
}

.vpl-lightbox-wrap .vpl-skin-aviva .vpl-media-time-total {
  padding-right: 15px;
}

.vpl-lightbox-wrap .vpl-skin-aviva .vpl-player-controls-bottom {
  height: 70px;
}

.vpl-lightbox-wrap .vpl-skin-aviva .vpl-progress-bg,
.vpl-lightbox-wrap .vpl-skin-aviva .vpl-volume-bg {
  top: 33px;
}

.vpl-lightbox-wrap .vpl-lightbox .vpl-skin-aviva .vpl-volume-seekbar {
  background: transparent;
}

.vpl-back-refer {
  position: absolute;
  width: auto;
  z-index: 2147483641 !important;
  color: white;
  top: 30px;
  left: 30px;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  padding-right: 20px;
  cursor: pointer;
  background-size: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: left;
}

.header-quote.tight {
  margin: 0px;
}

.header-quote.tight .quote-icon {
  margin: 0px;
}

.header-quote.tight .notifyBx {
  margin-left: 20px;
}

.notifyBx {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.notifyBx .ICBell {
  width: 25px;
  height: 25px;
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 5px;
  position: relative;
}

.notifyBx .ICBell span {
  position: absolute;
  background: var(--color-primary);
  color: #FFF;
  width: auto;
  padding: 2px 4px;
  line-height: 12px;
  font-size: 12px;
  right: -2px;
  top: -2px;
  border-radius: 100px;
}

.notifyBx .list {
  position: absolute;
  right: -8px;
  top: 0px;
  padding-top: 25px;
  margin-top: 30px;
  display: none;
}

.notifyBx .list .in {
  border: 1px solid #000;
  border-top: 1px solid #FFF;
  background: #000;
}

.notifyBx .list .in:before {
  content: " ";
  display: block;
  border-bottom: 8px solid #FFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: none;
  margin-top: -8px;
  position: absolute;
  left: auto;
  right: 12px;
}

.notifyBx .list .item {
  display: flex;
  align-items: flex-start;
  margin: 10px;
  border-bottom: 1px solid #2f2a2a;
  padding-bottom: 10px;
}

.notifyBx .list .item:last-child {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.notifyBx .list .img img {
  max-width: 120px;
  border-left: 5px solid transparent;
  margin-left: -5px;
}

.notifyBx .list .item.active .img img {
  border-left: 5px solid var(--color-primary);
}

.notifyBx .list .cont {
  padding-left: 10px;
}

.notifyBx .list .title {
  font-size: 14px;
  font-size: 15px;
  line-height: 17px;
  min-width: 200px;
}

.notifyBx:hover .list {
  animation: accountIn .45s forwards;
  display: block;
}

.notifyBx .date {
  color: #7d7d7d;
}

.notifyBx .title:hover {
  color: var(--color-primary);
}

.header-quote.tight .pfMenu {
  margin-left: 20px;
}

.pfMenu {
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.pfMenu .icon {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-color: var(--color-primary);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  text-indent: -99999px;
  border-radius: var(--radius);
}

.pfMenu>.icon {
  background-image: url('../../img/icon/website/account-white.png');
}

.pfMenu .list {
  position: absolute;
  right: 0px;
  top: 0px;
  padding-top: 15px;
  margin-top: 40px;
  display: none;
}

.pfMenu .list .in {
  border: 1px solid #000;
  border-top: 1px solid #FFF;
  background: #000;
  min-width: 180px;
  border-radius: var(--radius);
}

.pfMenu .list .in:before {
  content: " ";
  display: block;
  border-bottom: 8px solid #FFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: none;
  margin-top: -8px;
  position: absolute;
  left: auto;
  right: 12px;
}

.pfMenu .list .item {
  padding: 5px 10px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.pfMenu .list .item:last-child {
  margin-top: 10px;
}

.pfMenu .list .item.active-1 {
  background: #251f1f;
}

.pfMenu .list .item .icon {
  width: 35px;
  height: 35px;
  min-width: 35px;
  background-size: 35px;
  background-color: transparent;
  opacity: 0.7;
}

.pfMenu .list .item .text {
  margin-left: 10px;
  font-size: 15px;
  color: #FFF;
  line-height: 17px;
  opacity: 0.7;
}

.pfMenu .list .item:hover .icon,
.pfMenu .list .item:hover .text {
  opacity: 1;
}

.pfMenu .list .item.signout {
  border-top: 1px solid #232020;
  text-align: center;
  min-height: 40px;
  padding: 0px;
}

.pfMenu .list .item.signout:hover {
  background-color: var(--color-primary);
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.pfMenu .list .item.signout form {
  width: 100%;
}

.pfMenu .list .item.signout button {
  font-size: 14px;
  color: #FFF;
  text-align: center;
  width: 100%;
  display: block;
  padding: 5px 10px;
}

.pfMenu .list .item.manage {
  margin-top: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.pfMenu .list .item.account {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pfMenu .list .item.help {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pfMenu .list .item.manage .icon {
  background-image: url('../../img/icon/website/pencil-white.png');
  background-size: 24px;
}

.pfMenu .list .item.account .icon {
  background-image: url('../../img/icon/website/account-white.png');
  background-size: 19px;
}

.pfMenu .list .item.help .icon {
  background-image: url('../../img/icon/website/help-white.png');
  background-size: 24px;
}

.pfMenu:hover .list {
  animation: accountIn .45s forwards;
  display: block;
}

.pfMenu .list .item.backarrow {
  background: #161616;
  padding-top: 8px
}

.pfMenu .list .item.backarrow:hover {
  background: var(--color-primary);
}

.pfMenu .list .item.backarrow .icon {
  background-image: url('../../img/icon/arrow/line-left-white.png');
  background-size: 24px;
}

.backbtn {
  background: url(../../img/icon/arrow/line-left-white.png) left 20px center no-repeat;
  background-size: 24px;
  padding: 13px;
  padding-left: 57px;
  color: #FFF;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 20px;
  border-radius: var(--radius);
}

.backbtn:hover {
  background-color: #000;
  color: #FFF;
}


.pfMenu .list .item.locked {
  background: url('../../img/icon/website/lock-back.png') right 5px center no-repeat;
  background-size: 15px;
}

.pricingBx {
  margin-bottom: 50px;
}

.pricingBx .pricing-table {
  padding: 60px 10px;
}

.pricingBx .pricing-table ul li,
.pricingBx .pricing-table .title {
  color: #000;
}

.pricingBx .pricing-table .pricing-header {
  margin-bottom: 20px;
}

.pricingBx .pricing-table .pricing-body .content {}

.pricingBx .pricing-table .pricing-body .content ul {
  padding-left: 0px;
  list-style: none;
}

.pricingBx .pricing-table .pricing-body .content li+li {
  margin-top: 4px;
}

.pricingBx .pricing-table .pricing-body .content li {
  font-size: 15px;
  line-height: 20px;
  background: url('../../img/icon/website/bullet-round-tick.png') top 2px left no-repeat;
  background-size: 15px;
  padding-left: 20px;
}

.pricingBx .pricing-btn {
  text-align: center;
}

.pricingBx .pricing-table.active .edu-badge {
  background: #FFC107;
}

.pricingBx .pricing-table .pricing-body {
  margin-bottom: 30px;
}

.pricingBx .pricing-table.active .edu-badge span {
  color: #000;
}

.pricingBx .pricing-table .pricing-header .price-wrap .amount.strike {
  color: #f1b9b9;
  font-size: 21px;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 10px;
}

.pricingBx .pricing-table.active .edu-badge {
  padding-left: 35px;
}

.notetext,
.notetext * {
  font-size: 14px;
}

p.small,
div.small,
div.small p {
  font-size: 17px;
}

.checkout-page-style.nameform {
  max-width: 500px;
  margin: auto;
}

.checkout-page-style.nameform .input-box input {
  background: #555353;
}

#paynowbtn {
  cursor: pointer;
}

#paynowbtn div.spinner {
  margin: auto;
  margin-top: 7px;
}

.edu-btn.cancel {
  width: 130px !important;
  background-color: #353333;
  vertical-align: top;
}

.edu-btn.paynow {
  width: 180px !important;
  vertical-align: top;
  margin-left: 10px;
}

p.payment-warning {
  font-size: 28px;
  color: #ad7812;
}

p.payment-success {
  font-size: 28px;
  color: #286742;
}

p.payment-error {
  font-size: 28px;
  color: #9b0000;
}

#phone::-webkit-inner-spin-button,
#phone::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}



.accpage .subtitle {
  font-size: 22px;
  margin-bottom: 20px;
}

.accpage .wbox {
  background: #FFF;
  color: #000;
  padding: 20px;
  border-radius: var(--radius);
  border: 1px solid #ccc;
  margin-bottom: 50px;
}

.wbox .tag-gradient {
  background: linear-gradient(to left, rgb(0 181 49), rgb(12 18 227), rgb(189 8 199), rgb(219 24 96));
  color: rgb(255, 255, 255);
  display: inline-flex;
  padding: 10px 30px;
  border-top-right-radius: 100px;
  margin-left: -22px;
  font-size: 20px;
}

.wbox .lineinfo {
  font-size: 17px;
  margin: 20px;
}

.wbox .lineinfo .big {
  font-size: 22px;
  font-weight: 800;
  color: #000;
  margin-bottom: 10px;
}

.wbox .lineinfo .large {
  font-size: 18px;
  margin-top: 10px;
}

.wbox .tag {
  display: inline-block;
  vertical-align: top;
  padding: 3px 8px;
  background: #db0101;
  color: #FFF;
  line-height: 21px;
  border-radius: var(--radius);
  padding: 3px 8px;
}

.wbox .tag.green {
  background: #3aa934;
  color: #FFF;
}

.wbox .tag.red {
  background: #db0101;
  color: #FFF;
}

.wbox .linkinfo {
  border-top: 1px solid #ccc;
  padding: 20px;
}

.wbox .linkinfo a {
  font-size: 22px;
  color: #000;
}

.wbox .linkinfo a:hover {
  color: var(--color-primary);
}

.wbox ul {
  padding-left: 0px;
  list-style: none;
}

.wbox li {
  margin-top: 0;
  margin-bottom: 10px;
  color: #000;
  font-size: 17px;
  line-height: 24px;
  background: url('../../img/icon/website/bullet-round-tick.png') top 5px left no-repeat;
  background-size: 15px;
  padding-left: 30px;
}

.edu-btn.full {
  width: 100%;
}

.wbox input,
.wbox select {
  color: #000;
}

.wbox input,
.wbox select,
.wbox input:focus,
.wbox select:focus {
  background: #cfcece;
}

.device .edu-blog.blog-type-2.variation-2.bg-color-gray {
  background: #2d2d2d;
  padding: 0px;
  padding: 5px;
}

.device .eduvibe-status.status-05 {
  font-size: 15px;
  font-weight: 300;
  margin: 2px 17px;
  color: #FFF !important;
  display: block;
  width: 100%;
}

.device .edu-blog.blog-type-2.variation-2 .inner .content .blog-date-status {
  margin-top: -22px;
}

.device .edu-blog.blog-type-2.variation-2 .inner .content .title {
  font-size: 19px;
  font-weight: 300;
}

.whitebtn {
  min-width: 115px;
  height: 35px;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 40px;
  background: var(--color-white);
  color: var(--color-primary);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0px;
}

.whitebtn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}

.device .whitebtn {
  position: absolute;
  right: 10px;
  top: 10px;
}

.device .tag {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  padding: 0px 5px;
  background: #87cf8c;
  color: #000;
  border-radius: var(--radius);
  letter-spacing: 0px;
  font-size: 13px;
}

.device .edu-blog.blog-type-2.variation-2 .inner .content .blog-date-status {
  background-position: top 24px center;
  background-repeat: no-repeat;
  background-size: 30px
}

.device .mobile {
  background-image: url('../../img/icon/mini/device-phone-white.png') !important;
}

.device .pc {
  background-image: url('../../img/icon/mini/device-pc-white.png') !important;
}

.device .tv {
  background-image: url('../../img/icon/mini/device-tv-white.png') !important;
}

.notifyBx>form {
  margin-left: 20px;
}

.referBx .banner,
.referBx .description,
.referBx .instruction {
  margin-bottom: 20px;
}

.referBx .banner img {
  width: 100%;
}


.refercode {
  margin-bottom: 20px;
}

.refercode .url {
  display: inline-block;
  padding: 10px 20px;
  background: #000;
  margin-bottom: 20px;
  word-break: break-all;
}

.credits {
  border: 1px solid #000;
  background: #FFF;
  margin: 20px 0px;
  color: #000;
  border-radius: var(--radius);
  margin-bottom: 40px;
}

.credits>.in {
  padding: 20px;
}

.credits .points .available,
.credits .points .used {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
  font-size: 20px;
}

.credits .points .available span {
  color: green;
}

.credits .points .used span {
  color: var(--color-primary);
}

.credits table {
  margin-top: 30px;
  margin-bottom: 20px;
}

.credits table .header td {
  background: var(--color-primary);
  color: #FFF;
}

.credits table,
.credits table * {
  border-color: var(--color-primary);
}

.attach {
  height: 0px !important;
  width: 0px !important;
  margin-top: -10px !important;
  float: left !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

@keyframes accountIn {
  0% {
    top: 20px;
    opacity: 0;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}

@media (min-width: 900px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .header-style-2.loggedin .container {
    padding-right: 50px;
    padding-left: 50px;
  }

  .slick-prev.slick-arrow {
    left: -30px;
  }

  .slick-next.slick-arrow {
    right: -30px;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1270px;
  }

  .footer_copywright {
    padding-top: 20px;
    padding-right: 100px;
  }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header-style-2 {
    padding: 0 15px;
  }
}

@media (max-width: 1400px) {

  /*.bannerBox{bottom: 300px;}
  .certificate,#bannervideo .video-sound{bottom: inherit;top: 70%;}*/
  .bnCtr {
    margin-bottom: -150px;
  }

  .bnCtr .blended {
    height: 100px;
    margin-top: -95px;
  }
}


@media (max-width: 1010px) {
  .searchBx {
    display: none;
  }
}

@media (max-width: 900px) {
  .container.alertmsg {
    width: 90%;
    left: 5%;
    margin-left: 0px;
  }

  .ajxDtPopup .ppInfo .left,
  .ajxDtPopup .ppInfo .right {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .ajxDtPopup .title {
    padding-right: 0px;
  }

  .ajxDtPopup .description {
    padding-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1368px) {
  header>.container {
    max-width: 100%;
  }

  .logo-light {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    display: block;
    height: 75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mainmenu-nav .mainmenu>li>a {
    padding: 0 7px;
  }

  .footer_copywright {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-style-2 {
    padding: 0 20px;
  }

  .footer_copywright {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --font-size-b1: 18px;
    --font-size-b2: 16px;
    --font-size-b3: 15px;
    --font-size-b4: 14px;
    --h1: 35px;
    --h2: 31px;
    --h3: 29px;
    --h4: 23px;
    --h5: 20px;
    --h6: 17px;
  }

  header .container,
  header .container-sm,
  footer .container,
  footer .container-sm {
    max-width: 100%;
  }

  .home .edu-section-gap {
    padding: 60px 0 !important;
  }

  .bannerBox {
    bottom: 5%;
  }

  .bannerBox .bannerContent {
    display: none;
  }

  .bnCtr {
    margin-bottom: 0px;
  }

  .bnCtr .blended {
    display: none;
  }

  .haveFilter {
    margin-top: 30px;
  }

  .header-quote.tight .notifyBx {
    display: none;
  }

  /*.edu-section-gap,.footer-style-default .footer-top{padding: 30px 0 !important;}*/
  .account.twocolmn .left-sidebar>.in {
    padding-right: 0px;
  }

  .account.twocolmn .left-sidebar,
  .account.twocolmn .content-area,
  .account.twocolmn .hLTGrid .hLTColm,
  .account.twocolmn>.hLTGrid {
    display: block;
  }

  .account.twocolmn .left-sidebar,
  .account.twocolmn .content-area {
    width: 100%;
    margin-bottom: 30px;
  }

  .account.twocolmn .grid .hLTGrid .hLTColm {
    padding: 0px;
  }

  .prfModal .icList .item .thumb {
    max-width: 100px;
  }

  .prfModal .icList .item .thumb>.in {
    width: 100px;
    height: 100px;
  }

  .prfModal .icList {
    text-align: center;
    display: block;
  }

  .prfModal .icList .item {
    text-align: center;
    display: block;
  }

  .prfModal .icList .item {
    display: inline-block;
  }

  .prfModal .title {
    font-size: 26px;
  }

  .prfModal .btn {
    padding: 5px 10px;
    font-size: 16px;
  }

  .prfModal .icList .item .label {
    font-size: 15px;
    margin-top: 5px;
  }


}



@media only screen and (max-width: 620px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .header-style-2.loggedin .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .ajxBlocks {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bannerBox {
    left: 20px;
  }

  .bnPost .playBtn,
  .bnPost .moreInfo,
  .whiteBtn {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
  }

  .header-style-2 a.edu-btn.btn-medium.head-loginbtn {
    width: auto;
    padding: 0px 10px;
    margin-right: 0px;
  }

  .logo-light {
    margin-left: auto;
    margin-right: auto;
    height: 65px;
    display: block;
  }

}

.ajxBanner {
  padding-top: 70px;
}


.appSpace {
  padding-bottom: 60px;
}

.img-width {
  max-width: 92%;
}






/*

@keyframes loadingAnimation { 0% {background-position: -100% 0;} 100% {background-position: 100% 0;}}
@keyframes unfoldIn {0% {transform: scaleY(.005) scaleX(0);}50% {transform: scaleY(.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(.005) scaleX(1);}100% {transform: scaleY(.005) scaleX(0);}}
@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes fadeIn {0% {background: rgba(0,0,0,.0);}100% {background: rgba(0,0,0,.7);}}
@keyframes fadeOut {0% {background: rgba(0,0,0,.7);}100% {background: rgba(0,0,0,.0);}}
@keyframes scaleUp {0% {transform: scale(.8) translateY(1000px);opacity: 0;}100% {transform: scale(1) translateY(0px);opacity: 1;}}
@keyframes scaleDown {0% {transform: scale(1) translateY(0px);opacity: 1;}100% {transform: scale(.8) translateY(1000px);opacity: 0;}}
@keyframes scaleBack {0% {transform: scale(1);}100% {transform: scale(.85);}}
@keyframes scaleForward {0% {transform: scale(.85);}100% {transform: scale(1);}}
@keyframes quickScaleDown {0% {transform: scale(1);}99.9% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes slideUpLarge {0% {transform: translateY(0%);}100% {transform: translateY(-100%);}}
@keyframes slideDownLarge {0% {transform: translateY(-100%);}100% {transform: translateY(0%);}}
@keyframes moveUp {0% {transform: translateY(150px);}100% {transform: translateY(0);}}
@keyframes moveDown {0% {transform: translateY(0px);}100% {transform: translateY(150px);}}
@keyframes blowUpContent {0% {transform: scale(1);opacity: 1;}99.9% {transform: scale(2);opacity: 0;}100% {transform: scale(0);}}
@keyframes blowUpContentTwo {0% {transform: scale(2);opacity: 0;}100% {transform: scale(1);opacity: 1;}}
@keyframes blowUpModal {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes blowUpModalTwo {0% {transform: scale(1);opacity: 1;}100% {transform: scale(0);opacity: 0;}}
@keyframes roadRunnerIn {0% {transform: translateX(-1500px) skewX(30deg) scaleX(1.3);}70% {transform: translateX(30px) skewX(0deg) scaleX(.9);}100% {transform: translateX(0px) skewX(0deg) scaleX(1);}}
@keyframes roadRunnerOut {0% {transform: translateX(0px) skewX(0deg) scaleX(1);}30% {transform: translateX(-30px) skewX(-5deg) scaleX(.9);}100% {transform: translateX(1500px) skewX(30deg) scaleX(1.3);}}
@keyframes sketchIn {0% {stroke-dashoffset: 778;}100% {stroke-dashoffset: 0;}}
@keyframes sketchOut {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: 778;}}
@keyframes modalFadeIn {0% {background-color: transparent;}100% {background-color: white;}}
@keyframes modalFadeOut {0% {background-color: white;}100% {background-color: transparent;}}
@keyframes modalContentFadeIn {0% {opacity: 0;top: -20px;}100% {opacity: 1;top: 0;}}
@keyframes modalContentFadeOut {0% {opacity: 1;top: 0px;}100% {opacity: 0;top: -20px;}}
@keyframes bondJamesBond {0% {transform: translateX(1000px);}80% {transform: translateX(0px);border-radius: 75px;height: 75px;width: 75px;}90% {border-radius: 3px;height: 182px;width: 247px;}100% {border-radius: 3px;height: 162px;width: 227px;}}
@keyframes killShot {0% {transform: translateY(0) rotate(0deg);opacity: 1;}100% {transform: translateY(300px) rotate(45deg);opacity: 0;}}
@keyframes fadeToRed {0% {background-color: rgba(black,.6);}100% {background-color: rgba(red,.8);}}
@keyframes slowFade {0% {opacity: 1;}99.9% {opacity: 0;transform: scale(1);}100% {transform: scale(0);}}

*/
.pricing-header {
  position: relative;
}

/* Ads Free - top right */
.ads-free-badge {
  position: absolute;
  top: -47px;
  left: 0;
  /* left corner */
  background: #28a745;
  color: #fff;
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 600;
  z-index: 2;
}

/* Optional: improve existing badge */

@media (max-width: 768px) {
  .ads-free-badge {
    top: -42px;
    left: 0;
    font-size: 12px;
    padding: 6px 14px;
  }
}