.imgAdVerd {
    text-align: center;
    margin: 24px 0 0 0;
}
.row.inconcterlcatrg .featured-box img {
    margin: 0 0 10px 0;
}
/*flip card css*/
.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 260px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}
.mrgnOthr {
    margin: 26px 0 0 0;
}
.mrgnBtmAlBok {
    margin: 0px 0 34px 0px;
}
.hgtForAd {
    height: auto;
    margin-bottom: 13px;
}
.bgImgFr {
    background: url(../images/allBokFliBg.jpg);
    background-size: contain;
}
.bgBltk {
    background: rgba(0,0,0,.6);
    float: left;
    width: 100%;
    height: 100%;
}
.haddingAlBk h2 {
    color: #fff;
    margin: 113px 0 0 0px;
    font-size: 25px;
}
.haddingAlBk {
    position: absolute;
    text-align: center !important;
    width: 100%;
}
.flip-card-back h1 {
    color: #fff;
}
.IconFLTR {

    width: 50px;
    height: 50px;
    float: left;
    background-position: -148px -10px;

}
/*flip card css*/
/*Circel in image effect*/
.twoColsMainBox {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 30px;
}
.threeColsMainBox .contentColsBlock {
    width: 33.33%;
    float: left;
    padding: 162px 15px 20px;
    margin-bottom: 25px;
}
.imgPaddingTop {
    padding: 162px 0 20px;
    position: relative;
}
.mainColsBoxImg {
    padding: 20px;
    position: absolute;
    top: 0;
    width: 260px;
    left: 50%;
    height: 260px;
    margin-left: -130px;
    box-shadow: 0 0 15px #aaa;
    -webkit-box-shadow: 0 0 15px #aaa;
    z-index: 1;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.mainColsBoxImg .boxImgWrap {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.contentColsBlock:hover .boxImgWrap::before {
    visibility: visible;
    opacity: 1;
}
.mainColsBoxImg .boxImgWrap::before {

    border-radius: 50%;
    position: absolute;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 102, 51, 0.5);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;

}
.contentColsBlock:hover .mainColsBoxImg .icon {
    visibility: visible;
    opacity: 1;
    top: 50%;
}
.mainColsBoxImg .boxImgWrap img {
    border-radius: 50%;
    padding: 0px;
    height: auto;
}
.mainColsBoxImg .icon.iconGift {
    width: 66px;
}
.mainColsBoxImg .icon {
    display: block;
    height: 53px;
    margin: 0 auto;
        margin-top: 0px;
        margin-left: auto;
    position: relative;
    width: 59px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    margin-top: -26px;
    transition: all 0.3s 0.2s ease;
    -webkit-transition: all 0.3s 0.2s ease;
    visibility: hidden;
    opacity: 0;
}

.blockContentInf {
    background: #f1f2f2;
    padding: 130px 45px 20px;
    position: relative;
    min-height: 408px;
	border: 1px solid #ddd;
}
.blockContentInf h3 {
    color: #ff6633;
}
.twoColsMainBox .blockContentInf .knowMore {
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin: 0 0 0 -68px;
    trasition:.2s;
}
.twoColsMainBox .knowMore {
    background: #ff6633 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 30px;
    margin: 20px 0;
    padding: 0 25px;
    text-decoration: none;
    border: 1px solid #ff6633;
    text-transform: uppercase;
}
.priceIAS {
    margin: 10px;
    font-size: 19px;
    font-weight: 600;
}
.mrtLisrUl li {
    text-align: left;
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 12px;
    margin-left: 3px;
	cursor: pointer;
	background: #f9f9f9;
}
.mrtLisrUl li:hover {
    margin-left: 0;
}
.blockContentInf.mrtLisrUlOTR{

    background: #f1f2f2;
    padding: 100px 20px 20px;
    position: relative;
    min-height: 408px;

}
.mrtLisrUl {
    padding: 0;
    background: #f9f9f9;
}
.mrtLisrUl > li .fa{
    color: #f63;
    padding: 0;
    font-size: 14px;
    padding: 3px 6px 16px 7px;
    float: left;
}
.twoColsMainBox .blockContentInf .knowMore:hover {
    background: #0f716d;
    border-color: #f1f2f2;
}
.outerOfupscSubCourse {
    width: 100%;
    display: inline-block;
}
/*Circel in image effect*/
.btnExplr {
    background: #ff6633 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    line-height: 38px;
    margin: 20px 0;
    padding: 0 25px;
    text-decoration: none;
    border: 1px solid #ff6633;
    text-transform: uppercase;
}
/*flip360 page*/
.mrtLisrOtrFlip {
    padding: 10px;
    min-height: 323px;
}
.mrtLisrUl li a {
    color: #737373;
}
.mrtLisrUl .fa.fa-angle-right {

    font-size: 18px ;
    padding: 3px 6px 4px 8px;

}
.mrtLisrUl.trnsfrmCsl li:hover {

    transform: scale(1.02);
    box-shadow: 0 0 8px 0 #d7d7d7;
    margin-left: 3px;

}
.mrtLisrUl.trnsfrmCsl li {
    transition: .1s;
}
.mrtLisrUl.trnsfrmCsl li a {
    text-decoration: none;
}

.hdgbbkrH2 h2 {
    margin: 10px 0 !important;
    font: bold 20px/30px "roboto_slablight",sans-serif;
}
.imgCrdBk {
    margin: 0 0 10px 0;
}
.trnafrmScl:hover {
    transform: scale(1.05);
    box-sizing: ;
    box-shadow: 0 0 10px 0 #938d8d;
}
.trnafrmScl {
    transition: .2s;
    height: 436px;
}
/*flip360 page*/
/*breadcrum*/

.bgInrImg .entry-title-left h1 {
    font-size: 57px;
    font-weight: 600;
    color: #fff;
	text-transform: uppercase;
}
.entry-header.bgInrImg {
    background: url(../images/bannerAll.jpg);
    height: 200px;
}
.bradCrm {
    text-align: center;
}
.bradCrm .breadcrumb li a {
    color: #fff;
}
.bradCrm .breadcrumb li {
    color: #fff;
}
.breadcrumb {
    background: none;
    padding: 0;
    margin: 30px 0 0px 0;
}

.divider.divider-alt {
    height: 5px;
    background-color: transparent;
}
.divider.divider-alt::before {
    top: 0;
    width: 36px;
}
.divider.divider-alt span {
    display: block;
    position: relative;
    width: 54px;
    top: 2px;
}
.divider.divider-alt::after {
    content: '';
    position: absolute;
    width: 20px;
    left: 0;
    right: 0;
	top: 4px;
}
.csstransitions .visible {
    visibility: visible;
}
.otertxt p {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.container-fluid.bgclorBk {
    background: #f2f2f2;
    margin: 0 0 38px 0;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 17px;
}
.bagFil .btnBok a {
    float: left;
    padding: 5px 30px 5px 30px;
    border: 1px solid;
    margin: 10px 10px 10px 0px;
    text-decoration: none;
}
.bagFil .btnBok a:hover {
    background: red;
    color: #fff;
    transition: .2s;
}
.bgBlkbok {
    background: black;
    padding: 10px;
    float: left;
    width: 100%;
}
/*breadcrum*/
/*Collapse previousYearPage */
.collapsiblePre {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.activePre, .collapsiblePre:hover {
  background-color: #555;
}

.collapsiblePre:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activePre:after {
  content: "\2212";
}

.contentPre {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}
.collapseBtnHgt button {
    height: auto;
}
.colpPreYrPpr {
    max-height: 246px;
    float: left;
    width: 100%;
    overflow-y: auto;
    padding: 10px;
}
.colpPreYrPpr .fa.fa-angle-right {
    color: #000;
    font-size: 17px;
}
.colpPreYrPpr .fa.fa-file-pdf-o {
    color: #d20101;
    font-size: 17px;
    padding: 0 5px 0 0px;
}
.colpPreYrPpr li a {
    color: #000;
    text-decoration: none;
    padding: 6px 0px 6px 0;
    float: left;
    width: 100%;
}
.colpPreYrPpr li a.demoFileDLP {
    float: left;
    width: 100px;
    color: red;
}

.colpPreYrPpr li {
    border-bottom: 1px solid #c1c1c1;
    margin-left: 3px;
}
.colpPreYrPpr li:hover {
    margin-left: 0px;
}
.clpshminHit {
    margin: 11px 0px 0 0;
}
.datePre {
    background: #ff940f;
    position: absolute;
    padding: 10px inherit;
    top: -3px;
    height: 65px;
    width: 65px;
    text-align: center;
    padding-top: 2px;
    box-shadow: 0 0 5px 0 #000;
    left: 0;
}
/*cpllapes with date*/
.opnOmth.opnescnHg {
    float: left;
    padding-left: 0px;
}
.datePrebkInr {
    float: left;
}
.countPre {
    font-size: 28px;
    font-weight: 600;
}
.packPre {
    font-size: 12px;
}

/*cpllapes with date*/
/*cpllapes with Month*/
.monthOtrPre {
    float: left;
    font-size: 23px;
    font-weight: 600;
}
.monthDtlPre {
    float: left;
    padding: 18px;
}
.opnOmth .monthOtrPre {
    padding: 11px 10px 13px 18px;
    background: red;
}
.collapsiblePre.monthPrebkInr:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  margin-top: 17px;
}
.collapsiblePre.monthPrebkInr {
    float: left;
    padding: 0px 18px 0 0;
}
.collapsiblePre.activePre:after {
  content: "\2212";
}

.bgBlkbok .fltrTop nav ul.pagination {
    margin: 0 0 0 0;
}
.bgBlkbok .fltrTop .shortBY select.slctFltr option {
    background: #000;
}
/*cpllapes with Month*/

/*Collapse previousYearPage */
/*Publication Home slider */
.headingBokCat h3 {
    margin: 9px;
        margin-left: 9px;
    font-size: 20px;
    font-weight: 600;
    float: left;
    color: #da2128;
    margin-left: 37px;
}
.headingBokCat {
    background: #fff;
    position: absolute;
    width: 100%;
    right: 90px;
}
.mrgnBokAll {
    margin-top: 28px;
}
.publicationnext.PublictionFltLeftr {
    top: 270px;
}
.publicationnext.PublictionFltLeftr .fa {
    background: rgba(0,0,0,.5);
}

.publicationpre.PublictionFltrRight .fa {
    background: rgba(0,0,0,.5);
}
.publicationpre.PublictionFltrRight {
    top: 270px;
}

/*Publication Home slider */

.chatIconOtr11 {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 99;
}
.chatIconOtr11.thsnl span .fa.fa-bell.fxdIocncht {
    background: red;
    border-radius: 26px;
    padding: 13px;
    font-size: 21px;
    color: #fff;
}
.chatIconOtr11.thsnl {
    bottom: 106px;
}
.pgsnrltvChat {
    position: fixed;
    bottom: 0;
    right: 11px;
    z-index: 9999;
}
.textMsg {
    float: left;
    font-size: 11px;
    padding: 10px;
}
.chatIconOtr span .fa.fa-comments.fxdIocncht {
    color: #f63;
    font-size: 23px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px 0 #bdbdbd;
    border-radius: 21px;
	cursor: pointer;
	
}
.chatInout .form-group textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
}
.btn.brnsned i.fa.fa-comments {
    color: #adadad;
    font-size: 26px;
    padding: 0;
    margin: 0 10px 0px 0;
}
.btn.brnsned {
    float: right;
    margin-right: 11px;
    background: none;
    color: #f63;
    font-weight: 400;
    border: 1px solid #f63;
}
.btn.brnsned:hover {
    background: #f63;
    color: #fff;
}
.chatOtr {
    width: 100%;
	border-top: 1px solid #f2f2f2;
}

.chatInout.whtdBrd .form-group.rltive {
    position: relative;
}
.livesupportOtr {
    width: 300px;
    background: white;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 10px 0 #b3b3b3;
    margin: 0 0 0 50px;
    position: relative;
    border: 1px solid #b3b3b3;
    float: left;
    padding-bottom: 10px;
}
.logoIconChat {
    float: left;
}
.chattxtHdg {
    font-size: 16px;
    float: left;
    margin-top: 10px;
    font-weight: 600;
}
 .closeAllDv1{
    text-align: right;
    margin-right: 24px;
    font-size: 20px;
}
.chatInout {
    padding: 10px;
}
	
.chatInout .form-group .form-control {
    font-weight: 400;
    border-radius: 5px;
}

em.siq-required.req {
    position: absolute;
    border-left: 2px solid #fe8d8d;
    border-radius: 15px;
    height: 40px;
    left: 0;
    padding-left: 12px;
    top: 0px;
}
.chatInout .form-group select {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    background: #f2f2f2;
    border: 1px solid #c6c6c6;
    padding: 0;
    font-size: 13px;
    color: #555;
}
.closeAllDv .fa.fa-times:hover {
    transform: rotate(90deg);
}
.closeAllDv .fa.fa-times {
    color: #000;
    right: 0px;
    position: absolute;
    cursor: pointer;
    transition: .2s;
}
.chatIconOtr {
    position: fixed;
    bottom: 58px;
    right: 50px;
    z-index: 99;
}
h3.hdgBok {
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin: 6px 0 0 0;
}
.pad15.imgctr.publi.publicBook {
    margin-top: 3px;
}
/*book publication home category*/
figure.effect-ming {
    background: #000;
    color: #fff;
}
figure {
    position: relative;
    overflow: hidden;
    background: #000;
    text-align: center;
    cursor: pointer;
}
figure {
    margin: 0;
}
figure.effect-ming:hover img {
    opacity: 0.3;
}
figure.effect-ming img {
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
.pro_Img2 {
    width: 100%;
}
figure.effect-ming:hover figcaption {
    background-color: rgba(58,52,42,0);
}
figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure figcaption {
    padding: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
figure.effect-ming {
    color: #fff;
}
figure {
    text-align: center;
    cursor: pointer;
}
.effect-ming:hover figcaption .brxtonHom p {
    margin-top: 30px;
    transition: .5s;
    animation: .5s;
    margin: 21%;
}
figure.effect-ming p {
    text-transform: none;
}
figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 1;
}
figure.effect-ming p {
    text-transform: none;
    text-align: center;
    margin-top: 0px;
    color: #fff;
}
figure.effect-ming p {
    text-transform: none;
    text-align: center;
    margin-top: 0px;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
}
.outerOFpublicationSliderInner figure.effect-ming p {
     text-transform: none;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    border: 1px solid;
    border-radius: 3px;
    width: 150px;
    margin: 50% auto;
    opacity: 0;
}
.publictinOtr.outerOFpublicationSliderInner figure.effect-ming:hover p {
    opacity: 1;
}
.box-2.publicationOnEdu {
    background: #da2128;
    float: left;
    width: 100%;
    border-bottom: 10px solid #febb00;
    margin-top: 10px;
}
.tookotr li {
    margin: 10px;
    text-transform: uppercase;
    display: inline-block; 
}
ul.tookotr {
    text-align: center;
}
.tookotr li a {
    padding: 10px 40px 10px 40px;
    border: 1px solid #ccc;
    border-radius: 40px;
   font-size: 35px;
   color: #444;
}
.tookotr li a:hover {
    background: red;
    color: #fff;
    text-decoration: none;
}
/*book publication home category*/
.pdghmbk {
    margin: 6px;
}
.col-sm-12.bbookHomeslid {
    margin: 40px 0 60px 0;
}
.pdghmbk .botmtextdtkl {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.brxtonHom p {
    opacity: 0;
}
/*css for feacher*/
#content {
    padding: 40px 0;
    min-height: 300px;
}
.borderTitle {
    position: relative;
    margin-bottom: 30px;
    text-align: left;
}
.borderTitle::after {
    width: 98px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -15px;
    content: "";
    background: #ff6633;
}
.secureBankingTips {
    position: relative;
    margin-bottom: 50px;
}
.secureBankingTips .imgHolder {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 343px;
    height: 563px;
    margin: 99px 0 0 -171px;
}
.secureBankingTips .imgHolder img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.secureBankingTips ul.leftList {
    float: left;
}
.secureBankingTips ul li.singleLine {
    padding: 20px 0;
}
.secureBankingTips ul li {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    min-height: 82px;
    padding: 15px 0;
}
.secureBankingTips ul li .icon {
    width: 41px;
    height: 41px;
    margin-right: 25px;
}
.secureBankingTips ul li .icon, .secureBankingTips ul li .text {
    display: inline-block;
    vertical-align: middle;
}


.secureBankingTips ul li .text {
    width: 80%;
}
.secureBankingTips ul.rightList {
    float: right;
}
.secureBankingTips ul {
    width: 32%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.newFeaturesRow {
    background: url(../images/new-features-bg.jpg) no-repeat center center;
        background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}
.ftchrBg .leftList li .text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
/*css for feacher*/
.ftchrBg .rightList li .text{   
	color: #fff;
    font-size: 16px;
    font-weight: 600;
	}
.IconFlrtBgImg {
    width: 50px;
    height: 50px;
    float: left;
    background-position: -148px -67px;
}
#content2 {
    min-height: 300px;
}
.chooseUsInr {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
.ch-grid li {
    width: 220px;
    height: 220px;
    display: inline-block;
    margin: 20px;
}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    -o-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info .ch-info-front {
    box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ch-img-1 {
    background-image: url(../images/imgCourse/19.jpg);
}
.ch-img-2 {
    background-image: url(../images/imgCourse/20.jpg);
}
.ch-img-3 {
    background-image: url(../images/imgCourse/21.jpg);
}
.ch-img-4 {
    background-image: url(../images/imgCourse/22.jpg);
}
.ch-info .ch-info-back {
    -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
    background: #000;
    opacity: 0;
}
.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 24px;
    margin: 0 15px;
    padding: 60px 0 0 0;
    height: 110px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 34px;
    font-family: 'Open Sans', Arial, sans-serif;
}
.ch-item:hover .ch-info-front {
    -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg);
    opacity: 0;
}
.ch-item:hover .ch-info-back {
    -webkit-transform: rotate3d(1,0,0,0deg);
    -moz-transform: rotate3d(1,0,0,0deg);
    -o-transform: rotate3d(1,0,0,0deg);
    -ms-transform: rotate3d(1,0,0,0deg);
    transform: rotate3d(1,0,0,0deg);
    opacity: 1;
}
.ch-info p a:hover {
    color: #fff222;
    color: rgba(255,242,34, 0.8);
}
/*css for feacher*/
.chooseUsOtr {
    margin-bottom: 60px;
}

.undrHdg {
    text-align: center;
    font-size: 20px;
}
.iconInrCOE {
    float: left;
}
.padOurcrd15 {
    padding: 10px 10px 10px 10px;
}
.corsOtr {
    border: 1px solid #d5d3d3;
    float: left;
    transition: .2s;
    height: 220px;
    overflow: hidden;
	background: #fff;
}
.iconOur {
    float: left;
    margin: 10px 0 0 13px;
    width: 87px;
}
.mtrCrOtr {
    float: left;
    margin-left: 10.9px;
    width: 61%;
}

.mtrLiverm {
    float: left;
    width: 80%;
}

.btnOtrcor {
    float: left;
    width: 100%;
}
.mtrCrOtr .corHdgCr h2 {
    margin: 11px 0 10px 0;
    font-size: 19px;
    text-align: left;
}
.mtrLiverm .mtrCor {
    padding-bottom: 10px;
    font-size: 14px;
}
.courseDetailBg .ourCotrsesOtr .padOurcrd15 {
    padding: 4px;
}
.btnOtrcor .btnLrnr a {
    padding: 10px 30px 10px 30px;
    float: right;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    z-index: 2 !important;
    position: relative;
    text-decoration: none;
}
.btnOtrcor .btnLrnr {
    width: 153px;
    position: relative;
    float: right;
    overflow: hidden;
    background: red;
    margin: 30px 30px 30px 0;
}
/*current flip css*/
.row.btnctrOfCrnt .fa {
    color: #7d7474;
}
/*current flip css*/
.imgIconCor {
    background: #ca1111;
    height: 200px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.btnotrundricn {
    text-align: center;
}
.inrbtn a {
    background: #1b1b1b;
    color: #fff;
    width: 100%;
    float: left;
    text-decoration: none !important;
    padding: 8px;
    font-size: 18px;
}
.pageHeadingOnProgram {
    margin: 20px 0 0 0;
}
.ourCotrsesOtr.responOn992 .padOurcrd15 {
    padding: 6px 3px 6px 3px;
}

.btnotrundricn {
    text-align: center;
}
.inrbtn {
    float: left;
    width: 100%;
	font-weight: 600;
}
.hvrefctort {
    float: left;
    width: 100%;
}
.hvrefctort:hover .imgIconCor .iocnflipint img {
    transform: rotatey(180deg);
}
.iocnflipint img {
    width: 77px;
    transition: .3s;
}
.hvrefctort:hover .imgIconCor .iocnflipint img {
    transform: rotatey(180deg);
}
.inrbtn a:hover {
    color: #fff;
	background: #333;    
}
/*tooltip css*/
.chatIconOtr:hover .tooltip {
    opacity: 1;
}
.tooltpcntnt {

    min-width: 100px;
    top: 56%;
    right: 40%;
    transition: .3s;

}
.tooltipInr {

    color: #fff;
    margin: 0;
    position: relative;

}
.chatIconOtr:hover .tooltip {
    opacity: 1;
    top: 26%;
    right: 100%;
}
.tooltipInr .tooltiptxt {

    padding: 10px;
    background: black;
    color: #fff;
    border-radius: 5px;

}
.fonticn {

    position: absolute;
    top: -2px;
    right: 3px;

}
.fonticn .fa.fa-caret-right {

    color: black;
    font-size: 23px;
    padding: 0;

}
.tooltipInr .tooltiptxt {

    padding: 10px;
    background: black;
    color: #fff;
    border-radius: 5px;

}
.chatIconOtr11.thsnl .tooltpcntnt {
    width: 172px;
    top: 56%;
    right: 40%;
    transition: .3s;
}
.chatIconOtr11.thsnl:hover .tooltpcntnt {
     opacity: 1;
    top: 26%;
    right: 100%;	
}
/*tooltip css*/
.fa.fa-angle-up.icontopw {

    background: #f63;
    font-size: 19px;
    padding: 12px 15px 12px 15px;
    border-radius: 40px;
    font-weight: 600;
    box-shadow: 0 0 2px 0 #fff;
    color: #fff;
}
.chatIconOtr.viewTop {
    bottom: 9px;
    right: 50px;
}
.chatIconOtr22 {

    position: fixed;
    bottom: 11px;
    right: 50px;
    z-index: 99;

}
.closeAllDv1 .fa.fa-times {
    color: #000;
    padding: 5px;
}
.newFeaturesRow.insuranceBg {
    background: url(../images/new-features-bg1.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}

.newFeaturesRow.otherCenBg {
    background: url(../images/new-features-bg2.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}
.newFeaturesRow.teacherBg{
    background: url(../images/new-features-bg3.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}
.newFeaturesRow.defenceBG{
    background: url(../images/new-features-bg4.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}
.newFeaturesRow.bankingBG{
    background: url(../images/new-features-bg5.jpg) no-repeat center center;
        background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}
.backgroundHomCours1 {
    background-image: url(../images/bgMainCourse1.jpg);
    background-size: cover;
    background-attachment: fixed !important;
    display: inline-block;
    width: 100%;
}
.blacktran {
       background: rgba(0,0,0,.7) !important;
}
.padOurcrd15 .corsOtr:hover {

    transform: scale(1.03);
    box-shadow: 0 0 11px 0;

}
.eff-4 {
    width: 165px;
    height: 62px;
    left: -166px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}
.btnLrnr:hover .eff-4{
  left:0;
}
.btnLrnr:hover a{
  color:#fff;
}
.pdg0ad {
    padding: 0;
}
.pdg0ad.mrgnUpr {
    margin-top: 57px;
}
.hoverefctOrt {
    position: relative;
    width: 130px;
    height: 34px;
    overflow: hidden;
    background: #f63;
    color: #fff;
}
.hoverColrEfc {
    width: 185px;
    height: 62px;
    left: -186px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}
.knowMore2:hover {
    color: #fff;
    text-decoration: none;
}
.knowMore2 {
    float: left;
    text-align: center;
    width: 100%;
    padding: 6px 0 6px 0;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 2;
    text-decoration: none !important;
}
.hoverefctOrt:hover .hoverColrEfc {
    left: 0;
}
/*.hoverSuprCap {
    position: absolute;
    bottom: -16px;
    left: 50px;
}*/
.hoverSuprCap {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.collapsiblePre.fltrPd {
    padding: 0 15px 0 15px;
}
.tooltipInr.wthpd .tooltiptxt {
    padding: 10px 32px 10px 33px;
}
.bgimageIng {
    float: left;
    width: 100%;
}
.demoTxt {
    float: left;
    width: 10%;
}
.headingListVideo {
    float: left;
    width: 83%;
}
.collapsiblePre.pdghgt {
    float: left;
    width: 100%;
}
.demoTxt span {
    border: 1px solid;
    color: #f00;
    padding: 2px 10px 3px 10px;
}
.contentPre.ghtctrPrePar {
    padding: 0 10px;
}
.widtCnt {
    float: left;
    width: 6%;
    height: 100%;
	text-align: center;
}
.othrOCnrt {
    width: 10%;
    float: left;
    margin: 12px 0 0 0;
	text-align: center;
}
.listOtr.lockIcon .fa.fa-lock {
    background: rgba(0,0,0,.2);
    font-size: 27px;
    padding: 12px 32px 12px 30px;
    position: absolute;
    left: 0;
    z-index: 999;
    top: 0;
}.listOtr.lockIcon {
    position: relative;
}
/*======================SignUp Css================================*/
.regOtrMain {
    float: left;
    width: 100%;
}
.signupotr {
    text-align: center;
    float: left;
    width: 100%;
    margin: 24px 0 0 0px;
}
.signinbtn:first-child {

    border-right: 2px solid #ffa500;
    padding: 6px 6px 7px 0px;

}
.signupotr .signinbtn {

    font-size: 19px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 800;

}
.bgclrofLog {
    color: #555;
}
.btnactiveSign {
    color: #f63;
}
.signinbtn:hover {
    color: #f63;
}
.sideir {
    float: left;
    width: 20%;
}
.loginInr .formOtr {
    float: left;
    width: 70%;
    padding: 10px;
    border-left: 1px dotted;
    margin-bottom: 20px;
	margin-top: 20px;
}
.listOptItme {
    border: 1px solid #000;
    float: left;
}
.listOptItme li {
    float: left;
    width: 100%;
    padding: 5px;
    background: red;
    color: #fff;
}
.form-control.placeHdg::placeholder {
    color: #939393;
    opacity: 1;
    font-weight: 400;
}
.formContainerOtr {
    border: 1px solid;
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}
.loginOter .headingLogin {
    font-size: 19px;
}
.loginOter {
    text-align: center;
}

.btn-face.m-b-20 .fa {
    font-size: 29px;
    padding: 0 13px 0 0;
    vertical-align: middle;
}
.form-control.placeHdg {
    height: 60px;
    border-radius: 8px;
}
.btn-face {
    color: #fff;
    padding: 22px 60px 23px 28px;
    border-radius: 7px;
    text-decoration: none;
	margin: 0 11px 0px 0;
	font-size: 18px;

}
.loginAsSocl {
    float: left;
    width: 100%;
    margin: 20px 0 32px 0px;
}
.btn-face.m-b-20{
	 background: #3b5998;
	 font-weight: 600;
	}
.btn-face.m-b-22 img {
    height: 29px;
    margin-right: 10px;
}
.btn-face.m-b-20:hover {
    color: #fff;
    text-decoration: none;
}

.btn-face.m-b-22 {
    box-shadow: 0 0 4px 0 #d7d7d7;
    color: #595959;
    text-decoration: none;
    font-weight: 600;
    margin: 0 0 0 0px;
}
.btn-face:hover {
    background: #a64bf4;
    background: -webkit-linear-gradient(45deg,#00dbde,#fc00ff);
    background: -o-linear-gradient(45deg,#00dbde,#fc00ff);
    background: -moz-linear-gradient(45deg,#00dbde,#fc00ff);
    background: linear-gradient(45deg,#00dbde,#fc00ff);
	color: #fff;
}
.login100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 60px;
    background-color: #333;
    border-radius: 10px;
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
    z-index: 1;
}
.login100-form-btn:hover {
    background: #a64bf4;
    background: -webkit-linear-gradient(45deg,#00dbde,#fc00ff);
    background: -o-linear-gradient(45deg,#00dbde,#fc00ff);
    background: -moz-linear-gradient(45deg,#00dbde,#fc00ff);
    background: linear-gradient(45deg,#00dbde,#fc00ff);
	color: #fff;
}
.container-login100-form-btn.m-t-17 {
    margin: 16px 0 -7px 0px;
}
.formirnreg .form-group {
    margin-bottom: 40px;
}
.ordisgn {
    float: left;
    width: 100%;
}
.ordisgn h2 span {
    font-size: 18px;
    color: #999;
    font-weight: 400;
}
.ordisgn h2 {
    margin: 8px 0 11px 0;
}
.sideOtr {
    float: left;
    width: 30%;
    margin-top: 16px;
}
.selectOptn .selctOtr {
    width: 100%;
    padding: 18px 9px 18px 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.selectOptn.btmpadg0 {
    margin-bottom: 0;
}
.inputChk input {
    border: 1px solid #000;
    vertical-align: middle;
    margin: 0;
}
.inputChk label {
    font-size: 13px;
    font-weight: 400;
}
.form-group.lableCtrlFrm label {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    float: left;
    margin: 0;
}
.bookDtl h2 .titlBok {
    color: #fff;
    font-size: 23px;
}
.bookDtl h2 {
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 21px;
}
.priceontest .amtVid {
    font-weight: 600;
}
.priceontest {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
}
.publishPrdt.icegradingBg.testseriesBgOnPrinam {
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #6f860f 1%, #a9d265c2 90%);
    background-image: -webkit-linear-gradient(left, #6f860f 1%,#a9d265c2 90%);
    background-image: linear-gradient(to right, #6f860f 0%, #a9d265c2 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3343', endColorstr='#de3294',GradientType=1 );
    background: linear-gradient(to right, #6f860f 0%, #a9d265c2 90%);
}
/*==============video cover color==========*/
.publishPrdt.icegradingBg.vodeo_theamBg {
    background: #141E30;
    background: -webkit-linear-gradient(to right, #243B55, #141E30c2);
    background: linear-gradient(to right, #243B55, #141E30c2);
}
/*==============video cover color==========*/
/*==============live cover color==========*/
.publishPrdt.icegradingBg.live_theamBg {
    background: #093028;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #237A57, #093028);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #237A57, #093028c2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
/*==============live cover color==========*/
.orngselected .col-lg-12.bgontestsrx {
    background: #a6ce66;
    float: left;
}
.hgrctrlBoB.testsrsLisHom h2::after {
    background: #fff;
    background: -moz-linear-gradient(left, #a6ce66 0%, #2d2d2d 35%, #111 70%, #a6ce66 100%);
    background: -webkit-linear-gradient(left, #a6ce66 0%, #000 35%, #000 70%, #a6ce66 100%);
    background: linear-gradient(to right, #a6ce66 0%, #000 35%, #282828 70%, #a6ce66 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.hgrctrlBoB.testsrsLisHom h2 span {
    background: #a6ce66;
    color: #045313;
}
.panel-heading.gbaoudingCareer .timeline-heading .timeline-title {
    color: #fff;
}
.panel-body.bdttoopclr {
    padding: 20px;
}
.courseDetailBg {
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.pageHeading {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}
.demoCouse {
    border: 5px solid #ddd;
}
.headingDomo h2 {
    margin: 8px 0 3px 0px;
    font-size: 18px;
    color: #444;
}
.demoCouse iframe {
    height: 200px;
}
.democlasesOuter {
    background: #f2f2f2;
    float: left;
    padding: 20px 0 20px 0px;
    width: 100%;
}

/*==============study Material================*/
.materialOuter {
    padding-top: 10px;
}
.headingStudy {
    float: left;
    width: 100%;
}
.backgroundImageOnOverView {
    background: url(../images/studyMaterial/materual.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.overviewHeading h2 {
    font-size: 23px;
    margin: 0 0 9px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.materiaOverview {
    padding: 25px 10px 25px 10px;
}
.matterOverView p {
    color: #fff;
}
a.btnExploreMaterial {
    text-align: right;
    border: 1px solid #fff;
    border-radius: 13px;
    padding: 2px 10px 2px 10px;
    color: #fff;
    text-decoration: none;
}
.btnExploreMaterial.bgcolor {
    background: #bfce2d;
    font-size: 11px;
    text-transform: uppercase;
}
.btnExploreMaterial.bgcolor:hover {
    background: #8a9711;
}
.bottonOnOverView {
    margin-top: 20px;
}
.headingMaterial h2 {
    font-size: 27px;
    font-weight: 600;
    margin: 0 0 0 0;
}
.headingMaterial {
    float: left;
}
.seeallBtnOuter {
    float: right;
}
.materiaCategory {
    float: left;
    width: 100%;
    padding: 0px 10px 0 10px;
    margin-top: 21px;
}
.matterOfMaterial {
    padding: 10px;
    float: left;
    width: 100%;
}
.materialOuterContainer {
    box-shadow: 0 0 10px 0;
    float: left;
    margin: 30px 0 0 0;
}
.materialImageInner {
    margin: 9px 7px 0 7px;
    float: left;
    overflow: hidden;
    height: 55px;
}
.headingMaterialContaint h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0 4px 0;
    float: left;
    width: 100%;
}
.interction .fa {
    color: #f63;
    font-size: 10px;
    float: left;
    margin: 3px 2px 0 0;
}
.interction span {
    font-size: 10px;
    float: left;
}
.interction .priceMaterial {
    float: right;
}
.interction {
    float: left;
    width: 33.33%;
    text-align: center;
}
.subjecOnmaterial {
    float: left;
    font-size: 14px;
    font-weight: 600;
}
.starCountMaterisl .fa {
    color: orange;
    font-size: 11px;
    float: left;
    margin: 5px 0 0 0;
}
.subjectStar {
    float: left;
    width: 100%;
    margin: 20px 0 0px 0;
}
.starCountMaterisl {
    float: right;
}
.intractionMaterial {
    float: left;
    width: 100%;
    margin: 0 0 42px 0;
}
.butonBuyNowOuter {
    float: left;
    width: 100%;
}
.buttonInnerBuy a {
    width: 50%;
    float: left;
    text-align: center;
    text-decoration: none;
}
.buttonInnerBuy .buyNowbtn {
    background: red;
    padding: 5px 0 8px 0;
    color: #fff;
    font-weight: 600;
}
.buttonInnerBuy .addToCart {
    background: #3385ff;
    padding: 5px 0 8px 0;
    color: #fff;
    font-weight: 600;
}
.buttonInnerBuy .buyNowbtn:hover {
    background: #b00000;
}
.buttonInnerBuy .addToCart:hover {
    background: #0000bd;
}
.mrgenTopofAsk {
    margin: 23px 0 0 0;
}
.schoolClassTab .nav > li {
    border-bottom: none !important;

}
.headingMaterial {
    float: left;
    margin: 0 20px 0 0;
}
.bdyClk .nav > li > a {
    outline: none !important;
}
.schoolClassTab .nav-tabs > li > a {
       font-size: 13px;
}
.schoolClassTab .nav-tabs > li.active a {
    color: #f63 !important;
}
.imgAuthor {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    border: 3px solid #ffa689;
}
.allAUthHeading {
    text-align: center;
}
.materialAuthor {
    padding: 10px;
}
.authorName h3 {
    margin: 7px 0 3px 0;
    font-size: 16px;
    font-weight: 600;
    color: #f63;
}
.authorName {
    text-align: center;
}
.discriptionAuthor {
    text-align: center;
    font-size: 12px;
}
.discriptionAuthor p {
    margin-bottom: 0;
}
.viweallBtnOnmaterial a {
    font-size: 12px;
}
.viweallBtnOnmaterial {
    text-align: center;
}
.askQuestionInner {
    text-align: center;
    width: 100%;
    float: left;
}
.askQue.btn {
    background: red;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.questionList {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    background: #f2f2f2;
    margin-top: 4px;
}
.headingQuestion h3 {
    margin: 3px 0 6px 0px;
    font-weight: 600;
}
.questionNo1 h3 {
    margin: 1px 0 0 0;
    font-size: 15px;
}
.commentSection .intractionMaterial {
    margin: 0 0 0 0;
}
.myQuestionList {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.questionNo1 {
    float: left;
    width: 100%;
}
.commentSection {
    float: left;
    width: 100%;
}
.questionNo1 h3 a {
    color: #000;
}  
.positonApsaluteClose {
    position: absolute;
    top: 0;
    right: 13px;
} 
.positionCordingForm {
    position: relative;
}
.underAsk {
    font-size: 12px;
}
.field-askform-title .form-control {
    font-weight: 400;
}
.formInputMargin {
    margin-top: 11px;
}
.iconColoOnModal .fa {
    color: #575757;
    font-size: 24px;
}
.margenCtroOnModalMateril {
    margin-top: 30px;
}
.totalNumberOfPage .fa {
    color: #000;
}
.outeroneMaterial {
    margin-bottom: 30px;
    float: left;
}
.changepage .btn.btn-dark {
    background: #ddd;
    padding: 3px 16px 3px 14px;
    font-size: 29px;
    line-height: 32px;
}
.totalNumberOfPage {
    float: right;
}
.numberArrowNote {
    float: left;
}
.changepage {
    float: left;
}
.numberArrowNote {
    font-size: 19px;
    padding: 7px;
}
.totalNotes {
    float: left;
    font-size: 21px;
}
.changepage .btn.btn-secondary {
    background: #ddd;
    padding: 3px 16px 3px 14px;
    font-size: 29px;
    line-height: 32px;
}
.dataofProduct {
    padding: 0 15px 0 15px;
    float: left;
    width: 100%;
    margin-top: 30px;
}
.changepage .btn:hover .fa {
    color: #fff;
}
.changepage .btn:hover {
    background: #f63;
}
.collapsiblePre.fltrPd {
    text-transform: uppercase;
}
.fitlerIconInner {
    float: left;
    border: 1px solid #f63;
    border-radius: 5px;
    padding: 0 7px 0 2px;
}
.fitlerIconInner .fa.fa-filter {
    color: #f64;
    padding: 10px;
}
.firlterIcon {
    display: none;
}

/*==============study Material================*/
/*=============header Animation==============*/
.couseNameUpper .textAniStok {
    font-size: 179px;
    font-weight: 800;
}
.pageCoursename {
    float: left;
    width: 179px;
    margin: 17px 0 0 0;
    background: #000;
}
/*=============header Animation==============*/
/*=============UPSC home==============*/
.upscIcon1 {
    background: url(../images/courses/upsc/upscIcon.png);
    left: 90px;
    bottom: 0;
    opacity: 0;
    transition: .2s;
}
.upscIconCtrl{
    width: 55px;
    height: 55px;
    position: absolute;
}

.contentColsBlock:hover .mainColsBoxImg .upscIcon1 {
    opacity: 1;
    bottom: 90px;
    visibility: visible;
}
.blockContentInf h3 {
    color: #ff6633;
    font-size: 15px;
    font-weight: 600;
}
.blockContentInf p {
    font-size: 14px;
}
.topctrlOnUPSc {
    margin: 50px 0 0 0;
}
.text-boxOnUpsc {
    overflow: hidden;
    height: 174px;
}
/*=============UPSC home==============*/
/*=============Entrance home==============*/
.blockContentOfentrance {
    background: #f1f2f2;
    position: relative;
    border: 1px solid #ddd;
    padding: 10px;
    transition: .2s;
}
.blockContentOfentrance:hover {
    transform: scale(1.05);
    box-shadow: 0 0 11px 0 #aeaeae;
}
/*=============Entrance home==============*/
/*=============Entrance List==============*/
.cart:first-child {
    margin-top: 0px;
}
.cart.thlist {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
}
.listInr{
    float: left;
    width: 100%;
}
/*=============Entrance List==============*/










/*==============Filter css responsive================*/
@media screen and (max-width: 767px) {
    .firlterIcon {
    display: block;
}
.onMobileFilterToggle {
    position: absolute;
    background: #ddd;
    padding: 10px;
    width: 250px;
}
}
/*==============Filter css responsive================*/

.materialOuterContainer.OuterOfnewsPaper .materialImage .materialImageInner {
    max-height: 120px;
    height: 120px;
}
.btnOtrcor .btnLrnr a {
    padding: 10px 10px 10px 10px;
    float: right;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    z-index: 2 !important;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 100%;
    display: inline-block;
}

/*===================UPSC UPDATE====================*/
.outerOfupscSubCourse {
    display: inline-block;
    width: 100%;
    padding: 0 0 40px 0;
    background: #9605b1;
}
.hgrctrlBoB.upscNew h2 span {
    background: #9605b1;
    position: relative;
    z-index: 1;
    padding: 0 13px;
    color: #fff;
}
.hgrctrlBoB.upscNew h2::after {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #9605b1 0%, #fbfbfb 35%, #ffffff 70%, #9605b1 100%);
    background: linear-gradient(to right, #9605b1 0%, #ffffff 35%, #ffffff 70%, #9605b1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
/*==========Feature==============*/
.feacherOFcourse {
    position: relative;
    background: url(../images/courseFeacher.jpg);
    background-size: cover;
    z-index: 1;
    margin-top: 60px;
    color: #fff;
    display: inline-block;
    width: 100%;
}
.overlayOnCourseFeacher {
    background: 
    rgba(0,0,0,.6);
    padding: 120px 0 90px;
}
.feacherOuter {
    background: rgba(225,225,225,.1);
    padding: 40px;
    border: 1px solid rgba(255,255,255,.0);
    margin-bottom: 30px;
}
.feacherInner {
    padding: 40px 0 40px 0;
}

.materOrFeacher h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: montserrat,sans-serif;
    margin-bottom: 20px;
}
.materOrFeacher p {
    color:  #fff;
    font-weight: 600;
    font-size: 15px;
    font-family: crimson text,serifcrimson text,serif;
}
.feacherOuter:hover {
    border: 1px solid rgba(255,255,255,.3);
    transition: .2s;
}
.iconImage {
    width: 46px;
    margin-bottom: 30px;
    height: 46px;
}
.main_title {
    text-align: center;
    width: 60%;
    margin: 0 auto 0px;
}
.main_title h2 {
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 36px;
    font-weight: 700;
}
.main_title p {
    font-family: montserrat,sans-serif;
    font-size: 12px;
    font-weight: 300;
}
/*.fracherCourseInnerPage:nth-child(5) {
    margin-top: -100px;
}*/
.feacherOuter {
    background: rgba(225,225,225,.1);
    padding: 40px;
    border: 1px solid rgba(255,255,255,.0);
    margin-bottom: 30px;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
}
/*==========Feature==============*/

/*===================UPSC UPDATE====================*/
/*=================Law Course==================== */
.outerOFCourseCate2.bacgrounImageLaw {
    display: inline-block;
    width: 100%;
}
.outerOFCourseCate2.bacgrounImage {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.innerofCoutanerCourse {
    background-image: linear-gradient(to top, #0ba360c1 0%, #3cba92c2 100%);
    padding: 40px 0;
    min-height: 610px;
}
.imageControOnDefenceSpecial {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #fff;
    position: relative;
}
.imagOfSubCoursec {
    width: 40px;
    height: 40px;
    position: absolute;
}
.imagOfSubCoursec {
    width: 70px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.imageControOnDefenceSpecial {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 50%;
}

.defenceSpecial {
    padding: 10px;
    border: 4px solid #fff;
    min-height: 200px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0, .4);
    transition: .2s;
}
.titleOfSubCourses {
    color: #fff;
    position: absolute;
    top: 72%;
    font-weight: 600;
    text-align: center;
    max-width: 83%;
}
 .imageControOnDefenceSpecial{
    width: 92px;
    height: 92px;
    box-shadow: 0 0 0 0px rgba(255,255,255,1);
}
.innerOFCourseCate2 a:hover .defenceSpecial {
    background: rgba(0,0,0, .6);
}
.imageControOnDefenceSpecial:hover {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.imageControOnDefenceSpecial:hover {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
    color: #fff;
}
.innerOFCourseCate2 a:hover .defenceSpecial .imageControOnDefenceSpecial::after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.imageControOnDefenceSpecial::after {
    top: -6px;
    left: -6px;
    padding: 2px;
    z-index: 10;
    border: 4px dashed #fff;
}
.imageControOnDefenceSpecial::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;

}
.innerOFCourseCate2 {
    margin: 14px 0 14px 0;
}
@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}
.headingOnTrasPrant {
    text-align: center;
}
.headingOnTrasPrant h2 {
    color: #14523a;
}


/*===================Law Course================*/
.innerofCoutanerCourse.lawOverLay {
    padding: 40px 0;
    background: rgba(125, 24, 94, 0.6);
}
.innerofCoutanerCourse.lawOverLay .headingOnTrasPrant h2 {
    color: #fff;
}
/*=================Law Course==================== */

/*=============Course Category1==============*/

.listInnerCount ul {
    padding: 0;
    margin-top:20px;
}
.listInnerCount ul li {
    padding: 2px 10px;
    border-bottom: 1px solid #ffea92;
}
.listInnerCount {
    background: #5bc995;
    padding: 0 0 10px 0;
}
.mainCategory {
    background: #0e9960;
}
.imageOuterCate {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
    border-radius: 11%;
}
.listInnerCount ul li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 2px 0;
    text-decoration: none;
}
.listInnerCount ul li:hover {
    background: #0e9960;
}
.mainCategory {
    background: #0e9960;
    position: relative;
    min-height: 160px;
}
.innerofCoutaner {
    background: #c7a512;
}
.imageIconCategory {
    width: 48px;
    height: 48px;
    margin: 0 auto;
}
.innerOFCategorylist {
    float: left;
    width: 110px;
    height: 90px;
    padding: 10px;
    background: #fff;
}
.titleOfPrograme {
    text-align: center;
    color: #0e9960;
}
.innerOFCategorylist {
    width: 90px;
    height: 90px;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin: 0 0 6px 0;
}
.imageIconCategory {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.listOfIcon ul li {
    width: 20%;
    float: left;
    margin: 10px 0 16px 0;
}
.innerOFCategorylist::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.innerOFCategorylist::after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #ffffff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
.innerOFCategorylist:hover::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.listOfIcon:hover ul li a {
    text-decoration: none;
}
.outerOfsamestet {
    display: flex;
    justify-content: center;
    align-items: center;
}
.titleOfPrograme {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    float: left;
}
.outerCatgorti1 {
    padding: 20px 10px 0 0;
}
.titleOfMainCategor h2 {
    font-size: 22px;
}
.outerOFCourseCate1 {
    background: #ebffeb;
    padding: 40px 0 40px 0;
    display: inline-block;
    width: 100%;
}
.titleOfMainCategor {
    text-align: center;
}
.accordion .titleCategory.collapsed::after {
    content: "\f067";
}
.accordion .titleCategory::after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    position: absolute;
}
.acordinOnmenu .card {
    background: none;
    border: none;
}
.acordinOnmenu .card .titleCategory a {
    width: calc(100% - 20px);
    margin-bottom: 0;
    color: #fff;
    position: relative;
}
.acordinOnmenu .card .card-body {
    padding: 0;
}
.acordinOnmenu .card .card-body .outerOfFilterList ul {
    margin-top: 0;
}
.acordinOnmenu .card .card-body .outerOfFilterList ul li:last-child {
    border-bottom: none;
}
.acordinOnmenu .card .card-body .outerOfFilterList ul li:hover {
    background: #5bc995;
}
.accordion.acordinOnmenu .titleCategory {
    background: none;
    text-align: left;
    padding: 2px 0 2px 0;   
}
.accordion.acordinOnmenu.acordian_sub3 .titleCategory {
    border-bottom: 1px solid;
}
.accordion.acordinOnmenu.acordian_sub3 {
    padding: 0 0 0 6px;
}
.accordion.acordinOnmenu.acordian_sub2 {
    padding: 0 0 0 6px;
}
.accordion.acordinOnmenu.borderNasting .titleCategory.collapsed {
    border-bottom: none;
}
.accordion.acordinOnmenu.borderNasting .titleCategory {
    border-bottom: 1px solid #ffea92;
}
/*=============Course Category1==============*/
.outerofImageSubLaw {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 10px 10px;
}
.innerofCoutanerCourse.lawOverLayOnLawSub {
    padding: 40px 0;
    background: rgba(24, 46, 125, 0.9);
}
.titleOfMainCategor h2 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

.outerofnavCat .nav.nav-pills li {
    display: inline-block;
    float: none;
    border: none;
}
.outerofnavCat .nav.nav-pills {
    text-align: center;
}
.outerofnavCat .nav.nav-pills li a {
    border: 2px solid #fff;
    border-radius: 0;
    padding: 10px 30px 10px 30px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.outerofnavCat .nav.nav-pills li.active a,.outerofnavCat .nav.nav-pills li a:hover {
    background: red;
    color: #fff;
}

.innerofCoutanerCourse.lawOverLayOnJudiciart {
    padding: 40px 0;
    background: rgba(174,93, 13, 0.8);
}
.innerofCoutanerCourse.lawOverLayOnLLB {
    padding: 40px 0;
    background: rgba(125, 24, 94, 0.7);
}
.outerOFimageToprer .innerOftopprSlier .demoDlpIner {
    margin: 20px 30px 20px 30px;
}

.outerOFimageToprer {
    border: 1px solid #ddd;
    min-height: 303px;
    overflow: hidden;
    padding: 23px;
    background: #fff;
}
.outerOFfactAndToppr {
    padding: 40px 0;
    background: #efefef;
}
.detialOfTopper {
    float: left;
    width: calc(100% - 104px);
    padding: 10px 10px 10px 10px;
}

.imageofTopper {
    width: 100px;
    float: left;
}
.detialOfTopper h3 {
    font-size: 22px;
    color: #162970;
    font-weight: 600;
    margin: 5px 0 4px 0px;
}
.detialOfTopper h4 {
    font-size: 14px;
    font-weight: 600;
}
.matterOfTopper {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
}
.imageofTopper {
    width: 100px;
    display: inline-block;
    border: 3px solid #9e9e9e;
}
.successTopper {
    padding: 0 20px;
}
.outerOFimageToprer.toperTalkHovr:hover {
    background: #152970;
}
.outerOFimageToprer.toperTalkHovr:hover .innerOfSuccess .successTopper .detialOfTopper h3 {
    color: #fff;
}
.outerOFimageToprer.toperTalkHovr:hover .innerOfSuccess .successTopper .detialOfTopper h4 {
    color: #fff;
}
.outerOFimageToprer.toperTalkHovr:hover .innerOfSuccess .successTopper .matterOfTopper p {
    color: #fff;
}

/*=============Course Category1==============*/
/*===============state pcs home updated=====================*/

.outerOfStatePcs {
    display: inline-block;
    width: 100%;
}
.statePcsHomeHeading {
    text-align: center;
}
.statePcsHomeHeading h2 {
    color: #fff;
}
.outerOfStatePcs.backgroundimageOnPSC{
    background: url(../images/bgOffCir6.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.innerofCoutanerCourse.colorOverLayOnPSC {
    padding: 40px 0;
    background: rgba(9, 82, 125, 0.9);
}
.stateOuter .stateImageOuOtr .bgBlackOuter:hover {
    background: rgba(0,0,0, .5);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}
.stateOuter .stateImageOuOtr .bgBlackOuter {
    background: rgba(0, 0, 0, .2);
    min-height: 150px;
    border: 5px solid #ffff;
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.textInCenter .iconOfstate {
    width: 45px;
    margin: 1px auto 10px;
}
.imageOfDemoDlp img {
    display: inline-block;
}

/*===============state pcs home updated=====================*/
/*===============upsc New Added From Ofline=====================*/

.listofCourses {
    float: left;
    width: 100%;
    padding: 0px 20px 20px 20px;
    height: 300px;
    overflow-y: auto;
    margin-bottom: 10px;
}
ul.offerCourseList {
    padding: 0;
    float: left;
    width: 100%;
}
.listofCourses ul li {
    border-bottom: 1px dashed #f63;
    float: left;
    width: 100%;
    padding: 10px;
    transition: .2s;
}
.coaursImage {
    width: 30%;
    float: left;
}
.courseSide {
    float: left;
    width: 70%;
    padding: 0 0 0 10px;
}
.courseSide h3 {
    font-size: 17px;
    margin: 4px 0 4px 0px;
    color: #139a62;
}
.courseSide p {
    margin-bottom: 0;
    color: #444;
}
/*===============upsc New Added From Ofline=====================*/

/*===============upsc detail color=====================*/
.upscDetailColorChange .classroomCoaching .hvrefctort .imgIconCor {
    background: #9605b1;
}
.upscDetailColorChange .pageHeading .upscHeadingPage h2 {
    color: #9605b1;
}
.upscDetailColorChange .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #9605b1;
}
/*===============upsc detail color=====================*/
/*===============PCS detail color=====================*/
.pcsDetailColorChange .classroomCoaching .hvrefctort .imgIconCor {
    background: #094A70;
}
.pcsDetailColorChange .pageHeading .upscHeadingPage h2 {
    color: #094A70;
}
.pcsDetailColorChange .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #094A70;
}
.pcsDetailColorChange .upscSidebarOuter .dailyHeading {
    background: #094a70;
}
.classroomCoaching .hvrefctort .btnotrundricn .inrbtn a {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*===============PCS detail color=====================*/
/*===============Law Course 1 detail color=====================*/
.lawSubCourse1Color .classroomCoaching .hvrefctort .imgIconCor {
    background: #752049;
}
.lawSubCourse1Color .pageHeading .upscHeadingPage h2 {
    color: #752049;
}
.lawSubCourse1Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #752049;
}
.lawSubCourse1Color .upscSidebarOuter .dailyHeading {
    background: #752049;
}
.lawSubCourse1Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr .eff-4 {
    background: #ff2f93;
}
.lawSubCourse1Color .classroomCoaching .hvrefctort .btnotrundricn .inrbtn a {
    background: #ff2f93;
}
/*===============Law Course 1 detail color=====================*/
/*===============Law Course 2 detail color=====================*/
.lawSubCourse2Color .classroomCoaching .hvrefctort .imgIconCor {
    background: #18705F;
}
.lawSubCourse2Color .pageHeading .upscHeadingPage h2 {
    color: #18705F;
}
.lawSubCourse2Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #18705F;
}
.lawSubCourse2Color .upscSidebarOuter .dailyHeading {
    background: #18705F;
}
.lawSubCourse2Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr .eff-4 {
    background: #0a3a30;
}
.lawSubCourse2Color .classroomCoaching .hvrefctort .btnotrundricn .inrbtn a {
    background: #0a3a30;
}
/*===============Law Course 2 detail color=====================*/ 
/*===============Judiciary Course detail color=====================*/
.juciciaryColorTheam .classroomCoaching .hvrefctort .imgIconCor {
    background: #cf7113;
}
.juciciaryColorTheam .pageHeading .upscHeadingPage h2 {
    color: #a95d10;
}
.juciciaryColorTheam .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #a95d10;
}
.juciciaryColorTheam .upscSidebarOuter .dailyHeading {
    background: #a95d10;
}
.juciciaryColorTheam .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr .eff-4 {
    background: #a95d10;
}
.juciciaryColorTheam .classroomCoaching .hvrefctort .btnotrundricn .inrbtn a {
    background: #a95d10;
}
/*===============Law Course 2 detail color=====================*/ 
/*===============Law Course 3 detail color=====================*/
.lawSubCourse3Color .classroomCoaching .hvrefctort .imgIconCor {
    background: #273477;
}
.lawSubCourse3Color .pageHeading .upscHeadingPage h2 {
    color: #273477;
}
.lawSubCourse3Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr {
    background: #273477;
}
.lawSubCourse3Color .upscSidebarOuter .dailyHeading {
    background: #273477;
}
.lawSubCourse3Color .ourprogrammOfUpsc .corsOtr .btnOtrcor.upscExploreBtn .btnLrnr .eff-4 {
    background: #1035ef;
}
.lawSubCourse3Color .classroomCoaching .hvrefctort .btnotrundricn .inrbtn a {
    background: #1035ef;
}
/*===============Law Course 3 detail color=====================*/ 
/*===============Offine InstituteList=====================*/ 
.backgrounOfInstitute {
    border: 2px solid #ddd;
    position: relative;
    height: 190px;
    overflow: hidden;
}
.overLayoffline {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, .7);
}
.imageLogoInstitute {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0 0 7px 0;
    margin: 0 auto;
}
.outerOFLogoInstitte {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
}
.institueDetailOuter {
    position: relative;
    margin-bottom: 42px;
}
.nameOfInstitue {
    display: inline-block;
}
.aboutInstitue {
    padding: 0px 10px 10px 10px;
}
.addressOfInstitue h3 {
    margin: 0 0 7px 0;
    color: #444;
    line-height: 25px;
}
.nameOfInstitue h2 {
    font-size: 20px;
    margin: 12px 0 10px 0;
    color: #9605b1;
    font-weight: 600;
}
.buttonOfEnrolleNow {
    margin: 20px 0 20px 0;
    text-align: center;
}

.inneOFCoachingPro {
    border: 4px solid #9605b1;
    transition: .2s;
}
.inneOFCoachingPro:hover {
    background: #9605b1;
    transform: scale(1.03);
    box-shadow: 0 0 10px 0 #2d0035;
}
.inneOFCoachingPro:hover .aboutInstitue h2 {
    color: #fff;
}
.inneOFCoachingPro:hover .addressOfInstitue h3 {
    color: #fff;
}
.buttonOfEnrolleNow a {
    border: 1px solid #9605b1;
    padding: 4px 10px 4px 10px;
    color: #9605b1;
    background: #fff;
    font-size: 19px;
}
.inneOFCoachingPro:hover .buttonOfEnrolleNow a {
    border: 1px solid #ffffff;
    padding: 4px 10px 4px 10px;
    color: #ffffff;
    background: #9605b1;

}
.inneOFCoachingPro .buttonOfEnrolleNow a:hover {
    border: 1px solid #ffffff;
    padding: 4px 10px 4px 10px;
    color: #9605b1;
    background: #ffffff;
    text-decoration: none;
}
.outerOflineInstitute {
    display: inline-block;
    width: 100%;
}
.homeProductsOlineCoaching {
    text-align: center;
}
.homeProductsOlineCoaching h2 {
    color: #9605b1;
}
.inneOFCoachingPro {
    border: 4px solid #9605b1;
    margin: 14px 0 14px 0;
}
/*===============Offine InstituteList=====================*/
/*===============Interview Questions=====================*/ 

.outerofQuestionDetail {
    padding: 40px 0 40px 0;
    display: inline-block;
    width: 100%;
    background: #f2f2f2;
}
.questionTopics .innerOftipWritten p {
    font-size: 16px;
    line-height: 27px;
}
.questionInterview {
    border: 1px solid #ab05ab;
    padding: 20px 10px 10px 20px;
    margin-bottom: 20px;
}
.headingOFOtherImport {
    background: #ab05ab;
    padding: 8px 10px 8px 10px;
}
.innerOFQuestionListSide ul li {
    border-bottom: 1px dashed;
}
.innerOFQuestionListSide ul {
    padding: 0;
}
.innerOFQuestionListSide ul li a {
    padding: 5px 10px 5px 10px;
    display: inline-block;
    width: 100%;
}
.outerofOtherQuedsionList {
    border: 1px solid #ab05ab;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}
.headingOFOtherImport h3 {
    margin: 0;
    color: #ffff;
    font-weight: 600;
}
.headingOfAnswerWritting {
    text-align: center;
    display: inline-block;
    width: 100%;
}
/*===============Interview Questions=====================*/ 
.outerofAnswerwritting.essayHomeNew {
    float: left;
    width: 100%;
    background: #ff2577;
    padding: 40px 0 40px 0;
    min-height: 410px;
}

.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter {
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px 0;
    border-radius: 0px;
    transition: .2s;
    border: 2px solid #fff;
    background: none;
    padding: 10px;
}
.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter .iconOfWrittingChanlage .fa {
    color: #ffffff;
    font-size: 29px;
}
.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter .InnerOfAnswerWritting .titleOfChallenge {
    color: #fff;
}
.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter:hover {
    background: #ffffff;
    transform: scale(1.1);
}
.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter:hover .iconOfWrittingChanlage .fa {
    color: #ff2577;
    font-size: 29px;
}
.outerofAnswerwritting.essayHomeNew .answerWrittingOuter .flexChellangeouter:hover  .InnerOfAnswerWritting .titleOfChallenge {
    color: #ff2577;
}
.outerofAnswerwritting.essayHomeNew .headingOfAnswerWritting h2 {
    color: #fff;
}
/*====================Eassay Home======================*/

/*====================essay How to write======================*/

.outerofwhyQuestion {
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 #c7c7c7;
}
.innerOFQuestionListSide ul li a:hover {
    text-decoration: none;
    background: #fbd5fb;
    color: #690969;
}
/*====================essay How to write======================*/
.newSelecExamEssay {
    background-image: url(../images/bgOffCir8.jpg);
    background-size: cover;
    background-attachment: fixed !important;
    display: inline-block;
    width: 100%;
}
.box-2.bdBolorOnEssay {
    background: rgba(222, 16, 92, 0.7);
}
.headingOnEssayNew h2 {
    margin: 0 0 20px 0;
    color: #fff;
}
.newStylePageUpdate .tabsOFInterview ul.nav.nav-pills li {
    border-bottom: none;
}
.newStylePageUpdate .tabsOFInterview ul.nav.nav-pills li {
    border-bottom: none;
    float: none;
    display: inline-block;
}
.newStylePageUpdate .tabsOFInterview ul.nav.nav-pills {
    text-align: center;
}
.newStylePageUpdate .tabsOFInterview .nav li a {
    padding: 10px 20px 10px 20px;
    font-size: 21px;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 0;
    font-weight: 600;
}
.newStylePageUpdate .tabsOFInterview .nav li a:hover,.newStylePageUpdate .tabsOFInterview .nav li.active a {
    color: #ff2577;
    background: #ffffff;
}
.outerofAnswerwritting.bgClolorOnlistChallenge.newStylePageUpdate {
    padding: 40px 0 40px 0;
    background: #ff2577;
}
.listofQuestionWritting li a {
    padding: 6px 0 6px 0;
    display: inline-block;
    width: 100%;
    transition: .2s;
}
.listofQuestionWritting li a:hover {
    background: #ffecec;
    padding-left: 6px;
}
.newStylePageUpdate .outerOFDailyEssay .innerOflistOfQuestion {
    border: 1px solid #ddd;
    margin: 0 0 40px 0;
    background: #fff;
    padding: 10px;
}
.newStylePageUpdate .outerOFDailyEssay .outerOFtabContent .innerOflistOfQuestion .titleOfListChanllenge {
    padding: 10px;
    background: #ab05ab;
}
.newStylePageUpdate .outerOFDailyEssay .outerOFtabContent .innerOflistOfQuestion .listofQuestionWritting {
    border: 1px solid #ab05ab;
}
.newStylePageUpdate .outerOFDailyEssay .outerOFtabContent .innerOflistOfQuestion .titleOfListChanllenge h3 {
    color: #ffffff;
}
.newStylePageUpdate .ListofInnreWritting ul {
    border: 1px solid #ab05ab;
}
.newStylePageUpdate .ListofInnreWritting ul li {
    border-top: 1px solid #ab05ab;
}
.outerOFwrittenTopics .innerOftipWritten .dicriptionOuterEssay p {
    font-size: 16px;
    color: #525252;
}
.dicriptionOuterEssay {
    background: #e9f7e6;
    padding: 10px;
}   
.outerOFtopicQuestion {
    background: #fff;
}

.expolreCategotyStudyInner.essayListStyle .contentPre .flterOuterCtrl .filterULLi {
    padding: 0;
}
.expolreCategotyStudyInner.essayListStyle .contentPre .flterOuterCtrl .filterULLi a {
    display: inline-block;
    width: 100%;
    padding: 6px 10px 6px 10px;
    color: #444;
}
.expolreCategotyStudyInner.essayListStyle .contentPre .flterOuterCtrl .filterULLi li {
    border-bottom: 1px dashed #ab05ab;
}
.expolreCategotyStudyInner.essayListStyle .collapsiblePre {
    background: #ab05ab;
}
.expolreCategotyStudyInner.essayListStyle .contentPre {
    padding: 0;
    border: 1px solid #ab05ab;
}
.expolreCategotyStudyInner.essayListStyle {
    margin: 0 0 20px 0;
}
.expolreCategotyStudyInner.essayListStyle .collapsiblePre {
    border-bottom: 1px solid #fff;
}
.expolreCategotyStudyInner.essayListStyle .collapsiblePre.activePre {
    border-bottom: none;
}
.newStylePageUpdate .outerOFDailyEssay .innerOflistOfQuestion .titleOfListChanllenge h3 {
    color: #fff;
}
.newStylePageUpdate .outerOFDailyEssay .innerOflistOfQuestion .titleOfListChanllenge {
    background: #ab05ab;
}
.outerOFDailyEssay .headingOfAnswerWritting h2 {
    color: #fff;
}
.downloadButtonOn {
    text-align: center;
    margin: 20px 0 20px 0;
}
.downloadButtonOn a {
    padding: 10px 30px;
    background: #ab05ab;
    color: #fff;
}
.downloadButtonOn a:hover {
    background: #ff2577;
    color: #fff;
    text-decoration: none;
}
.innerOfSideList.marginTop_0 {
    margin-top: 0;
}
/*==================Essay Answer Writting inter view end =========================*/
/*==================Board Exam Color=========================*/

.innerofCoutanerCourse.colorOverLayBoradExam {
    padding: 40px 0;
    background: rgba(54, 148, 100, 0.9);
}   
/*==================Board Exam Color=========================*/

/*==========Publication Home===========*/
.resposiveHomePublication .publictinOtr {
    min-height: 360px;
    background: #fff;
}
.orngselected .bgontestsrx.bgonPublicationNew .hgrctrlBoB.testsrsLisHom span {
    background: #da2128;
    color: #fff;
}
.orngselected .bgontestsrx.bgonPublicationNew .hgrctrlBoB.testsrsLisHom h2::after {

    background: #fff;
    background: -moz-linear-gradient(left, #da2128 0%, #ffffff 35%, #fff 70%, #da2128 100%);
    background: -webkit-linear-gradient(left, #da2128 0%, #fff 35%, #fff 70%, #da2128 100%);
    background: linear-gradient(to right, #da2128 0%, #fff 35%, #fff 70%, #da2128 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

}
.orngselected .bgontestsrx.bgonPublicationNew {
    background: #da2128;
}
.buttonOfMobile.publicationControl .btn {
    border-color: #da2128;
    color: #da2128;
}
.buttonOfMobile.publicationControl .btn .fa {
    color: #da2128;
}
.buttonOfMobile.publicationControl .btn:hover .fa {
    color: #fff;
}   

/*==========Publication Home===========*/
.imageControOnDefenceSpecial {
    transform: translate(0px, -21%);
}
.twoColsMainBox.threeColsMainBox.entranceGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 29px;
}

.fromComment .btn.btn-primary {
    background: #999;
    padding: 0 20px;
    border-radius: 23px;
}
.contentPre.ghtctrPrePar.studyMaterildemo .demoFileDLP {
    width: auto;
    float: right;
}
.bgTheamOfStudymateril.collapsiblePre, .bgTheamOfStudymateril.collapsiblePre:hover {
    background-color: #555;
    background-image: #de3343;
    background-image: -moz-linear-gradient(left, #5F72BE 1%, #9921e8 90%);
    background-image: -webkit-linear-gradient(left, ##5F72BE 1%,#a9d265 90%);
    background-image: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F72BE', endColorstr='#9921e8',GradientType=1 );
    background: linear-gradient(to right, #5F72BE 0%, #9921e8 90%);
}
.innerOFLeftFutrumap .listOfasking ul.nav.nav-pills .active a {
    background: none;
}
.innerOFLeftFutrumap .listOfasking ul.nav.nav-pills .active {
    background: #ff2577;
}
.innerOFLeftFutrumap .listOfasking ul.nav>li>a:hover, .innerOFLeftFutrumap .listOfasking ul.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}
.ineroFstep {
    border: 1px solid #ff2577;
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 10px;
}
div#futureTab3 .paraDetail ul li {
    list-style: disc;
}