@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@font-face {
  font-family: SF-UI-Display_medium;
  src: url("../fonts/sf-ui-display-medium-58646be638f96.woff") format("woff"); }

@font-face {
  font-family:nyt-imperial;
  src: url("../fonts/nyt-imperial.woff") format("woff"); }
@font-face {
  font-family: nyt-cheltenham;
  src: url("../fonts/nyt-cheltenham.woff") format("woff"); }

@font-face {
  font-family: SF-UI-Display_regular;
  src: url("../fonts/SF-UI-Display_Regular_Cyrillic.otf") format("opentype"); }

@font-face {
  font-family: Rupee_Foradian;
  src: url("../fonts/Rupee_Foradian.ttf"); }


body {
  font-size: 14px;
    font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
  background: #FFFFFF; }
  .olive-wrap{
      position:relative;
      width:100%;
      height:100%;
  }
  :-webkit-scrollbar {
   -webkit-appearance: none;
   width: 18px;
}
::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-color: rgba(0,0,0,.5);
     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.visible-xs {
  display: none !important; }

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important; }
    .visible-xs {
        display: flex !important; }
}

  a, .btn, button, a:focus, .btn:focus, button:focus, a:hover, .btn:hover{ outline:none;text-decoration:none;}
.sidebar-open-bg {
  background-color: rgba(0, 0, 0, 0.59);
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1032; }
  ::-webkit-scrollbar {
     width: 6px;
  }
 
/* top-header */
.top-header {
  background: #fff;
  position: fixed;
  z-index: 1030;
  /*border-bottom: 2px solid #E4E7E8;*/
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 100%; }
  .top-header .top-header-inner {
    padding: 10px 20px 10px 20px;
    min-height: 56px; }
    .top-header .top-header-inner .div_logo {
      float: left;
      display: inline-block; }
    .top-header .top-header-inner .buyuser-group {
      float: right;
      display: flex;
      flex-direction:row;
      flex-wrap:nowrap;
      justify-content:flex-end;
      align-items:center;
      align-content:center;
      }
    .top-header .top-header-inner .tp-buycourses {
      display: flex;
      position:relative;
      top:-2px;
     }
.tp-wallet {
      display: flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      align-content:flex-start;
      cursor: pointer; 
      margin-right: 20px;
      position: relative;
      min-width: 128px; }
      .tp-wallet .tpw-top{
          display:flex;
          flex-direction:row;
          flex-wrap:nowrap;
      justify-content:center;
      align-items:center;
      align-content:center;
      margin-bottom:2px;
      }
      .tp-wallet .tpw-top .tp-ic-treaea{
        background: url("../img/ic_wallet.svg") no-repeat center center;
        display: flex;
        width: 22px;
        height: 22px;
        margin-right: 8px; }
      .tp-wallet p {
        margin: 0;
        padding: 0; }
      .tp-wallet .tpw-top .tp-toalpoints {
        font-family: SF-UI-Display_regular;
        font-size: 16px;
        background: transparent;
        line-height: 20px;
        color: #000;
        font-weight: 600; }
      .tp-wallet .tpw-top .tptxtrefere {
        font-family: SF-UI-Display_regular;
        font-size: 11px;
        background: transparent;
        line-height: 11px;
        color: #646464; }
      .tp-wallet .tpw-top .tphrupee-symbol {
        color: inherit;
        display:flex;
        font-family: Rupee_Foradian;
        margin-right: 2px; }

      .tp-wallet .tpw-bottom{
          display:flex;
          flex-direction:row;
          flex-wrap:nowrap;
         justify-content:center;
      align-items:center;
      align-content:center;
  font-weight:400;
  padding: 1px 4px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);
      font-family: SF-UI-Display_medium;

      }
   .tp-wallet .tpw-botbg-red{
        background: #ff0000;
        color: #FFF;
    }
   .tp-wallet .tpw-botbg-blue{
        background: #19388a;
        color: #FFF;
        animation: waggle 1s 3s forwards ease-out;
    }
  .tp-wallet .tpw-bottom .ic_expires {
    display: flex;
    width: 13px;
    height: 13px;
    margin-right:3px;
    margin-left:3px;
    background: url("../img/ic_clock.svg") no-repeat;
   }
  .tp-wallet .tpw-bottom .wexptimer1 {
    display: flex;
    position: relative;
    min-width: 58px; }
/* wallet Expires*/

    /* /.top-header */
/* left menu */
.navbar-fixed-side-left {
  left: 0; }

.navbar-fixed-side-right {
  right: 0; }
.navbar-fixed-side {
  position: fixed;
  border-width: 0;
  z-index: 1040;
  min-height: 5px;
  min-width: 5px;
  margin-bottom: 0;
  border: 0 solid transparent; }

.navbar-fixed-side #mainmenu-navbar {
  position: fixed;
  width: 224px;
  height:calc(100vh - 58px);
  background: #FFF;
  background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
  background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 1030; 
  left:0;
}


.navbar-postlogin {
  border-radius: 0;
  width: 224px;
  background: #FFF;
  top: 58px;
  height: 100%; 
  font-family: 'Lato', sans-serif;
}

.navbar-fixed-side .navbar-toggle {
  float: none;
  margin: 0; }

.navbar-toggle .icon-bar {
    background: #000;
    opacity:0.6;
}
.navbar-fixed-side .nav > li > a {
  width: 100%; }

.navbar-fixed-side .dropdown-menu > li > a {
  padding: 5px; }

.navbar-fixed-side .dropdown-header {
  padding: 5px; }

.navbar-fixed-side .navbar-nav, .navbar-fixed-side .navbar-nav-logo {
  margin: 0;
  width: 100%; }

.navbar-fixed-side .navbar-nav {
  padding: 0;
  border-bottom: 1px solid rgba(240, 240, 240, 0.3); }

.navbar-fixed-side .navbar-nav:last-child {
  border-bottom: none; }

.navbar-fixed-side .navbar-nav > li, .navbar-fixed-side .navbar-nav-logo > li, .navbar-subtabs > li, .navbar-subtabs > li .subtabs-collapse > li {
  float: none; }

.navbar-fixed-side .navbar-nav > .menu-header {
  font-weight: 600;
  font-size: 14px;
  /*text-transform: uppercase;*/
  color: #d6ecf5;
  padding: 8px 3px 3px 20px;
  line-height: 20px;
  letter-spacing: 0.6px; }
.navbar-fixed-side .navbar-nav > li {
  position:relative;
}
.navbar-fixed-side .navbar-nav > .mm-divider {
    height:1px;
    background-color:#ebebeb;
}

.navbar-fixed-side .navbar-nav > li > a {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-content:center;
  align-items:center;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  cursor:pointer; 
  padding:0;
  letter-spacing: normal; }
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    align-content:center;
    width:48px;
    padding: 9px;
}
.navbar-fixed-side .navbar-nav > li > a > .tabstext{
    display:inline-block;
    width:calc(100% - 54px);
    padding: 9px;
    
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer {
  width: 28px;
  height: 28px;
  display:block;
  padding:4px;
  border-radius:3px;
}
.navbar-fixed-side .navbar-nav > li >  a > .tabsicon-group > .tabsicon-outer > .tabs-icon {
  width: 20px;
  height: 20px;
  display:block;
 }
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_dashboard {
    background:url('../img/leftmenu/dashboard.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_lm_search {
    background:url('../img/leftmenu/search.svg') no-repeat center center;
}

.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_resources {
    background:url('../img/leftmenu/resources.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_edge {
    background:url('../img/leftmenu/edge.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_skillboard {
    background:url('../img/leftmenu/videos.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_videos {
    background:url('../img/leftmenu/videos.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_tests {
    background:url('../img/leftmenu/tests.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_improve {
    background:url('../img/leftmenu/improve.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_free-books {
    background:url('../img/leftmenu/free-books.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair1 {
    background:url('../img/leftmenu/current-affair.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair2 {
    background:url('../img/leftmenu/current-affair.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair3 {
    background:url('../img/leftmenu/current-affair.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_study-plan {
    background:url('../img/leftmenu/study-plan.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_group-study {
    background:url('../img/leftmenu/group-study.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_discuss {
    background:url('../img/leftmenu/discuss.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_success-stories {
    background:url('../img/leftmenu/success-stories.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_logout {
    background:url('../img/leftmenu/logout.svg') no-repeat center center;
}
.navbar-fixed-side .navbar-nav > li.active > a > .tabsicon-group > .tabsicon-outer > .icon_dashboard, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group >.tabsicon-outer > .icon_dashboard {
      background:url('../img/leftmenu/adashboard.svg') no-repeat center center; 
  }

  .navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_resources, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_resources {
    background:url('../img/leftmenu/aresources.svg') no-repeat center center;
  }
.navbar-fixed-side .navbar-nav > li.active > a > .tabsicon-group > .tabsicon-outer > .icon_lm_search, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group >.tabsicon-outer > .icon_lm_search {
      background:url('../img/leftmenu/asearch.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_edge, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_edge {
      background:url('../img/leftmenu/aedge.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_videos, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_videos {
      background:url('../img/leftmenu/avideos.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_tests, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_tests {
      background:url('../img/leftmenu/atests.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_improve, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_improve {
      background:url('../img/leftmenu/aimprove.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_free-books, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_free-books {
      background:url('../img/leftmenu/afree-books.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_current-affair1, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair1 {
      background:url('../img/leftmenu/acurrent-affair.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_current-affair2, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair2 {
      background:url('../img/leftmenu/acurrent-affair.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_current-affair3, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_current-affair3 {
      background:url('../img/leftmenu/acurrent-affair.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_study-plan, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_study-plan {
      background:url('../img/leftmenu/astudy-plan.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_group-study, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_group-study {
      background:url('../img/leftmenu/agroup-study.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_discuss, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_discuss {
      background:url('../img/leftmenu/adiscuss.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_success-stories, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_success-stories {
      background:url('../img/leftmenu/asuccess-stories.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer > .icon_logout, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer > .icon_logout {
      background:url('../img/leftmenu/alogout.svg') no-repeat center center; 
  }
.navbar-fixed-side .navbar-nav > li.active >  a > .tabsicon-group > .tabsicon-outer, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group > .tabsicon-outer {
    background-color:#00b8ee;

}
.navbar-fixed-side .navbar-nav > li > a:focus{
  background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
    /*color:#00b8ee;*/
}
.navbar-fixed-side .navbar-nav > li.active > a, .navbar-fixed-side .navbar-nav > li > a:hover{
  background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 21%, rgba(255,255,255,1) 21%, rgba(255,255,255,1) 100%);
  color: #00b8ee;
}

/* left menu */

.btn-buycourses {
  border-radius: 2px;
  background: #34a2ce;
font-family: 'Lato', sans-serif;
  font-weight: 700;
  border: 0;
  font-size: 12px;
  line-height: 18px;
  padding: 9px 24px;
  color: #fff;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.26); }

.btn-buycourses:hover, .btn-buycourses:focus {
  background: #34a2ce;
  color: #fff; }
/* main block */
.main-sec {
  position: relative;
  padding-left: 224px;
  padding-top: 58px;
  }
  .main-sec .mainWrap-sec {
    position: relative;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display:flex;
    flex-direction:row;
    align-content:flex-start;
    justify-content:flex-start;
    align-items:flex-start;
}

/*Ad card */
.obadcard{
    display:none;
    position:fixed;
    top:0;
    right:0;
    width:199px;
    height:100vh;
    border:1px solid #D8DCDE;
}
.obadcard .obadcard-inner{
    width:100%;
    padding:10px 8px;
    overflow-y:auto;
}
.obadcard .obadcard-inner .obadheader{ 
    font-size:14px;
    font-weight:700;
    color:#000;
    margin:0;
    padding:0;
    line-height:20px;
    margin-bottom:8px;
}
.obadcard .obadcard-inner .obadcard-items{ 
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
    width:100%;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item{
    display:flex;
    width:100%;
    border-radius:5px;
    margin-bottom:8px;
    max-width:264px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.obadcard .obadcard-inner .obadcard-items .bg-blue1{
    background:url('../img/obad/bg-blue1.svg') no-repeat center center;
}
.obadcard .obadcard-inner .obadcard-items .bg-red{
    background:url('../img/obad/bg-red.svg') no-repeat center center;
}
.obadcard .obadcard-inner .obadcard-items .bg-blue2{
    background:url('../img/obad/bg-blue2.svg') no-repeat center center;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner{
    width:100%;
    padding:8px;
}
/* wallet */
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    align-content:flex-start;
    justify-content:center;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col:nth-child(1){
    width:60%;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col:nth-child(2){
    width:40%;
    align-items:flex-end;
    align-content:flex-end;

}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col h2{
    margin:0;
    padding:0;
    font-size:16px;
    line-height:24px;
    color:#2180fe;
    font-weight:700;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col p{
    margin:0;
    padding:0;
    font-size:10px;
    line-height:12px;
    color:#000;
    font-weight:400;
    margin-bottom:10px;

}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .wbbox .wbbox-col img{
    max-width:80%;
}
/* event */
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner p{
    margin:0;
    padding:0;
    margin-bottom:8px;
    position:relative;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner p .event-name{
   display:inline-block;
   font-size:14px;
   color:#ec0015;
   padding:3px 8px 3px 8px;
   min-width:112px;
   line-height:20px;
   background-color:#FFEBED;
   border-radius:13px;
   text-align:center;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .event-header{
    font-size:14px;
    font-weight:700;
    line-height:18px;
    color:#000;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .event-text{
    font-size:12px;
    line-height:14px;
    color:#000;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .event-time{
    font-size:12px;
    line-height:14px;
    color:#000;
    opacity:0.6;
}
/* green */
.obadcard .obadcard-inner .obadcard-items .bg-green .obadcard-item-inner{
    padding:0;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner p .green-header{
    display:inline-block;
    font-size:14px;
    line-height:18px;
    /*text-transform:uppercase;*/
    color:#000;
    position:absolute;
    top:10px;
    left:8px;
    font-weight:700;

}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner p .txt-green{
    color:#31ba68;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .green-content{
    padding:0 8px 8px 8px;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .green-content .green-subheader{
    font-size:12px;
    line-height:14px;
    color:#31ba68;
    font-weight:700;

}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .green-content .green-points{
    list-style-image:url('../img/obad/path-3.svg');
    width:100%;
    margin:0;
    padding-left:18px;
    margin-bottom:8px;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .green-content .green-points li{
    font-size:12px;
    line-height:15px;
    color:#000;
    margin-bottom:5px;
}
.obadcard .btn-deals{
    padding:3px 8px 2px;
    font-size:13px;
    font-weight:700;
    line-height:18px;
    border-radius:5px;
    min-width:88px;
    text-align:center;
}
/* offer */
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner p .offer-name{
   display:inline-block;
   font-size:14px;
   color:#000;
   padding:3px 8px 3px 8px;
   min-width:112px;
   line-height:20px;
   background-color:#ffd04f;
   border-radius:13px;
   text-align:center;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .offer-header{
    font-size:16px;
    font-weight:700;
    line-height:24px;
    color:#FFF;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .offer-header .offer-amount{
    font-size:24px;
    vertical-align:middle;
}
.obadcard .obadcard-inner .obadcard-items .obadcard-item .obadcard-item-inner .offer-text{
    font-size:12px;
    line-height:14px;
    color:#FFF;
}
.obadcard .btn-blue, .obadcard .btn-blue:hover, .obadcard .btn-blue:focus{
    color:#FFF;
    background-color:#2180fe;
}
.obadcard .btn-red, .obadcard .btn-red:hover, .obadcard .btn-red:focus{
    color:#FFF;
    background-color:#ec0015;
}
.obadcard .btn-green, .obadcard .btn-green:hover, .obadcard .btn-green:focus{
    color:#FFF;
    background-color:#31ba68;
}
.obadcard .btn-white, .obadcard .btn-white:hover, .obadcard .btn-white:focus{
    color: #0037fc;
    background-color:#FFF;
}
/* wrap rightside */
.main-sec .mainWrap-sec .wrap-rightSide {
    display: block;
    width: 100%;
    height:calc(100vh - 58px);
    overflow-y:auto;
    padding: 10px 16px; }
.sec-onecol .mainWrap-sec .wrap-rightSide{
    width:100%;
}
.alert-offers {
  font-size:13px;
  margin: 6px 0 12px 0;
  padding: 14px 12px 12px 12px;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  color: #000;
  
}
.alert-offers a{
    color: rgba(0, 0, 0, 0.5);
}
.alert-offers .ic-offer{
    display:inline-block;
    margin-right:8px;
    vertical-align:bottom;
}
.wrap-rightSide .header-group{
    margin-bottom:8px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.wrap-rightSide .content-header{
    font-size:16px;
    color:rgba(0,0,0,0.9);
    margin:0;
    padding:0;
    line-height:24px;
    font-weight:bold;
    margin-bottom:8px;
}
.wrap-rightSide .content-header a{
    color:#004EC5;
}
.wrap-rightSide .control-vmvl{
    display:flex;
    cursor:pointer;
    font-size:12px;
    color:#004EC5;
    line-height:18px;
    font-weight:700;
}
.sellayout-outer{
    display: inline-block;
    line-height:24px;
}
.sel-layout {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 20px;
    cursor: pointer; 
}
 .layout-grid {
  background:url("../img/test/grid_view_grey.svg") no-repeat; }
.layout-grid-active {
  background:url("../img/test/grid_view.svg") no-repeat;  }
.layout-list {
  background:url("../img/test/list_view_grey.svg") no-repeat; 
   }
.layout-list-active {
  background:url("../img/test/list_view.svg") no-repeat; 
  }
.wrap-rightSide .extrainfo{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    margin-bottom:12px;
    flex-wrap:wrap;
}
.wrap-rightSide .extrainfo .extrainfo-col{
    display:flex;
    width:50%;
}
.wrap-rightSide .extrainfo .extrainfo-col:nth-child(1){
    padding-right:6px;
}
.wrap-rightSide .extrainfo .extrainfo-col:nth-child(2){
    padding-left:6px;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc{
    width:100%;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard{
    padding:12px 12px 12px 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color:#FFF;
    position:relative;
    display:block;
    width:100%;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard p{
    font-size:14px;
    line-height:20px;
    margin:0;
    padding:0;
    color:#000;
    margin-bottom:6px;
}
.wrap-rightSide .extrainfo .extrainfo-col .infocard .leftstrip{
    position:absolute;
    width:3px;
    height:100%;
    top:0;
    left:0;
}
.wrap-rightSide .extrainfo .extrainfo-col .infocard .orange{
    background-color:#fe9601;
}
.wrap-rightSide .extrainfo .extrainfo-col .infocard .blue{
    background-color:#00bbe1;
}
.wrap-rightSide .extrainfo .extrainfo-col .infocard .purple{
    background-color:#b620e0;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard .lc-ttext{
    font-size:13px;
    line-height:16px;
    border-radius:16px;
    background-color:#FEFAEB;
    color: #fe9601;
    padding:4px 8px;
    position:absolute;
    right:12px;
    top:12px;
}

.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard .lc-icons{
    margin-top:2px;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard .lc-header{
    font-weight:700;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-lc .infocard .lc-time{
    color:rgba(0,0,0,0.5);
    font-size:12px;
    line-height:18px;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col{
    display:flex;
    width:100%;
    margin-bottom:6px;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col:last-child{
    margin-bottom:0;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard{
    padding:8px 8px 8px 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color:#FFF;
    position:relative;
    display:block;
    width:100%;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol1{
    width:65%;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol2{
    width:35%;
    justify-content:flex-end;
}

.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol .top{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:6px;
    width:100%;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol .top span{
    font-size:14px;
    font-weight:700;
    line-height:20px;
    display:inline-block;
    margin-left:8px;
    color:#000;
}
.wrap-rightSide .extrainfo .extrainfo-col .info-rightside .info-rightside-col .infocard .ircol .infotime{
    color:rgba(0,0,0,0.5);
    font-size:12px;
    line-height:18px;
    width:100%;
    margin:0;
    padding:0;
}

.btn-extrainfo{
    padding:6px 8px;
    background-color:#FFF;
    font-size:12px;
    color:#00b8ee;
    line-height:16px;
    border: solid 1px #00b8ee;
    min-width:119px;
    /*text-transform:uppercase;*/
    border-radius:3px;
}
.btn-extrainfo:hover, .btn-extrainfo:focus{
    color:#00b8ee;
}
/* other details */
.otherdetails{
    position:relative;
    margin-bottom:16px;
}
.otherdetails .od-row{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    flex-wrap:wrap;
}
.otherdetails .od-col{
    display:flex;
    width:33.33%;
}
.otherdetails .od-col .od-col-inside{
    width:100%;
    padding:16px 9px;
    margin:6px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
    background:#FFF;
    position:relative;
}
.otherdetails .od-col .od-col-inside .leftstrip{
    position:absolute;
    width:100%;
    height:3px;
    top:0;
    left:0;
}
.otherdetails .od-col .od-col-inside .orange{
    background-color:#fe9601;
}
.otherdetails .od-col .od-col-inside .blue{
    background-color:#00bbe1;
}
.otherdetails .od-col .od-col-inside .purple{
    background-color:#b620e0;
}
.otherdetails .od-col .od-col-inside .ircol{
    display:flex;
    flex-direction:column;
}
.otherdetails .od-col .od-col-inside .ircol1{
    width:100%;
    padding-bottom:16px;
}
.otherdetails .od-col .od-col-inside .ircol2{
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:center;
}

.otherdetails .od-col .od-col-inside .ircol .top{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:6px;
    width:100%;
    padding-left:3px;
    padding-right:3px;
}
.otherdetails .od-col .od-col-inside .ircol .top h3{
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    display:inline-block;
    margin-left:8px;
    color:#000;

}
.otherdetails .od-col .od-col-inside .ircol .infotime{
    color:rgba(0,0,0,0.5);
    font-size:12px;
    line-height:18px;
    width:100%;
    margin:0;
    padding:0;
    padding-left:3px;
    padding-right:3px;
}

.btn-extrainfo{
    padding:6px 8px;
    background-color:#FFF;
    font-size:12px;
    color:#00b8ee;
    line-height:16px;
    border: solid 1px #00b8ee;
    min-width:112px;
    /*text-transform:uppercase;*/
    border-radius:3px;
    margin:3px;
}
.btn-extrainfo:hover, .btn-extrainfo:focus{
    color:#00b8ee;
}
/* other details */
/*content*/
.sec-content{
    margin-top:8px;
    margin-bottom:8px;
}
.sec-content h3{
    font-size:16px;
    color:#000;
    line-height:24px;
    margin:0;
    padding:0;
    margin-bottom:12px;
    margin-top:8px;
    font-weight:700;
}
.sec-content h5{
    font-size:14px;
    color:#000;
    line-height:20px;
    margin:0;
    padding:0;
    margin-bottom:5px;
    font-weight:700;
}
.sec-content p{
    font-size:14px;
    color:#000;
    line-height:24px;
    margin:0;
    padding:0;
    margin-bottom:12px;
}
.sec-content .sh-text{
    cursor:pointer;
    display:inline-block;
    color:#004EC5;
}
.sec-content ul{
    list-style:none;
    width:100%;
    margin-bottom:12px;
}
.sec-content ul li{
    font-size:14px;
    color:#000;
    padding-bottom:5px;
    line-height:24px;
}
.sec-content ul.faculty li{
    line-height:69px;
}
.sec-content .lc-btn-group{
    position:relative;
    margin-bottom:12px;
}
.btn-ob{
    border-radius: 2px;
    font-weight: 700;
    border: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 8px 24px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
    margin-left:4px;
    margin-right:4px;
}
.btn-ob-blue{
    background: #34a2ce;
    color: #fff;
}
.btn-ob-green{
    background: #12a90d;
    color: #fff;
}
/* tests */
.listofcards{
    position:relative;
    margin-top:8px;
}
.listofcards .container-cards{
    width:100%;
    display:flex;
}
.listofcards .listview{
   flex-direction:column;
   align-items:center;
   justify-content:flex-start;
}
.listofcards .gridview{
   flex-direction:row;
   align-items:stretch;
   align-content:stretch;
   justify-content:flex-start;
   flex-wrap: wrap;
}
.listofcards .listview .testcard{
    width:100%;
    display:flex;
    cursor:pointer;
}
.listofcards .gridview .testcard{
    width:33.33%;
    display:flex;
}
.listofcards .listview .hidetest, .listofcards .gridview .hidetest{
    display:none;
}
.listofcards .listview .testcard .testcard-inner{
    padding:16px 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color:#FFF;
    position:relative;
    width:100%;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom:1px;
    margin-top:1px;
}
.listofcards .gridview .testcard .testcard-inner{
    padding:12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color:#FFF;
    position:relative;
    width:100%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-right:16px;
    margin-bottom:16px;
}
.listofcards .listview .testcard .testcard-inner .strip{
    position:absolute;
    top:0;
    left:0;
    width:3px;
    height:100%;
}
.listofcards .gridview .testcard .testcard-inner .strip{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
}
.listofcards .container-cards .available .testcard-inner .strip{
    background-color:#335e90;
}
.listofcards .container-cards .completed .testcard-inner .strip{
    background-color:#31ba68;
}
.listofcards .container-cards .locked .testcard-inner .strip{
    background-color:#e02020;
}

.listofcards .container-cards .comingsoon .testcard-inner .strip{
    background-color:#6e6e73;
}
.listofcards .listview .testcard .card-items{
    display:flex;
    flex-direction:row;
    width:100%;
}
.listofcards .gridview .testcard .card-items{
    display:flex;
    flex-direction:column;
    width:100%;
}
.listofcards .container-cards .testcard .card-items .col-card-item{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.listofcards .listview .testcard .card-items .col-card-item:nth-child(1){
    width:32%;
}
.listofcards .listview .testcard .card-items .col-card-item:nth-child(2){
    width:25%;
}
.listofcards .listview .testcard .card-items .col-card-item:nth-child(3){
    justify-content:space-around;
    width:15%;
}
.listofcards .listview .testcard .card-items .col-card-item:nth-child(4){
    width:28%;
    justify-content:flex-end;
}
.listofcards .gridview .testcard .card-items .col-card-item{
    width:100%;
}
.listofcards .gridview .testcard .card-items .col-card-item:nth-child(1){
    padding-bottom:12px;
    border-bottom:1px solid #eaeaea;
}
.listofcards .gridview .testcard .card-items .col-card-item:nth-child(2){
    padding-bottom:12px;
    padding-top:12px;
}
.listofcards .gridview .testcard .card-items .col-card-item:nth-child(3){
    padding-bottom:12px;
    border-bottom:1px solid #eaeaea;
}
.listofcards .gridview .testcard .card-items .col-card-item:nth-child(4){
    padding-top:12px;
    justify-content:center;
}
.listofcards .container-cards .testcard .card-items .col-card-item h3{
    font-size:14px;
    color:#000;
    font-weight:700;
    line-height:20px;
    margin:0;
    padding:0;
}
.listofcards .container-cards .available .card-items .col-card-item h3{
    color:#000;
}
.listofcards .container-cards .completed .card-items .col-card-item h3{
    color:#31ba68;
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox{
    display:flex;
    align-items:center;
    align-content:flex-start;
    flex-direction:row;
    flex-wrap:nowrap
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox .cibox-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    align-content:flex-start;
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox .cibox-item:nth-child(1){
    margin-right:4px;
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox .cibox-item img{
    width:20px;
    height:18px;
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox .cibox-item span:nth-child(1){
    display:flex;
    font-size:12px;
    line-height:12px;
    font-weight:700;
    margin-bottom:2px;
}
.listofcards .container-cards .testcard .card-items .col-card-item .cibox .cibox-item span:nth-child(2){
    font-size:10px;
    line-height:10px;
}
.listofcards .container-cards .available .card-items .col-card-item .cibox .cibox-item span{
    color:#b7b7b7;
}
.listofcards .container-cards .completed .card-items .col-card-item .cibox .cibox-item span:nth-child(1){
    color:#3d4645;
}
.listofcards .container-cards .completed .card-items .col-card-item .cibox .cibox-item span:nth-child(2){
    color:#5f686d;
}
.listofcards .container-cards .completed .card-items .col-card-item .cibox .cibox-item span .red{
    color:#f44749;
}
.listofcards .container-cards .locked .card-items .col-card-item .cibox .cibox-item span{
    color:#b7b7b7;
}
.btn-test{
    padding:6px 8px;
    font-weight:700;
    font-size:12px;
    line-height:16px;
    border-radius:3px;
    background-color:#FFF;
    border-radius:3px;
}
.btn-test:nth-child(2){
    margin-left:8px;
}
.btn-test-sw{
    min-width:120px;
}
.btn-taketest, .btn-taketest:hover, .btn-taketest:focus{
    border:1px solid #00b8ee;
    color:#00b8ee;
}
.btn-completed, .btn-completed:hover, .btn-completed:focus{
    border:1px solid #31ba68;
    color:#31ba68;
}
.btn-locked, .btn-locked:hover, .btn-locked:focus{
    color:#ff5b5b;
    border:0;
    display:flex;
    justify-content:center;
}
.btn-locked span{
    display:flex;
    width:10px;
    height:14px;
    background:url("../img/test/locked.svg");
    vertical-align:middle;
    margin-right:4px;

}

.sh-tests-group{
    margin-top:12px;
    margin-bottom:16px;
    color:rgb(0,0,0,0.5);
    font-size:12px;
    text-align:center;
    font-weight:700;
}
.sh-tests-group span{
    cursor:pointer;
}
.sh-tests-group img{
    margin-left:5px;
}
/* choose a category */
.sel-category{
    padding-bottom:12px;
}
.btn-selcategory{
    border:2px solid #ddd;
    background-color:transparent;
    color:#00225c;
    font-family: SF-UI-Display_medium;
    font-size:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
}
.btn-selcategory:hover, .btn-selcategory:focus{
    color:#00225c;
}
.btn-selcategory span{
    display:inline-flex;
    padding-left:5px;
    width:17px;
    height:10px;
    align-items:center;
    justify-content:center;
    padding-top:2px;
}
.btn-selcategory span img{
    width:100%;
}
#selcategoryModal .modal-header, #selcategoryModal .modal-footer{
    border:0;
}
#selcategoryModal .modal-header .sc-close{
    font-size:24px;
    position:absolute;
    top:10px;
    right:10px;
}
#selcategoryModal .modal-title{
    font-size:16px;
    text-align:center;
    color:#00225c;
    font-family: SF-UI-Display_medium;
    margin-bottom:10px;
    line-height:24px;
}
#selcategoryModal .modal-subtitle{
    margin:0;
    padding:0;
    font-size:14px;
    color:#282828;
    opacity:0.6;
    line-height:20px;
    text-align:center;
}
#selcategoryModal .modal-body{
    padding:8px;
}
.category-group{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content:center;
}
.category-group .card{
    display:flex;
    width:144px;
    height:124px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
    background-color:#f4f4f4;
    padding:4px;
    padding-top:16px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.17);
    border:2px solid transparent;
    margin:8px;
    cursor:pointer;
}
.category-group .activecard{
    border-color:#007eff;
    background-color:#FFF;
}
.category-group .card span{
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:center;
    width:34px;
    height:38px;
    margin-bottom:8px;
    
}
.category-group .card span img{
    max-width:100%;
}
.category-group .card h3{
    display:flex;
    margin:0;
    padding:0;
    color:#2e2f30;
    font-family: SF-UI-Display_medium;
    font-size:14px;
    line-height:20px;
    text-align:center;
}
.category-group .card p{
    display:flex;
    margin:0;
    padding:0;
    color:#282828;
    font-size:12px;
    line-height:16px;
    opacity:0.6;
    text-align:center;
}
.btn-sc-proceed{
    background-color:#0029B9;
    border-radius:2px;
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.17);
    color:#FFF;
    font-weight:700;
    font-size:14px;
    /*text-transform:uppercase;*/
    padding:8px 24px;
    
}
.btn-sc-proceed:hover, .btn-sc-proceed:focus{
    background-color:#0029B9;
    color:#FFF;
}
/* related exams */
.relatedexams{
   position:relative;
   margin-bottom:16px;
}
.relatedexams .category-group{
    justify-content:flex-start;
}
.relatedexams .category-group .card{
    background-color:#FFF;

}
/* related exams */
/* other category */
.othercategory{
    position:relative;
   margin-bottom:16px;
}
.othercategory .category-group{
    justify-content:flex-start;
}
/* other category */
/* course details */
.coursedetails{
    position:relative;
    margin-bottom:16px;
}
.course-group{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
}
.course-group .card{
    display:flex;
    width:192px;
    margin:8px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
    /*box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);*/
    border-bottom:1px solid #d2d2d7;
}
.course-group .card span{
    display:flex;
    width:196px;
    height:123px;
}
.course-group .card img{
    max-width:100%;
}
.course-group .card h3{
    margin:0;
    padding:0;
    font-size:14px;
    color:#000;
    margin-top:8px;
    margin-bottom:8px;
    line-height:20px;
    text-align:center;
}
.course-group .card p{
    margin:0;
    padding:0;
    font-size:14px;
    color:#6e6e73;
    margin-bottom:8px;
    line-height:20px;
    text-align:center;
}
/* course details */
/* popular exams */
.popularexams{
    position:relative;
    margin-bottom:16px;
}
.exams-group{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
}
.exams-group .card{
    cursor:pointer;
    display:flex;
    width:154px;
    margin:6px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.06);
    padding-top:8px;
    /*border-bottom:1px solid #d2d2d7;*/
}
.exams-group .card span{
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:center;
    width:34px;
    height:34px;
}
.exams-group .card img{
    max-width:100%;
}
.exams-group .card h3{
    margin:0;
    padding:0;
    font-size:14px;
    color:#000;
    margin-top:2px;
    margin-bottom:6px;
    line-height:20px;
    text-align:center;
}
.exams-group .card p{
    margin:0;
    padding:0;
    font-size:14px;
    color:#6e6e73;
    margin-top:2px;
    margin-bottom:6px;
    line-height:20px;
    text-align:center;
}
/* popular exams */
/* buy modal */
.buyModal {
  padding-left: 0; }
  .buyModal .buydialog {
    margin: 15% auto;
    width: 300px; }
  .buyModal .buy-header {
    padding: 10px 20px;
    border: none;
    height: 40px; }
    .buyModal .buy-header .buyclose {
      cursor: pointer;
      opacity: 1;
      color: #666;
      font-size: 40px;
      font-weight: normal;
      line-height: 40px;
      z-index: 1030; }
  .buyModal .buy-body {
    padding: 10px 20px;
    text-align: center; }
    .buyModal .buy-body .iconsbox {
      text-align: center; }
      .buyModal .buy-body .iconsbox .ic_buy {
        width: 46px;
        height: 65px;
        display: block;
        background: url("../img/ic_buy.png") no-repeat;
        margin: 0 auto; }
    .buyModal .buy-body .modal-title {
      font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
      margin: 20px 0;
      padding: 0;
      color: #000;
      font-size: 18px;
      display: inline-block;
      line-height: 26px; }
    .buyModal .buy-body .btngroup {
      margin-bottom: 20px; }
    .buyModal .buy-body .btn-upgrade {
      display: inline-block;
      border-radius: 3px;
      background: #12a90d;
      font-family: SF-UI-Display_medium;
      border: 0;
      font-size: 14px;
      line-height: 20px;
      padding: 12px 24px;
      color: #fff;
      text-transform: uppercase;
      box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.26);
      min-width: 112px; }

/* lessons */
.obtabsgroup{
    position:sticky;
    top:-11px;
    z-index:1030;
    background-color:#FFF;
}
.obtablist-outer{
    position:relative;
    margin-bottom:12px;
    background-color:#FFF;
    overflow-x:auto;
    border-top:1px solid #dadada;
    position:sticky;
}
.obtablist{
    list-style-type:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;

}
.obtablist-outer::-webkit-scrollbar {
        display: none;}
.obtablist-outer{
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.obtablist .obtab-item{
    font-size:14px;
    color:rgba(0,0,0,1);
    line-height:24px;
    display:inline-flex;
    align-items:center;
    cursor:pointer;
    margin-right:16px;
    font-weight:700;
    white-space:nowrap;
    padding-bottom:8px;
    border:2px solid transparent;

}
.obtablist-outer .tabactive{
    background:#a5a8c4;
    height:3px;
    width:80px;
    position:absolute;
    left:0;
    bottom:0;
    display:flex;
}
.obtabsgroup .ic-leftarrow{
    display:none;
    width:0;
    height:0;
    border-right:12px solid #a5a8c4;
    border-bottom:8px solid transparent;
    border-top:8px solid transparent;
    position:absolute;
    top:7px;
    left:0;
    cursor:pointer;
}
.obtabsgroup .ic-rightarrow{
    display:none;
    width:0;
    height:0;
    border-left:12px solid #a5a8c4;
    border-bottom:8px solid transparent;
    border-top:8px solid transparent;
    position:absolute;
    top:7px;
    right:0;
    cursor:pointer;
}
.obtablist li:hover{
    color:#000;
}
.lessonsblock{
    padding-bottom:12px;
    position:relative;
}

.lessons-group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.lessons-group .card{
    display: flex;
    width: 188px;
    min-height:122px;
    margin: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.17);
    background-color:#FFF;
    cursor:pointer;
    border-radius:3px;
    position:relative;
    padding:4px;
}
.lessons-group .vl-available{
    border-bottom:2px solid #0066CC;
}
.lessons-group .vl-locked{
    border-bottom:2px solid #C73133;
}
.lessons-group .card h3{
    font-size:14px;
    color:#000;
    line-height:20px;
    margin:0;
    padding:0;
    margin-bottom:8px;
    text-align:center;
}
.lessons-group .card p{
    font-size:14px;
    color:#6e6e6e;
    line-height:20px;
    margin:0;
    padding:0;
    text-align:center;
}
.lessons-group .card .ic-play{
    width:24px;
    height:24px;
    position:absolute;
    bottom:8px;
    right:8px;
    display:inline-block;
}
.lessons-group .card .ic-play img{
    max-width:100%;
}
.lessons-group .card .ic-download{
    width:20px;
    height:20px;
    position:absolute;
    bottom:8px;
    right:8px;
    display:inline-block;
}
.lessons-group .card .ic-download img{
    max-width:100%;
}
.lessons-group .card .ic-lock{
    width:30px;
    height:30px;
    position:absolute;
    bottom:6px;
    right:6px;
    display:inline-block;
}
.lessons-group .card .ic-lock img{
    max-width:100%;
}
.totop {
    display: flex;
    width: 32px;
    height: 32px;
    position: fixed;
    bottom: 58px;
    right: 22px;
    cursor: pointer;
    z-index: 1050;
}
/* lessons */
/* cat filter */
.catfiltergroup{
    position:relative;
    margin-bottom:12px;
    display:flex;
    justify-content:flex-end;
}
.catfilterblock{
    display:flex;
    position:relative;
}
.catfilterblock .btn-catfilter{
    background-color:#FFF;
    padding:6px 20px 6px 12px;
    border:2px solid #ddd;
    display:flex;
    color:#00225c;
    font-size:14px;
    min-width:182px;
    position:relative;
    cursor:pointer;
    font-weight:bold;
}
.catfilterblock .btn-catfilter span{
    display: inline-flex;
    padding-left: 5px;
    width: 17px;
    height: 10px;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    position:absolute;
    top:11px;
    right:8px;
}
.catfilterblock .filterlist{
    margin:0;
    padding:0;
    list-style-type:none;
    position:absolute;
    top:36px;
    left:0;
    background-color:#FFF;
    box-shadow:0 2px 8px 0 rgba(0,0,0,0.17);
    min-width:182px;
    z-index:1030;
    display:none;
    max-height:264px;
    overflow:auto;
}
.catfilterblock .filterlist li{
    font-size:14px;
    color:#000;
    line-height:20px;
    padding:4px 8px;
    margin-bottom:4px;
    cursor:pointer;
}
.catfilterblock .filterlist li:hover{
    background-color:#ebebeb;
}
.info-nodata{
    display:none;
    padding:0;
    margin:0;
    font-size:14px;
    margin-bottom:12px;
    color:#646464;
    line-height:20px;
}
.ebcardno{
    display:inline-block;
    padding-right:5px;
}
/* cat filter */
/* mtestdata */
.mtestinfo{
    position:relative;
    margin-bottom:12px;
}
.mtestinfo p{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:24px;
    color:#000;
    margin-bottom:12px;
    opacity:0.6;
}
.mtestinfo p:last-child{
    margin-bottom:0;
}
/* mtestdata */
.offerimg-modal .close{
    font-size:24px;
}
/* test countdown */
.livetesttimer-group{
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
    margin-bottom:12px;
}
.livetesttimer-group .livetesttimer{
    display:flex;
}
.livetesttimer-group .livetesttimer span{
    color:#012489;
    font-size:36px;
}
.livetestdata-group{
    display:none;
    position:relative;
}
/* edge */
/* upcoming classes */
.uplc-group{
    position:relative;
    margin-bottom:12px;
}
.uplc-block{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
    flex-wrap:wrap;
}
.uplc-block .card{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
    width:calc(33.33% - 16px);
    box-shadow:0 2px 8px 0 rgba(0,0,0,0.17);
    margin:8px;
    border-radius:5px;
    border-bottom:2px solid transparent;
    cursor:pointer;
}
.uplc-block .card-bor-blue{
    border-color:#0066CC;
}
.uplc-block .card-bor-green{
    border-color:#31ba68;
}
.uplc-block .card-bor-red{
    border-color:#C73133;
}
.uplc-block .card .colcard{
    display:flex;
    align-items:center;
    align-content:center;
    padding:2px 8px;
    width:100%;
    margin-bottom:8px;
}
.uplc-block .card .colcard p{
    margin:0;
    padding:0;
}
.uplc-block .card .clheader{
    background-color:#f4f4f4; 
    border-bottom:1px solid #ebebeb;
    min-height:41px;
    
}
.uplc-block .card .clheader-nmh{
   min-height:initial; 
}
.uplc-block .card .clheader p{
    font-size:12px;
    line-height:18px;
    color:#010101;
    
}
.uplc-block .card .cltitle{
    min-height:44px;
}
.uplc-block .card .cltitle-nmh{
    min-height:initial;
}
.uplc-block .card .cltitle p{
    font-size:14px;
    line-height:20px;
    color:#000;
    font-weight:700;
}
.uplc-block .card .clinrow{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.uplc-block .card .clinrow .clincol{
    display:flex;
    align-items:center;
    align-content:center;
}
.uplc-block .card .clinrow .clincol:nth-child(2){
    align-self:flex-end;
}
.uplc-block .card .clinrow .clincol p{
    font-size:12px;
    line-height:18px;
    color:#000;
    display:flex;
    align-content:center;
    align-items:center;
    white-space:nowrap;
}
.uplc-block .card .cltype .clincol:nth-child(1) p{
    font-weight:700;
}
.uplc-block .card .clinrow .clincol p span img{
    max-width:100%;
}
.uplc-block .card .cltype .clincol:nth-child(1) p span{
    display:flex;
    width:10px;
    height:12px;
    margin-right:4px;
    align-items:center;
}
.uplc-block .card .cltype .clincol:nth-child(1) p .ic_clvideo{
    width:12px;
    height:12px;
}
.uplc-block .card .cltype .clincol:nth-child(2) p span{
    display:flex;
    width:13px;
    height:13px;
    margin-right:2px;
    align-items:center;
}
.uplc-block .card .cldesc .clincol p{
    color:#6e6e73;
}
.uplc-block .card .cldesc .clincol .ic-lock{
    width: 30px;
    height: 30px;
    display:flex;
    align-items:center;
    align-content:center;
}
.uplc-block .card .cldesc .clincol .ic-lock img{
    max-width:100%;
}
.btn-cljoinnow{
  padding:2px 5px 3px 5px;
 font-weight: 700;
font-size: 12px;
line-height: 17px;
background-color: #FFF;
border-radius: 13px;
border:1px solid;
min-width:74px;
}
.btn-cljoinnow-blue, .btn-cljoinnow-blue:hover,.btn-cljoinnow-blue:focus{
    border-color:#0066CC;
    color:#0066CC;
}
.btn-cljoinnow-green,.btn-cljoinnow-green:hover,.btn-cljoinnow-green:focus{
    border-color:#31ba68;
    color:#31ba68;
}
.hidelccard{
    display:none !important;
}
/* news group */
.newsblock{
    position:relative;
    margin-bottom:16px;
}
.news-group{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
}
.news-group .card{
    display:flex;
    width:33.33%;
    padding:15px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
    /*box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);*/
    border-right:1px solid rgba(226,226,226);
    border-bottom:1px solid rgba(226,226,226);
    font-family: TundraWeb-Regular;
}
.news-group .card:first-child{
    padding-left:0;
}
.news-group .card:last-child{
  border-right:0px none;
  padding-right:0;
}
.news-group .card .css-article{
    display:flex;
    width:100%;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
}

.news-group .card p a{
    color:#004EC5;
}
.news-group .card2 {
    width:100%;
}
.news-group .card2 img{
    max-height:320px;
    max-width:100%;

}
.news-group .card span{
    display:flex;
    width:100%;
    height:auto;
    justify-content:center;
}

.news-group .card img{
    max-height:199px;
    max-width:100%;
}
.news-group .card h4{
    margin:0;
    padding:0;
    font-size:16px;
    color:#121212;
    margin-top:8px;
    margin-bottom:8px;
    line-height:20px;
    font-weight:700;
    font-family:nyt-cheltenham;
}
.news-group .card h5{
    margin:0;
    padding:0;
    font-size:14px;
    color:#a19d9d;
    margin-bottom:8px;
    line-height:18px;
    font-weight:700;
    font-family:nyt-cheltenham;
}
.news-group .card p{
    margin:0;
    padding:0;
    font-size:14px;
    color:#505050;
    margin-bottom:8px;
    line-height:18px;
  font-family:nyt-imperial;
  letter-spacing:0.1px;
}
/* news-group */

@media only screen and (max-width: 480px) {
   .listofcards .gridview .testcard{
      width:100%;
  } 
   .listofcards .gridview .testcard .testcard-inner{
       margin-right:0;
   }
   .otherdetails .od-col{
       width:100%;
   }
    .uplc-block .card{
        width:calc(100% - 16px);
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
   .listofcards .gridview .testcard{
      width:50%;
    }
    .listofcards .gridview .testcard:nth-child(2n) .testcard-inner{
        margin-right:0;
    }
   .otherdetails .od-col{
       width:50%;
   }
    .uplc-block .card{
        width:calc(50% - 16px);
    }
}

@media only screen and (max-width: 767px) {
.navbar-fixed-side {
    position: fixed; }
  .navbar-fixed-side .navbar-header {
    background: transparent;
    text-align: left; }
  .navbar-fixed-side .navbar-toggle {
    margin: 12px 0; }
  .navbar-postlogin {
    width: 40px;
    height: auto;
    background-color: transparent;
    top: 0; }
  .navbar-fixed-side #mainmenu-navbar {
    overflow-y:auto;
    width: 224px;
    height:100vh;
    top: 0; }
  .navbar-fixed-side .navbar-nav > li > a {
    font-size: 14px;
}
    .top-header{
        width:calc(100% - 199px);
    }
.top-header .top-header-inner {
    padding: 10px;
    height: 56px; }
  .top-header .top-header-inner .div_logo {
    padding-left: 30px; }
  .top-header .top-header-inner .div_logo .mic_logo {
    padding: 5px 0; }
  .top-header .top-header-inner .pstluser-dropdown a {
    font-size: 12px; }
  .top-header .top-header-inner .tp-buycourses, .top-header .top-header-inner .tp-wallet {
    margin-right: 5px; }
  .top-header .top-header-inner .tp-buycourses .btn-buycourses {
    padding: 9px 20px; }

    .main-sec{
        padding-top:58px;
        padding-left:0;
    }
    .sec-onecol{
        padding-top:80px;
    }
    .main-sec .mainWrap-sec .wrap-rightSide{
        width:100%;
        height:calc(100vh - 58px);
    }
}
@media only screen and (max-width: 991px) {
    .top-header{
        width:100%;
    }
    .main-sec{
        padding-right:0;
    }
    .obadcard{
        position: relative;
        width: 100%;
        height: auto;
        border: 0;
        overflow-y:hidden;
        margin-top:12px;
        margin-bottom:12px;

    }
    .obadcard .obadcard-inner{
        padding:0;
    }
    .tp-wallet{
        display:flex;
    }
    .totop {
        right:40px;
    }
    .obtabsgroup{
        padding:0;
    }
    .obtabsgroup .ic-rightarrow, .obtabsgroup .ic-leftarrow{
        display:none;
    }
    .news-group .card{
        width:290px;
        flex:0 0 auto;
    }
    .hscroll-group{
        flex-wrap:nowrap;
        overflow-x:auto;
    }
    .hscroll-group::-webkit-scrollbar {
            display: none;}
    .hscroll-group{
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .lessons-group .card{
        width:156px;
        margin:6px;
        flex:0 0 auto;
    }
    .hscroll-group .card{
        flex:0 0 auto;
    }

}
@media only screen and (min-width: 1200px) {
    .listofcards .gridview .testcard:nth-child(3n) .testcard-inner{
        margin-right:0;
    }
    .news-group .card:nth-child(3n+3){
        border-right:0px none;
        padding-right:0;
    }
    .news-group .card:nth-child(3n+4){
        padding-left:0;
    }
}
@media only screen and (max-width: 1200px) {
   .wrap-rightSide .extrainfo .extrainfo-col .info-lc{
       margin-right:0;
       width:100%;
   }
    .wrap-rightSide .extrainfo .extrainfo-col{
      width:100%;
    }
    .wrap-rightSide .extrainfo .extrainfo-col:nth-child(1){
      margin-bottom:6px;
    }
    .wrap-rightSide .extrainfo .extrainfo-col:nth-child(1){
        padding-right:0;
    }
    .wrap-rightSide .extrainfo .extrainfo-col:nth-child(2){
        padding-left:0;
    }
    .wrap-rightSide .extrainfo .extrainfo-col .info-rightside{
      margin-left:0;
      width:100%;
    }
    .course-hl-group .left, .course-hl-group .right {
        width: 100%;
        border: 0;
        padding: 0;
    }
}
@media only screen and (min-width: 481px) and (max-width: 1200px) {
   .listofcards .gridview .testcard{
      width:50%;
    }
    .listofcards .gridview .testcard:nth-child(2n) .testcard-inner{
        margin-right:0;
    }
   .otherdetails .od-col{
       width:50%;
   }
    .uplc-block .card{
        width:calc(50% - 16px);
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .news-group .card{
        width:50%;
    }
    .news-group .card:nth-child(2n+2){
        border-right:0px none;
        padding-right:0;
    }
    .news-group .card:nth-child(2n+3){
        padding-left:0;
    }
}
.news-header-group{
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-content:center;
    width:100%;
    margin-bottom:12px;
}
.news-header-group .catfiltergroup{
    margin:0;
}
.news-header-group .content-header{
    margin:0;
}
.navbar-fixed-side .navbar-nav > li > a > .tabsicon-group > .tabsicon-outer > .icon_bookmark {    
        background:url('../img/leftmenu/bookmark.png') no-repeat center center;
    }

    .navbar-fixed-side .navbar-nav > li.active > a > .tabsicon-group > .tabsicon-outer > .icon_bookmark, .navbar-fixed-side .navbar-nav > li:hover > a > .tabsicon-group >.tabsicon-outer > .icon_bookmark {
              background:url('../img/leftmenu/bookmark_white.png') no-repeat center center;
                }