@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

body{
    width:100%;
    margin-right: 0px important;
	  font-size: 16px;
    font-family: 'open sans', sans-serif;
}
@media screen and (min-width:766px) and (max-width: 768px) { 
.klasspm-mble-nav .navbar-header img.klasspm-img {
    display: block;
    position: relative;
    z-index: 99999;
    top: -1px;
	    width: 26%;
		left: 68px;
}
.klass-header {
	background:unset !important;
}
.klasspm-mble-nav .mobile-menu-container  .navbar-nav>li {
   
    font-size: 11px !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    margin-top: 8px !important;
    height: 72px !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    padding-top: 25px !important;
}
.column {
    margin: 21px !important;
}
}
@media screen and (min-width:1023px) and (max-width: 1024px) { 
.klass-nav ul li a {
    font-size: 14px !important;
 }

.klasspm-img {
    margin-top: -14px !important;
}
.klass-nav .list-inline {
    margin-top: 5px !important;
}

.klass-nav {
    height: 100px !important;
}
.scroll-btn {
    text-align: center;
    margin-left: 415px !important;
}
.column {
    margin: 28px  !important;
}
}

.klass-engineering-head-gate {
    margin-top: 70px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 48px;
    text-align: center;
}

p.klass-engineering-sub .btn-info {
    font-size: 20px;
    font-weight: 600;
    display:inline;
}
p.klass-engineering-sub .btn-info:hover {
    color: #fff;
}
.klass-ssc-link a {
    color: #fff;
}
.klass-ssc-link {
    padding-top: 14px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 50px;
    background-color: #6beea3;
    font-size: 20px;
}


.klass-single-subject-inner .list-group-item {
 padding: 5px 5px 20px 5px !important;
}
.tab-content h3 {
    margin-top: 45px !important;
}


.tab-content h1 {
    font-size: 36px;
}

p.refferal_code_text {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'hind',sans-serif;
}
.tab-content ul li {
	margin-left: -30px;
    font-size: 18px;
    font-family: 'open sans', sans-serif;
}
.klass-address a {
    color: #000;
}
.klasspm-footer-sub a {
    color: #fff;
}
.question-text-color{
	    color: #5cb85c;
}
ul.nav.nav-tabs li {
    margin-left: 0px;
}


@media only screen and (max-width: 768px) {
.boards-klasspm img {
  margin-left: 80px;
}
}

.boards-klasspm .text-center {
    text-align: center;
    font-size: 18px;
    font-family: 'open sans',sans-serif;
    font-weight: 600;
}

.boards-klasspm img {
    margin-top: 20px;
}
 .lp-progress-bar {
    margin: 5px 0 0;
    height: 6px;
    width: 100%;
    border-radius: 0;
    background: #eee;
    float: none;
}
.klasspm-login-name{
	font-size: 16px;
    width: auto;
    padding-left: 10px;
    color: #fff;
    padding-top: 8px;
}


.top-left-nav ul.list-inline {
    padding-top: 5px;
    margin-left: 0px !important;
}
 /*.lp-progress-bar {
    height: 15px;
    background: #DDD;
    margin: 10px 0 15px 0;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}*/
.progress-heading:hover{
    visibility: visible;
    opacity: 1;
}
 .learn-press-course-results-progress {
    padding: 0 15px 15px 15px;
    margin: 0;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}
dt, kbd kbd, label {
    font-weight: 700;
}
.img-thumbnail, .table, label {
    max-width: 100%;
}

.lp-course-progress .lp-progress-bar .lp-progress-value {
    height: 6px;
    border-radius: 0;
    background:  #04d171;
}
.lp-course-progress {
    padding-top: 20px;
    margin-top: -20px;
	 position: relative;
}
.progress-heading {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.progress-heading {
    font-size: 12px;
    font-weight: 700;
    color: #ccc;
    margin-bottom: 0;
}

/* 06/10/2018 */
.klasspm-login .btn-primary {
    width: 100%;
  background-color: #04d171;
    border-color: #04d171;
    margin-bottom: 20px;
    margin-top: 20px;
}
.klasspm-login .btn {
  padding: 10px 12px;
  border-radius: 0px;
  font-size: 20px;
    font-weight: 600;
}
.klass-mble-cart-quantity{
        position: relative;
    top: -2px;
    left: 0px;
    background-color: #04d171;
    padding: 5px;
    border-radius: 90px;
}

.klasspm-login form {
    margin-bottom: 50px;
}
 .klasspm-login i.fa.fa-eye {
    top: 176px;
    position: absolute;
    right: 25px;
}


.lostpwd{
	padding-left: 50px;
	
	
}
.klass-loginhead{
font-family: 'Hind', sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px;
}

@media only screen and (max-width: 600px) {
  .klass-loginhead{
   margin-top: 0px !important;
    margin-left: 8px;
    font-size: 20px !important;
  }	
  .klasspm-login form {
    padding-left: 10px;
}
.klasspm-login .lostpwd {
    padding-left: 89px;
}
.klasspm-login i.fa.fa-eye {
    top: 125px !important;
}
}

/* close today */
.klass-header{
    width:100%;
    height:40px;
    background-color: #44b972;
    background-size: cover;
    background-repeat: repeat;
}
.klass-profile-image{
   width:250px;
       border-radius: 33px; 
       border: 5px solid #44b972;
    margin-left: 55px;
    margin-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.klass-faculty-shadow{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
padding: 10px;
    margin-bottom: 20px;
        border-top-left-radius: 33px;
    border-bottom-right-radius: 33px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
   
}

#menu4 .well-sm {
    padding: 6px;
    border-radius: 33px;
    background-color: #226a94;
    margin-right: 10px;
    color: #fff;
    border: transparent;
    margin-left: 10px;
}
.well-sm {
    padding: 9px;
    border-radius: 33px;
    background-color: #226a94;
    margin-right: 10px;
    color: #fff;
    border: transparent;
}
.tab {
    float: left;
    border:transparent;
    background-color: #04d171;
    width: 30%;
    <!--height: 224px;-->
}
.tab button.active {
    background-color: #0473d1;
}
.tab button {
    display: block;
    background-color: inherit;
    color: #fff;
    padding: 25px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 22px;
}

.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 50%;
    border-left: none;
    height: auto;
}
.thim-login form#loginform, .thim-login form#registerform, .thim-login form#resetpassform {
    border: 0;
    padding: 0;
    max-width: 370px;
    margin: auto;
    clear: both;
}
.thim-login .title {
    font-size: 44px;
    font-weight: 700;
    position: relative;
    text-align: center;
    margin: -12px 0 23px;
    padding: 0;
    text-transform: none;
    line-height: 40px;
}
.container-fluid{
padding-left:0px;
padding-right:0px;

}
.klass-semesters p {
    text-align: center;
}
.klass-howcan{
     color: #44b972; 
     font-family: 'open sans', sans-serif;
    font-size: 30px;
     padding-bottom: 20px;
}
.klasspm-contact .klass-abouthead {
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    color: #007bc3;
    text-align: center;
    padding-top: 30px;
}
.klasspm-contact .klass-address p{
      color: #000; 
     font-family: 'open sans', sans-serif;
    font-size: 18px;
    text-align: left;
}
.klasspm-contact .form-control {
   height: 50px;
    
}


  .affix {
      top: 1000px;
      width: 100%;
      z-index: 9999 !important;
  }

 
.klasspm-side-scroll {
    height: 950px;
 overflow-y: scroll;
}
.klasspm-contact textarea {
    width: 90%;
        height: 75px;
}
.klasspm-contact .form-inline .form-group {
  width: 44%;
}
.klasspm-contact .btn {
 display: inline-block;
    padding: 10px 35px;
    margin-top:10px;
    margin-bottom:20px;
        font-size: 20px;
}
.klasspm-contact .klass-teamtext {
    font-family: 'open sans', sans-serif;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.klasspm-about .klass-abouthead {
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    color: #007bc3;
    text-align: center;
    padding-top: 30px;
}
.klasspm-about .Klass-aboutleft p {
    font-family: 'open sans', sans-serif;
    font-size: 18px;
    color: #44b972;
    text-align: justify !important;
    padding-top: 10px;
     padding-bottom: 20px;
}


.klasspm-about .Klass-aboutright p{
    font-family: 'open sans', sans-serif;
    font-size: 18px;
    color: #000;
    text-align: justify !important;
    padding-top: 10px;
     padding-bottom: 20px;
}
.klasspm-team .klass-abouthead {
    font-family: 'open sans', sans-serif;
    font-size: 42px;
    color: #007bc3;
    text-align: center;
    padding-top: 30px;
}
.klasspm-team .klass-teamtext {
    font-family: 'open sans', sans-serif;
    font-size: 20px;
    color: #000;
    text-align: center;
    padding-top: 10px;
     padding-bottom: 20px;
}
.klasspm-team .klass-teamname{
        text-align: center;
     font-family: 'hind', sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.klasspm-team .klass-teamposition{
        text-align: center;
     font-family: 'open sans', sans-serif;
    font-size: 18px;
    color: #fff;
  
} 

.klasspm-team a{
    text-decoration: none !important;
}


.klasspm-team p {
    margin: 1px 0 5px !important;
}
.thumbnail {
 border: 1px solid #44b972 !important;
  padding: 0px !important;
      font-size: 18px;
}
.thumbnail .caption {
  
    color: #fff  !important;
    background-color: #44b972;
}
.klass-universities p {
    text-align: center;
}
.klass-studentbg p {
    text-align: center;
}

.container{
padding-left:0px;
padding-right:0px;

}
.klass-headerbg a:hover{
    color:#fff;
}
.fa, .fas {
    font-size: 16px;
    margin-right: 4px;
}
.btn-info:hover {
    background-color: #e6a303 !important;
        border:1px solid #e6a303 !important;
       
}
.btn-danger:hover {
     background-color: #e6a303 !important;
         border:1px solid #e6a303 !important;
       
}
.klass-headerbg{
  /*background-image: url(../images/header.png);*/
    background-position:center;
    background-repeat: no-repeat;
    height:40px;
    width: 100%;
}

.klasspm-guest{
	color:#007bc3;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight: 700;
}
.header-log{
	margin-top:10px;
	margin-left:-150px;
	font-family: 'Lato', sans-serif;
	color:#000;
	font-size:18px;
}
.klass-headerbg .btn-info {
    margin-top: 2px;
    border-radius: 0px;
    color: #fff;
    background-color: #007bc3;
    border-color: #007bc3;
       margin-right: 17px;
    margin-left: 0px;
}
.klass-headerbg .btn-default:hover {
  
    background-color: #007bc3;
    border-color: #007bc3;
}
.klass-registerloginhead {
    font-family: 'Hind', sans-serif;
    font-size: 38px;
    font-weight: 600;
    margin-top: 40px;
    text-align: center;
    color: #04d171;
}
.register input[type=checkbox], input[type=radio] {
    margin-left: 0px;
}

.klasspm-register .btn {
    padding: 5px 30px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 600;
}

.register .input {
    width: 100%;
}
.klass-headerbg .btn-danger {
    color: #fff;
    background-color: #007bc3;
    border-color: #007bc3;
    border-radius: 0px;
	margin-top: 2px;
}

.klass-headerbg .btn-default {
        margin-top: -28px;
    border-radius: 33px;
    color: #fff;
    background-color: #007bc3;
    border-color: #007bc3;
}
 .klass-headerbg .cart-klass{  
position: absolute;
   top: 9px;
    color: #fff;
	    left: -25px;
 }
 .counts-klass{
	 margin-top: 40px;
     background-color: #fff;
	 width: 100%;
	 height: 100px;
	 border-radius: 10px;
	 margin-bottom: 53px;
	 box-shadow: 0 16px 25px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 
 }
 .klass-headerbg .cart-span-klass{   
     position: absolute;
    top: -13px;
    left: 30px;
    font-size: 15px;
    color: #fff;
	font-weight:bold;
 }
 .doubt-klass-que {
	     float: left;
    background-color: #fff;
    border: 1px solid #04d171;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
 padding: 20px;
 border-top-left-radius: 33px;
    border-bottom-right-radius: 33px;

 }
 p.klass-verifyhead {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight:600;
}


.klasspm-verify .name {
    font-size: 20px;
    color: #04d171;
}

.klasspm-verify .otp {
    font-size: 18px;
	padding-bottom: 20px;

}
.klasspm-verify .container {
    width: 50%;
    margin-top: 19px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}


.klasspm-verify .btn-primary {
    font-size: 18px;
    width: 150px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #04d171;
    border-color: #04d171;
    border-radius: 0px !important;
}
.klasspm-verify .form-control {
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    height: 34px;
    width: 35% !important;
}
p.ans-klass {
    font-size: 24px !important;
    color: #0a5d0a;
} 
 p.que-klass {
    font-size: 24px !important;
    color: #ff4003;
}
  .doubt-klass-ans {
    margin-left: 45px;
    background-color: #fff;
    border: 1px solid #04d171;
    margin-bottom: 20px;
    width: 95%;
    height: auto;
    padding: 20px;
    border-top-left-radius: 33px;
    border-bottom-right-radius: 33px;
	     float: left;
 }
 
 
 ul.cart_list.product_list_widget {
    list-style: none;
    height: 150px;
    overflow-y: scroll;
}
 li.mini_cart_item {
    margin-bottom: 10px;
}
 
.klass-headerbg .list-inline>li {
    margin-top: 3px;
    display: inline-block;
    padding-right: 0px;
    padding-left: 20px;
	    height: 40px;
}

.klass-headerbg .form-control {
  margin-top: -4px;
    margin-right: 20px;
    margin-bottom: 25px;
    border-radius: 0px;
    height: 30px;
    border-radius: 33px;
    width: 100% !important;
}

.klass-headerbg .btn{
padding: 4px 18px;
}

.klasspm-img{
	   width:90%;
margin-top: -38px;	
}
.klass-nav ul li a{
	
	font-family: 'hind', sans-serif;
	color:#000;
	font-size:18px;
	text-decoration:none;
}
.list-inline>li {
	margin-top: 5px;
    display: inline-block;
    padding-right: 11px;
    padding-left: 8px;
}

.klass-prebg{
	background-image: url(../images/bg.png);	
	background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
    height:393px;
    width: 100%;	
}
.klass-header a{
	color:#fff;
	text-decoration:none;
}
.klass-presentation .klasspm-head{
	margin-top:72px;
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:68px;
	text-align: left;
}

.klass-presentation .klasspm-sub{
	
	font-family: 'Lato', sans-serif;
	color:#fff;
	font-size:32px;
	text-align: left;
	margin-top: -18px;
}
.klass-presentation .button {
  background-color: transparent;
    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.klass-presentation .button1 {
   background-color: transparent;
    color: #fff; 
    border: 2px solid #fff;
	font-size:24px;
	font-family: 'Lato', sans-serif;
}
dropdown-klasspm{
    display:none;
}
.navbar-collapse {
    border-top: transparent
}
.faa{
font-size:24px;
color:#fff;
margin-left:10px;
}
.klass-presentation a{
	color:#fff;
	text-decoration:none;
}

.klasspm-mbleimg {
  margin-top: -10px;
    margin-left: 0px;
    top: 0px;
    width: 220px;
   
}
.klasspm-bg1{
	background-image:url(../images/bg1.png);
	width: 100%;
height:336px;
    border-radius: 10px;
	background-position: center;
background-repeat: no-repeat;
	
}
.klasspm-money{
    color:red;
    font-size:18px;
	margin-left: -15px;
}

.klasspm-bg2{
	background-image:url(../images/bg2.png);
	width: 100%;
    height:158px;
	background-position: center;
background-repeat: no-repeat;
  border-radius: 10px;
 margin-bottom: 20px;
}
.pad{
	margin-top:35px;
	margin-bottom: 25px;
}

.klasspm-bg3{
	background-image:url(../images/bg3.png);
	width: 100%;
   height:158px;
	background-position: center;
background-repeat: no-repeat;
  border-radius: 10px;
margin-bottom:10px;  
}
.klasspm-bg4{
	background-image:url(../images/bg4.png);
	width: 100%;
 height:158px;
background-position: center;
background-repeat: no-repeat;
  border-radius: 10px;	
  margin-bottom:10px;  
}

.klasspm-bg5{
	background-image:url(../images/bg5.png);
	width: 100%;
 height:158px;
background-position: center;
background-repeat: no-repeat;
  border-radius: 10px;	
  margin-bottom:10px;  
}
.klasspm-bg6{
	background-image:url(../images/bg6.png);
	width: 100%;
height:336px;
background-position: center;
background-repeat: no-repeat;
 border-radius: 10px;		
}

.kalsspm-courses img{
	
	margin-top:90px;
	margin-left:90px;
}

.kalsspm-courses p1{
font-family:'hind', sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;

}

.klasspm-dep{

	font-family:'hind', sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
		
	    padding-top: 133px;
}
.klasspm-deps{
    font-family:'hind', sans-serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
		
	    padding-top: 50px;
}
.kalsspm-courses a{
	color:#fff;
	text-decoration:none;
}
	
	
.klasspm-bg1:hover {
    background-image: none;
    background-color:#2d9aee;

}
.klasspm-bg2:hover {
    background-image: none;
    background-color:#ff7800;

}
.klasspm-bg3:hover {
    background-image: none;
    background-color:#e72d2e;

}
.klasspm-bg4:hover {
    background-image: none;
    background-color:#4e0102;

}
.klasspm-bg5:hover {
    background-image: none;
    background-color:#c200d3;

}
.klasspm-bg6:hover {
    background-image: none;
    background-color:#2dad61;

}
.klasspm-coursebg{
background-color:#eaeaea;
width: 100%;
height: 425px;

}

.klasspm-Category .klass-headtext{
	
	font-family:'Lato', sans-serif;
	font-size: 42px;
	color: #007bc3;
	text-align: center;
	padding-top: 30px;
	
	
}
.klasspm-mble-nav{
	display:none;
}
.klass-video{
	font-family:'open sans', sans-serif;
	font-size: 21px;
	color: #fff;
	text-align: center;
	    margin-top: -14px;
}

.nav-tabs {
    border-bottom: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
 border: none;	
}
.nav-tabs>li>a:hover {
	    background-color: transparent;
}
.klass-engineeringbg{
    /*background-color: #0288b2; */
	background:rgba(0,0,0,0.5);
    width: 100%;
    height: 220px;
}

.klass-highschoolbg{
     background-color: #ff7800; 
    width: 100%;
    height: 220px;
    
}
.klass-intermediatebg{
     background-color: #e72d2e;
    width: 100%;
    height: 220px;
    
}

.klass-groupsbg{
     background-color: #4e0102;
    width: 100%;
    height: 220px;
    
}
.klass-gatesbg{
     background-color: #c200d3;
    width: 100%;
    height: 220px;
    
}
.klass-pharbg{
     background-color: #2dad61;
    width: 100%;
    height: 220px;
    
}
.klass-engineering-head{
  margin-top: 70px;
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-size: 48px;
  text-align: center;
}
.klass-engineering-sub{
 font-family: 'Lato', sans-serif;
 color: #fff;
 font-size: 32px;
 text-align: center;
 margin-top: -18px;
}
.dropdown-klasspm{
    display:none;
}
.klasspm-imge {
   height: 100px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
 .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.tab-content h3 {
    margin-left: 10px;
}
.klass-faculty-shadow{
    margin-top:25px;
}

.tab-content p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.klasspm-student-middle .nav-tabs {
    background-color: #f4f9f6;
    border-bottom: none;
    height: 45px;
    margin-top: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.klasspm-student-middle .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}


.klasspm-team .klass-teamtext {
   font-size: 16px;
text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.klasspm-team .klass-abouthead {
  font-size: 30px;
   padding-top: 10px;
}
.faculty-klass-biop {
    font-size: 14px !important;;
}
.klasspm-contact .klass-abouthead {
    font-size: 30px;
 padding-top: 10px;
}
.klasspm-contact .klass-teamtext {
    
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  text-align: left;
  
   
}
.klasspm-contact .klass-address p {
 font-size: 15px !important;
   padding-left: 10px !important;
}
.klass-howcan {
    padding-left: 10px;
}
.klasspm-contact .form-inline .form-group {
    width: 100%!important ;
    margin-left: 8px !important;
}
.klasspm-contact textarea {
    width: 100% !important;
    margin-left: 8px;
}
.klasspm-contact .btn {
    margin-left: 10px;
}
.klasspm-team .row{
    padding-left: 15px;
}
.klasspm-about .Klass-aboutleft {
   font-size: 20px !important;
    padding-left: 15px !important;
}
.klasspm-about .Klass-aboutright {
    font-family: 'open sans', sans-serif;
    font-size: 16px !important;
    padding-left: 15px !important;
}

#testimonial4 .carousel-inner {
    width: 90% !important;
}
.form-inline .form-group {
    margin-right:-17px !important;
}

.klasspm-Category .btn {
    background-color: #51be7d !important;
    color:#fff;
}
.klasspm-img {
    display:none;
}
.klass-highschoolbg {
    margin-top: -39px;
}
.klass-intermediatebg {
     margin-top: -39px;
}
.klass-engineeringbg {
      margin-top: -39px;
}
.klass-pharbg {
     margin-top: -39px;
}
.klass-groupsbg {
  margin-top: -39px;   
}
.klass-gatesbg {
    margin-top: -39px;   
}
.klasspm-imge {
    margin-top: 5px !important;
    margin-left: 19px;
    position: fixed;
    top: 0px;
    height:60px !important;
    width: 200px !important;
    z-index: -1024;
}
.dropdown-klasspm{
    display:block;
}
#myBtnContainer{
    display:none;
}
.klasspm-Category .btn.active {
    background-color: transparent !important;
    color: #000  !important;
}
.col-xs-12 {
    width: 33%;
}
.klasspm-Category .btn {
     margin-right: 0px !important; 
}
.klasspm-footerimg{
	width: 300px;
    padding-left: 50px;
}
.row{
    margin-right: 0px;
}

.klasspm-img {
  
    margin-left: 19px;
    position: fixed;
    top: 0px;
    width:230px;
    z-index:-1024;
} 
.klass-headerbg {
	display:none;
}
.klasspm-mble-nav{
	display:block;
}
.klass-nav ul li a {
    display: none;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #58c082 !important;
   background-color:transparent !important; 

}
.navbar-inverse .navbar-toggle {
    border-color: #333;
    margin-right: 20px;
        background-color: #51be7d;
            margin-top: 20px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
       position: absolute;
    border-color: #101010;
    margin-left: 20px;
    background-color: #1491b9;
    z-index: 9999;
    width: 100%;
        margin-top: 10px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #1b9fa7;
}
.navbar-inverse {
    background-color: transparent;
    border:none;
    
}
.klass-presentation .klasspm-head {
  color: #fff;
    font-size: 25px;
  text-align: left;
    margin-left: 10px;
	margin-top: 17px;
}
.klass-prebg {
	margin-top: -40px;
	    height: auto;
}
.klass-presentation .klasspm-sub {
    color: #fff;
    font-size:10px;
	text-align: left;
	margin-left: 5px;
	margin-top: 10px;
}
.klass-presentation .button1 {
	
    font-size: 16px;	
}
.faa{

    font-size: 16px;		
}
.klass-presentation .button {
	    padding: 6px 7px;
		margin-left: 20px;
    margin-bottom: 20px;
}
.klasspm-bg1 {
    background-size: cover;
        margin-left: 8px;
        border-radius: 14px;
}
.klasspm-coursebg {
   
height: auto;
}

.klasspm-bg2 {
    margin-top: 20px;
    background-size: cover;
        margin-left: 15px;
        border-radius: 14px;
}
.klasspm-bg3 {
    margin-top: 20px;
    background-size: cover;
    margin-left: 15px;
    border-radius: 14px;
}
.klasspm-bg4{
    margin-top: 20px;
    background-size: cover;
    margin-left: 15px;
    border-radius: 14px;
}
.klasspm-bg5 {
    margin-top: 20px;
    background-size: cover;
    margin-left: 15px;
    border-radius:14px;
}
.klasspm-bg6 {
    margin-top: 20px;
    background-size: cover;
    margin-left: 8px;
    border-radius: 14px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.column {
	   margin-top:0px !important;
	      margin-right:0px !important;
		     margin-bottom:0px !important;
    margin-left:5px !important;
    float: left;
    width: 320px !important ;
    display: none; /* Hide all elements by default */
}
.klasspm-videoheading {
    color: #fff;
  font-size: 23px !important;
   padding-top: 10px !important;
}
.klasspm-videosub-heading {
    color: #fff;
   font-size: 14px !important;
    font-family: 'open sans', sans-serif;
}
.klasspm-videobg {
    background-color: #44b972;
    width: 100% !important;
    height: auto !important;
	padding-bottom: 20px;
}

.klasspm-video-space {
    padding-left: 15px;
    width: 100% !important;
    height: auto !important;
    padding-top: 23px !important;
    
}
.klasspm-testhead {
    margin-top: 20px !important;
   font-size: 30px !important;
}
.klasspm-regbg {
   margin-top: 20px !important;
}
.klasspm-registration img{
    display:none;
}

.klasspm-regbg {
   padding-bottom: 30px;
    height: auto !important;
}
.klasspm-registration .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.klasspm-footerbg {
    height: auto !important;
    padding-bottom: 20px;
}
.klasspm-footersub  {
    margin-top: 20px;
    margin-left: 10px;
    font-size: 15px !important;
   
}
.klasspm-footercopybg{
  height:100px !important; 
}
.klasspm-Category .btn {
        width: 90%;
    border-radius: 0px;
    
}
.klasspm-reghead {
    margin-top: 25px !important; 
}
.klasspm-footer-sub {
  font-size: 13px  !important;  
  margin-left: 10px;

}
.klass-grid .row{
     margin-left: 10px !important; 
      margin-right: 0px; 
}
.klasspm-best img{
     height: auto;
    width: 100%  !important;
 }
 .klass-engineering-head {
   font-size: 28px  !important;     
 }
 .klass-pharbg{
     height: auto;
 }
 
 input[type=checkbox], input[type=radio] {
    margin-left: -190px !important;
}
.klasspm-register .btn {
    margin-left: 8px !important;
}
.link-bottom {
    margin-left: 5px !important;
}
}
* {
    box-sizing: border-box;
}



/* Center website */
.main {
    max-width: 1170px;
    margin: auto;
}

h1 {
    font-size: 50px;
    word-break: break-all;
}



/* Add padding BETWEEN each column */


/* Create three equal columns that floats next to each other */
.column {
margin: 12px;
    float: left;
    width: 275px;
    display: none; /* Hide all elements by default */
}

/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.content {
    background-color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.klasspm-Category .btn {
 margin-right: 12px;
  border: none;
  outline: none;
  padding: 10px 20px;
 /* background-color: transparent;*/
  cursor: pointer;
  font-size: 20px ;
}

/*.klasspm-Category .btn:hover {
  background-color: transparent;
}*/

.klasspm-Category .btn.active {
  background-color: #44b972;
  color: white;
 clip-path: polygon(0 20%, 100% 20%, 100% 83%, 58% 84%, 48% 100%, 39% 83%, 0 83%);
}

#myBtnContainer{
	    text-align: center;
    margin-bottom: 47px;
    margin-top: 30px;
}

h4{
	text-align: center;
	
}

p{
	text-align: left;
       
 }
.klasspm-videobg{
background-color:#44b972;
	width: 100%;
	height: 450px;
	    margin-top: 25px;
	
}
.klasspm-videoheading{
	color: #fff; 
    text-align:center;  
	font-size:42px;
	font-family: 'Lato', sans-serif;
	  padding-top:100px;
}
	
.klasspm-videosub-heading{
	
color: #fff; 
    text-align:center;  
	font-size:21px;
font-family: 'open sans', sans-serif;
}

.klasspm-video-space{
    width: 100%;
    height: 300px;
    padding-top: 23px;
border: none;
}
.klasspm-testhead{
	    margin-top: 120px;
    color: #0488b3; 
    text-align:center;  
	font-size:42px;
	font-family: 'Lato', sans-serif;
		
	
}
#testimonial4{
	overflow: hidden;
	min-height: auto;
	position: relative;
	background-image: url(../images/bgshade.png);
	background-repeat: repeat;
}
#testimonial4 .carousel-inner{
  width: 100%;
  margin: auto;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #535353;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 10px;
  height: 10px;
  border: none;
  margin: 2px 3px;
  background-color: #44b972;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
	
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: none;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 20%;
  right: auto;
  display: none;
}
.testimonial4_control_button .carousel-control.right{
  right: 20%;
  left: auto;
   display: none;
}


.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
 
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
  width: 65px;
  height: 60px;

  margin-top: 11px ;
 margin-bottom: 20px;
}

.testimonial4_slide p {
  color: #000;
  font-size: 16px;
  margin: 0px 0 20px 0;
      text-align: center;
}
.column p {
    text-align: center;
    font-size: 18px;
}
.klasspm-regbg{
	background-color:#017ac3;
	width:100%;
	height:500px;
	margin-top: 150px;    
}
.klasspm-reghead{
	font-family: 'lato', sans-serif;
	font-size:42px;
	color: #fff;
	text-align:left;
    margin-top:75px;
	  
}
.klasspm-regsub{
	font-family: 'open sans', sans-serif;
	font-size:18px;
	color: #fff;
	text-align:left;
	  
}
.form-control {
    margin-right: 20px ;
    margin-bottom: 20px;
	border-radius:0px;
	    height: 50px;
	   width:100% !important;
	       border: 1px solid #44b972 !important;
}


.klasspm-registration .btn-success {
    color: #fff;
    background-color: #44b972;
    border-color: #44b972;
}

.klasspm-registration .btn {
   padding: 10px 50px;
   font-size: 25px;
   font-weight: 400;
   border-radius: 0px;
}
.klasspm-registration img{
	    margin-top: -131px ;
}
.klasspm-footerbg{
  background-color: #0a0a0a; 
  width: 100%;
  height: 230px;
  background-position:center;
}
.klasspm-footerhead{
   font-weight: bold;
    font-family: 'open sans', sans-serif;
    font-size: 18px;
    color: #fff;
    
}
.klasspm-footersub a{
 margin-right: 4px;
    margin-left: 1px;
   color: #fff;
    
    text-decoration: none;
}
.klasspm-footersub{
   font-family:'open sans', sans-serif; 
   font-size:16px;
   color: #fff;
    font-weight: 300;
    text-decoration: none;
    margin-top: 35px;
}
.klasspm-footer-sub{
   font-family:'open sans', sans-serif; 
   font-size:16px;
   color: #fff;
    font-weight: 400;
    text-decoration: none;
    margin-top: 5px;
        line-height: 1.8;
}
.klasspm-footercopybg{
    background-color: #000;
    width:100%;
    height: 70px;
}
.klasspm-footercopy-head{
    margin-top: 25px;
    font-family:'open sans', sans-serif; 
   font-size:15px;
   color: #fff;
   text-align: center;
    
}
hr {
  
    border-top: 1px solid #45ba71;
}

.cls {
    position: relative;
    width: 100%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.cls:hover .image {
  opacity: 0.5;
}

.cls:hover .middle {
  opacity: 1;
}
.text:hover {
   background-color: #e6a303;  
       border-radius: 33px;
}
.klass-cart .btn-success {
      margin-top: -106px;
    border-radius: 0px;
    margin-left: 173px;
    padding: 8px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.klass-cart .btn-primary {
    padding: 12px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
        border-radius: 0px;
        float: right;
		font-size: 14px;
}
.klass-cart .row{
    margin-left: 0px;
    margin-right: 0px;
}

.klass-cart-total{
      font-size: 18px;
      text-align: left;
      color:#337ab7;
}
.klass-checkout input[type=checkbox], input[type=radio] {
    margin-left: 0px !important;
}
.klass-checkout .row {
    margin-right: 0px;
    margin-left: 0px;
}
.klass-checkout .btn-success {
        margin-bottom: 20px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 0px;
    margin-top: 23px;
    padding: 12px;
}
  .klass-checkout .col-md-6{
      padding-left: 0px;
  }
.klass-cart .form-control {
   margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    height: 38px;
    width: 50% !important;
    margin-top: 20px;
}
.klass-cart img {
    height: 75px;
}
.klasspm-amount{
    padding-left: 5px;
    color: red;
    font-size: 18px;
}
.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 12px 25px;
 
}
.cls a{
  text-decoration: none;   
}
.klasspm-padtop{
  padding-top: 20px;
}
.klasspm-footerhead {
    margin-left: 14px;
}
.klasspm-cart{ 
  margin-bottom: 20px;    
 margin-left: 20px;   
margin-right: 20px;
font-size:15px;
}
.klasspm-wish{ 
  margin-bottom: 20px;    
 margin-left: 0px;   
margin-right: 145px;
font-size:15px;
}
.klasspm-testimonials{
  
    font-size: 18px;
}


* {
    box-sizing: border-box;
}


/* Center website */


h1 {
    font-size: 50px;
    word-break: break-all;
}


.carousel-inner { margin: auto; width: 90%; }
.carousel-control 			 { width:  4%; }
.carousel-control.left,
.carousel-control.right {
  background-image:none;
}
 
.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  margin-top:-10px;
  margin-left: -10px;
  color: #444;
}

.carousel-inner {
  a {
    display:table-cell;
    height: 180px;
    width: 200px;
    vertical-align: middle;
  }
  img {
    max-height: 150px;
    margin: auto auto;
    max-width: 100%;
  }
}
.klass-cart .btn-success1 {
    margin-top: 20px;
    border-radius: 0px;
   
    padding: 8px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

@media (max-width: 767px) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  .klass-cart .form-control {
   width: 50% !important;
  }
   .klass-cart .btn-success {
    margin-top: -100px !important;
    margin-left: 198px !important; 
   }
   .klass-cart .btn-success1 {
 
    margin-left: 0px !important;
  
    margin-top: -26px !important;

   }
  
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
  .kalss-profile-settings .nav-tabs {
    /* border-bottom: 1px solid #ddd; 
    background-color: #c7c7c7;
    width: 100%;*/
    height: 45px !important;
  
}
.kalss-profile-settings .nav-tabs {
     margin-top: 25px;

}

}
@media (min-width: 767px) and (max-width: 992px ) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
  }
 
}
@media (min-width: 992px ) {
  
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(16.7%, 0, 0);
      transform: translate3d(16.7%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-16.7%, 0, 0);
      transform: translate3d(-16.7%, 0, 0);
  }
  
}
.student-klass-details p{
    text-align: left;
}


.faculty-klass-name{
font-size: 38px;
    font-family: 'hind', sans-serif;
    color: #44b972;
    font-weight: 500;
    margin-top: 20px;
    }
.faculty-klass-bio{
font-size: 24px !important;
    font-family: 'hind', sans-serif;
    color: #007ac3;;
    font-weight: 500;
    }
.faculty-klass-biop{
font-size: 18px;
    font-family: 'open sans', sans-serif;
    color: #717171;;
   
    }    
    
    .awards ul li{
            line-height:1.7;
    } 
    
.faculty-klass-qualification{
font-size: 24px;
    font-family: 'hind', sans-serif;
    color: #44b972;
    font-weight: 500;
    margin-left:77px;
    }
.carousel-control.left {
    background-image: none !important;
    
}
.carousel-control.right {
    background-image: none !important;
    
}

.klasspm-university{
    margin-top:20px;
}
.klasspm-best{
   vertical-align: middle;
    margin-top: 20px;
        text-align: center;
}


.hover_line:before {
    content: '';
    width: 30px;
    height: 4px;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -2px;
    background: #000;
    z-index: 999999;
    background-color: #04d171;
}

.hover_line {
    overflow: hidden;
    position: relative;
    padding: 0px 0 10px;
    display: block;
    margin: 0px 25px;
    /* border-top: 1px solid #45ba71; */
}

.hover_line:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    height: 1px;
    width: 100%;
    background: #e5e5e5;
}

button.button.button1:hover {
    background-color: #fff;
    border: 3px solid #51be7d;
}
.klass-presentation a:hover {
    color: #51be7d;
}
.faa:hover{
    color: #51be7d;
}
.klasspm-footersub a:hover {
    color: #44b972;
}
.klass-nav ul li a:hover {
   color: #44b972;  
}
a:hover {
    color: #44b972;
  text-decoration: none;
}
.form-inline .form-group {
    margin-right:10px;
}
<!-- innerpage styles-->
.klasspm-sub-name{
    font-family: 'hind', sans-serif;
    font-size:25px;
    margin-left:20px;
    text-align: left;
}



/* Style the buttons inside the tab */


/* Change background color of buttons on hover */
.tab button:hover {
    background-color: transparent;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #0473d1;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
  
    width: 50%;
    border-left: none;
    height: auto;
}

.tablinks{
  color:#fff;  
}
.sele {
    float: left;
    padding: 8px 158px;
    margin-bottom: 18px;
}
.sele1 {
    float: left;
    padding: 8px 35px;
    margin-bottom: 18px;
}
.sele2 {
    float: left;
    padding: 8px 133px;
    margin-bottom: 18px;
}
.sele5 {
    float: left;
    padding: 8px 111px;
    margin-bottom: 18px;
}

.sele3 {
    float: left;
    padding: 8px 118px;
    margin-bottom: 18px;
}
.thim-login .title {
    font-size: 44px !important;
}
.sele6 {
    float: left;
    padding: 8px 151px;
    margin-bottom: 18px;
}

.sele4 {
    float: left;
    padding: 8px 123px;
    margin-bottom: 18px;
}
.sele7 {
    float: left;
    padding: 8px 129px;
    margin-bottom: 18px;
}




.input{
    width: 50%;
    line-height: 30px;
    padding: 4px 20px;
    border: 1px solid  #44b972;
    color: #999;
    margin-bottom: 20px;
    clear: both;
    display: block;
    min-height: 40px;
    border-radius: 0;
    /*margin-left: 100px !important;*/
}
.klasspm-register .btn{
 
    padding: 10px 150px;
    
    margin-bottom: 20px;
    font-size: 20px;
} 

.widget{
	display:none;
	
}
.widget .total {
    text-align: center;
  
}
.widget a {
    color: #000;
}
.widget a:hover {
    color: #000;
}
ul.cart_list.product_list_widget {
    list-style: none;
}
.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li .quantity {
    float: left;
    padding: 0;
    text-align: left;
    min-width: 60%;
}
.widget .remove {
    font-size: 20px!important;
    left: auto!important;
    right: 10px;
    top: 10px!important;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
	
float: right;
}
.widget .buttons {
    text-align: center;
    padding-top: 25px;
}
img.attachment-shop_thumbnail.size-shop_thumbnail.wp-post-image {
    width: 22%;
    height: 60px;
    margin-left: -26px;
	    margin-top: 10px;
}
li.cart-klass:hover + .widget {
   
}
li.cart-klass:hover .widget {
	 display: block;
}
.widget_shopping_cart_content {
  background-color: #fff;
    height: auto;
   /* padding-bottom: 25px;*/
    width: auto;
    position: absolute;
    z-index: +1;
    color: #000;
    top: 28px;
    margin-left: -35px;
    width: 300px
	   
}
   .klasspm-register .klass-abouthead {
    font-family: 'Lato', sans-serif;
    font-size: 42px;
    color: #007bc3;
    text-align: center;
    padding-top: 30px;
} 
.klass-studentbg{
    font-weight: bolder;
 font-family: 'Lato', sans-serif;
    font-size: 42px;
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
        padding-top: 20px; 
    background-color: #51be7d;
    width: 100%;
    height:100px;
    
}

.counts-count{
	padding-top: 30px;
    font-size: 25px;
    color: #04d171;
    text-align: center
	
}
.student-klass-details .column {
       margin-left: 3px;
    margin-bottom: 25px;
}
.klass-profilebg{
     padding-top: 35px;
     background-color: #007ac3;
     width: 100%;
     height: 272px;
}
.student-klass-details p {
    /*text-align: center;*/
}
.klass-studentname{
 font-family: 'Lato', sans-serif;
 font-size: 20px;
 color: #fff;
 text-align: left;
 padding-bottom: 10px;
 padding-top: 20px; 
   
}
.klass-student .btn-primary {
    color: #fff;
    background-color: #00629b;
    border-color: #00629b;
    border-radius: 33px;
    margin-right: 10px;
}
.klass-student-address{
   font-family: 'open sans', sans-serif;
 font-size: 20px;
 color: #fff; 
    padding-top: 8px;  
}
.klass-student-data{
    
   font-family: 'open sans', sans-serif;
 font-size: 18px;
 color: #fff; 
    padding-top: 8px;  
    padding-bottom: 20px;
}
.nav>li>a {
    color: #fff;
}
.nav-tabs>li>a {
  border: transparent;
}

.klasspm-student-middle .column {
  width: 260px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #44b972;
    height: 45px;
    cursor: default;
    background-color: #fff;
    border: 4px solid #44b972;
    border-bottom-color: transparent;
    border-left: 10px;
    border-right: 10px;
  
}
.nav-tabs>li{
  font-size: 18px;

      margin-bottom: 40px;
  
}
.klass-head-university {
    margin-left: 0px;
}
.kalss-profile-settings .nav-tabs {
    /* border-bottom: 1px solid #ddd; */
    background-color: #717171;
    width: 100%;
    height: 45px;
        border-radius: 33px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
       
}
 .kalss-profile-settings .nav-tabs>li.active>a {
    border-radius: 33px;
}

.klass-curriculum{
    display: none;
    
}
.klass-description{
    display: none;
    
}
.klass-review{
    display: none;
    }
 .klass-person{
    display: none;
    }
    
 .klass-mble-cart-quantity{
   margin-left: 5px;
}
.klass-subjecetlist-uni li {
    float: left;
     padding-right: 40px;
    padding-top: 14px;
}
.klass-single-subject hr {
    margin-top: 15px;
}
.klass-sub-name{
    font-size: 30px;
    font-family: 'hind', sans-serif;
    color: #45ba71;
        font-weight: 500;
}
.klass-single-subject p{
    text-align:left;
    margin: 2px 4px;
}
.klass-right-line{
    border-right: 1px solid #eee;
}
.klass-sub-price{
        color: #ff0808;
    font-size: 30px;
    font-weight: 600;
}
.klass-single-subject .btn-success {
    margin-left: 20px;
    margin-top: -10px;
}
.klass-single-subject .btn{
   padding: 10px 20px;
    font-size: 20px;
}

.klasspm-single-middle .nav-tabs {
    background-color: #cecece33;
    border-bottom: none;
    height: 45px;
        margin-top: 15px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.klasspm-single-middle li{
padding-top: 0px;
    width: 25%;
        padding-right: 0px;
            text-align: center;
    }
.klasspm-single-middle .nav>li>a {
    color: #101010;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px;
}
.panel-title {
  text-align: left;
}

.klasspm-icon-space{
    padding-left:20px;
    font-size: 20px;
}
 .panel-group ol li {
    font-size: 16px;
    font-family: 'open sans', sans-serif;
}


.klass-text-book{
    font-size: 28px;
    color: #0288b2;
    font-family: 'hind', sans-serif;
        margin-right: 30px;
}

.rating-block {
    padding-left: 19px;
    width: 80%;
    height: 250px;
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    /* padding: 8px 62px 0px 0px; */
    border-radius: 3px;
    margin-bottom: 20px;
    padding-top: 40px;
}
.klasspm-ratings-user .btn {
    padding: 0px 8px;
}
.klasspm-ratings-user  .btn-info {
    margin-bottom: 20px;
       margin-top: 50px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.video {
    width: 100%;
    height: 450px;
}
.klass-single-subject-inner .row{
    margin-right: 0px;
    margin-left: 0px;
}
.klass-description-reference ol li{
    font-size: 18px;
    font-family: 'open sans', sans-serif;
        line-height: 2;
}
.klass-course-feature{ 
    color: #45ba71;
}
.klass-faculty-shadow p{
    text-align: left;
}
.klasspm-topic-heading{
    font-size: 36px;
    font-family: 'hind', sans-serif;
    text-align: left;
    font-weight: 600;
}
#men3 .h2, h2 {
    font-size: 18px;
}
.klasspm-singlesubject-middle .nav-tabs {
    background-color: #cecece33;
    border-bottom: none;
    height: 45px;
    margin-top: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-bottom: 15px;
}
p.review-klasspm .fa, .fas {
    font-size: 11px;
    margin-right: 4px;
}

.klasspm-commenting{
    margin-top: 50px;
}
.klasspm-singlesubject-middle li {
    padding-top: 0px;
    width: 25%;
    padding-right: 0px;
    text-align: center;
}
.klasspm-singlesubject-middle .nav>li>a {
    color: #101010;
}
.klasspm-hide-cart .row{
        margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    font-size: 18px;

}
.panel-default>.panel-heading {
    color: #333;
    background-color: #dcedf7;
}
.klasspm-hide-cart{
    background-color: #fff;
    width: 100%;
    height:65px;
        position: fixed;
    top: 900px;

}
.klasspm-hide-cart .btn {
    padding: 7px 20px;
    font-size: 20px;
}
.klasspm-hide-cart .btn-success {
    margin-left: 20px;
}
.klasspm-timer{
    color: #5cb85c;
	    font-size: 18px;

}
#menu3 .btn-info {
    margin-top: 20px;
    margin-bottom: 50px;
    
}
#menu3  .btn {
    padding: 9px 33px;
   font-size: 20px;
}

.tab-content p {
    font-size: 16px;
        /*line-height: 0.5 !important;*/
    font-family: 'open sans', sans-serif;
}

.kalss-profile-settings .nav-tabs>li {
    width: 25%;
    text-align: center;
}

.klasspm-browse{
    
    margin-top:15px;
}

i.fa.fa-chevron-right {
    margin-top: 50px;
    font-size: 30px;
}
i.fa.fa-chevron-left {
    margin-top: 50px;
    font-size: 30px;
}


@media only screen and (max-width: 768px) {
 .student-klass-details .column {
    margin-left: 18px !important;
 }
 .kalss-profile-settings .nav-tabs>li {
    font-size: 10px;
 }
 .klasspm-browse {
  margin-left: 10px;
    margin-bottom: 10px;
}
.tab-content h6{
    margin-left:10px;
}
 .tab-content p {
    font-size: 15px;
    text-align: left;
 }
 .klasspm-text-area-mble{
         margin-right: 10px;
    margin-left: 10px;
 }
 .klasspm-side-scroll {
    height: 575px;
    overflow-y: scroll;
}
 .klasspm-mble-video-bar{
    width: 100%;
    position: absolute;
    top: 220px;
}




.klasspm-topic-side-bar{
    width: 100%;
    position: relative;
    top: 580px;
}
  .klasspm-topic-heading {
    font-size: 20px;
        font-weight: 600;
  }
 
 .mble-shadow {
    margin-left: 0px !important;
 }
 .faculty-klass-name {
    font-size: 25px;
 }
 .klass-description-reference ol li {
  line-height: 1.5;
}
 .video {
  
    height: 200px;
}
 .rating-block {
 margin-top: 20px;
    width: 100%;
 }
 .klass-profile-image {
   margin-left: 15px;
    margin-top: 10px;
 }
 
.panel-group ol li {
    font-size: 12px;
 }
 .klasspm-icon-space {
    font-size: 18px;
}
 .klass-curriculum{
   display: block;
    text-align: center;
    font-size: 24px;
    color: #9a9a9a;
    margin-top: -8px;
    
}
.klass-description{
     display: block;
    text-align: center;
    font-size: 24px;
    color: #9a9a9a;
    margin-top: -8px;
}
.klass-review{
   display: block;
    text-align: center;
    font-size: 24px;
    color: #9a9a9a;
    margin-top: -8px;
    }
 .klass-person{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #9a9a9a;
    margin-top: -8px;
    }
 .klass-curriculum-text{
    display: none;
    
}
.klass-description-text{
    display: none;
    
}
.klass-review-text{
    display:none;
    }
 .klass-person-text{
    display: none;
    }
    
 .klasspm-single-middle .nav-tabs {
  height: 45px;
   }
 
 
 
 .klass-single-subject .row{
      padding-left: 10px;
 }
.klass-sub-name {
    padding-left: 12px;
}
 
 .klass-faculty-shadow {
 margin-left: 15px;
    margin-top: 25px;
}
 .well-sm {
     margin-left: 18px;
 }
 .klass-head-university {
    margin-left: 10px;
}
 .klass-checkout .row {
 margin-left: 10px;
}
.klass-checkout .btn-success {
    margin-left: 20px;
}
 #myBtnContainer1{
     display:none;
 } 
 .sim-button {
    line-height: 1.7 !important;
    height: 35px !important;
    margin-bottom: 15px !important;
    margin-left: 10px !important;
}
 .klass-subjects .content {
         margin-left: 50px !important; 
 }
 
 .klass-universities .thumbnail{
     margin-left: 10px;  
     
 }
  
 .klass-subjects .thumbnail{
     margin-left: 10px;  
     
 }
 .klass-semesters .thumbnail{
     margin-left: 30px;  
     
 }
 .list_branhes li {
    width: 100% important;
      margin-left: 10px important; 
 }
 .klass-departments .thumbnail {
    margin-left: 10px;
}
.klasspm-register label {
   margin-left: 200px;  
 }
    
.tab {
width: 30%  !important;
margin-left: 15px;
}
.tabcontent {
width: 60% !important;
}
.klass-studentbg {
    margin-top: -35px !important;
}
.tab button {
    font-size: 14px;
}
.nav-tabs>li {
   
    padding-top: 0px !important;
    margin-bottom: -4px !important;
}
.content {
    margin-bottom: 0px!important;
    margin-left: 0px ;
    margin-top: 35px !important;
}
.klass-student-address {
    padding-left: 25px !important;
}
.klass-student-data {
     padding-left: 10px !important;
     font-size: 16px !important;
     padding-bottom:20px; 
         
}
.klass-student-image{
       padding-left: 100px;
    width: 70%;
    
}
.klass-profilebg {
      height: auto !important;
    margin-bottom: 10px;
}
.klass-studentname {
    padding-left: 85px;
}

element.style {
}
.klass-student .btn-primary {
    margin-left: 30px;
}


.input {
    width: 100%;
     margin-left: 10px !important;
}
.klasspm-register .btn {
   
    padding: 8px 52px !important;
    
}

.tab button {
  padding: 27px 16px ;
}


.list_branhes li {
    width: 100% !important;
  margin-left: 10px !important;
}
}

.link-bottom{
     margin-left: 100px;
}

input[type=checkbox], input[type=radio] {
   margin-left: 100px;
}
.klass-head-university{
    margin-top: 20px;
    margin-bottom: 20px;
    color:#4f4f4f;
    
}
.klass-uni-university{
    margin-left: 20px;
}

.list_branhes li {
    width: 50%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    margin: 8px 0px;
}
.list_branhes {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.list_branhes li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent rgb(68,185,114);
}

.klass-subjects .content {
    margin-bottom: 40px;
     margin-left: 10px;
 }

.button1:hover {
    background-color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #51be7d;
    border-color: #51be7d;
}
.button1 {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    /* transition: all 0.5s; */
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
}
.sim-button {
    line-height: 50px;
    height: 54px;
    text-align: center;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 20px;
    width: 35%;
    cursor: pointer;
}
.panel-group .panel {
   margin-top: 25px;
}

p.submit {
    margin-top: 25px;
}
.column.show p {
    text-align: center;
}
@media screen and (max-width: 768px) {
  .klasspm-verify .container {
    width: 95%;
}
p.klass-verifyhead {
   font-size: 23px;
    font-style: italic;
    padding: 5px;
}
.klasspm-verify .name {
    padding-left: 10px;
}
.klasspm-verify .otp {
    padding-left: 10px;
}
.klasspm-verify .form-control {
    margin-left: 10px;
  width: 50% !important;
}
.klasspm-verify .btn-primary {
    margin-left: 10px;
}
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.klasspm-best-student{
	 position: relative;
  width: 100%;
  max-width: 300px;
}
.image {
  display: block;
  width: 100%;
    height: 300px;
}

.overlay {
		border-bottom-left-radius: 33px;
		border-bottom-right-radius: 33px;
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 15px;
  padding: 5px;
  text-align: center;
}

.klasspm-best-student:hover .overlay {
  opacity: 1;
}


.best-klasspm-students{
	font-family: 'Lato', sans-serif;
    font-size: 42px;
    color: #44b972;
    text-align: center;
    padding-top: 30px;
	
}

 .owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.23
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.23
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: empty 1ms both ease;
  -moz-animation: empty 1ms both ease;
  animation: empty 1ms both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

#owl-demo .item{
 
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



.owl-theme .owl-controls .owl-page span {
  background: #51be7d;
}

 
 
 
 
 .klass-loginhead {
    font-family: 'Hind', sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px;
}
 
 

.klasspm-login .btn-primary {
    width: 100%;
  background-color: #04d171;
    border-color: #04d171;
    margin-bottom: 20px;
    margin-top: 20px;
}
.klasspm-login .btn {
  padding: 10px 12px;
  border-radius: 0px;
  font-size: 20px;
    font-weight: 600;
}

/*.lostpwd {
    padding-left: 120px;
}*/

.klasspm-login i.fa.fa-eye {
    top:176px;
    position: absolute;
    right: 25px;
}

.klass-registerloginhead {
    font-family: 'Hind', sans-serif;
    font-size: 38px;
    font-weight: 600;
    margin-top: 40px;
    text-align: center;
    color: #04d171;
}

.register .input {
    width: 100%;
    margin-left: 8px !important;
}

.klasspm-register .btn {
    padding: 10px 150px;
    margin-bottom: 20px;
    font-size: 20px;
    margin-left: 0px;
}

p.klass-verifyhead {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    font-weight:600;
}


.klasspm-verify .name {
    font-size: 20px;
    color: #04d171;
	text-align: unset;
}

.klasspm-verify .otp {
    font-size: 18px;
	padding-bottom: 20px;
	text-align: unset;

}
.klasspm-verify .container {
    width: 50%;
    margin-top: 19px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}


.klasspm-verify .btn-primary {
    font-size: 18px;
    width: 150px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #04d171;
    border-color: #04d171;
    border-radius: 0px !important;
}
.klasspm-verify .form-control {
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 0px;
    height: 34px;
    width: 35% !important;
}


.student-klass-details .text {
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    padding: 6px 10px;
}
 
.student-klass-details h4 {
    height: 50px;
}


@media only screen and (max-width: 600px) {
  
.counts-klass {
    margin-left: 10px;
    margin-top: 10px;
    height: 31px !important;
    margin-bottom: 0px !important;
   }
.counts-count {
    padding-top: 0px !important;
    font-size: 20px;
}
img.klass-student-image.img-circle {
    padding-left: 15px;
    width: 100% !important;
    height: 215px;
    border-radius: 0%;
}

.kalss-profile-settings .nav-tabs {
	margin-left:10px;
}

.doubt-klass-ans {
    margin-left: 15px !important;
}
.doubt-klass-que {
    margin-left: 5px;
}

.doubt-klass-que img {
    width: 100%;
}

.coupon-applied {
   margin-bottom: 30px;
}
.coupon-error{
	  margin-bottom: 30px;
}


.pres-title-uni {
    font-size: 40px !important;
    padding-left: 18px !important;
}

.klass-courses .thumbnail {
    margin-left: 15px;
}
.klass-head-course {
    margin-left: 15px !important;
}
}
.student-klass-details tr {
    border: 1px solid #04d171;
}

.student-klass-details table {
    width: 100%;
    border: 1px solid #04d171;
    background-color: transparent;
}

.student-klass-details td, th {
    padding: 10px;
}

.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li .remove {
    font-size: 20px!important;
    left: auto!important;
    right: 10px;
    top: 10px!important;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
}

.product_list_widget li .quantity {
    float: left;
    padding: 0;
    text-align: left;
    min-width: 100%;
	margin-left: 30px;
    margin-top: -22px;
}





.klasspm-universities .item img {
    width: 150px;
    height: auto;
}



.coupon-applied {
    margin-top: -25px;
    color: #5cb85c;
    /* font-size: 16px; */
}
.coupon-error{
	margin-top: -25px;
    font-weight: 100;
}

.top-nav-left .list-inline {
    padding-top: 8px;
    margin-left: 0px !important;
}

.pres-title-uni {

    font-size: 48px;
    padding-top: 120px;
    color: #fff;
}

.presentation-innerpage {
    
    width: 100%;
    height: 300px;
}

.klass-head-course {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #4f4f4f;
}

.klass-uni-course {
    margin-left: 20px;
}

.klass-courses .thumbnail .caption p {
    text-align: center;
}
.thumbnail {
	border-radius: 0px;
}

.klass-departments .thumbnail .caption p {
    text-align: center;
}

.klass-subjects h4 {
    height: 50px;
}

p.regulation-heading {
    background: #44b972;
    border-radius: 4px;
    width: auto;
    height: 46px;
    font-size: 25px;
    color: white;
    padding: 8px 10px 14px 10px;
}


.regulation_link {
    font-size: 14px;
    float: right;
    padding-top: 5px;
}


span.regulation_link a {
    color: #fff;
}

.klass-subjects .thumbnail .caption p {
    text-align: center;
}

.sub-klass-bg{
	background-color: #51be7d;
	width: 100%;
	height:50px;
	}
	
.sub-text-kls {
	font-weight: bold;
    padding-top: 10px;
    color: #fff;
    font-family: 'hind', sans-serif;
    font-size: 24px;
    text-align: center;
}  


.klass-single-subject-inner .tab-content h4 {
    text-align: left !important;
}
@media only screen and (max-width: 600px) {
  .sub-text-kls {
    padding-top: 15px !important;
   font-size: 25px !important;
} 
.sub-klass-bg {
 height: auto !important;
    margin-top: -50px;
}
.klasspm-facility select {
    width: 48% !important;
	    margin-bottom: 10px;
    margin-left: 3px;
}
}
.klass-single-subject-inner+.klasspm-footer {
    display: none;
}
.klass-single-subject-inner+.klasspm-footer+.klasspm-footercopy {
    display: none;
}



.klasspm-facility select {
    width: 19%;
    height: 50px;
    border: 2px solid #04d171;
}


.column.pharmacy.show h4 {
    height: 50px;
}


.klass-single-subject-inner .panel-default>.panel-heading {
    color: #333;
    background-color: #dcedf7;
    height: auto;
    padding-bottom: 25px;
}


.klass-single-subject-inner h2..lesson-heading {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
	 font-family: 'hind', sans-serif;
}
   
.quiz-text {
	    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}
.single-quiz .quiz-clock .quiz-total .quiz-text .number{
color: #04d171;
}

.single-quiz .quiz-clock .quiz-total {
    display: inline-block;
    line-height: 30px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.learn-press-content-item-summary {
    margin-bottom: 30px;
}

.button-start-quiz {
	margin-top: 25px;
    border: 0;
    height: 40px;
    line-height: 30px;
    font-size: 13px;
    padding: 5px 25px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
     background: #54b551;
    color: #fff;
}

p.index-question.hide-if-js {
    display: none;
}

ul.learn-press-question-options input[type=checkbox], input[type=radio] {
    margin-left: 0px;
}

ul.learn-press-question-options li {
    list-style: none;
}

.quiz-buttons button{
 background: #54b551;	
     padding: 5px 25px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    border: 0;
	margin-bottom: 10px;
	color: #fff;
}

.quiz-buttons button:hover{
	 background: #54b551;
	     padding: 5px 25px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    border: 0;
}
.quiz-buttons button a{
	color: #fff;
}

.col-md-9.klasspm-side-scroll.klasspm-mble-video-bar .answer-option p {
    position: relative;
    top: -34px;
    left: 50px;
}
.number{
	color: #04d171;
}



.quiz-results .result-field {
    display: inline-block;
    margin-right: 20px;
    width: 95px;
    height: 95px;
    border: 2px solid #54b551;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}
.quiz-results .result-summary {
    margin: 32px 0 63px;
}

.quiz-results .result-field .value {
    font-size: 24px;
    font-weight: 700;
    color: #54b551;
    display: block;
    margin-top: 2px;
}
.quiz-results .result-field.wrong .value {
    color: #e9340a;
}
.quiz-results .result-field span {
    display: block;
    margin-top: 18px;
    text-transform: capitalize;
}

.quiz-results .result-field .value {
    font-size: 24px;
    font-weight: 700;
    color: #54b551;
    display: block;
    margin-top: 2px;
}

.klass-single-subject-inner  table.quiz-history tr td, table.table-orders tr td {
    border: 1px solid  #04d171;
    border-width: 1px 1px 1px 0;
    padding: 10px 15px;
}
div#lp-quiz-history table.quiz-history {
    width: 100%;
}


.rating-box {
    text-align: center;
    padding-bottom: 40px;
	 border: 1px solid #eee;
}
 .average-rating {
    width: 200px;
    display: inline-block;
    float: left;
    margin-right: 30px;
}
 .average-value {
color: #04d171;
 }
 
 .average-rating .rating-box .average-value {
    font-weight: 700;
    font-size: 72px;
    line-height: 80px;
    margin: 27px 0 11px;
}

.average-rating .rating-box {
    text-align: center;
    padding-bottom: 40px;
}


.average-rating .rating-box .review-star {
    line-height: 16px;
}

.rating-box .review-stars-rated {
    height: 50px;
    line-height: 1.5;
    width:120px;
}

.review-stars-rated {
    position: relative;
    display: inline-block;
}

.rating-box .review-stars-rated .review-stars {
    margin: 0;
    display: inline-block;
    list-style: none;
    line-height: 16px;
    height: 16px;
    float: left;
    font-size: 0;
	color: #fcc002;
}

.rating-box .review-stars-rated .review-stars>li {
    width: 50px;
    height: 16px;
    display: inline-block;
    float: none;
    margin-bottom: 0;
}

.rating-box .review-stars-rated .review-stars>li span {
    font-size: 13px;
    width: auto;
    height: auto;
    border-bottom: none;
    text-decoration: none;
}

.icon-9 {
    display: block;
    height: 33px !important;
    width: 28px !important;
    background: url(https://www.klasspm.com/assets/frontend/images/icons.png) -92px -60px;
}

.course-tabs .tab-content {
    padding: 26px 15px;
    font-size: 18px;
    line-height: 1.5;
}
.course-tabs .tab-content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 60px 30px;
}


 .detailed-rating {
    width: auto;
    display: inline-block;
    max-width: 100%;
}


.detailed-rating .rating-box {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.rating-box {
    border: 1px solid #eee;
}

.detailed-rating .stars {
    clear: both;
    padding: 0 30px 3px;
}

 .detailed-rating .stars>div.key {
    font-weight: 700;
    min-width: 47px;
}

.detailed-rating .stars>div {
    display: inline-table;
    line-height: 30px;
}

 .detailed-rating .stars>div.bar {
    width: 200px;
    margin: 0 7px;
}

.detailed-rating .stars>div.bar .full_bar {
    background: #eee;
    height: 12px;
    position: relative;
}

 .detailed-rating .stars>div.value {
    color: #999;
}

div#course-reviews ul li {
    list-style: none;
}

 .course-review  li{
        padding-top: 20px;
    margin-top: 52px;
    border: 2px solid #04d171;
    width: 100%;
    height: 148px;
    padding-bottom: 72px;
}
 .add-review {
	 border: 2px solid #04d171;
    background: #f9f9f9;
    margin:50px 0px 25px !important;
    padding: 0px 22px 13px !important;
}


 .content-review>ul .review-author {
    width: 100px;
    overflow: hidden;
    float: left;
   
}
.content-review>ul .review-author img {
    border-radius: 50%;
}

.course-review .content-review>ul .review-text {
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    float: right;
}

.course-review .content-review>ul .review-text .author-name {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    margin: 0 15px 0 0;
    line-height: 20px;
    text-transform: capitalize;
}


.course-review .content-review>ul .review-text .review-star {
    display: inline-block;
    line-height: 20px;
}
.review-star.user_review_listing {
    float: right;
    pointer-events: none;
}

.review-star.user_review_listing .review-stars-rated {
    width: 100%;
}
.course-review .review-stars-rated{
    height: 50px;
    line-height: 1.5;
    width: 80px;
}
.star-rating {
    padding: 2px;
}

.star-rating s.active {
    color: #04d171;
}

.star-rating s{
    color: black;
    font-size: 30px !important;
    cursor: default;
    text-decoration: none;
    line-height: 50px;
}



.add-review .title {
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 35px;
    padding: 50px 0 3px;
}

 .add-review form label {
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    display: block;
    margin-top: 10px;
}
.add-review .review-stars-rated {
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.add-review .review-stars-rated{
    height: 50px;
    line-height: 1.5;
    width: 80px;
}
.star-rating {
    padding: 2px;
}
.star-rating s{
    color: black;
    font-size: 30px;
    cursor: default;
    text-decoration: none;
    line-height: 50px;
}

.add-review form textarea {
    border: 1px solid #e3e6e6;
    padding: 10px;
    clear: both;
    width: 100%;
    display: block;
    min-height: 100px;
}


.add-review form button[type=submit] {
    padding: 5px 25px;
    text-transform: uppercase;
    line-height: 30px;
    border: 0;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin-top: 20px;
	  background-color: #04d171;
	  margin-bottom: 50px;
}

.comments-area{
	 margin-top: 15px;
}
.comments-title{
	font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    /*padding: 15px 0 22px;
    margin-bottom: 60px;
    margin-top: 50px;*/
    position: relative;
    line-height: 30px;
}

.comments-area .comment-list .comment-list-inner li .wrapper-comment{
	overflow: hidden;
    padding: 45px 0;
    border-top: 1px solid #eee;
}

.comment-list-inner li .avatar{
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;	
}
.comments-area .comment-list .comment-list-inner li .comment-right{
	width: -webkit-calc(100% - 100px);
	float: left;
	
}
.comments-area .comment-list .comment-list-inner li .comment-extra-info .author{
	float: none;
    display: inline-block;
    margin-right: 15px;
}
.comments-area .comment-list .comment-list-inner li .comment-extra-info .author{
font-size: 15px;
    font-weight: 700;	
}

.date{
	float: none;
    display: inline-block;
    margin-right: 15px;
}
 .date{
	font-size: 13px;
    font-weight: 400;
    color: #ccc;
}

.comments-area .comment-list .comment-list-inner li .content-comment{
	
	padding: 15px 30px 0 0;
}

li.comment.byuser.comment-author-admin.even.thread-even.depth-1.description_comment {
    list-style: none;
}
@media (max-width: 768px){
.course-rating .average-rating {
    width: 90%;
    margin-left: 15px;
}
.detailed-rating .rating-box {
    margin-left: 8px;

}

.klass-single-subject-inner img {
    width: 100%;
    height: auto;
}
.scroll-btn{
margin-left: 15px !important;
 }
 

.klasspm-Category .dropdown-klasspm .btn {
    width: 100%;

}

 
 
}


.klasspm-Category h4 {
	
    height: 50px;
	font-size: 17px;
    font-family: 'open sans', sans-serif;
} 

.scroll-btn{
text-align: center;
    margin-left: 515px;
    margin-top: 20px;
}



h2.lesson-heading {
    color: #51be7d;
    font-size: 25px;
    font-weight: 600;
}



.klass-presentation .klasspm-sub-kls-sub {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: left;
   
}



.klasspm-headerbg{
width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
}
a:focus, a:hover {
	text-decoration: none;
}

.klasspm-dep{

	font-family:'hind', sans-serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
	font-weight:400;	
	    padding-top: 133px;
}

.klasspm-deps{

	font-family:'hind', sans-serif;
	font-size: 25px;
	color: #fff;
	text-align: center;
	font-weight:400;	
	    padding-top: 50px;
}
.klasspm-headtext{
	    /*padding-top: 85px;*/
	font-family:'hind', sans-serif;
	font-size: 72px;
	color: #46b774;
	text-align: center;
	font-weight:400;
	
}
.klasspm-logopad{
padding-top: 75px;

}

.klasspm-subtext{
	
	font-family:'hind', sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-weight:500;
	line-height:0.2;
}

.kalsspm-courses p1{
font-family:'hind', sans-serif;
	font-size: 30px;
	color: #fff;
	text-align: center;
	font-weight:400;
}
.kalsspm-text{
font-family:'open sans', sans-serif;
	font-size: 21px;
	color: #000;
	text-align: center;
	margin-top:50px;
}
.kalsspm-text1{
font-family:'open sans', sans-serif;
	font-size: 21px;
	color: #000;
	text-align: center;
	margin-bottom:50px;
}





@media only screen and (max-width: 768px) {
	
	.klass-engineering-head-gate {
    margin-top: 10px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
	
p.klass-engineering-sub .btn-info {
    font-size: 10px;
    font-weight: 600;
}	
	
	
.klasspm-headerbg {
		
		    height: auto;
    padding-bottom: 170px;
	}
.klasspm-headtext {
	    font-size: 25px;
    /*padding-top: 70px;*/
}
.klasspm-subtext {
	    font-size: 15px;
		    line-height: 0;
}
.pad{
	margin-top:-120px;
}
.klasspm-bg1 {
    margin-bottom: 15px;
        margin-top: 150px;
}
.klasspm-bg2 {
    margin-bottom: 15px;
}
.klasspm-bg3 {
    margin-bottom: 15px;
}
.klasspm-bg4 {
    margin-bottom: 15px;
}
.klasspm-footerbg {
	    height: auto;
padding-bottom: 20px;
}
.kalsspm-courses img {
	    margin-left: 127px;
}
 .kalsspm-text {
	    font-size: 18px; 
	 margin-top: 25px;
	 
 } 
 .kalsspm-text1 {
	    font-size: 18px; 
 }
	
.klasspm-bg6 {
    border-radius: 10px !important;	 
 } 
 .kalsspm-copytext {
    font-size: 10px;  
 }
 

}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
/*.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}*/
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*
Fade content bs-carousel with hero headers
Code snippet by maridlcrmn (Follow me on Twitter @maridlcrmn) for Bootsnipp.com
Image credits: unsplash.com
*/

/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 435px;
}
/*.fade-carousel .carousel-inner .item {
    height: 100vh;
}*/
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #44b972;
    border-color: #44b972;
    opacity: 0.7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 35%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 6em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out 5s;
       -moz-transition: 2s all ease-in-out 5s; 
        -ms-transition: 2s all ease-in-out 5s; 
         -o-transition: 2s all ease-in-out 5s; 
            transition: 2s all ease-in-out 5s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out 5s;
       -moz-transition: 2s all ease-in-out 5s; 
        -ms-transition: 2s all ease-in-out 5s; 
         -o-transition: 2s all ease-in-out 5s; 
            transition: 2s all ease-in-out 5s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
  
    z-index: 2;
    background-color: #080d15;
   /* opacity: .7;*/
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5
 {
 /* height: 100vh;*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {

  width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
}
.fade-carousel .slides .slide-2 {
 
 width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
}
.fade-carousel .slides .slide-3 {

 width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
}
.fade-carousel .slides .slide-4 {

 width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
}
.fade-carousel .slides .slide-5 {
 
 width: 100%;
height:435px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 768px){
    .hero h1 { font-size: 4em; }  
.klasspm-logopad {
    padding-top: 150px;
    margin-left:5px;
}
.klasspm-logopad1 {
    padding-top: 150px !important;
}
.klasspm-footerhead {
    margin-left: 12px !important;
}
}



.klasspm-logopad1{
padding-top: 60px;

}

@media only screen and (min-width: 800px) {
    
  .klasspm-logopad {
    margin-top: -50px;
}  
.klasspm-headtext {
    font-size: 48px;
}
.klasspm-subtext {  
    
  font-size: 20px;   
    
}   
} 

.klasspm-header .carousel-inner { 
width: 100% !important; 

}


.klass-pharmacy .klass-bpbg {
   
    background-repeat: no-repeat;
    height: 270px;
    width: 100%;
}


.klass-pharmacy .klass-bpmp-text {
    font-size: 36px;
    color: #fff;
    padding-top: 95px;
    text-align: center;
}


.klass-pharmacy .klass-dpbg {
  background-repeat: no-repeat;
    height: 270px;
    width: 100%;
}

.klass-pharmacy .klass-mpbg {
  
    background-repeat: no-repeat;
    height: 270px;
    width: 100%;
}


 .dropdown-menu {
    margin: 20px 0 0 ;
    border: unset;
    border-radius: unset;
}

@media (max-width: 768px){
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #fff !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}

.dropdown-menu {
    margin: 0px !important  ;
    
}
.fade-carousel .slides .slide-1 {
height:200px;

}
.fade-carousel .slides .slide-2 {
height:200px;

}
.fade-carousel .slides .slide-3 {
height:200px;

}
.fade-carousel .slides .slide-4 {
height:200px;

}
.fade-carousel .slides .slide-5 {
height:200px;

}

.fade-carousel {
	top: -40px;
  height: 200px;
}
.klasspm-coursebg{
margin-top: -40px;

}

img.klasspm-img {
    display: none;
}
ul.klass-subjecetlist-uni {
    display: none;
}

h1 {
    font-size: 27px !important;
    word-break: break-all;
}
}

.klasspm-footer.topic-page {
    display: none;
}
.klasspm-footercopy.topic-page {
    display: none;
}


.klass-pharmacy {
    margin-top: 30px;
}


.klasspm-header {
    margin-top: -12px;
}


.klass-nav .list-inline {
    margin-top: -10px;
}


/*videoblock*/

/*
 * Bootrap carousel plugin
 * --------------------------------------------------
 */



.klasspm-videoblock .youtube-carousel{
  /*border: 4px solid #44b972;*/
}

.klasspm-videoblock .video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 0px; overflow: hidden;
   margin-bottom: -1px;
   margin-right: -1px;   
}

.klasspm-videoblock .video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;  
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
  
.klasspm-videoblock .carousel-control .glyphicon-chevron-left{
  top:35%;
  font-size: 20px;
  left:5%;
  margin: 0;
}

.klasspm-videoblock .carousel-control .glyphicon-chevron-right{
  top:35%;
  font-size: 20px;
  left:33%;
  margin: 0;
}

.klasspm-videoblock .carousel-control.left, .carousel-control.right {
  background-image: none;
  color: #ffffff;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  opacity: 1;
  height:120px;
}

.klasspm-videoblock .controls{
   display: none;
}

.klasspm-videoblock .carousel-control:hover {
  text-decoration: none;
  filter: alpha(opacity=60);
  outline: 0;
  opacity: 0.6;
}

.klasspm-videoblock .left-button {
  height:70px;
  width:35px;
  border-radius: 0 90px 90px 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  background-color: #e25454;
  display: inline-block;
  position: relative;
  float:left;
  /*subpixel bug*/
  margin-left: -1px; 
}

.klasspm-videoblock .right-button {
  height:70px;
  width:35px;
  border-radius: 90px 0 0 90px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  background-color: #e25454;
  display: inline-block;
  position: relative;
  float:right;
  /*subpixel bug*/
  margin-right: -1px;
}


.klasspm-videoblock .carousel-caption {
 display: none;
 background: none repeat scroll 0 0 #e25454;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  opacity: 1;
  padding:7px 30px 7px;
  text-transform: uppercase;
  z-index:11;
  pointer-events:none;
}

@media screen and (min-width: 768px) {
.klasspm-videoblock .right-button {
	margin-right: 38px;
  height:120px;
  width:60px;
  border-radius: 90px 0 0 90px;
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  display: inline-block;
  position: relative;
  float:right;
}

.klasspm-videoblock .left-button {
	margin-left: 38px;
  height:120px;
  width:60px;
  border-radius: 0 90px 90px 0;
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  display: inline-block;
  position: relative;
  float:left;
}

.klasspm-videoblock .carousel-control .glyphicon-chevron-left{
  top:35%;
  font-size: 35px;
  left:5%;
}

.klasspm-videoblock .carousel-control .glyphicon-chevron-right{
  top:35%;
  font-size: 35px;
  left:35%;
}

.klasspm-videoblock .carousel-caption {
  font-size: 18px;
  padding:15px 20px 15px;
  }
  

}
@media screen and (min-width: 992px) {
 .klasspm-videoblock .carousel-caption {
    font-size: 18px;
    padding:15px 20px 15px;
  }
}




/*videoblock close*/




.klasspm-Category h4 a {
   color: #4d4d4d;
}


.thim-course-grid h4 a {
    color: #4d4d4d;
    font-size: 17px;
    font-family: 'open sans',sans-serif;
}


.klass-subjects h4 a {
    color: #4d4d4d;
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    text-transform: capitalize;
}

.student-klass-details h4 a {
    color: #4d4d4d;
    font-size: 16px;
    font-family: 'open sans', sans-serif;
}


/*--------------------------
    Carousel Styling
--------------------------*/

.klasspm-videoblock .carousel {
    
    .inner-content {
        min-height: 100px;
    }
    
    .klasspm-videoblock .carousel-indicators {
        bottom:0; //Align to bottom of parent div

        li {
            margin:0 2px;
            width: 18px;
            height: 18px;
            background: transparent;
            border-color: lighten(#000, 15%);
            border-width: 3px;

            &.active {
                background: lighten(#000, 15%);
            }
        }
    }
    
    .klasspm-videoblock .carousel-control {
        font-size: 52px;
        background:transparent;
        text-shadow:none;
        color: #000;
        opacity:1;
        
        //Hover, Focus and Active styles
        &:hover, &:focus, &:active {
            color:lighten(#000, 20%);
        }
    }


    //Video Carousel
        &#video-carousel {
            padding-bottom:90px; //Extra padding for '.carousel-indicators'


            .klasspm-videoblock .carousel-inner {
                border:2px solid #f3f3f3;
                background-color:#f3f3f3;//Prevents background image being shown when switching slides
                
                //Inner content - Wrapper for the '.youtube-video' div
                .inner-content {
                    min-height: 420px; //Change this for different viewports
                    
                    //The YouTube video - This styling may cause issues
                    .youtube-video {
                        position: absolute;
                        left:0;
                        top:0;
                    }
                }
                
                //Play button and button wrapper
                 .klasspm-videoblock .play-button-wrapper {
                    cursor:pointer;
                    
                    //Wrapper overlays the entire video
                    z-index: 9999;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    
                    //This centers the play buton
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }

            //Control buttons - Left/Right
            .klasspm-videoblock .carousel-control {
                color:rgba(#000, 0.6);
                width: auto;
                line-height: 400px;//Height of the items

                &.left {
                    margin-left:-200px;
                }

                &.right {
                    margin-right:-200px;
                }
                
                //Hover, Focus and Active styles
                &:hover, &:focus, &:active {
                    color:rgba(#000, 0.90);
                }
            }
        }
}



/*--------------------------
    Button Styling
--------------------------*/


.tab-content li {
    font-size: 18px;
	font-family: 'open sans', sans-serif;
	
}
.tab-contentp {
    font-size: 18px;
	font-family: 'open sans', sans-serif;
}

.comments-area .comment-list .comment-list-inner li .comment-right {
	float : left !important;
}





.klasspm-social img {
    margin-left: -5px;
}


@media screen and (max-width: 768px) {
  .klass-loginhead {
    font-size: 20px !important;
    margin-left: 10px;
    margin-top: 0px !important;
}

.klasspm-login i.fa.fa-eye {
    top: 120px !important;
}

}