/* #Font Family */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
@import url("boxes.css");
/* #global css */

body {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #58585a;
}

button[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

.logoregion {
    margin-bottom: 0!important;
}



/*** formpopupsame start***/
.formpopupsame .modal-content{

}

.books-block a{
    white-space: normal;
    min-height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    color: #333;
}

.books-block i{
    display: block;
    font-size: 22px;
    background-color: #e2e2e2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    margin-bottom: 10px;
    color: #333;
}


.formpopupsame .modal-header{
padding: 0;
    border: none;
    background-color: #f15922;
    text-align: center;
    position: relative;
    border-radius: 0;
}

.formpopupsame .modal-header h4{
color: #fff;
    padding: 10px;
    margin: 0;
}

.formpopupsame .modal-content .close{
    color: #f15922 !important;
    position: absolute;
    right: 5px;
    opacity: 1;
    z-index: 99;
    top: 5px;
    background-color: #fff;
    font-size: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}
.formpopupsame .modal-body{
      padding: 15px;
}

.formpopupsame .modal-body .form-control{
  height: 40px;
  border-radius: 0px;
}

.formpopupsame .modal-body textarea.form-control{
    height: auto;
}


.formpopupsame .modal-body .form-box .form-group.form-action{
    margin-bottom: 0;
}


.race-block{
    background-color: rgb(220 244 208);
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px #f7f5f5 solid;
    float: left;
    width: 100%;
}

.race-block h2{
        margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #333;
}

.race-block h4 > span{
     background: #b6dbe5;
    padding: 6px 12px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-align: center;
    border-radius: 20px;
}


.spotlightdefine{
    clear: both;
}

.click-block {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom:20px;
    padding: 15px;
    border: 1px #ddd solid;
}

.click-block h5{
    margin-top: 0;
    display: block;
    font-size: 13px;
}

.click-block a{
    margin-bottom: 0;
    margin-left: 0;
}

.click-block ul{
padding: 0;
    margin: 0;
}

.click-block ul li{
    list-style: outside none none;
    margin-bottom: 5px;
    padding: 1px 0 1px 25px;
    position: relative;
    text-align: left;
    font-size: 15px;
    color: #333;
    width: 100%;
    
}

.click-block ul li:before{
        color: #FF692E;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 2px;
    font-weight: 600;
}

.header-content.mba-color-fill{
    padding: 0;
}

.header-content .logoregion img{
    max-height: 40px;
}

.header-content .content-center .row{
    margin:0;
}

.combo-imgwrap{
background-color: transparent!important;
    box-shadow: inherit!important;
    padding: 0!important;
    max-width: 100%!important;
    margin-top: 15px;
}

.combo-imgwrap .combo-img a{
    /* display: block;
    margin: 15px 0 0 0!important;
    padding: 0!important; */
}

/* .combo-imgwrap .col-xs-6{
    padding-right: 5px;
    padding-left: 5px;
}
 */


.combo-imgwrap .regular .slick-slide > div{
    padding:0 5px;

}

.combo-imgwrap .regular .slick-slide .boxes img{
    width: 100%;
}



.alert-msg{
    background-color: #e7f8db;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.tab-contentnew{
    padding: 0!important;
        float: left;
    width: 100%;
}

.tab-contentnew h2{
    background-color: #f15922;
    padding: 10px!important;
    color: #fff;
    text-align: center;
    margin-bottom: 0!important;
    border-bottom: none!important;
}

.tab-contentnew .card-body{
    padding: 15px;
    float: left;
    width: 100%;
}

/* uploadscorecard page */
.uploadscorecard{

}

.uploadscorecardinner{
    background-color: #fbfbfb;
    padding: 20px;
    border-radius: 10px;
    border: 1px #ddd solid;
    margin-bottom: 20px;
    clear: both;
}

.uploadscorecardinner .alert-info {
    color: #000;
    background-color: #fff1de;
    border-color: #fcffe1;
}

.uploadscorecardinner .alert-info ol{
        margin-top: 5px;
}

.scorethankuinner {
    background-color: #fff1de;
    padding: 30px;
    border-radius: 20px;
}

.scorethankuinner ol{
    list-style: none;
    padding-left: 0;
}

.scorethankuinner ol li{
    margin-bottom: 8px;
    
}



img{max-width:100%; height:auto; vertical-align:top;}
body p{margin:0 0 10px;word-wrap: break-word;}
body p:last-child{  margin-bottom:0;}
h1{font-size: 24px;font-weight: bold; margin-top: 0;margin-bottom: 10px;}
h2{margin-bottom: 0px;font-weight: 400;margin-top: 0;font-size: 18px;}
.orange{color:#f16136;}
.whitecolor{color:#fff;}
strong{ font-weight:600;}
h3{font-size: 20px;font-weight: bold;}
a {color: #0584c7;font-weight: 500;}
a:focus{outline:0 !important;}
.btn.focus, .btn:focus{box-shadow: initial;}
.p-a-10{padding:10px 0 !important;}
.p-t-10{padding-top:10px !important;}
.p-t-b-10{padding-bottom:10px !important;}
.p-a-20{padding:20px 0 !important;}
.p-t-20{padding-top:20px !important;}
.p-t-b-20{padding-bottom:20px !important;}
.p-0{padding:0 !important;}
.p-t-0{padding-top:0 !important;}
.p-b-0{padding-bottom:0 !important;}
.p-a-30{padding:30px 0 !important;}
.p-t-30{padding-top:30px !important;}
.p-t-b-30{padding-bottom:30px !important;}
.m-0{margin:0 !important;}
.m-t-0{margin-top:0 !important;}
.m-b-0{margin-bottom:0 !important;}
.m-t-20{margin-top:20px !important;}
.m-t-b-20{margin-bottom:20px !important;}
.m-t-30{margin-top:30px !important;}
.m-t-b-30{margin-bottom:30px !important;}
*:focus{outline:0 !important;}
.mcustomscrolbarde{position: relative;max-width: 100%;height: 220px;}

.buffercont{padding-top:30px;padding-bottom:30px;}
.headingdivide{font-weight: 500;letter-spacing: 0.5px;margin-bottom: 7px;color: #58585a;}
.btnpoagonly{margin-bottom: 15px !important;font-weight: 400;letter-spacing: 0.7px;line-height: 1.5;}
.bigheading{margin-bottom: 10px;font-size: 20px;font-weight: bold;}
.testplybtn{    
color: #707070;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    padding: 6px 10px;
    background-color: #ececec;
    display: inline-block;
    width: 100%;}
.testplybtn:hover{text-decoration: none;}

span.testdetail {
    text-align: left;
    float: left;
    width: calc(100% - 34%);
    border-right: 1px #d3cdcd solid;
    padding: 2px 8px;
}

span.taketest {
    float: right;
    background-color: #f77455;
    padding: 2px 3px;
    color: #000;
    width: 34%;
    line-height: 40px;
    font-size: 12px;
}


.locksamplepaper span.taketest{
background-color:#c4e0b2;
}


.testbtnplayicon{
    text-align:left;
}
.testbtnplayicon i{
    padding-right:10px;
    color:#f15922;
}
.purplebandcont{
    padding: 10px 0;
    background-color: #363e52;
    z-index: 9;
    position: relative;
}
.purplebandcont h2{
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 500;
    line-height: 20px;
}
.purplebandcont + #footerregion{
    display:none;
}
.removepurple .purplebandcont {
    display:none;
}

.whitregionc .contforparnts{
        padding-top: 70px;
}
.whitregionc .contforparnts h3{
    margin-top: 0;
    letter-spacing: 0.7px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.whitregionc .contforparnts p{
        margin: 0;
    max-width: initial;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 1.6;
    font-weight: 300;
}
.contforparnts .innerdivconbox{
    box-shadow: 3px 3px 17px -2px rgba(0,0,0,.4);
    padding: 0;
    border-radius: 3px;
    background-color: #fff;
    min-height: 420px;
    border-top: 5px solid green;
}
.contforparnts  .col-md-4 + .col-md-4 .innerdivconbox{
    border-top: 5px solid blue;
}
.contforparnts  .col-md-4 + .col-md-4 + .col-md-4 .innerdivconbox{
    border-top: 5px solid darkorange;
}
.contforparnts .innerdivconbox ul{
    padding: 0 40px 20px;
}
.contforparnts  .col-md-4 .innerdivconbox{
    position: relative;
}
.contforparnts  .col-md-4 .innerdivconbox:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    background-image: url(/images/student-home.png);
    opacity: .3;
    background-repeat: no-repeat;
    height: 200px;
    background-size: auto 200px;
}
.contforparnts  .col-md-4 + .col-md-4 .innerdivconbox:after{
    background-image: url(/images/teacher-home.png);
}
.contforparnts  .col-md-4 + .col-md-4 + .col-md-4 .innerdivconbox:after{
    background-image: url(/images/Institution-home.png);
}
.topictestcon.cbsetable .panel-body {
    padding: 15px;
}
.topictestcon.cbsetable .panel-body  table{
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.classID17 .topictestcon.cbsetable  .panel-body  table tr td:nth-child(2),.classID17 .topictestcon.cbsetable  .panel-body  table tr th:nth-child(2){
    display:none;
}
.thumb-rate{

}
.thumb-rate i{
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    margin-top: 7px;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 4px;
    margin-left: 7px;
    cursor: pointer;
}
.thumb-rate i + i{

}

.formnewblock .form-group{
    padding:0 10px;
    margin-bottom: 10px;
}

.quick-search-btn{
    margin-top:20px;
    text-align: center;
}

.quick-search-btn .btn{
float: none;
width: auto;
clear: both;
}


/* #Contact us page */
.contactpges .inerdivcon{
    display: block;
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 25px 60px;
    margin-bottom: 40px;
    letter-spacing: 0.7px;
}
.contactpges .inerdivcon h2{
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}
.contactpges .icondiv {
    line-height: 22px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
}
.contactpges .icondiv a{
    color:rgb(70, 127, 215);
    line-height:30px;
    font-weight: 400;
}
.contactpges .icondiv span{
    line-height: 30px;
    min-width: 70px;
    display: inline-block;
}
.contactpges .icondiv span + span{

}
.contactpges .locationimg{
    background-image: url(/images/conta-location.png);
    background-position: left 4px;
}
.contactpges .telphoneimg{
    background-image: url(/images/conta-phone.png);
}
.contactpges .faximg{
    background-image: url(/images/conta-fax.png);
}
.contactpges .emailimg{
    background-image: url(/images/conta-email.png);
}
.contactpges form{
    padding: 20px;
    background-color: #dbdee7;
    border-radius: 3px;
}
.contactpges  h3{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}
.contactpges .form-group{
}
.contactpges .form-group:last-child{
    margin-bottom: 0;
}
.contactpges .form-group .form-control, .contactpges .form-group textarea{
    color: #333333;
    height: 38px;
    border: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
    width: 100%;
    padding: 2px 10px;
    border-radius: 0px;
    border: 1px solid #fff;
}
.contactpges .form-group .form-control:focus, .contactpges .form-group textarea:focus {
    border: 1px solid #556080;
}
.contactpges .form-group textarea{
    padding: 10px;
    height: 150px;
}
.contactpges .form-group .btn-block{
    border-radius: 3px;
    background-color: #556080;
    border-color: #556080;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.5px;
}
.contactpges iframe{
    float: left;
    width: 100%;
    border: 0;
    height: 459px;
}
.padinrmoevleft{
    padding-left:0;
}
/* #parent zone content pages laout */
ul.arrow-four {padding: 0px;}
.arrow-four li {background: url(/images/list-icon.png);list-style: none;padding-left: 29px;background-repeat: no-repeat;margin-bottom: 6px;background-position: 0 3px;}
.ineconfldim{}
.ineconfldim h1{}
.ineconfldim h2{margin-bottom: 20px;margin-top: 20px;font-size: 20px;font-weight: bold;}
.ineconfldim h3{margin-top: 0;margin-bottom: 10px;font-size: 17px;}
.ineconfldim p{}
.ineconfldim ul{}
.ineconfldim ul li{}
.contentimgegod{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.contentimgegod img{width: 100%;height: auto;}
/* Support page */
.supoortapges {
    letter-spacing: 0.7px;
}
.botmconfldregio{

}
.botmconfldregio > h2{
    font-size: 18px;
    font-weight: bold;
    color: #404040;
    margin-bottom: 10px;
}
.botmconfldregio > p{
    color: #58585a;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 300;
}
.botmconfldregio > .panel-group{

}
.botmconfldregio .panel-group .panel{
    border-radius: 3px;
    border: 1px solid #dbdbdb;
}
.botmconfldregio .panel-group .panel + .panel{
    margin-top: 10px;
}
.botmconfldregio .panel-default > .panel-heading{
    background-color: transparent;
    position: relative;
    color: #707070;
    border: 0px;
    border-radius: initial;
    padding: 0px;
}
.botmconfldregio .panel-title{
    color: #707070;
    font-weight: bold;
    margin-bottom: 0px;
    letter-spacing: 0.7px;
}
.botmconfldregio .panel-title a{
    display: block;
    font-weight: 400;
    padding: 13px 15px;
    padding-right: 50px;
    line-height: 1.4;
}
.botmconfldregio .panel-title a[aria-expanded="true"]{
        font-weight: 500;
}
.botmconfldregio .panel-title a:hover, .botmconfldregio .panel-title a:focus{
    text-decoration:none;
}
.botmconfldregio .glyphicon{
    position: absolute;
    right: -1px;
    top: -1px;
    width: 49px;
    height: calc(100% + 1px);
    text-align: center;
    background-color: #556080;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.botmconfldregio .panel-default > .panel-heading + .panel-collapse > .panel-body{
    border-top-color: #dbdbdb;
}
.botmconfldregio h2{
            color: #707070;
            font-weight: bold;
            margin-bottom: 10px;
            letter-spacing: 0.7px;
        }
        .botmconfldregio .topimgecont{
            padding-left: 15px;
            margin-bottom: 15px;
        }
        .botmconfldregio ol, .botmconfldregio ul{
                margin: 0;
        }
        .botmconfldregio li{
            padding: 3px 5px;
        }
        .botmconfldregio .inerimgediv{
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .botmconfldregio p{

        }
        #videoplayable ol li{
            margin-bottom:10px;
        }
        #videoplayable ol li:last-child{
            margin-bottom:0;
        }
        .botmconfldregio > div p:last-child{
            margin-bottom:0;
        }
        .contentfldregion li{
            color: #58585a;
            letter-spacing: 1px;
            padding: 3px 5px;
            font-size: 14px;
        }
        .aireportpg canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
        .aireportpg .podarchart{
            max-width:700px;margin:0 auto;
        }
        .twoloagdeivdef.logo-region img {
            max-height: 25px;
            margin-top: 30px;
        }
        .twoloagdeivdef.logo-region img + img{
            max-height: 80px;
            margin-left: 10px;
            margin-top: 0;
        }
/* Exam pages content */
.exampgescont {letter-spacing: 0.4px;font-family: 'Roboto', Helvetica, Arial, sans-serif;line-height: 1.6;}
.exampgescont h1{letter-spacing: 0;margin-bottom: 5px;font-weight: 600;}
.exampgescont h2{font-size: 18px;font-weight: 500;margin-bottom: 5px;}
.exampgescont p{}
.exampgescont p:last-child{}
.exampgescont .contentalow{padding-bottom: 20px;clear: both;}
.exampgescont .table{margin: 0;}
.exampgescont .table-responsive + p{margin-top:5px;}
.exampgescont .table > tr > td{}
.exampgescont .table > tbody > tr:first-child{background-color: #6b789d;color: #fff;}
.footerlinksnavi{background-color: #ccebf1;padding: 20px 0;font-family: 'Roboto', Helvetica, Arial, sans-serif;}
.footerlinksnavi h3{margin: 0;text-align: center;color: #000;letter-spacing: 0.4px;margin-bottom: 15px;}
.footerlinksnavi .btnglobalstyling{background-color: #556080;color: #fff;margin-bottom: 10px;padding: 10px 10px;font-size: 16px;font-weight: 300;letter-spacing: 0.4px;}
.footerlinksnavi ~ #footerregion{margin-top:0 !important;}
/* Five colum layout */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* #footer And header css for all pages */
.header-content{box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4); position: relative; z-index:999; background-color: #fff;font-family: 'Roboto', Helvetica, Arial, sans-serif;}
.header-content .logoregion svg {    height: 33px;  }
.header-content img{display: inline-block;  vertical-align: top;    max-width: 100%;    height: auto;}
.header-content .spacdeficon{   display: inline-block;  padding: 11px 5px;  position:relative;  line-height: initial;}
.header-content .spacdeficon:after{ position:absolute;  visibility:hidden;  content:""; width:100%; background-color:#ec5925;   height:2px; bottom: 0;}
.header-content .spacdeficon:hover{ text-decoration:none;}
.header-content .linkinbtns .spacdeficon:hover:after{   left:0; visibility:visible;}
.header-content .homebtnreg a{  padding-top: 18px;  padding-left: 0;    padding-right:0;}
.header-content .logoregion a{  padding-top: 13px;  padding-left: 0;    padding-right: 0;}
.header-content .dropdonmenuco{ position: absolute; top: -100%; visibility:hidden;}
.widthdefimg img, .widthdefimg svg{
    width: 24px;
    height:24px;
    fill: #555;
}
.linkinbtns{

}
.linkinbtns ul{
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}
.linkinbtns > ul > li{
    float: left;
    padding-left: 20px;
    position: relative;
}
.linkinbtns > ul > li > a{
    text-align:center;
}
.linkinbtns > ul > li > a span{
    display: block;
    line-height: 10px;
    font-size: 11px;
    color: #58585a;
    margin-top: 1px;
}
.bigleftsize img{

}
.overlay + #footerregion{
    display:none;
}
body{
    height:auto;
}
.heightbig{
    height:100vh;
    position:relative;
}
.heightbig #footerregion{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.footerinerregion {
    background-color: #323232;
    padding: 5px 0;
    color: #fff;
}
.footerinerregion .logofooter img {
    max-height: 25px;
}
.footerinerregion .logofooter {
    padding-bottom: 0;
}
.footerinerregion .linkregion ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footerinerregion .linkregion li {
    display: inline-block;
    margin-right: 20px;
}
.footerinerregion .linkregion a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}
#subfooter {
    padding: 5px 0;
    background-color: #000000;
}
#subfooter p {
    margin: 0;
    color: #b2b1b1;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#subfooter .socialicons ul {
    margin: 0;
    padding: 0;
    float: right;
}
#subfooter .socialicons li {
    display: inline-block;
    margin-left: 15px;
}
#subfooter .socialicons a {
    line-height: 20px;
    font-size: 12px;
    background-color: #363e52;
    width: 20px;
    display: block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
#subfooter .socialicons a i{
    line-height: 20px;
}
/* #Upload photo model Css start
============================================== */
/* #Video Page smart cat cracker model Css start
============================================== */
.smarscvidemodal.modal {text-align: center;padding: 0!important;}
.smarscvidemodal.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px; /* Adjusts for spacing */}
.smarscvidemodal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.smarscvidemodal .modal-content{border-radius: 3px;}
.smarscvidemodal .modal-content .modal-header{    border-radius: 0px;
    background-color: #e85222;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 6px 10px;
}
.smarscvidemodal .modal-content .modal-header h2{letter-spacing: 0.7px;font-weight: 500;font-size: 20px;}
.smarscvidemodal .modal-content .modal-header button{padding:0;position: absolute;margin: 0;right: 10px;top: 10px;text-shadow: initial;color: #2a3040!important;background-color: #fff;opacity: 1;border-radius: 50%;width: 18px;height: 18px;font-size: 18px;line-height: 18px;}
.smarscvidemodal .modal-content .modal-body{padding: 15px;}
.smarscvidemodal .modal-content .modal-body p{
    font-size: 14px;
    letter-spacing: inherit;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;}
.smarscvidemodal .modal-content .btnscont{vertical-align: top;max-height: 45px;text-align:center;}
.smarscvidemodal .modal-content .btnscont > *{display: inline-block;width: 48%;border-radius: 3px;padding: 0 10px;text-align: center;font-weight: 500;letter-spacing: 0.5px;font-size: 15px;line-height: 40px;vertical-align: top;}
.smarscvidemodal .modal-content .btnscont > *:hover, .smarscvidemodal .modal-content .btnscont > *:focus{background-color: #f16136;color: #fff;border-color: #f16136;}
.smarscvidemodal .modal-content .btnscont  button{background-color: #f16136;color: #fff;border-color: #f16136;}
.smarscvidemodal .modal-content .btnscont  button:hover, .smarscvidemodal .modal-content .btnscont  button:focus{background-color: transparent;color: #555;border: 1px solid #ddd;}
.smarscvidemodal .modal-content .btnscont a{margin-left: 3%;}
/* #Login Page Css start
============================================== */
.login-page{min-height: 100vh;background-color: #2a3040; background-image: url(/images/cloud.png);background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.login-page .logo-region img{max-height: 50px;}
.loginpageouter{min-height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center; margin-top:15px;margin-bottom: 15px;}
.loginpageouter .flexdefine{}
.loginpageouter .whitebgdefine{background-color: #fff;border-radius: 3px;float: left;max-width: 400px;padding: 30px 20px;box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);}
.otppageouter .whitebgdefine, .forgotpagepwd .whitebgdefine{
    max-width: 360px;
}
.whitebgdefine .btns{
    padding-top: 5px;
}
.loginpageouter .formregioncont{

}
.loginpageouter .contforlast {
    padding-top: 20px;
    letter-spacing: 0.3px;
}
.loginpageouter h2{
    font-size: 20px;
    padding-bottom: 20px;
    letter-spacing: 0.5px;
    color: #404040;
}
.registerfamily h2{
    margin-bottom: 15px;
    font-size: 16px;
    background-color: #f1f1f1;
    padding: 7px 10px;
    border-radius: 3px;
    margin-top: 5px;
}
.loginpageouter .form-group{
    float: left;
    width: 100%;

}
.loginpageouter .form-group label{
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 15px;
}
.loginpageouter .form-group input{
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #e2e2e2;
    height: 40px;
    border-radius: 5px;
}

.login-page .loginpageouter .form-group .radio-inline input[type="radio"]{
    height: auto;
}


.loginpageouter .form-group .error{
    margin-top: 3px;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: red;
}
.loginpageouter .inputcheckcli{
    margin-top: 20px;
    margin-bottom: 20px;
}
.loginpageouter .inputcheckcli input{
    margin: 0;
    width: auto;
    float: left;
}
.loginpageouter .inputcheckcli span{
    font-size: 13px;
    float: left;
    width: calc(100% - 30px);
    margin-left: 5px;
    line-height: 1.3;
}
.loginpageouter .resend{
    margin-bottom: 20px;
}
.loginpageouter .resend a{
    color: #404040;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.loginpageouter .resend a + a{
    float: right;
}
.loginpageouter .btns {

}
.loginpageouter .btn-same{
    line-height: 38px;
    background-color: #556080;
    border-color: #556080;
    float: left;
    margin-right: 0;
}
.loginpageouter .btn-register{
    background-color: transparent;
    color: #556080;
}
.loginpageouter .btn-login:hover, .loginpageouter .btn-login:focus{
    background-color: #444c66;
    color: #fff;
}
.loginpageouter .btn-register:hover, .loginpageouter .btn-register:focus{
    background-color: #556080;
    color: #fff;
}
.loginpageouter .equalbtns{
    min-width: 170px;
}
.loginpageouter .btns .btn  + .btn {
    float:right;
}



body.login-page.opencatlogin{
        background-color: #E5E5E5;
        background-image: inherit;
}


body.login-page.opencatlogin .logo-region img{
    max-height: 120px;
}









/* regiester page css start */


.div-center{
    display: flex;
    justify-content: center;
    align-items: center;

}


.outerregester{
/*        background-image: url(/images/svg/Sign-UP-all.svg);*/
        background-repeat: no-repeat;
/*        background-color: #E5E5E5;*/
        min-height: 100vh;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .logoregion {
            margin-bottom: 30px;
    }
.logoregion img {
    max-height: 50px;
}
    .formineerfld{
        padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    }
    .formineerfld label{
        color: #353D50;
    letter-spacing: 0.7px;
    font-weight: 400;
    font-size: 15px;
    }
    .formineerfld .form-control{
/*        background: rgba(51, 60, 65, 0.05);
    border-color: rgba(51, 60, 65, 0.05);*/
    box-shadow: initial;
       border: 1px solid #e2e2e2;
    border-radius: 5px;
    height: 40px;
    }
    .input-group-addon{
        border: 0;
    }
    .radiouter label{
        margin: 0;
    font-size: 14px;
    margin-right: 15px;
    }
    .radiouter label span{
        vertical-align: top;
    }
    .radiouter label input{
        margin-top: 2px;
    }
    .innerlabelwidth{
        margin: 0;
    }
    .globalcollegediv .radio {
    font-size: 14px;
    margin-bottom: 0;
}
    .equalbtns{
        float: none;
    background-color: #F15A22;
    border-radius: 7px;
    text-transform: capitalize;
    min-width: 200px;
    }

    button.btnotp {
  background: #5c72ff;
  background-image: linear-gradient(to right, #5C72FF, #8C3FFF);
  position: absolute;
     right: 21px;
    top: 33px;
  border: inherit;
  padding: 3px 8px;
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  font-size: 14px;
}










.registerouter .whitebgdefine{
    max-width: 500px;
    min-width: 500px;
}

.registerouter .form-group{
    position: relative;
}
.registerouter .svgimageouter{
    float: left;
    width: 25px;
}
.registerouter .svgimageouter svg{
    height: 18px;
    float: left;
    fill: #606b89;
}
.registerouter .svgimageouter + label{
    float: left;
    width: calc(100% - 30px);
}
.registerouter select{
    width: 100%;
    border: 1px solid #e2e2e2;
    padding: 3px 10px;
    border-radius: 3px;
    height: 38px;
}
.registerouter .col-sm-6{
    padding-left:0;
}
.registerouter .col-sm-6 + .col-sm-6{
    padding-right:0;
    position:relative;
}
.registerouter .claendarsvg{
    position: absolute;
    right: 7px;
    bottom: 7px;
    margin-bottom: 0 !important;
}
.registerouter .claendarsvg svg{
    height: 21px;
    fill: #606b89;
    float: left;
}
.registerouter .maxl{
    clear: both;
    float: left;
    width: 100%;
}
.registerouter .form-group .radio {
    margin: 0;
    float: left;
    position: relative;
    margin-right: 10px;
}
.registerouter .radio input{
    visibility: hidden;
}
.registerouter .radio span{
    height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    line-height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
}
.registerouter .radio input:checked + span, .registerouter .radio input:hover + span{
    background-color: #556080;
    border-color: #556080;
    color:#fff;
}

.registerouter .radio .svgimg{
    height: 50px;
    width: 50px;
    text-align: center;
    float: left;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}
.registerouter .radio .svgimg svg{
    width: 20px;
    fill: #556080;
    display: inline-block;
}
.registerouter .radio .svgimg strong{
    font-size: 12px;
    display: block;
    margin-top: -2px;
}
.registerouter .radio input:checked + .svgimg, .registerouter .radio input:hover + .svgimg{
    background-color: #556080;
    border-color: #556080;
    color:#fff;
}
.registerouter .radio input:checked + .svgimg svg, .registerouter .radio input:hover + .svgimg svg{
    fill:#fff;
}
.registerouter .alreadyacouncon p{
    margin: 0;
    float: left;
    line-height: 38px;
}
.registerouter .alreadyacouncon button{
    float:right;
}

.registerouter2 .twdecdetls{
    display:none;
}
/* #Header Css start
============================================== */
.header-region{
    background-color: #000000;
    padding: 10px 0;
}
.header-region .back{
    margin-top: 12px;
    display: block;
}
.header-region .menubtn{
    background-color: transparent;
    border: 0;
    padding: 0;
}
/* Landing page css Start
============================================== */
.innerpages{
    padding-bottom:30px;
}
.landing-pg{
    min-height: 100vh;
}
 .logo-region{
    padding-top: 0;
    padding-bottom: 20px;
}
.landing-pg h1{

}
.landing-pg .content-region{
    z-index:2;
}
.landing-pg h2{
    margin: 0;
    font-weight: 500;
}
.landing-pg h3{
    margin: 0;
    margin-top: 3px;
    font-weight: 400;
}
.flipingbox{
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 70px;
}
.flipingbox .c--anim-btn{
    float:left;
    width:33.33%;
}
.flipingbox .c--anim-btn span{
    display:block;
}
.arrow-grow{
    position: absolute;
    width: 60%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0.1;
    text-align: left;
}

.people{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width:initial;
}
.people img{max-width:initial;width:100%;}
.btns{}
.btn-same {
    line-height: 45px;
    background-color: #f16136;
    color: rgb(255, 255, 255);
    margin-right: 20px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2px;
    padding: 0px 25px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 3px;
}
.btn-same:hover, .btn-same:focus{
    color:#fff;
}
.btn-sign {
    background-color: #0584c7;
    margin: 0px;
}
.btns > *:last-child{
    margin-right:0;
}
.btn-register{

}
.equalbtns{
    min-width: 180px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.5px;
}
.btn-register{
    background-color: transparent;
    border: 1px solid #fff;
}
.btn-loginn{
    border:1px solid #f16136;
}

.mt-20{
    margin-top:20px;
}

.button-wrap{
    text-align: center;
    margin-top:20px;
}


/* OTP page css Start
============================================== */
input {
    border: 1px solid #D1D1D1;
    border-radius: 3px;
    line-height: 30px;
}
.from-region-otp {

}
.from-region-otp .sub-heading{
    margin-bottom: 10px;
}
.from-region-otp .otpfild{
    margin-bottom: 15px;
}
.otpfild input{

}
.resend{
    margin-bottom: 10px;
}
.resend a{
    font-size: 14px;
}
.from-region-otp .btns{
}
.from-region-otp .sub-content{
}
.from-region-otp .sub-content p{
    margin-bottom: 0;
}
.from-region-otp .sub-content .btns{
    margin-top:10px;
}
.btn-grey{
    background-color: #58585a;
}
.btn-blue{
    background-color:#0584c7;
}
.from-region-otp{
        max-width: 500px;
    margin: auto;

}
/* #Login */
.from-region-otp .form-group {
    position: relative;
    margin: 0;
    margin-top: 30px;
}
.from-region-otp .form-group input {
    display: block;
    padding: 10px 10px 0px 5px;
    width: 100%;
    background: none;
    border-bottom: 1px solid #757575;
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    text-align: left;
    padding-left:80px;
}
.from-region-otp .form-group .highlight {
    height: 60%;
    left: 0;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    top: 25%;
    width: 100px;
}
.from-region-otp .form-group .bar::before {
    left: 50%;
}
.from-region-otp .form-group .bar::before, .from-region-otp .form-group .bar::after {
    background: #5264ae none repeat scroll 0 0;
    bottom: 1px;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 0;
}
.from-region-otp .form-group .bar::after {
    right: 50%;
}
.from-region-otp .form-group label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 15px;
    transition: all 0.2s ease 0s;
    margin-bottom:0;
}
/*.from-region-otp .form-group input:focus ~ label, .from-region-otp .form-group input:valid ~ label {
    color: #5264ae;
    font-size: 14px;
    top: -10px;
}*/
.from-region-otp .form-group input:focus ~ .highlight {
    animation: 0.3s ease 0s normal none 1 running inputHighlighter;
}
@keyframes inputHighlighter {
0% {
    background: #5264ae none repeat scroll 0 0;
}
100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
}
}
@keyframes inputHighlighter {
0% {
    background: #5264ae none repeat scroll 0 0;
}
100% {
    background: transparent none repeat scroll 0 0;
    width: 0;
}
}
.from-radio label{
    margin-bottom: 0;
    margin-top: 10px;
}
.from-region-con .resend{
    margin: 0;
    margin-top: 10px;
}
.from-region-con .resend a{
    width: 50%;
    float: left;
}
.from-region-con .resend a + a{
    text-align:right;
}
.from-region-otp .sub-content > p{
    margin-bottom:3px;
}
.from-region-otp .form-group  .error{
    color: #f16136;
}
.contetnpargrp{
}
.headingcon-lo{
    align-items: center;
}
.headingcon-lo p{
    margin-bottom:0;
}
.frogo-username img{
    display:inline-block;
}
.text-logo-small{
    max-height:22px;
}
.iframe-video{
    width: 100%;
    display: inline-block;
    height: 250px;
}
.text-logo-heading{

}

.login-pg{
    max-width: 500px;
}
.login-pg .fromdesginnew label{

}
.login-pg .fromdesginnew .resend a, .login-pg .sub-content a{
    font-weight: 400;
    color: grey;
}
/* Placement page css */
.from-region-otp .leftposdefin .form-group label{
    left:15px;
}
.placement-con .nav-tabs{
    border: 0px;
}
.placement-con .row-eq-height > [class^=col]{
    align-items: flex-end !important;
    display:flex;
}
.placement-con .nav-tabs .nav-item{
        padding: 0;
}
.placement-con .nav-tabs .nav-link{
    padding: 0;
    border: 0;
    background-color: transparent !important;
    text-align: center;
    font-weight: 400;
    width: 100%;
}
.placement-con .nav-tabs .nav-link  img{
    padding: 0 10px;
}
.placement-con .nav-tabs .nav-link .activeimg{
    display:none;
}
.placement-con .nav-tabs .nav-link.active .activeimg{
    display:inline-block;
}
.placement-con .nav-tabs .nav-link.active .default{
    display:none;
}
.placement-con .nav-tabs .nav-item span{
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    background-color: #d8d6d6;
    color: #fff;
    line-height: 2.3;
    position: relative;
}
.placement-con .nav-item.firstplace  span{

}
.placement-con .nav-item.secndplace span{
    background-color:#cecbcb;
}
.placement-con .nav-item.thirdplace span{

}
body .placement-con .nav-item .active span{
    background-color:#f15a22;
}
.placement-con .nav-item .active span:after{
    position: absolute;
    content: "";
    top: -2px;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #f15a22;
}
.placement-con .nav-item .active span:before{
    position: absolute;
    content: "";
    bottom: -2px;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #f15a22;
}
.alignmiddlecon .definemidlc{
    display: flex;
    align-items: center;
}
.alignmiddlecon .definemidlc > div{
    width:100%;
}
/* #Edit Profile page */
.editprofilecon .form-group{

}
.editprofilecon .form-group .editsavbtn{
    position: absolute;
    right: 10px;
    bottom: 0;
}
.hide{
    display:none;
}
.editprofilecon .card-body .form-group:first-child{
    margin-top:0;
}

.editprofilecon .card{
    border: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 3px;
}
.editprofilecon .card-header{
    padding: 0;
    border: 0;
    background-color: transparent;
}
.editprofilecon .card-body{
    padding: 10px 0;
}
.editprofilecon .headingedit{
    display: block;
    background-color: #f0f1f3;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
}
.editprofilecon .headingedit strong{

}
.editprofilecon .headingedit span{
    float: right;
    line-height: 20px;
    color: #fff;
    font-size: 20px;
    background-color: #f15922;
    width: 20px;
    text-align: center;
    border: 1px solid #f15922;
    margin-top: 8px;
}
.editprofilecon.from-region-otp .form-group input{
    padding-right: 40px;
}
.editprofilecon .minussign{
    display:block;
}
.editprofilecon div[aria-expanded="false"] .minussign{
    display:none;
}
.editprofilecon div[aria-expanded="true"] .plusisgn{
    display:none;
}
/*.editprofilecon div[aria-expanded="true"]{
    background-color: transparent;
}*/
.editprofilecon div[aria-expanded="true"] strong{
    color: #f15922;
}
/*.editprofilecon.from-region-otp .form-group label{
    left: 10px;
}*/

/* #Highcharts Css */
.highcharts-credits, .highcharts-text-outline, .highcharts-contextbutton{
    display:none !important;
}
.highcharts-point{
    /*fill: #f15922;*/
}
.ocsxpages .card-body{
    padding: 10px ;
}
.fromdesginnew > .row{
    margin-bottom: 15px;
}
.fromdesginnew input[type="text"], .fromdesginnew input[type="password"], .fromdesginnew input[type="email"], .fromdesginnew select{
    color: #58585a;
    border-bottom: 1px solid #757575;
    border-left: 0;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    background-color: transparent;
    padding: 0;
    line-height: 30px;
}
.fromdesginnew select{
    height: 31px !important;
    font-size: 14px;
}
.fromdesginnew label{
    margin: 0;
    line-height: 31px;
    font-weight: 500;
}
.form-control:focus{
    box-shadow: initial;
}
.fromdesginnew .input-group-addon{

}
.fromdesginnew .input-group-addon i{
    font-size: 22px;
    line-height: 31px;
    vertical-align: middle;
    padding-right: 5px;
}
/* Box layout desgin
============================================== */
.boxes-layout-regular [class^=col]{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.boxes-layout-regular .box-inner {
    width: 100%;
    height: 100%;
}
.boxes-layout-regular a{
    font-weight: 400;
    color: #58585a;
    text-decoration: none;
    display: block;
    padding: 25px;
    border-radius: 3px;
}
.boxes-layout-regular img {
    max-height: 30px;
    margin-bottom: 15px;
}
.boxes-layout-regular p{

}
.color-st-1{
    background: -moz-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6ebf8), color-stop(100%, #fff)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #c6ebf8 0%, #fff 100%); /* ie10+ */
    background: linear-gradient(0deg, #c6ebf8 0%, #fff 100%); /* w3c */
}
.color-st-2{
    background: -moz-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6f9f0), color-stop(100%, #fff)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #b6f9f0 0%, #fff 100%); /* ie10+ */
    background: linear-gradient(0deg, #b6f9f0 0%, #fff 100%); /* w3c */
}
.color-st-3{
    background: -moz-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6d6d9), color-stop(100%, #fff)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #c6d6d9 0%, #fff 100%); /* ie10+ */
    background: linear-gradient(0deg, #c6d6d9 0%, #fff 100%); /* w3c */
}
.color-st-4{
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, #fff)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, #fff 100%); /* w3c */
}

/* #content pages */
.welcome-message {

}
.contelayutfild{

}
.contflda h2{

}
.contflda h3{
        font-size: 16px;
}
.innerpages > row{
    z-index:9;
}
.formstyling{

}
.inerhedcop{
    font-weight: bold;
    margin-bottom: 10px;
}
.formstyling h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.formstyling .col-md-12{
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}
.formstyling p{
    background: #eaeaea;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 5px;
}
.formstyling label{
    margin: 0;
    font-weight: 300;
}
.formstyling label + label{
    padding-left:10px;
}
.formstyling label input{

}
.formstyling label span{

}
#appendcont{
    display:none;
}
.colmdefinconfld{

}
.colmdefinconfld h3{

}
.colmdefinconfld img{

}
.colmdefinconfld ul{

}
.colmdefinconfld ul li{

}
.stylingimge{
    float:left;max-width:400px;padding-right:20px;
}
.borderlinecon{
    border: 1px solid #e7e7e7;
    text-align: center;
    max-height: 130px;
    min-height: 130px;
}
.borderlinecon img{
    max-height: 60px;
    margin-top: 30px;
}
.conontdetailsfld{
    padding: 30px 0;
}
.conontdetailsfld hr{
    margin-bottom: 10px;
    margin-top: 10px;
}
.conontdetailsfld h2{
    font-size: 20px;
    margin-bottom: 15px;
}
.conontdetailsfld .form-queries{

}
.conontdetailsfld .form-queries label{
    margin: 0;
    letter-spacing: 0.5px;
    display: inline;
    margin-left: 4px;
}
.conontdetailsfld .form-queries .col-sm-2{
    line-height: 25px;
    letter-spacing: 0.5px;
}
.conontdetailsfld .form-queries input[type="radio"]{
    margin-right: 5px;
    margin-top: 5px;
    float: left;
}
#result h2{
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}
/* #placment apply page start*/
.placmentscon{
    padding: 30px 0;
}
.navtaboutercon{

}
.navtaboutercon .nav-tabs{
    border: 0;
}
.navtaboutercon .nav-tabs > li{
    margin: 0;
    width: 25%;
}
.navtaboutercon .nav-tabs > li > a{
    position: relative;
    background: #fff;
    border-left: 2px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 300;
    text-align: center;
        border-right: 0;
        color: #58585a;
}
.navtaboutercon .nav-tabs > li > a:after, .navtaboutercon .nav-tabs > li > a:before {
    left: 100%;
    top: 44%;
    border: solid transparent;
    content: " ";
    height: 1;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}
.navtaboutercon .nav-tabs > li > a:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 20px;
    margin-top: -17px;
}
.navtaboutercon .nav-tabs > li > a:before {
    border-color: rgba(170, 170, 170, 0);
    border-left-color: #e5e5e5;
    border-width: 22px;
    margin-top: -19px;
}
.navtaboutercon .nav-tabs > li:last-child > a{
    border-right: 2px solid #e5e5e5;
}
.navtaboutercon .nav-tabs > li:last-child > a:after{
    display:none;
}
.navtaboutercon .nav-tabs > li:last-child > a:before{
    display:none;
}
.navtaboutercon .nav-tabs > li > a:hover, .navtaboutercon .nav-tabs > li > a.active{
    background-color:#556080;
    color:#fff;
}
.navtaboutercon .nav-tabs > li > a:hover:after, .navtaboutercon .nav-tabs > li > a.active:after{
    width: 0px;
    height: 0px;
    border-top: 22px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 18px solid #556080;
    position: absolute;
    content: "";
    top: 17px;
    right: -38px;
    left: initial;
}
.navtaboutercon .nav-tabs > li > a:hover:before, .navtaboutercon .nav-tabs > li > a.active:before{
    display:none;
}
.contplatabfld{
    clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
    background-color: #f2f2f2;
    padding: 20px;
}
.contplatabfld label{
        margin: 0;
    font-weight: 400;
    letter-spacing: 0.7px;
    color: #707070;
    font-size: 16px;
    line-height: 2;
    float: left;
    width: 100%;
}
.contplatabfld  input[type="text"], .contplatabfld  select, .contplatabfld  .datepicker, .contplatabfld  textarea   {
    border: 0;
    border-radius: 0;
    height: 45px;
    width: 100%;
    letter-spacing: 0.7px;
    color: #707070;
    padding: 5px 10px;
}
.contplatabfld  textarea{
    padding: 10px;
}
.contplatabfld  .form-group{
    margin: 0;
    margin-bottom: 20px;
}
.contplatabfld  select{
    padding: 0 10px;
}
.contplatabfld .phonefldcon-globalconcss input{
    width: 50px;
    clear: both;
        float: left;
        background-color: #d7d7d7;
}
.contplatabfld .form-control[readonly]{
    background-color: #d7d7d7;
    border-color: #d7d7d7;
}
.contplatabfld .phonefldcon-globalconcss input + input{
    clear: none;
    width: calc(100% - 60px);
    margin-left: 10px;
    background-color: #fff;
}
.contplatabfld .calendrfild{
    position: relative;
}
.contplatabfld .calendrfild .fonticon{
    position: absolute;
    height: 45px;
    font-size: 24px;
    width: 25px;
    right: 20px;
    text-align: center;
    bottom: 0px;
    color: #556080;
    padding-top: 11px;
}
.contplatabfld .nolabelsh{
    padding-top: 32px;
}

.adresfldcon-globalconcss textarea{
    height: 100px;
}
.aboutsefldcon-globalconcss textarea{
        height: 197px;
}
.qualificselted{
    margin-bottom: 30px;
}
.qualificselted .btneduction{
        margin-top: 5px;
}
.qualificselted .btneduction span{
    display: block;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.7px;
    background-color: #fff;
    padding: 10px 0;
    border-radius: 3px;
}
.qualificselted .btneduction.active span, .qualificselted .btneduction span:hover{
        background-color: #556080;
    color: #fff;
}

.videoconpage{

}
.videoconpage h2{
    margin-bottom: 10px;
}
.videoconpage iframe{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.videoconpage .contflda{

}
.contplatabfld select[multiple]{
    padding: 10px;
    height: 100px;
}
.contplatabfld .skillsconfld textarea{
    height: 100px;
}
#confirmationstab{
    padding: 60px;
    text-align: center;
}
.thankyoucontenfld h2{
    font-size: 50px;
    font-weight: bold;
}
.thankyoucontenfld .tickmark{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 110px;
    line-height: 1;
    color: #9ae064;
}
.thankyoucontenfld p{
        font-size: 16px;
    letter-spacing: 0.5px;
}
#teststab{
    padding:0;
    padding-bottom:20px;
}
#teststab > .col-md-4{
    border-right: 2px solid #fff;
}
#teststab > .col-md-12{
    margin-top:20px;
}
#teststab .hedinpgbig{
    margin-left: -15px;
    margin-right: -15px;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
    font-size: 18px;
    letter-spacing: 0.7px;
    font-weight: 400;
    padding-top: 20px;
}
#teststab .shadwowbox{
    margin-top: 20px;
    display: block;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 10px 10px;
    float: left;
    width: 100%;
}
#teststab .shadwowbox span{
    line-height: 30px;
    float: left;
}
#teststab .shadwowbox a{
    float: right;
    margin: 0;
    line-height: 30px;
}
/* #inspiring stories */
.inspiringfld{
    padding-top: 25px;
    padding-bottom: 25px;
    letter-spacing: 0.7px;
}
.inspiringfld h2{
    font-weight: bold;
    margin-bottom: 15px;
}
.inspiringfld h4{
        margin-top: 0;
    margin-bottom: 10px;
    color: #404040;
    font-weight: 500;
    font-size: 16px;
}
.inspiringfld .comment {
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px;
    line-height: 1.7;
}
.moreelipses{
    display:none;
}
.inspiringfld .morecontent{

}
.inspiringfld .morelink{
    color: #007cde;
    display: block;
    text-decoration: none;
    margin-top: 10px;
}
.inspiringfld .less{

}
.morecontent span {
    display: none;
}
/* #home page redesgined */
.headerregionnew{
    letter-spacing: 1.7px;
    background-color: #363e52;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.headerregionnew ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.headerregionnew li{
    float: left;
}
.headerregionnew li a{
    float: left;
    padding-right: 25px;
    margin-right: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 15px;
}
.headerregionnew li:last-child a{
    border-right: 0px;
    margin-right: 0;
    padding-right: 0;
}

.banneregioncon{
    background-color: #363e52;
    padding-top: 20px;
    padding-bottom: 10px;
    background-image: url(/images/rocketsmoke.png);
    /* background-size: contain; */
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: calc(100vh - 166px);
    position: relative;
}
.banneregioncon:after{
    position: absolute;
    content: "";
    bottom: 0;
    background-image: url(/images/studyicons2.png);
    left: 0;
    width: 200px;
    height: 253px;
    background-size: auto 253px;
    background-repeat: no-repeat;
}
.banneregioncon:before{
    position: absolute;
    content: "";
    bottom: 0;
    background-image: url(/images/studyicons1.png);
    right: 0;
    width: 201px;
    height: 280px;
    background-repeat: no-repeat;
    background-size: auto 280px;
}
.banneregioncon .conteouter{
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}
.banneregioncon .rocket{
    padding-bottom: 135px;
}
.banneregioncon .rocket img{

}
.banneregioncon .logoregion{

}
.banneregioncon h3{
    color: #fff;
    font-size: 27px;
    margin-top: 15px;
    margin-bottom: 25px;
    letter-spacing: 0.4px;
}
.banneregioncon .btns{

}
.countsection{
    background-color: #f2f2f2;
    text-align: center;
}
.countsection .fillwhitecolor{
    background-color:#fff;
}
.countsection h2{
        font-size: 25px;
    color: #404040;
    font-weight: 700;
    padding-top: 25px;
}
.countsection h3{
        margin: 0;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 25px;
    font-size: 18px;
}

.whitregionc{
    padding: 20px 0 50px 0;
}
.whitregionc h2{
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    margin-bottom: 0px;
    color: #000;
    clear: both;
}
.whitregionc strong{
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}

.whitregionc p{

}
.whitregionc .col-md-4 > div{
    padding: 20px;
    letter-spacing: 0.7px;
    margin-top: 50px;
    line-height: 1.7;
    box-shadow: 3px 3px 17px -2px rgba(0,0,0,.4);
    min-height: 240px;
}
.whitregionc .col-md-4 .svgimg{

}
.whitregionc .col-md-4 .svgimg svg{
        height: 80px;
    fill: #556080;
    margin-bottom: 10px;
}
.whitregionc a{
    margin-top: 10px;
    display: inline-block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.whitregionc span{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: bold;
}
.whitregionc ul, .contforparnts ul{
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 20px;
}
.whitregionc li, .contforparnts li{
    margin-bottom: 8px;
    letter-spacing: 0.7px;
    position: relative;
}
.whitregionc li:last-child, .contforparnts li:last-child{
    margin-bottom:0;
}
.whitregionc li:after, .contforparnts li:after {
    color: #FF692E;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 15px;
    left: -15px;
    position: absolute;
    top: -1px;
    font-weight: bold;
}
.whitregionc li strong{
    font-weight: bold;
}
.whitregionc li p{
    font-size: 15px;
    margin: 0;
    max-width: initial;
}

.expregioncon{
    background-color: #fff;
    padding: 90px 0;
}
.threfildcon{
    background-color: #f2f2f2;
    padding: 50px 0;
}
.threfildcon h2{
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    margin-bottom: 10px;
    color: #000;
}
.threfildcon .col-md-12 p{
    font-size: 18px;
    letter-spacing: 0.7px;
    font-weight: 300;
    margin-bottom: 20px;
}
.threfildcon h3{
    margin-top: 0;
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    margin-bottom: 0;
}
.expregioncon .row{

}
.expregioncon h2{
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
}
.expregioncon p{
        font-size: 18px;
    max-width: 70%;
}
.expregioncon img{

}
.expregioncon + #footerregion{
    margin-top:0;
}


.uploadfilsec .inputtype, .uploadfilsec .form-group{
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
}
.uploadfilsec div label{
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    margin-bottom: 20px;
}
.uploadfilsec input[type="file"]{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.uploadfilsec .heading-main{
    background-color: #556080;
    color: #fff;
    padding: 10px 5px;
    text-align: left;
    letter-spacing: 0.7px;
    vertical-align: top;
    float: left;
    width: 100%;
}
.uploadfilsec .heading-main{

}
.uploadfilsec .heading-main i{
    font-size: 25px;
    float: left;
    line-height: 20px;
}
.uploadfilsec .heading-main span{
    line-height: 20px;
    vertical-align: top;
    padding-left: 5px;
    float: left;
}
.uploadfilsec .imagefldcon{
    background-color: #fff;
    padding: 10px 20px;
    clear: both;
}
.uploadfilsec .imagefldcon img{

}
.uploadfilsec .imagefldcon span{
        white-space: initial;
    line-height: 1.2;
    padding-top: 10px;
    display: block;
    font-size: 13px;
    color: #919191;
}
.btn-newcon{
    background-color: transparent;
    border: 1px solid #ddd;
    color: #000 !important;
    margin-top: 0 !important;
}
.whitregionc .btnfld {
    margin-top: 20px;
}



.topictestcon h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
/*    margin-left: -15px;*/
}
.topictestcon .panel-group .panel {
    border-radius: 3px;
    border: 1px solid #ddd;
    clear: both;
}
.topictestcon .acoordinheader ~ .acoordinheader{
    margin-top:25px;
}
.topictestcon .panel-default > .panel-heading {
    padding: 0;
}
.topictestcon .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}
.topictestcon .panel-title > a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.7px;
}
.topictestcon .panel-group .glyphicon {
    float: right;
    color: #fff;
    height: 23px;
    width: 23px;
    line-height: 23px;
    text-align: center;
    background-color: #363e52;
    font-size: 10px;
    font-weight: normal;
    top: -3px;
    right: -5px;
        border-radius: 3px;
}
.topictestcon .panel-group .panel + .panel {
    margin-top: 10px;
}
.topictestcon .panel-group {
    margin-bottom: 30px;
}
.fundbookspacing .panel-group {
    margin-bottom:10px;
}
.topictestcon .panel-group:last-child {
    margin-bottom: 0px;
}
.topictestcon .panel-body{
    padding: 15px 0;
}
.topictestcon .filtercontent{

}
.topictestcon  .filtercontent .contetrorepe-heading h3{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
    margin-bottom:15px;
}
.topictestcon .panel-collapse .col-xs-12:nth-child(4n + 1){
    clear:both;
}
.filtercontent .contetrorepe h4{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
}
.topictestcon .panel-title .progress{
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 100px;
    width: 600px;
    background-color: #e8e8e8;
}
.topictestcon .panel-title .progress-bar{
    background-color: #33A301;
    white-space: pre;
    color: #000;
    padding-left: 5px;
}
.topictestcon  .progress-bar.progresimg{
    background-color: #ff8282;
}
.topictestcon  .progress-bar.progres50{
    background-color: yellow;
}
.topictestcon  .progress-bar.progres75{
    background-color: green;
}
.contetrorepe .difuclihedin{

}
.contetrorepe .difuclihedin a{
    color: #707070;
    letter-spacing: 0.4px;
    padding-left: 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    padding: 0px 15px;
    background-color: transparent;
    margin-right: 0;
    line-height: 28px;
    width: 100%;
    margin-bottom: 15px;
}
.contetrorepe .difuclihedin .btn-info{
    border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning{
    border-color: green;
}
.contetrorepe .difuclihedin .btn-danger{
    border-color: #d9534f;
}
.contetrorepe .difuclihedin .btn-info.active{
    background-color: #5bc0de;
    color: #fff;
    border-color: #5bc0de;
}
.contetrorepe .difuclihedin .btn-warning.active{
    background-color: green;
    color: #fff;
    border-color: green;
}
.contetrorepe .difuclihedin .btn-danger.active{
    background-color: #d9534f;
    color: #fff;
    border-color: #d9534f;
}
.topictestcon  .seeallcontbtn{
    background-color: #556080;
    color: #fff;
    letter-spacing: 0.7px;
    font-size: 14px;
    border: 0;
    padding: 3px 40px;
}
.topictestcon .panel-title > a > *{
    display: inline-block;
    vertical-align: top;
}
.topictestcon .panel-title strong{
        min-width: 250px;line-height: 20px;
}
.lawtopictest .panel-title strong {
    min-width: 290px;
}
.topictestcon  .topicheading h4:nth-of-type(3) ~ *, .contetrorepe .difuclihedin a:nth-of-type(3) ~ *{
    display:none;
}
.contetrorepe .difuclihedin a:nth-of-type(3) ~ *{

}
.topictestcon .showdiv{
    display:block;
}
.topictestcon  .acoordinheader{

}
.topictestcon .contetrorepe-heading > div > h3{
    margin-bottom:15px;
}

.videocontentregi{

}
.videocontentregi .nav{
    margin-bottom: 20px;
}
.videocontentregi .nav li{

}
.videocontentregi .nav .active{

}
.videocontentregi .nav li a{
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500;
    color: #58585a;
}
.videocontentregi  .tab-content{

}
.newncvideo.videocontentregi  .tab-content{
    clear:both;
}
.videocontentregi .videoouter{

}
.videocontentregi .videoouter h3{
    font-size: 14px;
    font-weight: 500;
    color: #404040;
    font-family: 'Roboto';
    margin-top: 0;
    letter-spacing: 0.5px;
    line-height: 1.5;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 0;
}
.videos-innerdiv{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 0;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.videos-innerdiv > .col-xs-12 {
    padding:0;
}
    .targetbox{
    border-radius: 3px;
    padding: 15px;
    border: 1px solid #ddd;
    letter-spacing: 0.7px;
margin-bottom: 25px;
    width: 100%;
    color: #707070;

    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.25);
        text-align: center;
}
.targetbox h2 {
    color: #404040;
    font-weight: bold;
    margin-bottom: 7px;
      margin-top: 7px;
}
@media only screen and (min-width:980px){
    .videos-innerdiv .col-xs-6:nth-child(4n + 1){
        clear:both;
    }
}
.videos-innerdiv .thumbnail{
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    position: relative;
    margin-top: 20px;
}
.videos-innerdiv .thumbnail img{
    padding: 0;
    min-height: 150px;
    max-height: 120px;
    border-radius: 15px;
    width: 100%;
}
.videos-innerdiv .thumbnail h3 {
    margin-top: 10px;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0.7px;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 10px;
    min-height: 38px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 10px;
}
.videos-innerdiv .thumbnail p{
    text-align: center;
    color: blue;
    letter-spacing: 0.5px;
}
.videos-innerdiv .thumbnail a {
    position: absolute;
    left: 50%;
    top: 105px;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: red;
    border-color: red;
    padding: 7px 15px;
}
.videos-innerdiv .thumbnail .caption{
    padding: 0;
}
.videos-innerdiv .thumbnail .downloadbtn, .videos-innerdiv .thumbnail .taketestviewsol{
    position: relative;
    left: 0;
    top: 0;
    transform: initial;
    border: 1px solid #ddd;
    color: #58585a;
    background-color: transparent;
    letter-spacing: 0.5px;
    text-align: left;
    font-weight: 500;
    white-space: initial;
    font-family: 'Roboto';
}
.videos-innerdiv .thumbnail .taketesbtnglo{
    background-color: #556080;
    color: #fff;
    border-color: #556080;
}
.videos-innerdiv .thumbnail .viewsolbtn{
    background-color: gainsboro;
}
/* #error page css start */
.errorpage .bg {
    background-image: url(/images/error-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 218px);
    position: relative;
}
.errorpage h1{
    font-size:30px;
    color:#FFFFFF;
    font-weight:bold;
    margin-bottom:20px;
}
.errorpage p{
    color:#FFFFFF;
    font-size:16px;
    margin-bottom:25px;
}
.errorpage .custombutton {
    background-color: #fff;
    border-color: #fff;
    border-radius: 3px;
    color: #8a8a8a;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 10px 0 0;
    padding: 4px 40px;
    text-shadow: initial;
}
.errorpage .custombutton:hover{
    background:#E36F3D;
    border-color: #E36F3D;
    color: #fff;
}
.errorpage .error{
    position:absolute;
    bottom:70px;
}
.errorpage .purplebandcont{
    display:none;
}
.errorpage #footerregion{
    margin-top:0;
}
/* #logout page css */
.logheader{
    padding-top: 15px;
    padding-bottom: 15px;
}
.logheader img{
max-height: 34px;
}
.topcontentlog{
    border: 1px solid #afb2b8;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    margin-top: 10px;
}
.topcontentlog h2{
    color: #707070;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.topcontentlog p{
    margin-top: 5px;
    color: #707070;
    letter-spacing: 0.7px;
    font-weight: 300;
    font-size: 12px;
}
.topcontentlog p a{
    color: blue;
    font-weight: 300;
}
.banerregionlog{
    position: relative;
    margin-bottom: 20px;
}
.banerregionlog .baneriner{

}
.banerregionlog .inerdibaner{
    background-color: #f0f8ff;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}
.banerregionlog  img{

}
.banerregionlog h2{
    font-size: 34px;
    font-weight: bold;
    color: #818181;
    letter-spacing: 0.8px;
}
.banerregionlog .contflibenr{
}
.fldconsocial{

}
.fldconsocial a{
    display: block;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin-bottom: 40px;
    text-decoration: none;
    color: #58585a;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.fldconsocial .imgesolcil{

}
.fldconsocial .imgesolcil img{

}
.fldconsocial .contsocila{
    padding: 10px;
    text-align: center;
        min-height: 130px;
}
.fldconsocial .socialicons{
    padding: 10px 20px;
    font-size: 16px;
}
.fldconsocial .socialicons i{
    font-size: 20px;
}
.fldconsocial .socialicons span{

}
.fldconsocial .fa-facebook{
    color: #3b5a9a;
}
.fldconsocial .fa-twitter{
    color: #1aa9e1;
}
.fldconsocial .fa-youtube-play{
    color: #f03a37;
}
.fldconsocial .fa-instagram{
    color:#8a3ab9;
}
/* #error page css end */

/* #Category Home right sidebar css start*/
.banerefgiofld {
    background-color: rgb(255, 229, 229);
    color: #333;
    text-align: center;
    letter-spacing: 0.7px;
    padding: 10px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.banerefgiofld h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
}
.banerefgiofld p{
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 13px;
}
.banerefgiofld strong{
    font-weight: bold;
}
.banerefgiofld span{
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    margin-top:5px;
}
.banerefgiofld a{
    background-color: #0e467d;
    color: #fff;
    margin-top: 10px;
}
.banerefgiofld a:hover{
    color:#fff;
}
.homoutefildcon{
    padding:30px 0;
    font-family: 'Roboto';
}
.rightsidebar-category{
    clear:both;
}
.rightsidebar-category h2{
    margin-top: 0;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #009dbb;
    padding: 15px 5px;
    border-radius: 3px;
    font-weight: bold;
    margin-bottom: 2px;
    letter-spacing: 1px;
}
.rightsidebar-category .globregconfld{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.rightsidebar-category .globregconfld h3{
    margin: 0;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.5px;
    background-color: #009dbb;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    padding: 10px 10px;
}
.rightsidebar-category .globregconfld div{
    padding:0;
}
.rightsidebar-category .globregconfld a{
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #009dbb;
    font-size: 14px;
    margin-top: 6px;
    padding: 8px 10px;
    font-weight: 400;
}
.rightsidebar-category .globregconfld a:hover{
    background-color: #ccebf1;
    text-decoration: none;
    border-color: #ccebf1;
}
.rightsidebar-category .twocolmcrfoly a{
    margin-right: 3px;
}
.rightsidebar-category .twocolmcrfoly div:nth-child(2n) a{
    margin-left: 3px;
}
.rightsidebar-category .globliconcont a{
    text-align: left;
    padding-left: 45px;
    position: relative
}
.rightsidebar-category .globregconfld div svg{
    width: 23px;
    position: absolute;
    left: 10px;
    top: 6px;
    fill: #6b789d;
}
/*.rightsidebar-category .resaerchicon a{
    background-image: url(/images/research-icon.png);
}
.rightsidebar-category .personialtyicon a{
    background-image: url(/images/personality-icon.png);
}
.rightsidebar-category .internshipicon a{
    background-image: url(/images/internship-icon.png);
}
.rightsidebar-category .placmentsicon a{
    background-image: url(/images/placement-icon.png);
}*/
/* #Category Home right sidebar css end*/

/* #AI Guru page */
.aiguruouter{
    letter-spacing: 0.5px;
}
.aiguruouter h2{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
.aicontiner {
    border: 1px solid #cacaca;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.aicontiner > div{
    padding: 0;
    margin-bottom: 30px;
}
.aicontiner > div:last-child{
    margin-bottom:0;
}
.aicontiner textarea{
    background-color: #eeeeee;
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    min-height: 115px;
    border: 1px solid #cacaca;
    color: #9E9E9E;
    display: block;
}
.aicontiner h3{
    font-weight: 500;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
.aicontiner h3 span{
    font-size: 14px;
    font-weight: 400;
}
.aicontiner .maxl{
    clear: both;
    float: left;
    width: 100%;
}
.aicontiner .radio {
    margin: 0;
    float: left;
    position: relative;
    margin-right: 10px;
    font-weight: 400;
}
.aicontiner .radio input{
    visibility: hidden;
    position: absolute;
}
.aicontiner .radio span{
    float: left;
    line-height: 38px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.aicontiner .radio input:checked + span, .aicontiner .radio input:hover + span{
    background-color: #556080;
    border-color: #556080;
    color:#fff;
}
.aicontiner .fourcollayot .radio{
    width: 23.5%;
    margin-right: 2%;
}
.aicontiner .fourcollayot .radio:last-child{
    margin-right:0;
}
.aicontiner .fourcollayot  .radio span{
    width:100%;
}
.aicontiner .threcollayot .radio{
    width: 32%;
    margin-right: 2%;
}
.aicontiner .threcollayot .radio:last-child{
    margin-right:0;
}
.aicontiner .threcollayot  .radio span{
    width:100%;
}
.samplequestouter{

}
.samplequestouter ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.samplequestouter li{
    border: 1px solid #cacaca;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
}
.samplequestouter h3{
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
    letter-spacing: 0.7px;
    font-size: 18px;
    line-height: 1.3;
}
.samplequestouter button{

}
/* Placment first page
============================================== */
.smashplacments{

}
.smashplacments .outersmash{
    background-color: #3b4359;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(/images/background-stars.png);
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
}
.smashplacments .flexdefine{
    display: flex;
    justify-content: center;
    align-items: center;
}
.smashplacments .flexdefine h2{
    font-family: 'Covered By Your Grace', cursive;
    position: relative;
    font-size: 70px;
    color: #fff;
    text-align: center;
    line-height: .8;
    background-image: url(/images/smash-placmntapl.png);
    background-size: 290px auto;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 63px;
}
.smashplacments .boxdefinecont{
    background-color: #4f566a;
    color: #fff;
    letter-spacing: 0.7px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 3px;
}
.boxdefinecont h2{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.boxdefinecont ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.boxdefinecont li{
    padding-left: 80px;
    padding-top: 17px;
    padding-bottom: 17px;
    line-height: 26px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    margin-bottom: 50px;
}
.boxdefinecont li.twlines{
        padding-top: 4px;
    padding-bottom: 4px;
}
.boxdefinecont li:last-child{
    margin-bottom:0;
}
.boxdefinecont li:after{
    content: "";
    position: absolute;
    height: 50px;
    width: 4px;
    background-color: #fff;
    left: 28px;
    bottom: -50px;
}
.boxdefinecont li:last-child:after{
    display:none;
}
.boxdefinecont li:before{
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
    background-size: 30px auto;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
}
.boxdefinecont li.giveusdet:before{
    background-image:url("/images/giveusdetails.png");
}
.boxdefinecont li.selctprfloc:before{
    background-image:url("/images/prefredlocation.png");
}
.boxdefinecont li.writetotest:before{
    background-image:url("/images/writetaketest.png");
}
.boxdefinecont li.mailjobs:before{
    background-image:url("/images/jobsemail.png");
}
.boxdefinecont .proceddbtns{
    margin-top:30px;
    text-align:center;
}
.boxdefinecont .proceddbtns a{
    margin-right: 0;
    min-width: 160px;
}
.contentregionbot .logoregion img{
    max-height: 25px;
}
.contentregionbot{
    padding-top: 15px;
    padding-bottom: 15px;
}
.contentregionbot h1{
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
}
.contentregionbot p{

}
.contentregionbot input[type="text"]{
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    width: 100%;
    letter-spacing: 0.5px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.contentregionbot input[type="text"]:focus, .contentregionbot button:focus{
    border: 1px solid #556080;
    outline: 0 !important;
}
.informationcon{
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 15px;
    margin-top: 20px;
    text-align: center;
}
.informationcon img{
    display:inline-block;
}
.informationcon a{
    display:block;
    margin-top: 10px;
}
.chatboxde{
    position: relative;
    background-color: #eee;
    padding-bottom: 54px;
}
.chatboxde form{
    position: absolute;
    bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(100% - 16px);
}
#conversation{
    height: 487px;
    background-color: #eee;
    padding: 10px;
    overflow-y: auto;
    border-radius: 3px;
}

.userRequest {
    float: left;
    min-width: 70%;
    margin-left: 10px;
    background-color: #ffe6cb;
    position: relative;
    padding: 15px;
    border-radius: 3px;
    max-width: 70%;
    color: #653500;
    font-size: 18px;
    font-weight: 300;
    clear: both;
}
.userRequest:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffe6cb;
    position: absolute;
    content: "";
    left: -10px;
    top: 8px;
}
.lexResponse {
    clear: both;
    float: right;
    max-width: 70%;
    min-width: 70%;
    background-color: #c7eafc;
    padding: 15px;
    border-radius: 3px;
    position: relative;
    margin-right: 10px;
    color: #45829b;
    font-size: 18px;
    font-weight: 300;
    text-align: right;
}
.lexResponse:after{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #c7eafc;
    position: absolute;
    content: "";
    right: -10px;
    bottom: 8px;
}
.lexError {

}
.contentregionbot .btn {
    background-color: transparent;
    border: 1px solid #556080;
    color: #556080;
    letter-spacing: 0.7px;
}
.contentregionbot .btn:hover, .contentregionbot .btn:focus, .contentregionbot .btn:visited{
    background-color: #556080;
    color:#fff;
}
.informationcon p{
    margin-bottom: 30px;
}
.contentregionbot button[value="home"]{
    background-color: #f16136;
    border-color: #f16136;
    color: #fff;
}
.contentregionbot button[value="home"]:hover{
    background-color: #f16136;
    border-color: #f16136;
    color: #fff;
}
.chatboxde form span{
    position: absolute;
    right: 0;
    top: 0;
    line-height: 38px;
    padding: 0 25px;
    background-color: #387d71;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 3px;
    cursor:pointer;
}
.feedbackform{
    margin-top: 20px;
    box-shadow: 0 0px 6px 1px rgba(0, 0, 0, .1);
}
.feedbackform .feed-header{
    padding: 10px 15px;
    background-color: #c7eafc;
    border-color: #c7eafc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.feedbackform .feed-header .close{
    font-size: 28px;
    opacity: 1;
}
.feedbackform .feed-title{
        font-size: 15px;
    letter-spacing: 0.7px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    color: #272525;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
}
.feedbackform .feed-body{
    padding:10px;
}
.feedbackform .feed-body .form-group:last-child{
    margin-bottom:0;
}
.feedbackform .feed-body textarea{
    margin: 0;
    width: 100%;
    vertical-align: top;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 100px;
    letter-spacing: 0.3px;
}
.feedbackform .rating-stars{

}
.feedbackform .rating-stars ul{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    text-align: left;
}
.feedbackform .rating-stars ul li{
    display: inline-block;
    vertical-align: top;
}
.feedbackform .rating-stars ul li i{
    font-size: 20px;
    color: #777;
}
.feedbackform .feed-footer {
    padding: 10px 15px;
    border-top: 1px solid #f0ecec;
}
.feedbackform .feed-footer button{
    line-height: 38px;
    padding: 0 25px;
    background-color: #387d71;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-radius: 3px;
    cursor: pointer;
}

/* Rating Star Widgets Style */
.feedbackform .rating-stars ul {
  list-style-type:none;
  padding:0;

  -moz-user-select:none;
  -webkit-user-select:none;
}
.feedbackform .rating-stars ul > li.star {
  display:inline-block;

}
/* Idle State of the stars */
.feedbackform .rating-stars ul > li.star > i.fa {
  font-size:1.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}
/* Hover state of the stars */
.feedbackform .rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}
/* Selected state of the stars */
.feedbackform .rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

/* PDP REGION */
.fillcolopdp{
background-color: #0f1e32;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}
.fillcolopdp h2{
font-size: 30px;
color: #fff;
margin-bottom: 15px;
}
.fillcolopdp p{
/*font-size: 14px;
letter-spacing: 0.5px;
max-width: 75%;
margin: 0 auto;
line-height: 1.6;*/
}

.pdpcontentregion{
    padding: 30px 0;
    position: relative;
}


.call-details #accordion .active{
    font-weight: bold;
    color: green;
}

.call-details #accordion .active:after{
content: "Added";
color: purple;
padding-left: 15px;

}








.listitempdp{
margin: 0;
padding: 0;
list-style: none;
}
.listitempdp li{
margin-bottom: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px;
border-radius: 3px;
float: left;
width: 100%;
letter-spacing: 0.7px;
}
.listitempdp .purpulebarbox .imageleft{
    width: 60px;
    height: 60px;
    background-color: #edecec;
    text-align: center;
    border-radius: 10px;
    margin: 0 auto;
    line-height: 60px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.listitempdp .purpulebarbox img{
    vertical-align: middle;
    max-height: 35px;
/*    filter: invert(0.9);*/
}


.pdpmainblock .purpulebarbox .pdpconten{
    width: calc(100% - 80px);
        float: left;
        padding-left: 10px;
}

.pdpmainblock .purpulebarbox .pdpconten p{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.listitempdp .purpulebarbox img.filternone{
    filter:inherit;
}

.pdpmainblock .purpulebarbox{
    text-align: left;
    min-height: inherit;
    justify-content: center;
    align-items: center;
    display: flex;

}

.pdpmainblock .purpulebarbox a{
    display: flex;
    color: #303030;
    width: 100%;
    align-items: center;
}


.listitempdp h4{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}
.listitempdp p{
color:#303030;
}
.listitempdp .pdpconten{
/*float: left;
width: calc(100% - 70px);*/
}
.listitempdp .pdpconten a{
color: #303030;
font-weight: 400;
display: block;
padding: 0;
}
.listitempdp .pdpconten a:hover, .listitempdp .pdpconten a:hover p{
/*    color:#6b789d;*/
    text-decoration:none;
}
.boxeslayutpdp{
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
margin-bottom: 15px;
padding: 0;
}
.boxeslayutpdp > h2{
display: block;
background-color: #0F1E32;
color: #fff;
line-height: 40px;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.7px;
text-align: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.boxeslayutpdp .indivpdp{
display: block;
padding: 15px;
}
.boxeslayutpdp .btn{
background-color: #21BEDA;
border-color: #21BEDA;
letter-spacing: 0.7px;
font-size: 15px;
font-weight: 400;
}
.boxeslayutpdp .showrecord{
display: block;
position: relative;
margin-top: 20px;
}
.showrecord h3{
margin-top: 0;
margin-bottom: 5px;
color: #545454;
font-size: 16px;
font-weight: 300;
}
.showrecord a{
position: absolute;
right: 0;
top: 0;
font-size: 12px;
font-weight: 500;
}
.showrecord span{
color: #303030;
font-weight: 300;
}
.indivpdp .fldcont{
margin-bottom: 15px;
}
.indivpdp .fldcont:last-child{
margin-bottom:0;
}
.indivpdp .fldcont h5{
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 300;
}
.indivpdp .fldcont  p{
color: #303030;
font-weight: 300;
font-size: 14px;
}
.indivpdp .fldcont  strong{

}
.indivpdp .fldcont  span{

}
.pdpdcontreld .hedingrgn{
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.pdpdcontreld .hedingrgn h1{
    margin-bottom: 0;
    display: inline;
    line-height: 35px;
}
.pdpdcontreld .hedingrgn .pull-right{

}
.pdpdcontreld .hedingrgn a{
    margin-right: 0;
    line-height: 35px;
    font-size: 14px;
    padding: 0 15px;
}
.pdpspacing{
    letter-spacing:0.7px;
    color: #303030;
    padding: 20px 0;
}
.boxlayoutpdp{
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 15px;
}
.boxlayoutpdp h4{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
}
.boxlayoutpdp p{
        margin-bottom: 0;
}
.boxlayoutpdp .btn-same{
    margin-right: 0;
    line-height: 32px;
    font-size: 15px;
    margin-top: 10px;
}

.table-new{
    margin-bottom:0;
} 

.table-new th{
    color: #fff;
background-color: #FF692E;
vertical-align: top!important;
}


.table-new ul{
    padding-left:5px;
}

.table-new ul li{
    position:relative;
    list-style: none;
    margin-bottom:4px;
    padding-left:15px;
}

.table-new ul li:before{
    font-family: FontAwesome;
content: "\f0da";
    position:absolute;
    left:0;
    top:0;
}

.table-new a{
    
}

.table-new a i{
    
}

.v-top th{
    vertical-align:top!important;
    text-align:center;
}

.mt-15{
    margin-top:15px;
}
.mt-10{
    margin-top:10px;
}

.star-orange{
    color:#FF692E;
}

ul.list-arrow{
    padding-left:10px;
}

ul.list-arrow li{
    position:relative;
    list-style: none;
    margin-bottom:4px;
    padding-left:15px;
}

ul.list-arrow li:before{
    font-family: FontAwesome;
content: "\f0da";
    position:absolute;
    left:0;
    top:0;
}


ul.list-arrow li > a{
/*    color: #333;*/
}

/*****pdp zone css start***/




.my-document .table-responsive{
    overflow-x: inherit;
}

.test-doc ol{
    padding-left: 10px;
}

.test-doc h3{
    font-weight: 600;
}


.list-inline{
    float: left;
    margin-top: 10px;
}


.pdp-sample{
    background-color: #f9f7e8;
    border: 1px #ddd solid;
    border-radius: 10px;
}

.pdp-sample .list-arrow{
    margin-bottom: 0;
}

.table-clr tr:first-child{
    background-color: #f15922!important;
    color: #fff;
}

.pt-0{
    padding-top:0!important;
}
.pt-b-0{
    padding-bottom:0!important;
}



.purpulebarbox{
background-color: #fff;
    min-height:190px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    -moz-box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    -webkit-box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    text-align: center;
    border-radius: 10px;
        -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;

}

.purpulebarbox:hover{
    -moz-box-shadow: 2px 4px 18px 1px rgb(209 197 209);
    -webkit-box-shadow: 2px 4px 18px 1px rgb(209 197 209);
    box-shadow: 2px 4px 18px 1px rgb(209 197 209);

}


.boxesinernewd1{
border: 1px #1671d3 solid;

}

.boxesinernewd1 .headingdivbox{
    background-color: #231dcd;
}

.boxesinernewd1 .headingdivbox h2{
color: #1671d3;
}

.boxesinernewd2{
    border: 1px #cf0f50 solid;
}

.boxesinernewd2 .headingdivbox{
        background-color: #cf0f50;
}

.boxesinernewd2 .headingdivbox h2{
    color: #cf0f50;
}


.boxesinernewd3{
border: 1px #4abb12 solid;
}

.boxesinernewd3 .headingdivbox{
     background-color: #4abb12;
}

.boxesinernewd3 .headingdivbox h2{
    color: #4abb12;

}

.pdpthreebox .headingdivbox h2{
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.pdpthreebox .headingdivbox {
    text-align: center;
    /* margin-top: -35px; */
    padding: 0;
    background-color: transparent;
}

.pdpthreebox .boxesinernewd > div:last-child{
    margin-top: 30px;
}

.topnew3crested .boxesinernewd{
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0px 8px 25px rgb(0 0 0 / 18%);
    min-height: 260px;

}

.topnew3crested{
    background-color: #fff;
    padding: 30px 0;
}

.pdpmainblock{
    background-color: #fdfaf8;
}

.boxesinernewd3 .progressbarnew{
        margin-top: 30px;
}

.progressmentor .editprofiledef{
    margin-top: 10px;
}







.firstfolddiv h3 a{
color: #0875BD;
font-size: 14px;
font-weight: bold;
margin-left: 5px;}
.innercontentfl{

}
.firstfolddiv{
margin-bottom: 5px;
}
.firstfolddiv h3{
    color: #363E52;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
.firstfolddiv ul{
padding: 0;
margin: 0;  
}
.mentroregiinenot{
color: rgba(54, 62, 82, 0.8);
font-size: 14px;
}
.firstfolddiv ul li{
display: inline-block;
vertical-align: top;
margin-right: 10px;
position: relative;
background: rgba(8, 117, 189, 0.2);
padding: 6px 25px;
font-size: 13px;
color: #363E52;
font-weight: 600;
padding-right: 30px;
border-radius: 20px;
margin-top: 0;
margin-bottom: 10px;
}

.firstfolddivinner{
    clear: both;
    display: flex;
    column-gap: 11px;
    justify-content: center;
}

.linkNorm {
    border-radius: 5px;
    color: #333;
    padding: 3px 5px;
    border: 1px #58585a solid;
    margin-bottom: 5px;
    display: inline-block;
}


.linkNorm:hover{
    text-decoration: none;
}

.linkNorm i{
    display: block;
}

.mentroregiine {
    float: left;
    width: 100%;
/*    border-bottom: 1px #ddd solid;*/
    text-align: center;
}

.mentroregiine .imagefldmet {
    margin-right: 10px;
}

.mentroregiine .imgcondfld {
 /*   float: left;*/
/*    width: calc(100% - 45px);*/
}

.pdp-videosession .imageleft{
    float: left;
    margin-right: 10px;
}

.pdp-videosession .imageleft svg{
    height: 30px; 
}



.pdpwho{
    background-color: #f5f4f4;
}

.pdpwho .boxlayoutpdp {
    padding: 15px;
    text-align: center;
    min-height: 280px;
    border-radius: 10px;
    background-color: #fefff8;
}

.pdpwho .boxlayoutpdp h4{
    margin: 10px 0;
}

.pdpwho .boxlayoutpdp .btn-same {
    line-height: 20px;
    font-size: 14px;
    white-space: inherit;
    padding: 6px 12px;
}

.text-height {
    min-height:120px;
}

.height-105{
        min-height:105px;
}

.p-15{
    padding: 15px!important;
}

.p-tb-15{
    padding: 15px 0!important;
}

.pdpspacing .btn-orange{
    margin-left: 0;
}

.switchgrade{
    text-align: right;
    margin-top: 20px;
}

.switchgrade a{
    background-color: #e85222;
    display: inline-block;
    /* padding: 10px;
    font-weight: 600; */
    color: #fff;
}

.switchgrade i{
    margin-right: 4px;
}

.switchgrade a:hover{
    color: #fff;
}


.switchgrade h5{
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0;
}

.switchgrade p{
    font-size: 14px;
}

.zone-btn{
    background-color: #eee;
    display: inline-block;
}

.zone-btn{
    background-color: #1671d3;
    margin-top: 20px;
    display: block;
    color: #fff!important;
    padding: 10px;
}

.zone-btn2{
background-color: #cf0f50 ;
}

.zone-btn3{
background-color: #4abb12;
}

.call-details .panel-group .panel{
    padding: 0;
}

.call-details .panel-group .panel .panel-body{
    padding: 10px;
}

.iim-box .bocinnerdiv{
    background-color: #fff;
    min-height: 170px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    padding: 10px;
    position: relative;
    -moz-box-shadow: 2px 2px 8px 0px rgba(214, 207, 214, 1);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(214, 207, 214, 1);
    box-shadow: 2px 2px 8px 0px rgba(214, 207, 214, 1);
    text-align: center;
    border: 1px #f5eeee solid;
}


.iim-box.iim-box-blue .bocinnerdiv{
    background-color: #ffffff;
    border: 1px #ebe5e3 solid;
}

.iim-box .bocinnerdiv h4{
    font-size: 16px;
    color: #333;
}

.iim-box .bocinnerdiv > div{
    position: relative;
    margin-bottom: 10px;
    display: block;
}


.iim-box .bocinnerdiv .close{
    background: #f15922 !important;
    right: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    z-index: 9;
}

.iim-box .bocinnerdiv .bottombtns{
    margin-bottom: 0;
}

.iim-box .bocinnerdiv .bottombtns a{
    display: inline-block;
    background-color: #f1f1f1;
    padding: 6px 12px;
    margin-bottom: 5px;
    color: #1a1818;
    border: 1px #d7d7d7 solid;
    border-radius: 5px;
    font-weight: 400;
}

.uploadcallform .relativediv{
position: relative;
}
.uploadcallform .relativediv a{
position: absolute;
top: 8px;
right: 10px;
}

.msg-scbox{
border: 1px #ddd solid;
    padding: 20px;
    display: inline-block;
    border-radius: 10px;
}

.containerinner{
    background-color: #fdf8f8;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    text-align: left; 
}

.containerinner center center{
    text-align: left;
}

.outercontfld [type="radio"] {
    margin-right: 5px;
}

.outercontfld .form-group .row.form-queries {
    margin-bottom: 15px;
    background-color: #eee;
    padding: 5px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 5px;
}

.outercontfld .form-group:nth-of-type(2n+2) .row.form-queries{
    background-color: #ddd;
}

.profileformpdp .form-group{
    float: left;
    width: 100%;
}

.profileformpdp .btn.btn-primary{
    font-size: 12px;
    margin-bottom: 5px;
}

.ml-0{
    margin-left: 0!important;
}

.field-frame{
/*        background-color: #fbfbfb;
    padding: 20px;
    border-radius: 20px;
    border: 1px #ddd solid;*/
}

.field-frame h2{
    margin-bottom: 10px;
    font-weight: 600;
}

.selectins > label{
        float: left;
    margin-bottom: 0;
    margin-top: 7px;
    margin-right: 15px;
}

.selectins > select.form-control{
     width: calc(100% - 160px);
     margin-bottom: 20px;
}

.field-frame .listitempdp li{
    background-color: #fff;

}

.pdp-grey{
        background-color: #f9f8f8;
}

.pdp-scroll{
    height: 650px;
}

.listing-pdp ul.list-arrow li{
    padding-right: 2px;
}

.pdp-faq .panel-default{
        padding: 0;
        margin-bottom: 10px;
}

.pdp-faq .panel-default .panel-body{
    background-color: #fff;
}

.pdp-faq .panel-default .panel-heading {
        background-color: #edeaea;
}

.pdp-faq .panel-default .panel-heading a{
    display: block;
}

.mentroregiine .imagefldmet img{
max-width: 100px;
border-radius: 50%;
height: auto;
margin-bottom: 10px;
}

.mentroregiine ul{
    margin:0;
    padding: 0;
    list-style: none;
}

.backhistory{
    background-color: #eee;
    padding: 5px 0;
}

.backhistory a{
    color: #333;
    font-size: 16px;
}

.backhistory a:hover{
    color: #f15922;

}

.backhistory a#backLink{
    margin-right: 15px;
   border-right: 2px #f15922 solid;
    padding-right: 15px;
}

.backhistoryhide .backhistory a#backLink{
    display: none;
}


.pdpvideosession ul.nav.nav-tabs{
    margin-bottom: 0;
}

.pdpvideosession .videos-innerdiv{
    padding: 15px;
}

.pdpvideosession .videos-innerdiv .thumbnail a{
    top: 50%;
}


        /* Styles for the container div */
        #responseDiv {
    padding: 15px;
    border: 1px solid #5cb85c;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 32px;
    background-color: #f2f9f2;

/*    background-color: #eee;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 600;
    display: flex!important;
    justify-content: center;
    align-items: center;*/


        }

.loader-gif{
    background-image: url(https://clsite-file1.s3.amazonaws.com/106960_loading-58.png);
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 15px;

}


        /* Styles for headings */
        #responseDiv h1, #responseDiv h2, #responseDiv h3 {
     /*       color: #0056b3;*/
        }

        #responseDiv h3{
            font-size: 16px;
        }

        /* Styles for paragraphs */
        #responseDiv p {
            margin-bottom: 15px;
        }

        /* Styles for links */
        #responseDiv a {
            color: #007bff;
            text-decoration: underline;
        }

        /* Styles for lists */
        #responseDiv ul, #responseDiv ol {
            margin-bottom: 15px;
            margin-left: 20px;
        }

        /* Style for blockquote */
        #responseDiv blockquote {
            border-left: 3px solid #007bff;
            padding-left: 15px;
            margin: 15px 0;
        }

        /* Style for code snippets */
        #responseDiv code {
            background-color: #f8f9fa;
            padding: 2px 5px;
            border: 1px solid #ced4da;
            border-radius: 4px;
        }
        



.profileBuilder .btn-lg{
    margin-bottom: 10px;
}

.profileBuilder .starratingpage{
    float: left;
    width: 100%;
        border-radius: 10px;
            background: #fff1c6;
}

.profileBuilder .starratingpage  .glyphicon{
        color: #f15922;
    font-size: 30px;
}



.pdpzonemain .fillcolopdp {
    background-color: #fff;
    padding: 10px 0;
    color: #333;
}
.pdpzonemain .fillcolopdp h1{
    color: #333;
}

.pdpzonemain .topnew3crested .boxesinernewd{
    background-color: #fff;
    padding: 20px 15px 15px 15px;
    border-radius: 10px;
    position: relative;
    box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    min-height: inherit;
    margin-bottom: 20px;
}


.pdpzonemain .fillcolopdp .col-md-4{
    display: flex;
    justify-content: end;
    align-items: center;
}


.pdpzonemain .topnew3crested .content-box{
    margin-top: 20px;
    min-height: 60px;
    text-align: center;
}

.pdpzonemain .topnew3crested .content-box.table-box .scheduledclass{
    margin-bottom: 0;
}


.shareicon{
margin-bottom: 15px;
}

.shareicon button{
    padding: 5px;
    margin:0;
}



.pdpzonemain .topnew3crested .content-box .tableouter .table{
    margin-bottom: 0;
}


.pdpzonemain .topnew3crested .form-action{
    text-align: center;
    margin-top: 10px!important;
        position: relative;
}


.pdpzonemain .topnew3crested .form-action .btn{
    background-color: #2d2d2c;
    color: #fff;
    font-weight: 500;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
        margin-left: 2px;
    margin-right: 2px;
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;


}

.pdpzonemain .topnew3crested .form-action .btn:hover,
.pdpzonemain .topnew3crested .form-action .btn:focus{
    background-color: #f15922;
    color: #fff;
}


.pdpzonemain .topnew3crested .form-action .btn .check-icon{
        background-color: #24c305;
    border-radius: 50%;
    font-size: 10px;
    width: 15px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    right: -2px;
    top: -10px;

}

.pdpzonemain .topnew3crested .form-action .btn .check-icon i{
    line-height: 15px;
}


.pdpzonemain .pdpthreebox{
    padding-bottom: 0;
        background-color: #eee;
}


.pdpzonemain .topnew3crested .boxesinernewd{
    border: none;
    min-height: 190px;
}

.pdpzonemain .topnew3crested .boxesinernewd h2{
color: #333;
    background-color: transparent;
    
}

.table-box tr:first-child{
        background-color: #eee;
}

.table-box tr td{
    font-size: 10px;
    padding: 3px!important;
    line-height: 13px!important;
}

.pdpzonemain h2.subject-title{
    color: #333;
}

.pdpzonemain .firstfolddiv {
    margin-bottom: 5px;
    text-align: center;
    margin-top: 10px;
}


.pdpvideo-frame iframe{
    width: 100%;
/*    border:7px #ddd solid;*/
border-radius: 15px;
}




.pdpfeedbackform .star {
    font-size: 18px;
    color: #cbcbcb;
    cursor: pointer;
  }
  
  .pdpfeedbackform .star:hover{
    color: #e85222;
  }
  
  .pdpfeedbackform .star.selected {
    color: #e85222;
    opacity: 0.6;
  }


.pdpfeedbackform .inner-label{
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 24.2%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
  }

.pdpfeedbackform .inner-label label{
    width: 100%;
    margin-bottom: 5px;
}

.pdpfeedbackform .inner-label .star-rating{
    
}

.pdpfeedbackform .multipule-rating{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

#requestpimyModal .modal-header{
    background-color: #f5f4f3;
    padding: 10px;
}

#requestpimyModal .modal-body{
    padding:0
}

#requestpimyModal .modal-body .catadmitcard{
    border-radius: 0;
    margin:0
}


.video-popupframe .modal-header{
    color: #000;
    border: none;
    min-height: inherit;
    padding: 10px;
}
.video-popupframe .modal-header h4{
    font-weight: 600;
	
}

.video-popupframe .modal-header .close{
    /* background: #FF692E;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    opacity: inherit;
    color: #fff !important;
    position: absolute;
    right: -8px;
    top: -5px;
    z-index: 999;
    font-size: 20px;
    font-weight: normal; */
}
.video-popupframe .modal-body{
    padding: 10px;
}

.video-popupframe .modal-body video{
    width: 100%;
    background-color: #000;
    padding: 5px;
}


.video-popupframe ul > br{
    display: none;
}

.video-popupframe .meetingNotes h2{
    display: none;
}

.statusmsg {
    background-color: #ffeee9;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 0 0 5px 0;
    display: inline-flex;
/*    float: left;*/
}

.statusmsg .lead{
    margin-bottom: 0;
    margin-right: 10px;
}

.statusmsg .btn{
background-color: #f16136;
    color: #fff;
    padding: 4px;
    font-size: 12px;
    line-height: 14px;
}


.statusmsg .btn-review{
background-color: #077e8c;
}

.statusmsg .btn-pending{
background-color: #f29339;
}

.statusmsg .btn-submission {
    background-color: #28a745;
}

.pdpratingpage .pdprating{
    background-color: #fff;
    border: 20px #ededed solid;
    float: left;
}

.pdpratingpage .pdprating .modal-body{
    padding: 0;
}

.pdpratingpage .pdprating .modal-body label{
        text-align: left;
    color: #333;
    float: left;

}

.pdpratingpage .pdprating #rremarks > .form-group:last-child{
    margin-bottom: 0;
}

.pdpratingpage .pdprating textarea{
        border: 1px #ddd solid;
    box-shadow: inherit;
}

.pdpratingpage h2{
    margin: 20px 0;
font-weight: 600;
color: #222;
font-size: 20px;
}


.pdpzonebox{
        background-color: #f7f7f7;
    float: left;
    width: 100%;
    padding: 20px;
-moz-box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    -webkit-box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
    box-shadow: 2px 4px 8px 1px rgba(214, 207, 214, 1);
}

.plr-15{
    padding-right: 15px!important;
    padding-left: 15px!important;
}

.pdpzonebox .form-group{
    float: left;
    width: 100%;
}

.alert-msgyellow{
    background-color: #fee375;
    color: #333;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 5px;
}

.help-icon {
cursor: pointer;
    float: right;
    color: #f15922;
    font-size: 18px;
}


.modal-box-bg{
background-color: #fdeba8e8;
    color: #333;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding:20px;
    border: 20px #fff8db solid;
}

.modal-box.modal-box-bg {
    padding-right: 10px;
}

.inner-sop{
    height: 260px;
    overflow-y: auto;
    overflow: auto;
}


/* width */
.inner-sop::-webkit-scrollbar {
    width: 3px;
  }
  
  /* track */
.inner-sop::-webkit-scrollbar-track {
    background: #eee;
  }
  
  /* handle */
.inner-sop::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  
  /* handle on hover */
.inner-sop::-webkit-scrollbar-thumb:hover {
    background: #dcdcdc;
  }




.modal-box-bg .close{
position: absolute;
right: -20px;
top: -22px;
opacity: 1;
}

    .composeDiv {
    padding: 15px;
    border: 1px solid #cfcab6e8;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
/*    font-family: 'Arial', sans-serif;*/
    color: #333;
    line-height: 32px;
    background-color: #fdeba8e8;
    text-align: justify;
    }






.pdpvideosection .container-fluid{
    padding: 0 100px;
}

.pdpvideosection .video-frame h3{
    font-size: 18px;
}

.pdpvideosection .video-frame iframe{
    border-radius: 20px;

}

.pdpvideosection .video-frame h2{
    font-weight: 600;
    font-size: 24px;
    color: #000;
    margin: 10px 0;
}

.videorightpanel{
    float: left;
    width: 100%;
    position: relative;
    height: 600px;
    overflow-y: auto;
}


.videorightpanel h3{
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}

.videorightpanel .videoaccordion{
    float: left;
    width: 100%;
    border-top: 1px #ddd solid;
    padding-top: 20px;
    margin-top: 15px;
     }

.pdpvideosection .videorightpanel .subjecttest .accordion-panel{
    padding-right: 5px;
}


.pdpvideosection .videorightpanel .subjecttest .accordion-panel .panel{
    float: left;
    margin-bottom: 0!important;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    padding: 10px;
    border-radius: 5px;
    margin-top: 0;
}

.pdpvideosection .videorightpanel .subjecttest .accordion-panel .panel:hover{
    background-color: #f7f7f7;
}

.videorightpanel .videoaccordion .panel-default > div{
    float: left;
    width: 100%;
    background-color: transparent!important;
}

.videorightpanel .videoaccordion  h4{
font-weight: normal;
}

.videorightpanel .videoaccordion  h4 span{
    font-size: 11px;
    background-color: #f15922;
    border-radius: 20px;
    padding: 3px 6px;
    color: #fff;
    cursor: pointer;
    float: left;
    min-width: 50px;
    text-align: center;
}

.videorightpanel .videoaccordion  h4 a{
box-shadow: inherit!important;
    font-size: 14px;
    padding: 0 25px 0 15px!important;
    text-decoration: none!important;
    background-color: transparent!important;
    word-wrap: break-word;
    text-align: left;
    display: inline-block!important;
    float: left;
    width: calc(100% - 50px);
    line-height: 22px;
    
} 

.videorightpanel .subjecttest .accordion-panel .panel-default>.panel-heading a:after{
position: absolute;
    right: 10px;
    top: 0;
}

.videorightpanel .subjecttest .accordion-panel .panel-default>.panel-heading a[aria-expanded="false"]:after{
    content: "\e259";
    transform: inherit;
}

.videorightpanel .subjecttest .accordion-panel .panel-default>.panel-heading a[aria-expanded="true"]:after{
content: "\e260";
transform: inherit;
}

.videorightpanel .videoaccordion .panel-body{
    padding: 0!important;
    box-shadow: inherit!important;
    background-color: transparent!important;
}

.videorightpanel .videoaccordion .panel-body ul{
    margin-top: 10px;
    padding-left: 15px;
    float: left;
    width: 100%;
}

.videorightpanel .videoaccordion .panel-body ul li{
    position: relative;
    opacity: 0.5;
    font-size: 12px;
    list-style: none;
    margin-bottom: 10px;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    float: left;
    width: 100%;
}

.videorightpanel .videoaccordion .panel-body ul li:last-child{
    margin-bottom: 0;
}

.videorightpanel .videoaccordion .panel-body ul li span.timinginner{
    cursor: pointer;
    float: left;
    min-width: 50px;
}


.videorightpanel .videoaccordion .panel-body ul li span.timinginner:hover{
    color: #f15922;
}

.videorightpanel .videoaccordion .panel-body ul li span.opacity-50{
    float: left;
    width: calc(100% - 50px);
}


.audio-file {
padding: 10px;
    margin-bottom: 10px;
    border: 1px #cde1eb solid;
    text-align: center;
    border-radius: 20px;
}

.audio-file audio{
    width: 100%;
}

.audio-file h3{
    font-size: 14px;
    margin: 0;
    font-weight: 500;

}













/* width */
.videorightpanel::-webkit-scrollbar {
  width: 3px;
}

/* track */
.videorightpanel::-webkit-scrollbar-track {
  background: #eee;
}

/* handle */
.videorightpanel::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* handle on hover */
.videorightpanel::-webkit-scrollbar-thumb:hover {
  background: #dcdcdc;
}


.introbuild-msg{
    background-color: #fee375;
    color: #333;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 12px;
    max-width: 505px;
}

.copyclipboard{
    margin-bottom: 0;    
}

.copyclipboard a{
/*    color: #337ab7;
    font-size: 14px;
    border: 1px #cdc5ba solid;
    padding: 4px 6px;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;*/

    color: #7c6402;
    font-size: 14px;
    border: 1px #7c6402 solid;
    padding: 4px 6px;
    border-radius: 20px;
    text-decoration: none;
    cursor: pointer;

}

.copyclipboard a:hover {
    color: #000;
}
.pdpvideo .modal-header{
        padding: 0;
        border-bottom: none;
}

.pdpvideo .modal-header h4{
display: none;
}

.pdpvideo .modal-header .close{
        color: #1c062a!important;
    text-shadow: inherit;
    margin: 0;
    top: -10px;
    right: -10px;
}

.pdpvideo .modal-body{
background-color: #ffe8cc;
}
.pdpvideo .modal-body iframe{
    width: 100%;
    
}


.video-popupframe p#meeting_notes{
    height: 360px;
    overflow-y: auto;
}

.video-popupframe p#meeting_notes br{
    display: none;
}

.video-popupframe p#meeting_notes::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.video-popupframe p#meeting_notes::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.video-popupframe p#meeting_notes::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ced0d3;
    border-radius: 10px;
}



/*.copyclipboard #copy-button{
    position:relative;
}

.copyclipboard #copy-button:before{
        content: "\f0ea";
        font-family: FontAwesome;
}
*/



/*****pdp zone css close***/


/*****journey-tabs-tabs***/

.journey-tabs .nav-tabs{
    border-bottom: none;
}

.journey-tabs .nav-tabs li{
    margin-bottom: 0;
}


.journey-tabs .nav-tabs li a{
background-color: #e6e6e6;
color: #333;
border: none!important;
padding: 10px 15px;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: inline-block;
position: relative;
}

.journey-tabs .nav-tabs li.active > a,
.journey-tabs .nav-tabs li > a.active,
.journey-tabs .nav-tabs li > a:hover{
background-color: #9d254d;
color: #fff;
}

.journey-tabs .nav-tabs li.active > a:after,
.journey-tabs .nav-tabs li > a.active:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9d254d;
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.journey-tabs .responsivetabs-more > a.dropdown-toggle{
background-color: #e6e6e6!important;
color: #333!important;
text-decoration: none;

}

.journey-tabs .responsivetabs-more .dropdown-menu{
    padding:0;
    z-index: 9;
    height: 250px;
    overflow-y: auto;
    background-color: #e6e6e6;
}

.journey-tabs .responsivetabs-more .dropdown-menu li{
    border-bottom:1px #ddd solid;
}

.journey-tabs .responsivetabs-more .dropdown-menu a:after{
    content: inherit;
}


.journey-tabs .journey-tabs-inner{
  background-color: #eee;
width: 100%;
clear: both;
float: left;
padding: 30px 15px;
    border: 1px #ddd solid;
}



.recordings-block .record-frame{ 
background-color: #fff;
box-shadow: 2px 4px 8px 1px rgb(214, 207, 214);
padding: 10px;
text-align: center;
margin-bottom: 20px; 
min-height: 220px;
position: relative;
}

.recordings-block .record-frame a{
    display:block;
}

.recordings-block .record-frame video{
width:100%;
height: 194px;  
}

.infomodelform h5{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.record-frame h3{
text-decoration: none!important;
color: #333;
font-size: 16px;
margin-bottom: 4px;
}

.record-frame .youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.record-frame .youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}

.record-frame .youtube-player .play {
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
    background-size: 50px;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.gas2020  .columgloblytfildsnew .btninerbor .btn{
    display: inline-block;
font-size: 13px;
}

.gas2020  .columgloblytfildsnew .btninerbor .btn-pop{
    background-color: #333;
}

       .MultiCheckBox {
            border:1px solid #e2e2e2;
            padding: 5px;
            border-radius:4px;
            cursor:pointer;
            width: 100% !important;
        }

        .MultiCheckBox .k-icon{ 
            font-size: 15px;
            float: right;
            font-weight: bolder;
            margin-top: -7px;
            height: 10px;
            width: 14px;
            color:#787878;
        } 

        .MultiCheckBoxDetail {
            display:none;
            position:absolute;
            border:1px solid #e2e2e2;
            overflow-y:hidden;
            background-color: #fff;
width: 90% !important;
padding:5px;
        }

        .MultiCheckBoxDetailBody {
            overflow-y:scroll;
        }

            .MultiCheckBoxDetail .cont  {
                clear:both;
                overflow: hidden;
                padding: 2px;
            }

            .MultiCheckBoxDetail .cont:hover  {
                background-color:#cfcfcf;
            }

            .MultiCheckBoxDetailBody > div > div {
                float:left;
            }

        .MultiCheckBoxDetail>div>div:nth-child(1) {
        
        }

        .MultiCheckBoxDetailHeader {
            overflow:hidden;
            position:relative;
            height: 28px;
            background-color:#3d3d3d;
        }

            .MultiCheckBoxDetailHeader>input {
                position: absolute;
                top: 4px;
                left: 3px;
            }

            .MultiCheckBoxDetailHeader>div {
                position: absolute;
                top: 5px;
                left: 24px;
                color:#fff;
            }
.MultiCheckBoxDetailBody .cont > div:last-child{
    padding-left:4px;
}

/*===============Partners===============*/


.login-bottom p{
    line-height: 24px;
}

.login-bottom p img{
     max-height: 20px;
    margin-left: 3px;
    
}



.all-partners .contdefinbordne{
padding:15px;
-webkit-transition: all .7s;
-moz-transition: all .7s;
-ms-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
background-color: #fff;
text-align: center;
border: 1px #ddd solid !important;
margin: 5px 1% 5px 0;
float: left;
position: relative;

}


.all-partners .contdefinbordne:hover{
-webkit-box-shadow: 0 0 50px #dadada inset;
-moz-box-shadow: 0 0 50px #dadada inset;
-ms-box-shadow: 0 0 50px #dadada inset;
-o-box-shadow: 0 0 50px #dadada inset;
box-shadow: 0 0 50px #dadada inset;
}


.all-partners .contdefinbordne img{
width: 100px;
height: 100px;
}


.corporate-partner .contdefinbordne img{
width: auto;
height: auto;
/*max-width: 200px;*/
display: inline-block;
    margin-bottom: 10px;
}
.corporate-partner .contdefinbordne{
min-height: 150px !important;
}

.corporate-partner .contdefinbordne a{
display: inline-block;
text-align: center;
}

.corporate-partner .contdefinbordne.rich-block img,
.corporate-partner .contdefinbordne.KIIT-TBI img{
max-width: 100px;
}


.all-partners .contdefinbordne.mriu img{
width: auto;
height: 60px;
}


.all-partners .contdefinbordne.mriu span{
    margin-top:55px;
}

.title.small.txt-color5 {
    font-size: 26px;
    clear: both;
    line-height: 28px;
}





/* sign in */
.loginpageouter .topfoldsign .joindesgin{
    float: left;
    position: relative;
    margin: 0;
    width: 170px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #474747;
    letter-spacing: 0.7px;
    cursor: pointer;
}

.topfoldsign .joindesgin input{
    visibility: hidden;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
}
.topfoldsign .joindesgin .boxsvg{
        clear: both;
    float: left;
    width: 100%;
    background-size: auto 170px;
    height: 170px;
    background-repeat: no-repeat;
}
.topfoldsign .joinstudent .boxsvg{
    background-image: url(/images/annanya-Inactive.png);
}
.topfoldsign .joinparnt .boxsvg{
    background-image: url(/images/parents-Inactive.png);
}
.topfoldsign .joindesgin span{
    margin-top: 10px;
    float: left;
    width: 100%;
}
.loginpageouter .topfoldsign .joinstudent {
    margin-left: 20px;
    margin-right: 10px;
}
.topfoldsign .joindesgin  input:checked + .boxsvg{

}
.topfoldsign .joinstudent input:checked + .boxsvg, .topfoldsign .joinstudent input:hover + .boxsvg{
    background-image: url(/images/annanya-active.png);
}
.topfoldsign .joinparnt input:checked + .boxsvg, .topfoldsign .joinparnt input:hover + .boxsvg{
    background-image: url(/images/parents-active.png);
}

.welcomcontent.taketourcont{
    padding: 20px;
}
.taketourcont .contenttake{
    background-color: #03C9A9;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    min-width: 700px;
    min-height: 539px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.taketourcont .amicusimg{
    text-align: center;
}
.taketourcont .amicusimg svg{
    height: 100px;
}
.taketourcont .headingtktu{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 20px;
    color: #000;
}
.taketourcont .headingtktu svg{
    height: 28px;
    vertical-align: middle;
    margin-top: -5px;
}
.taketourcont .conttaketur{
    margin-bottom: 20px;
    text-align: center;
}
.taketourcont .conttaketur p{

}
.taketourcont .conttaketur img{
    width: auto !important;
    max-height: 330px;
    box-shadow: 0 0 18px 7px rgba(0, 0, 0, .2);
}
.taketourcont .conttaketur a{
    margin-right:0;
}
.carousel-indicators {
    bottom: 0px;
}
.registerouter2 .whitebgdefine{
    max-width: initial;
    min-width: initial;
}
.registerouter2 .topfoldsign .joinstudent{
    margin: 0;
    clear:both;
}
.registerouter2 .topfoldsign .joindesgin ~ .joindesgin{
    margin-left: 15px;
}
.registerouter2 .topfoldsign .joindesgin a{
    color: #474747;
    font-weight: bold;
}
.registerouter2 .joinschol  .boxsvg {
    background-image: url(/images/school-Inactive.png);
}
.registerouter2 .joinschol:hover  .boxsvg {
    background-image: url(/images/school-active.png);
}

.registerouter2 .joincolge .boxsvg {
    background-image: url(/images/college-inactive.png);
}
.registerouter2 .joincolge:hover  .boxsvg {
    background-image: url(/images/college-active.png);
}

.registerouter2 .joinemployes .boxsvg {
    background-image: url(/images/employees-families-inactive.png);
}

.registerouter2 .joinemployes:hover  .boxsvg {
    background-image: url(/images/employees-families-active.png);
}

.registerouter2 .joincustomer .boxsvg {
    background-image: url(/images/customer-inactive.png);
}
.registerouter2 .joincustomer:hover  .boxsvg {
    background-image: url(/images/customer-active.png);
}

.registerouter2 .jointutor  .boxsvg {
    background-image: url(/images/tutorimg.png);
}
.registerouter2 .jointutor:hover  .boxsvg {
    background-image: url(/images/tutorimg-active.png);
}

/* #pdp mentor */
.menterosesion .notasigned p{
    color: red;
    letter-spacing: 0.7px;
    font-size: 15px;
}
.menterosesion .asignedmet{

}
.menterosesion .asignedmet > div{
    margin-bottom: 15px;
}
.menterosesion .asignedmet > div:last-child{
    margin-bottom: 0px;
}
.menterosesion .asignedmet img{
    border-radius: 50%;
    max-height: 100px;
    border: 1px solid #21BEDA;
}
.menterosesion .asignedmet i{
    float: left;
    width: 20px;
    color: #21BEDA;
    font-size: 15px;
    text-align: center;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
}
.menterosesion .asignedmet strong{
    float: left;
    line-height: 20px;
    width: calc(100% - 25px);
    letter-spacing: 0.5px;
}
.menterosesion .asignedmet p{
    clear: both;
    padding-left: 25px;
    display: block;
    letter-spacing: 0.5px;
}


.registerouter2 .logo-region img {
    max-height: inherit;
}
.acntdetls {
    margin-bottom:10px;
    float: left;
}
.acntdetls span{
    float: left;
    background-color: #636F94;
    color: #fff;
    letter-spacing: 0.7px;
    padding: 8px 15px;
    min-width: 200px;
    text-align: center;
    font-size: 15px;
    margin-left: 90px;
}
.acntdetls span + span{
    margin-left: 150px;
}
.acntdetls span + span + span{
    margin-left: 172px;
}
.registerouter2 .acntde2{
    display:none;
}
.sugestcnt{
    clear: both;
    float: left;
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #474747;
}

.stickynotesfld{
    float: left;
    margin-left: 25px;
    margin-top: 0px;
}
.stickyiner{
    text-decoration:none;
    color:#000;
    background:#ffc;
    display:block;
    padding:15px;
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -moz-transition:-moz-transform .15s linear;
    -o-transition:-o-transform .15s linear;
    -webkit-transition:-webkit-transform .15s linear;
    /*-webkit-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -moz-transform: rotate(6deg);*/
    max-width: 350px;
}
.stickyiner h2{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.stickyiner ol{
    margin: 0;
    padding: 0;
    list-style-position: inside;
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: 0.7px;
}
.stickyiner li{
        margin-bottom: 10px;
}
.stickyiner p{

}
.partnerregister h4{
    margin-bottom: 15px;
    font-weight: bold;
    letter-spacing: 0.7px;
    margin-top: 20px;
}
.partnerregister .sugetopfld{
    padding: 0;
    letter-spacing: 0.7px;
    line-height: 1.6;
    margin-bottom: 5px;
}
.partnerregister .whitebgdefine{
    max-width: 450px;
    min-width: 450px;
}
.partnerregister .formregioncont .col-xs-12{
    padding:0;
}
.STUDENTLytchbsd .whitebgdefine , .PARENTLytchbsd .whitebgdefine{
    max-width: 500px;
    min-width: 500px;
}
.registerouter2 .stickynotesfld {
    display:none;
}
.STUDENTLytchbsd .studencontst{
    display:block;
}
.PARENTLytchbsd .studencontst{
    display:block;
}
.loginpartnpg  .flexdefine{
    width:100%;
    display:flex;
}
.loginpartnpg .whitebgdefine{
    max-width: initial;
}
.loginpartnpg .whitebgdefine + .whitebgdefine{
    margin-left:25px;
}
/* Survey form */
.surveymodal  .radio{
    padding-left: 20px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.surveymodal  .radio input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: -20px;
}
.surveymodal  .radio input:checked + label::before {
  border-color: #9575cd;
}
.surveymodal  .radio input:checked + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 2px;
  top: 4px;
  margin-left: -20px;
  border: 1px solid #9575cd;
  border-radius: 50%;
  background-color: #9575cd;
}
.surveymodal  .radio label{
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-size: 16px;
}
.surveymodal  .radio label::before{
  content: '';
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
}
.surveymodal  .modal-content .modal-body p{
    margin-left: 0;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 10px;
}
.surveymodal  .modal-content .modal-body p.text-center{
    text-align: center;
}
.surveymodal .divhidnsho{
    display:none;
}
.divhidnsho h3{
    margin-top: 20px;
    font-size: 15px;
    font-weight: 400;
}
.divhidnsho select{
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .4);
    padding: 5px;
    font-weight: 500;
}
.surveymodal  .btnscontfl{
    margin-top:20px;
}
.surveymodal  .btnscontfl button{
    line-height: 35px;
}
.conteoutselct{
    margin-bottom: 20px;
}
.conteoutselct:last-child{
    margin-bottom:0;
}
.conteoutselct h3{
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 600;
    margin-bottom: 7px;
}
.conteoutselct .btn-group{
    width: 100%;
}
.conteoutselct .btn-group .btn-default{
    width: 100%;
    text-align: left;
    border-color: rgba(0, 0, 0, 0.11);
    letter-spacing: 0.5px;
    font-size: 15px;
    color: #666666;
}
.conteoutselct {

}
.conteoutselct select{
    display:none;
}
#genreOneOtherDiv{
    margin-top:10px;
}
#genreOneOtherDiv input{
    width:100%;
    padding-left:10px;
}
.modallaw{
    width: 700px;
    margin: 0 auto;
}
.modallaw .modal-body{
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.modallaw .modal-content{
    background:none;
    background-color: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow: none;
    top: 100px;
}
.modallaw .close {
    float: right;
    font-size: 44px;
    font-weight: bold;
    line-height: 1;
    color: #333232;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}
.modallaw .close:hover, .modallaw .close:focus {
    color: #333232;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}
.modallaw button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    position: absolute;
    right: -12px;
    top: -12px;
    background-color: #ff692e;
    border-radius: 50%;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    width: 30px;
    line-height: 30px;
}




/* sign in new pages */
.newchangeslogin .socialcontenticons{
margin-top: 20px;
}
.newchangeslogin .socialcontenticons h4{
    margin-top: 0;
    color: #8e8e8e;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.5px;
    position: relative;
}
.newchangeslogin .socialcontenticons h4:after{
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    top: 50%;
}
.newchangeslogin .socialcontenticons h4 span{
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 0 15px;
}
.newchangeslogin .socialcontenticons .btn{          
    letter-spacing: 0.7px;
    padding: 0;
    color: #58585a;
    background-color: transparent;
    border: 0px;
    min-width: initial;
    text-align: left;font-size: 13px;
}
.newchangeslogin .socialcontenticons .btn + .btn{
float: right;
}
.newchangeslogin .socialcontenticons .btn .fa{          
    padding: 5px 7px;
    background: #3b5998;
    color: #fff;margin-bottom: 0px;
}

.newchangeslogin .socialcontenticons .btn + .btn .fa{
    background-color: #dd4b39;
}
.newchangeslogin .loginpageouter .form-group label{
    color: #353D50;
    letter-spacing: 0.7px;
    font-weight: 400;
    font-size: 15px;
}
.newchangeslogin .loginpageouter .form-group input{
    line-height: 25px;
    font-size: 14px;
    color: #000 !important;
}
.newchangeslogin .loginpageouter .inputcheckcli{
    margin-top: 13px;
}
.newchangeslogin .loginpageouter .form-group{
    margin-bottom: 10px;
}
.newchangeslogin .loginpageouter .btn-login{
    background-color: #FF692E;
    border-color: #FF692E;
    width: 100%;
    line-height: 36px;
}
.newchangeslogin .loginpageouter .btn-login:hover{
    color: #FF692E;
    border-color:#FF692E;
    background-color: transparent;
}
.newchangeslogin .loginpageouter .resend{
    margin-bottom: 0;
    margin-top: 10px;
    clear:both;
}
.newchangeslogin .loginpageouter .resend a {
    color: #00376b;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.newchangeslogin .loginpageouter .whitebgdefine{
    max-width: 400px;
    padding: 20px;
}
.newchangeslogin .loginpageouter .flexdefine {
    flex-direction: column;
    display: flex;
}
.newchangeslogin .loginpageouter .whitebgdefine.sigunp{
        margin-top: 20px;
    text-align: center;
}
.newchangeslogin .loginpageouter .whitebgdefine.sigunp p{
    line-height: 20px;
    text-align: center;
}
.newchangeslogin .loginpageouter .btn-register{
    min-width: initial;
    float: none;
    line-height: 36px;
    background-color: #556080;
    color: #fff;
}


.inputcheckcli input{
    height: auto!important;

}

.inputcheckcli p{
    clear:both;

}


.opencatlogoutpage .logo-region{
    padding-bottom: 0;
}

.opencatlogoutpage .topcontentlog{
    background-color: #ffffff;
    border-top: 1px #f7f1f1 solid;
    border-bottom: 1px #f7f1f1 solid;
    border-right: none;
    border-left: none;
}

.opencatlogoutpage .topcontentlog h2{
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 18px;
    color: #333;
}

.opencatlogoutpage .topcontentlog p{
        display: inline-block;
    background-color: #f3f3f3;
    padding: 6px 12px;
    border-radius: 20px;
}

.opencatlogoutpage .video-frame{
    width: 100%;
}

.opencatlogoutpage .video-frame iframe{
width: 100%;
border: 7px #f1ecec solid;
}

.opencatlogoutpage .video-frame p{
    text-align: justify;
    margin-top: 10px;
}


.opencatlogoutpage .topcontentlog p a{
color: #0584c7;
font-weight: 500;
text-decoration: underline;
}


.bothactionbtn a{
    background-color: #ededed;
    border-radius: 20px;
    color: #333 !important;

}


.sigunp{
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #dadde1;
    padding-top: 15px;
}




.sigunp a{

}


#micatadmitcard .modal-dialog{
    width: 100%;
    max-width: 900px;
}

#micatadmitcard .modal-content{
    float: left;
    width: 100%;
}



#micatadmitcard .modal-header{
background-color: #f16136;
}
   #micatadmitcard .modal-header h4.modal-title{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    }
    
#micatadmitcard .modal-header .close{
opacity:1;
color:#fff;
}



/*****article-page-start****/

#articlewriting .modal-dialog{
    background-color: #fff;
}


#articlewriting .modal-dialog form.formregion{
    margin-top: 20px;
}

#articlewriting .modal-dialog form.formregion input#btn{
    width: auto;
    background: #f04e12;
    border-color: #f04e12;
    display: inline-block;
}


h2.block-title{
margin: 20px 0;
font-weight: 600;
}

.arrow-list{
padding-left: 0;
margin: 20px 0;
}


.arrow-list li{
    list-style: none;
    position: relative;
    margin-bottom: 8px;
}

.arrow-list li i{
color: #f04e12;
margin-right: 7px;
font-size: 18px;

}


.arrow-list li a{
    font-weight: normal;
}

.contact-info i{
    margin-right: 5px;
}

.contact-info{
background-color: #f0f0f0;
padding: 20px;
}

.contact-info a{
    font-weight: normal;
}

.contact-info i{
    color: #f04e12;
}

/*****article-page-close****/

.accordion-new .collapse.show{
display:none!important;
}

.accordion-new .collapse.show.in{
display:block!important;
}



/*****journy tab-start****/

.journey-tabs2 .nav-tabs li{
margin-bottom: 0;
width:33.33%;
text-align: center;
}

.journey-tabs2 .nav-tabs li a{
background-color: #e6e6e6;
color: #333;
border: none!important;
padding: 10px 15px;
font-weight: 600;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.journey-tabs2 .nav-tabs li.active > a,
.journey-tabs2 .nav-tabs li > a:hover{
background-color: #9a2e56;
color: #fff;
}

.journey-tabs2 .nav-tabs li.active > a:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9a2e56;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


.journey-tabs2 .tab-content {
background-color: #fff;
margin-bottom: 20px;
float: left;
width: 100%;

}

.journey-tabs2 .tab-content .tab-pane{
  padding: 30px 15px;
  float: left;
  width: 100%;
  background-color: #fafafa;
}

.journey-tabs2 .tabinner{
  text-align: center;
background-color: #ffffff;
padding: 10px;
border: 1px #e8e5e5 solid;
float: left;
width: 100%;
margin-bottom: 15px;
-moz-box-shadow: 2px 2px 8px -1px rgb(227, 225, 227);
-webkit-box-shadow: 2px 2px 8px -1px rgb(227, 225, 227);
box-shadow: 2px 2px 8px -1px rgb(227, 225, 227);
}


/*****journy tab-close****/


.subjecttest{
    margin-top: 20px;
}

.subjecttest h1{
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn-wrap .btn-wrapinner{
    float: left;
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 10px;
    white-space: normal;
}

.btn-wrap .btn-wrapinner a{
width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #8b104e;
    border: none;
    padding: 10px;
}

.btn-wrap .btn-wrapinner a:hover,
.btn-wrap .btn-wrapinner a:focus{
background-color: #f15922;
}

/* faq block start */

.subjecttest .accordion-panel{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
}

.subjecttest .accordion-panel .panel {
width: 100%;
margin-bottom: 10px !important;
box-shadow: inherit;
padding: 0;
border: none;
}

.subjecttest .accordion-panel .panel-default>.panel-heading {
color: #333;
    background-color: #fff;
    border-color: #ffff;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.subjecttest .accordion-panel .panel-default>.panel-heading a {
display: block;
    padding: 15px;
    color: #333;
    outline: none;
    box-shadow: 0 5px 15px 0 rgb(68 68 68 / 10%);
    position: relative;
}

.subjecttest .accordion-panel .panel-default>.panel-heading a.activeorange{
    color: #f15922;
}

.subjecttest .accordion-panel .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.subjecttest .accordion-panel .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #fbe6d4;
}

.subjecttest .accordion-panel .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.subjecttest .accordion-panel .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.subjecttest .accordion-panel h4.panel-title{
  font-weight: 500;
}


.subjecttest .accordion-panel .panel .panel-body{
background-color: #fff;
    border: 0;
    padding: 25px 25px 25px;
    -webkit-box-shadow: 0 5px 15px 0 rgb(68 68 68 / 10%);
    box-shadow: 0 5px 15px 0 rgb(68 68 68 / 10%);
    padding: 15px 10px;
}





/* faq block close */


    .banneregioncon .logoregion img{
      max-height: 70px;
    }

/* #responsive start
============================================== */

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

    .my-document .table-responsive{
        overflow-x: auto;
    }


.statusmsg .lead{
    margin-bottom: 3px;
}


.pdpzonemain .topnew3crested .content-box {
    min-height: inherit;
}


.topnew3crested .boxesinernewd{
        min-height: inherit;
    margin-bottom: 50px;
}

.fillcolopdp,
.switchgrade{
}
.pdpthreebox .col-md-4:last-child .boxesinernewd3{
    margin-bottom: 0;
}

.pdpzonemain .topnew3crested .boxesinernewd {
    min-height: inherit !important;
}

.pdpvideosection .container-fluid {
    padding: 00 15px;
}

.pdpvideosection .video-frame iframe {
    height: 360px;
}

.pdpvideosection .video-frame h2 {
    font-size: 20px;
}


.videorightpanel{
    height: 400px;
}


}








@media only screen and (max-width:767px){
    
    h1{font-size: 20px;line-height: 1.2;}
    .p-t-w-m{padding-top:30px;}
    .navtaboutercon .nav-tabs > li{width:100%;}
    .navtaboutercon .nav-tabs > li > a:hover:after, .navtaboutercon .nav-tabs > li > a.active:after{display:none;}
    .navtaboutercon .nav-tabs > li > a:after, .navtaboutercon .nav-tabs > li > a:before{display:none;}
    .navtaboutercon .nav-tabs > li > a{border-right: 2px solid #e5e5e5;}
    .topictestcon  .contetrorepe .smalbtncon{margin-bottom:5px;margin-right: 5px;}
    .topictestcon .panel-title .progress{margin: 0;width: 100%;margin-top: 5px;}
    .topictestcon .panel-title strong{ min-width: initial;}
    .topictestcon .difuclihedin{padding:0;}
    .topictestcon .topicheading{padding: 0;padding-left: 5px;}
    .topictestcon .difuclihedin .col-xs-4{padding:0;}
    .topictestcon .difuclihedin .col-xs-4{padding-left:3px;}
    .contetrorepe .difuclihedin a{font-size: 10px;letter-spacing: 0;padding:0;}
    .errorpage .error{position: relative;bottom: initial;padding-top: 100px;text-align: center;}
    .errorpage #footerregion{text-align:center;}
    body.erroronly.spacingtop{padding-top:48px !important;}
    .videos-innerdiv .thumbnail img {min-height: 120px;max-height: 100px;}
    .videos-innerdiv .col-md-3:nth-child(2n + 1){clear:both;}
    .videos-innerdiv .thumbnail a{top: 80px;margin-top:-15px;}
    .videos-innerdiv .thumbnail .downloadbtn{margin-bottom:10px;}
    .banerregionlog{overflow:hidden;}
    .fldconsocial .contsocila{min-height: initial;}
    #appendcont{display:block;}
    .hidedivm{display:none;}
    .stylingimge{padding-right:0px;max-width:initial;}
    .contplatabfld{padding:20px 0;}
    .contplatabfld .adresfldcon-globalconcss{padding:0;clear: both;}
    .contplatabfld .nolabelsh{padding-top:0;}
    .contplatabfld .pincodefldcon-globalconcss, .contplatabfld .phonefldcon-globalconcss, .contplatabfld .satefldcon-globalconcss{padding:0;}
    .qualificselted{clear:both;}
    #confirmationstab{padding: 30px 15px;}
    .thankyoucontenfld h2{font-size: 30px;}
    #teststab > .col-md-4{clear:both;}
    #teststab > .col-md-12{clear: both;float: left;width: 100%;}
    .headerregion ul{float:left;width:100%;padding: 0 15px;}
    .headerregion li a{padding-right: 15px;margin-right: 15px;font-size: 14px;}
    .banneregioncon{padding-top: 30px;padding-bottom: 70px;min-height: initial;}
    .banneregioncon .rocket {padding-bottom: 50px;}
    .banneregioncon:after, .banneregioncon:before{display:none;}
    .whitregionc {padding: 40px 0;}
    .whitregionc p {font-size: 14px;max-width: 90%;line-height: 1.4;}
    .equalbtns {min-width: 140px;font-size: 14px;}
    .whitregionc h2{font-size: 17px;font-weight: 500;line-height: 1.4;margin-bottom: 10px;}
    .expregioncon{padding: 40px 0;text-align: center;}
    .expregioncon h2{font-size: 17px;font-weight: 500;margin-bottom: 10px;line-height: 1.3;}
    .expregioncon p {font-size: 14px;max-width: 90%;line-height: 1.4;margin:0 auto;}
    .expregioncon img{margin-top:30px;}
    .whitregionc a{font-size: 14px;font-weight: 500;}
    .banneregioncon h3{font-size: 20px;font-weight: 500;letter-spacing: 0.7px;}

    .hidemobilede{display:none;}
    .fromdesginnew label{line-height:1.4;}
    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: initial;}
    /* #login page */
    .loginpageouter .flexdefine{margin:0;}
    .loginpageouter .whitebgdefine{padding: 15px 15px;margin-top: 20px;margin-bottom: 20px;}
    .loginpageouter .equalbtns{ min-width: 170px;}
    .rightsidebar-category {        clear:both; }
    .registerouter .whitebgdefine{
        max-width: initial;
        min-width: 300px;
    }
    .registerouter .col-sm-6{padding:0;}
    .registerouter .col-sm-6 + .col-sm-6{
        padding-top:15px;
    }
    .registerouter .alreadyacouncon button{
        float:left;
    }
    .smashplacments .outersmash{
        display:block;
    }
    .boxdefinecont li:after{
        height: 80px;
    }
    .linkinbtns{    display:none;}
    .left-menumob{display: block;text-align: right;padding-top: 10px;padding-bottom: 10px;font-size: 25px;font-weight: bold;line-height: 25px;}
    .header-content .homebtnreg a, .header-content .logoregion a{padding-top:10px;padding-bottom:10px;}
    #sidebarcontent{display:block;}
    #subfooter .socialicons ul{ float: none;margin-top: 10px;text-align: center;}
    #subfooter p{   text-align:center;}
    .headerregionnew ul{float: left;width: 100%;padding: 0 15px;}
    .headerregionnew li a{padding-right: 10px;margin-right: 10px;font-size: 14px;}
    .header-content{overflow: hidden;position: fixed;top: 0;width:100%;}
    .purplebandcont{position: fixed;top: 48px;  width:100%;}
    body.spacingtop{padding-top:90px;}
    .header-content .logoregion svg{height: auto;width: 100%;}
    .logedoutpge{position:relative;top:0;}
    .topcontentlog p{margin-top: 5px;}
    .banerregionlog .inerdibaner{display: initial;}
    .banerregionlog h2{font-size: 24px;    margin-top: 10px;}
    .banerregionlog h2 br{
        display:none;
    }
    .removepurple{
        padding-top: 54px !important;
    }
    .taketourcont .contenttake{
        min-width: 100%;
        min-height: 380px;
    }
    .taketourcont .amicusimg svg {
        height: 70px;
    }
    .loginpageouter .topfoldsign .joinstudent {
        margin-left: 0;
        margin-right: 0;
    }
    .loginpageouter .topfoldsign .joindesgin{
        width: 48%;
        margin-left: 2%;
    }
    .topfoldsign .joindesgin .boxsvg{
        background-size: 100% auto;

        height: 140px;
    }
    .whitregionc .col-md-4 > div{
        min-height: initial;
        margin-top: 20px;
    }
    .contforparnts .innerdivconbox{
        min-height: initial;
        margin-top: 20px;
    }


.pdpwho .boxlayoutpdp{
    min-height: inherit;
}

.headerregion li .profilecontho .chldmen-iccngfill a {
    padding-right: 0;
    margin-right: 0;
}


}
@media only screen and (min-width:767px){
    .arrow-grow img{max-width: 500px;}
}
@media only screen and (max-width:500px){
    .loginpageouter .equalbtns, .socialcontenticons .btn{min-width: 140px !important;}
    .errorpage h1{font-size:26px;}
}
@media only screen and (max-width:350px){
    .loginpageouter .equalbtns, .socialcontenticons .btn{min-width: 120px !important;}
}

@media (min-width: 768px) {
    .col-sm-5ths {width: 20%;float: left;}
}

@media (min-width: 992px) {
    .col-md-5ths {width: 20%;float: left;}
}

@media (min-width: 1200px) {
    .col-lg-5ths {width: 20%;float: left;}
}


@media only screen and (min-width:768px) and (max-width:991px){
    .linkinbtns > ul > li{padding-left:0;}
    .registerouter2{

    }
    .registerouter2 .whitebgdefine {
        width: 100%;
    }
    .registerouter2 .topfoldsign .joindesgin{
        width: 160px;
    }
    .registerouter2 .joindesgin .boxsvg{
        background-size: auto 155px;
        height: 150px;
    }
    .acntdetls span{
        padding: 6px 15px;
        min-width: 170px;
        text-align: center;
        font-size: 14px;
    }
    .acntdetls span + span {
        margin-left: 107px;
    }
}


@media only screen and (min-width:768px){
    .linkinbtns .colmsnlat li{float: left;width: 120px;text-align: center;border: 1px solid #d3d3d3;border-radius: 3px;     margin-left: 8px;margin-bottom: 8px;min-height: 120px;display: flex;text-align: center;align-items: center;     justify-content: center;}
    .linkinbtns .colmsnlat li.chldmen-iccngfil{position:relative;}
    .linkinbtns .colmsnlat li.chldmen-iccngfil a:after{position: absolute;content: "Explore " attr(data-name) "'s aspiration zone";width: 100%;height: 100%;visibility: hidden;left: 0;top: 0;background-color: #363e52;border-radius: 3px;color: #fff;padding-top: 30px;padding-left: 5px;padding-right: 5px;}
    .linkinbtns .colmsnlat li.chldmen-iccngfil a:hover:after{visibility:visible;}
    .linkinbtns .colmsnlat li a{width: 100%;height: 100%;color: #58585a;text-decoration: none;font-weight:400;}
    .linkinbtns .colmsnlat li span{display:block;}
    .linkinbtns .colmsnlat li span:first-child {margin-bottom: 10px;max-height: 38px;min-height: 38px;background-repeat: no-repeat;background-position: top center;}
    .linkinbtns .colmsnlat li span span{display:none;}
    .linkinbtns .colmsnlat li:nth-child(3n+1){margin-left:0;}
    .linkinbtns .colmsnlat{}
    .linkinbtns .colmsnlat [class*="iccngfill"]{}
    .linkinbtns .colmsnlat .parenmen-iccngfill span:first-child{background-image:url(/images/family.svg);}
    .linkinbtns .colmsnlat .chldmen-iccngfil.MALE span:first-child{background-image:url(/images/boy-bg.svg);}
    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {color: #ffffff;text-decoration: none;background-color: #363e52;}
    .linkinbtns .colmsnlat .chldmen-iccngfil.FEMALE span:first-child{background-image:url(/images/girl-bg.svg);}



}
@media only screen and (min-width:767px){
    .col-md-5ths {width: 20%;float: left;}
}
@media only screen and (min-width:1000px){
    .fldconsocial a{min-height:457px;}
}
@media only screen and (max-width:767px){
    .contentimgegod .imagefld{
        text-align:center;
    }
    .contentimgegod img {
        max-width: 100%;
        height: auto;
        margin-bottom:20px;
            width: auto;
    }
    .contactpges .inerdivcon{
        padding: 15px 15px;
        margin-bottom: 20px;
    }
    .contactpges form{
        margin-bottom:20px;
    }


.whitebgdefine.combo-imgwrap{
    margin-top: 0;
}

.topictestcon .seeallcontbtn{
    margin-bottom: 3px;
}



}
.contfldanew h2{
    margin:10px 0;
}
@media only screen and (min-width:767px){
    .contfldanew img{
        max-height:500px;
    }
    .contforparnts > div:first-child{
        padding-right:35px;
    }
    .contforparnts > div:last-child{

    }



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

.mobile-mb-10{
    margin-bottom: 10px;
}

.selectins > select.form-control{
    width: 100%;
}





    #countdown{
        display:none;
    }
    .clmediabnner .boxes{
        margin-bottom:7.5px;
    }
    .clmediabnner .boxes:nth-child(2n + 1) {
        padding-right: 7.5px;
    }
    .clmediabnner .boxes:nth-child(2n) {
        padding-left: 7.5px;
    }
}
@media only screen and (max-width:1200px){
    #countdown{
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }

.text-height {
    min-height: inherit;
}


}

@media only screen and (max-width:768px){
    .userRequest, .lexResponse{
        min-width: 80%;
        padding: 10px 8px;
        max-width: 80%;
        font-size: 15px;
    }
    .contentregionbot .btn{
        font-size: 13px;
        padding: 5px;
        white-space: initial;
    }
    .registerouter2 .flexdefine, .registerouter2 .whitebgdefine{
        width: 100%;
    }
    .registerouter2 .topfoldsign .joindesgin {
        width: 22%;
        margin-left: 2%;
    }
    .registerouter2 .joindesgin .boxsvg {
        background-size: cover;
        height: 120px;
    }
    .acntdetls{
        display:none;
    }
    .stickynotesfld{
        margin-left:0;
        margin-top:30px;
    }
    .modallaw{
        max-width: 90%;
    } 
}
@media only screen and (min-width:767px){
    .informationcon{
        margin-top: 61px;
    }
}
@media only screen and (max-width:520px){
    .registerouter2 .topfoldsign .joindesgin{
        width: 49%;
        margin: 0;
        margin-bottom: 20px;
    }
    .registerouter2 .topfoldsign .joindesgin ~ .joindesgin{
        margin-left: 0;
    }
    .registerouter2 .topfoldsign .joindesgin:nth-child(2n){
        margin-left: 2%;
    }
    .registerouter2 .joindesgin .boxsvg {
        background-size: cover;
        height: 160px;
        background-position: center;
    }

}

/* #svg animation icons */
/* #boxes animation show */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes SvgAnimation {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@-moz-keyframes SvgAnimation {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes SvgAnimation {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.svganimation img{
  transform:scale(0);  /* make things invisible upon start */
  -webkit-animation:SvgAnimation 1 cubic-bezier(0.23, 1, 0.32, 1);  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:SvgAnimation 1 cubic-bezier(0.23, 1, 0.32, 1);
  animation:SvgAnimation 1 cubic-bezier(0.23, 1, 0.32, 1);

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.svganimation.onesvg img{
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.svganimation.twosvg img{
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay:0.15s;
  animation-delay: 0.15s;
}

.svganimation.threesvg img{
  -webkit-animation-delay: 0.20s;
  -moz-animation-delay: 0.20s;
  animation-delay: 0.20s;
}
.svganimation.foursvg img{
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.svganimation.fivesvg img{
  -webkit-animation-delay: 0.30s;
  -moz-animation-delay: 0.30s;
  animation-delay: 0.30s;
}
.svganimation.sixsvg img{
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.svganimation.sevensvg img{
  -webkit-animation-delay: 0.40s;
  -moz-animation-delay: 0.40s;
  animation-delay: 0.40s;
}
.svganimation.eightsvg img{
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.svganimation.ninesvg img{
  -webkit-animation-delay: 0.50s;
  -moz-animation-delay: 0.50s;
  animation-delay: 0.50s;
}
.svganimation.tensvg img{
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.svganimation.elevensvg img{
  -webkit-animation-delay: 0.60s;
  -moz-animation-delay: 0.60s;
  animation-delay: 0.60s;
}
.svganimation.twelvesvg img{
 -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.svganimation.thirteensvg img{
-webkit-animation-delay: 0.70s;
  -moz-animation-delay: 0.70s;
  animation-delay: 0.70s;
}
.svganimation.fourteensvg img{
-webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.svganimation.fifeteensvg img{
-webkit-animation-delay: 0.80s;
  -moz-animation-delay: 0.80s;
  animation-delay: 0.80s;
}
.svganimation.sixteensvg img{
-webkit-animation-delay: 0.85s;
  -moz-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.svganimation.seventeensvg img{
-webkit-animation-delay: 0.90s;
  -moz-animation-delay: 0.90s;
  animation-delay: 0.90s;
}
.svganimation.eightteensvg img{
-webkit-animation-delay: 0.95s;
  -moz-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.svganimation.nineteensvg img{
-webkit-animation-delay: 0.95s;
  -moz-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.rightsidebar-category .globliconcont span img{
    position: absolute;
    height: 22px;
    top: 6px;
    left: 14px;
}
/* game belt */

.gradeflds{
    padding-top: 30px;
    padding-bottom: 10px;
}
.gradeflds .inergradbox{
    border-radius: 3px;
    padding: 15px;
    border: 1px solid #ddd;
    letter-spacing: 0.7px;
    float: left;
    width: 100%;
    color: #707070;
    min-height: 103px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.25);
}
.gradeflds .inergradbox h2{
    color: #404040;
    font-weight: bold;
    margin-bottom: 7px;
}
.gradeflds .inergradbox p{
    margin-bottom: 5px;
}
.gradeflds .inergradbox p:last-child{
    margin-bottom: 0px;
}
.inergradbox span{

}
.inergradbox strong{

}
.gradeflds .inergradbox ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.gradeflds .inergradbox ul li{
float: left;
width: 33.33%;
padding: 10px;
background-color: #eee98b91;
}

.gradeflds .inergradbox ul li:nth-child(2){
    background-color: #f6e4ab;
}
.inergradbox li p{

}
.inergradbox li span{

}
.gradeflds .inergradbox li strong{
    color: #404040;
    font-weight: bold;
}
.gradeflds .inergradbox .progress{
    margin: 0;
    height: 15px;
    max-width: 80%;
    background-color: #ddd;
    border-radius: 20px;
}
/*.mocks-color .progress-bar{
    background-color: red;
}
.sectional-color .progress-bar{
    background-color: yellow;
}
.topic-color .progress-bar{
    background-color: green;
}*/
.gradeflds .testanlfld li p{
    margin-bottom: 9px;
}
.gradeflds .gradedefine{
    position:relative;
}
.gradeflds .gradedefine .weeklygrade{
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    padding: 15px 10px;
    background-color: #eee;
    border: 1px solid #e7e7e7;
    top: 100%;
    display:none;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
.gradeflds .gradedefine .weeklygrade > a{
    font-weight: 300;
    color: blue;
    letter-spacing: -0.4px;
    clear: both;
    float: left;
    font-size: 13px;
    text-decoration: underline;
}
.gradeflds .weeklygrade h2{
    font-size: 15px;
}
.gradeflds .gradedefine ul li{
    width: 50%;
    margin-bottom: 15px;
}
.gradeflds .gradedefine ul li p{
    margin-bottom: 2px;
}
.gradeflds  .headinggrade{
    color: #000;
    letter-spacing: 0;
    margin-bottom: 2px;
}
.gradeflds .gradedefine ul li span{
    font-size: 9px;
    letter-spacing: 0;
}
.gradeflds .gradedefine ul li strong{
    font-size: 16px;
    color: #333;
}
.gradeflds .gradedefine .progress{
    max-width: 100%;
    height: 8px;
}
.gradeflds .gradedefine .gradefld{
    margin: 0;
    position: absolute;
    right: 10px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #f16136;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
}
.gradeflds .gradedefine > p{
margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 0;
}
.gradeflds .graderouteprint:hover .weeklygrade{
    display:block;
}
.weeklygrade .headinouter{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9c9b9b;
}
.weeklygrade .headinouter h2{
    padding-top: 0 !important;
    margin-bottom: 5px !important;
}
.weeklygrade .headinouter p{
    font-size: 12px;
    color: #333;
}



@media only screen and (max-width:1024px){
.pdpzonemain .topnew3crested .boxesinernewd{
min-height: 215px;
}



}






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

    .pdpzonemain .pdpthreebox {
        padding-bottom: 30px;
    }


    .gradeflds .inergradbox{
        margin-top:10px;
    }
    .gradeflds .inergradbox ul li{
        width: 100%;
        margin-bottom: 10px;
    }
    .gradeflds .inergradbox ul li:last-child{
        margin-bottom:0;
    }
    .gradeflds .inergradbox .progress{
        max-width:100%;
    }

    .gas2020 .purplebandcont{
        top:90px;
    }


}


@media only screen and (max-width:480px){
    .fourcolayout .columgloblytfildsnew {
    width:100%;
}

.click-block h5{
    min-width: auto;
    display: block;
}

}


@media only screen and (min-width:1199px){
/*.gradedefine > p {
    margin-bottom: 0;
    letter-spacing: -.5px;
}
.gradeflds div[class*="col-md-"]{
    padding-right:0;
}
.gradeflds div[class*="col-md-"]:last-child{
    padding-right:15px;
}*/
}
.gradeflds .ribbon{
    font-size: 13px;
    position: absolute;
    z-index: 1;
    top: -34px;
    left: -10px;
    letter-spacing: 0;
    width: calc(100% + 22px);
    line-height: 1.4;
    display: initial;
    border: 0;
    border-radius: 0;
    padding: 0;
    height: initial;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.gradeflds .text{
    padding: 5px;
    background: #ff692e;
    position: relative;
    color: #fff;
    width: 100%;
    float: left;
}
.gradeflds .ribbon:before,
.gradeflds .text:before, .text:after{
    content:'';
    position:absolute;
    border-style:solid;
}
.gradeflds .text:before{
    bottom:100%; left:0;
    border-width: .5em .7em 0 0;
    border-color: transparent #d83d00 transparent transparent;
}
.gradeflds .text:after{
    top:100%; right:0;
    border-width:6px 12px 0 0;
    border-color: #d83d00 transparent transparent transparent;
}
.gradedefine > h2{
    margin-top: 33px;
    font-size: 14px;
}
.gradeflds .ribbon img{
    width: 45px;
    top: 37px;
    position: absolute;
    left: 16px;
}
.gradeflds .gradedefine {
    position: relative;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.gradedefine .graderouteprint{
    padding-left: 64px;
    padding-top: 0;
    position: relative;
    width: 100%;
    padding-right: 15px;
    margin-top: 43px;
    min-height: 53px;
}
.gradedefine .graderouteprint h2{
    color: #404040;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 14px;
    display: block;
    padding-top: 5px;
}
.gradedefine .graderouteprint p{
    letter-spacing: 0;
    margin-bottom: 0;
}


.gradeflds .firstclas .text{
    background-color:#099743;
    color: #fff;
}
.gradeflds .firstclas .text:before{
    border-color: transparent #06672e transparent transparent;
}
.gradeflds .firstclas .text:after{
    border-color: #06672e transparent transparent transparent;
}
.gradeflds .secondclas .text{
    background-color:#04afed;
    color: #000;
}
.gradeflds .secondclas .text:before{
    border-color: transparent #038abb transparent transparent;
}
.gradeflds .secondclas .text:after{
    border-color: #038abb transparent transparent transparent;
}
.thirdclas .text{
    background-color:#f15c29;
}
.gradeflds .thirdclas .text:before{
    border-color: transparent #e9470f transparent transparent;
}
.gradeflds .thirdclas .text:after{
    border-color: #e9470f transparent transparent transparent;
}
.fourthclas .text{
    background-color:#ed2425;
}
.gradeflds .fourthclas .text:before{
    border-color: transparent #dd1213 transparent transparent;
}
.gradeflds .fourthclas .text:after{
    border-color: #dd1213 transparent transparent transparent;
}

/* Rating Star Widgets Style */
.rating-stars ul {
list-style-type:none;
padding:0;

-moz-user-select:none;
-webkit-user-select:none;
}
.rating-stars ul > li.star {
display:inline-block;

}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
font-size:1.5em; /* Change the size of the stars */
color:#ccc; /* Color on idle state */
}
/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
color:#FFCC36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
}

/* #New faetures */
.newintfedba .feedinfohv{
    display: none;
    position: absolute;
    right: 0;
    box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.25);
    border: 1px solid #ddd;
    padding: 15px;
    z-index: 9;
    background-color: #fff;
    text-align: left;
}
.infebcform{

}
.newintfedba .container{
    position: relative;
}
.newintfedba .container:after{
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 1px;
    bottom: 10px;
    background-color: #ddd;
}
.infebcform .rotateli{
    position: absolute;
    height: 25px;
    width: 1px;
    background-color: #ddd;
    bottom: 10px;
}
.rotateli.up{
    left: 0;
}
.rotateli.down{
    right: 0px;
}
.infebcform .infoouter{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    top: 13px;
    right: 3px;
}
.infebcform .infoouter i{
    font-size: 13px;
    color: #fff;
    margin-left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
    line-height: 19px;
    text-indent: 2px;
}
/*.infoouter:hover + .feedinfohv{
    display:block;
}*/
.feedinfohv h2{
    color: #404040;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
}
.feedinfohv .rating-stars ul{
    text-align: left;
}
.feedinfohv .texar textarea{
    border: 1px solid #ccc;
    padding: 5px;
    min-width: 250px;
    min-height: 65px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    display: block;
}
.feedinfohv .submitbtn .btn-loginn{
    line-height: 30px;
    background-color: #f16136;
    font-size: 15px;
    letter-spacing: 1.5px;
    padding: 0px 15px;
    color: #fff;
}




.ratingstar {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
}

.ratingstar label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

.ratingstar label:last-child {
  position: static;
}

.ratingstar label:nth-child(1) {
  z-index: 5;
}

.ratingstar label:nth-child(2) {
  z-index: 4;
}

.ratingstar label:nth-child(3) {
  z-index: 3;
}

.ratingstar label:nth-child(4) {
  z-index: 2;
}

.ratingstar label:nth-child(5) {
  z-index: 1;
}

.ratingstar label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.ratingstar label .icon {
  float: left;
  color: transparent;
}

.ratingstar label:last-child .icon {
  color: #000;
}

.ratingstar:not(:hover) label input:checked ~ .icon,
.ratingstar:hover label:hover input ~ .icon {
  color: #09f;
}

.ratingstar label input:focus:not(:checked) ~ .icon:last-child {
  color: #000;
  text-shadow: 0 0 5px #09f;
}
.videos-innerdiv.videoiconchge  .thumbnail a{
    background-color: transparent;
    border: transparent;
    background-image: url(/images/playiconimg.png);
    background-repeat: no-repeat;
    opacity: 1;
    width: 50px;
    height: 50px;
    background-size: 100% auto;
    font-size: 0;
    top: 91px;
}


/* Content pages */
.columnsouter{
    color: #333;
    letter-spacing: 0.5px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.columnsouter:last-child{
    margin-bottom: 0px;
}
.columnsouter h1{
    font-size: 30px;
}
.columnsouter p{
    font-size: 16px;
}
.columnsouter h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.columnsouter ul{

}
.columnsouter li{
    margin-bottom: 5px;
    font-size: 16px;
}
.columnsouter li ul{
    margin-bottom: 20px;
}
.columnsouter li p{
    margin-bottom:0;
}
.colodefinfld .columnsouter{
    background-color: #f8f8d8;
    padding: 15px;
    margin-bottom: 20px;
}
.columnsouter h3{
    font-size: 16px;
    margin-top: 0;
}
/* crt sis */
.formfldscon .spacinfdeifld{
    margin-bottom: 4px;
    margin-top: 25px;
}
.formfldscon textarea{
    min-height: 140px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    width:100%;
}
.formfldscon .btn-warning, .btndefingglfd{
    background-color: #f16136;
    border-color: #f16136;
    letter-spacing: 0.5px;
    font-size: 16px;
    padding: 3px 25px;
}
.btndefingglfd{
    padding: 6px 25px !important;
    margin-top:5px;
}
.defintlcrt ol li{
    margin-bottom: 15px;
}
.defintlcrt table{
    margin-bottom: 0;
}
.defintlcrt em{
    font-size: 13px;
    margin-top: 3px;
}

.defintlcrt ol{
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding-left: 35px;
    background-color: #efefef;
}
.defintlcrt ol span{
    margin-bottom: 6px;
    display: block;
}


/*** additional css ***/

.msgregionwrap{
flex-direction: column !important
}


.gamescontent .msgregion{
border: 1px solid #b7b7b7;
border-radius: 3px;
margin-bottom: 10px;
padding: 20px 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}


.msgregionnew{
    display: flex;
}

p.claim-btn{
      display: flex;
      justify-content: center;
}

p.claim-btn a:hover,
p.claim-btn a:focus{
color:#fff;
}


.contentflddvidesgin h2{
    margin-right: 3px;
}
.red-text{
    color: #C2540E;
    font-weight: bold;
}

.last-p{
    margin-bottom:10px!important; 
}

.last-p i{
margin: 0 4px;
background-color: #C2540E;
color: #fff;
border-radius: 50%;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
 animation: color-change 1s infinite;
}

.gamescontent.gkninja .last-p i{
    background-color: #0e467d;
}
@keyframes color-change {
  0% { color: white; }
  50% { color: yellow; }
  100% { color: white; }
}

.heading-box{
    background-color: #0e467d;
color: #fff;
padding: 20px;
text-align: center;
position: relative;
}

.heading-box:before{
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #0e467d;
position: absolute;
content: "";
bottom: -10px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.heading-box h1{
font-size: 22px;
padding: 0 10px;
}

.heading-box h3{
font-size: 16px;
border-top: 1px #9d9d9d solid;
margin-top: 20px;
padding: 10px;
margin-bottom: 0;
padding-bottom:0;
}










/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    clear:both;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    /* margin-left: auto;
    margin-right: auto; */
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
    margin-bottom: 20px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
    display: none;
}
.slick-dots{
    display:none !important;
}
.slick-arrow{
    display:none !important;
}

.arrowadded .slick-arrow{
    display: block !important;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 10px;
    border: 0;
    background-color: #e85222;
    text-indent: -9999px;
    padding: 0;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-position: center;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
}
.arrowadded .slick-prev{
    background-image: url(/images/next-icon-slick.png);
    left: 0;
}
.arrowadded .slick-next{
    background-image: url(/images/previous-icon-slick.png);
    right:0;
}

.countdowncontent{
background-color: #6B789D;
    padding: 15px 0 6px;
    color: #fff;
    margin-bottom: 20px;text-align: center;
}
.countdowncontent h3 {
    margin: 0;
    margin-bottom: 0px;
    font-size: 15px;
    letter-spacing: 0.7px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.countdowncontent #countdown{display: inline-block;vertical-align: top;text-transform: uppercase;}

#countdown span{padding:5px 5px 0;line-height: 32px;border-radius: 2px; margin-right:15px;font-weight:500;font-size: 35px;display: inline-block;}
#countdown span.minutes{ margin-right: 0px;}

#countdown span label{ clear: both;  display: block;padding: 0; margin: 0;color: #fff;font-size: 15px;font-weight:500;}

.video-user-frame .gradecalbtn{
background-color: #fff;
margin: 0 auto;
padding:15px;
-moz-box-shadow: 2px 4px 8px 1px rgb(214, 207, 214);
-webkit-box-shadow: 2px 4px 8px 1px rgb(214, 207, 214);
box-shadow: 2px 4px 8px 1px rgb(214, 207, 214);
}


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



.switchgrade a.pull-right{
    float: left!important;
}

    

    .pdpzonemain .fillcolopdp .col-md-4{
        justify-content: center;
    }

.countdowncontent #countdown{       display: block;     margin-top: 10px;   }
.countdowncontent #countdown span:last-child{       display:none !important;}
}


/* Engineering and meidcal modal */
.outerdivcon{
    display: block;
}
.offermodalprogram{

}
.offermodalprogram .modal-header{
    background-color: #556080;
    padding: 12px 10px;
    color: #fff;
    letter-spacing: 0.7px;
}
.offermodalprogram .close{
    position: absolute;
    margin: 0;
    right: -15px;
    opacity: 1;
    text-shadow: initial;
    top: -15px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}
.offermodalprogram .modal-title{

}
.offermodalprogram .modal-body{

}
.offermodalprogram h2{
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
    line-height: 29px;
    text-align: center;
}
.offermodalprogram h2 img{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}
.contenfldde p{

}
.contenfldde span{
    font-weight: bold;
    color: #f16136;
    letter-spacing: 0;
}
.btnfldscon{
    padding: 15px;
    display: block;
    background-color: #e8e8e8;
    text-align: center;
}
.btnfldscon .btn{
    border-color: #005b96;
    background-color: #005b96;
    line-height: 40px;
}
.btnfldscon .btn + .btn{
    background-color: transparent;
    color: #005b96;
}
.asterick{
    letter-spacing: 0.5px;
    font-style: italic;
}
.contenfldde{
    font-size: 16px;
    letter-spacing: 0.7px;
    display: flex;
}
.colchngfgil{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 15px;
    text-align: center;
    background-color: cornflowerblue;
}
.colchngfgil a{
    color: #fff;
    font-size: 22px;
}
.outerdifr{
    width: 40%;
}
.outerdifse{
    width: 80%;
}
.innerdivcol{
    border: 1px solid #e7e7e7;
    padding: 15px;
    margin-right: 15px;
}
.innerdivcol h3{
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 18px;
}
.innerdivcol ul{
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 15px;
}
.innerdivcol ul li{
    margin-top: 6px;
}

.vidnetabcont .nav-tabs{
        border: 0;
    }
    .vidnetabcont .nav-tabs li{
        margin: 0;
        width: 100%;
        float:left;
    }
    .vidnetabcont .nav-tabs li a{
        margin: 0;
        line-height: 1.5;
        font-size: 14px;
        letter-spacing: 0.7px;
        font-weight: 400;
        color: #6b789d;
        padding: 6px 15px;
        border: 1px solid #ddd;
        margin-bottom: 3px;
        border-radius: 3px;
    }
    .vidnetabcont .nav-tabs li a.active{
        border: 0;
        background-color: #6b789d;
        color: #fff;
    }
    .vidnetabcont .rightcontvide .tab-pane > h2{
        font-weight: bold;
        font-size: 20px;
        letter-spacing: 0.3px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6e6e6;
    }
    .vidnetabcont .rightcontvide .tab-pane > a{
        display: inline-block;
        padding: 7px 25px;
        background-color: #f16136;
        color: #fff;
        font-size: 15px;
        letter-spacing: 0.7px;
        border-radius: 3px;
    }
    .vidnetabcont .thumbnail {
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        position: relative;
        margin-top: 30px;
    }
    .vidnetabcont .thumbnail img {
        padding: 0;
        min-height: initial;
        max-height: initial;
        border-radius: 3px;
    }
    .vidnetabcont .thumbnail .caption{
        padding:0;
    }
    .vidnetabcont .thumbnail .caption h3 {
        display: none;
    }
    .vidnetabcont .thumbnail a {
        background-color: transparent;
        border: transparent;
        background-image: url(/images/playiconimg.png);
        background-repeat: no-repeat;
        opacity: 1;
        width: 50px;
        height: 50px;
        background-size: 100% auto;
        font-size: 0;
        top: 91px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        padding: 7px 15px;
    }

.btnscheckbox{
    letter-spacing: 0.5px;
}
.btnscheckbox h2{
    font-size: 15px;
    line-height: 1.4;
    color: #6B789D;
}
.btnscheckbox h3{
    margin-top: 15px;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.btnscheckbox .form-group{
    margin-bottom: 0;
}
.btnscheckbox label{
    font-weight: 400;
}
.btnscheckbox  input[type="text"]{
    clear: both;
    display: inherit;
}
.btnscheckbox label span{

}

.videosecticat{
    
}
.videosecticat h2{
    font-size: 20px;
    color: #556080;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;   
}
.videosecticat p{
    color: #000;
    letter-spacing: 0.5px;
    text-align: center; 
}
.videosecticat p strong{
    font-weight: 400;
}
.videosecticat h3{
margin-top: 0;
    margin-bottom: 60px;    
}
.videosecticat h3 a{
    border: 1px solid #777;
    font-size: 15px;
    font-weight: bold;  
}
/* telegram */
.chat {
    clear: both;
    float: left;
    width: 100%;
}
.user-bar {
background: #517da2;
    color: #fff;
    padding: 10px;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}
.user-bar .avatar{
    float: left;
    margin-right: 10px; 
}
.user-bar .avatar img{
    width: 36px;
    height: 36px;
    border-radius: 50%; 
}
.user-bar .name{
    float: left;
    width: calc(100% - 46px);
}
.user-bar .name span{
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 18px;
}
.user-bar .name span.status{
    font-size: 13px;
    font-weight: 400;   
}
.conversation{
    clear: both;
    float: left;
    width: 100%;
    background: #efe7dd url(https://www.careerlauncher.com/cat/images/telegram-bg.jpg) repeat;
    padding: 10px 17px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.message {
    color: #000;
    clear: both;
    line-height: 18px;
    font-size: 15px;
    padding: 8px;
    position: relative;
    margin: 8px 0;
    max-width: 100%;
    word-wrap: break-word;
    z-index: -1;
}
.message:first-child {
    margin: 16px 0 8px;
}
.message.received {
background: #fff;
    border-radius: 0px 5px 5px 5px;
    float: left;
    z-index: 1;
}
.message span {
    font-size: 14px;
    color: orange;
    font-weight: 600;
    text-align: left;
    display: block;
}
.message span+span {
    font-size: 12px;
    color: #333;
    font-weight: 400;
    text-align: left;
}
.message span+span+span {
    font-size: 10px;
    color: #ccc;
    font-weight: 400;
    text-align: right;
}
.message:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}
.message.received:after {
    border-width: 0px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    top: 0;
    left: -10px;
}
.conversation-container{
    display: flex;
    flex-direction: column-reverse;
}
.conversation-container .message{
    flex: 1;
}
.jointelgram{
    clear: both;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.jointelgram a{
    background: #ff692e;
    color: #fff;
    padding: 5px;
    width: 100%;
    text-align: center;
    float: left;
    font-weight: 400;
    border-radius: 3px;
    margin-top: 12px;
}



/*Session feedback */
.SessionFeedbackModal {
    
}
.SessionFeedbackModal .modal-header{
    border: 0;
    background-color: #6b789d;
    color: #fff;
    letter-spacing: 0.7;
}
.SessionFeedbackModal .modal-title{
    
}
.SessionFeedbackModal .modal-body{
    padding: 20px;
}
.SessionFeedbackModal .modal-body p{
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.7px;
    margin-bottom: 5px;
}
.SessionFeedbackModal .rating-stars{
        text-align: left;
    margin-left: 12px;

}
.SessionFeedbackModal .rating-stars ul{
    margin: 0;
}
.SessionFeedbackModal textarea{
    
}
.SessionFeedbackModal .btn{
    background-color: #FF692E;
    border-color: #FF692E;
    letter-spacing: 0.7px;
    font-weight: bold;
    font-size: 16px;
    padding: 9px 20px;
}
.SessionFeedbackModal .modal-body .form-group:last-child{
    margin-bottom: 0;
}
.SessionFeedbackModal h4{
    font-weight: bold;
    margin: 0;
}


.sessionfedpgouter{
        margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.sessionfedpgouter h4{
margin: 0;
    padding: 15px;
    background: #6b789d;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.7px;  
}
.sessionfedpgouter .rating-stars{
        text-align: left;
    margin-left: 12px;

}
.sessionfedpgouter .rating-stars ul{
    margin: 0;
}
.sessionfedpgouter textarea{
    
}
.sessionfedpgouter .btn{
    background-color: #FF692E;
    border-color: #FF692E;
    letter-spacing: 0.7px;
    font-weight: bold;
    font-size: 16px;
    padding: 9px 20px;
}
.sessionfedpgouter .form-group:last-child{
    margin-bottom: 0;
}
.inerconsefedps{
    padding: 20px;
    padding-top: 5px;
}
.inerconsefedps p{
    font-size: 16px;
    margin-bottom: 5px !important;
}
.datafldsshow{
    
}
.datafldsshow .videoouter {
    display: block;
    margin-bottom: 20px;
    background-color: lemonchiffon;
    border-radius: 3px;
    border: 1px solid #ddd; 
}
.datafldsshow ul{
padding: 15px;
    list-style: none;
    margin: 0;  
}
.datafldsshow li{
margin-bottom: 17px;    
}
.datafldsshow li:last-child{
margin-bottom: 0px; 
}
.datafldsshow p{
    margin-bottom: 5px;
    color: #333;
    letter-spacing: 0.7px;
}
.datafldsshow p strong{
    
}
.datafldsshow .progress{
height: 12px;
    margin-bottom: 0;   
}

.productbandfiliner {
    padding: 30px 0;
    background-color: #eee;
    letter-spacing: 0.7px;
}
.productbandfiliner h2{
    font-size: 24px;
    font-weight: bold;
}
.productbandfiliner h3 {
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 400;
}
.productregionfld{
        display: block;
    font-weight: 400;
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
}
.productregionfld .imgprody{
    margin-bottom: 15px;
    min-height: 50px;
}
.productregionfld img{
    max-height: 45px;   
}
.productregionfld span{
    color: #58585a;
    font-size: 15px;
}
.subscriptionflddiv{
color: #fff;
    line-height: 20px;
    margin-top: 0;
    float: right;
    font-size: 14px;
}
.subscriptionflddiv select {
    display: inline-block;
    width: auto;
    height: 23px;
    padding: 1px 10px;
    border-radius: 0;
    margin-left: 10px;
    
}


@media only screen and (max-width:767px){
.btn-wrap .btn-wrapinner {
    width: 50%;
}


}

@media (max-width: 550px) {

.purpulebarbox {
    min-height: 220px;
}

.gamescontent .msgregion{
    display: block!important;
    padding: 20px!important;
}

.gamescontent .msgregion .msgregionnew{
       display: block!important;
}

p.claim-btn {
    display: block;
    text-align: left;
    float: left;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
    .video-user .gradecalbtn iframe {
    height: 100vh !important;
}

}


.raingfeedbackfld  .modal-header{
background: #363e52;
    color: #fff;
    text-align: left;
    border: 0;
    padding: 10px 15px;
}
.raingfeedbackfld  .modal-header h3{
text-align: left;
}
.raingfeedbackfld .modal-body{
    padding: 20px;
}
.raingfeedbackfld .modal-body form{
    margin-bottom: 0;   
}
.raingfeedbackfld .modal-body form h4{ 
  margin-top: 0;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;  
}
.raingfeedbackfld .modal-body form label{
    margin:0;
}
.raingfeedbackfld .rating-stars ul{
    margin: 0;
}
.raingfeedbackfld .rating-stars ul > li.star > i.fa{
    font-size: 14px;
}
.raingfeedbackfld .form-group:last-child{
    margin-bottom: 0;
}
.raingfeedbackfld .form-group .btn-same{
    line-height: 40px;
}



.instacontregionfld{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.instacontregionfld a{
        display: block;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 3px;
    color: #556080;
    font-weight: 400;
    letter-spacing: 0.7px;
    background-color: cyan;
    font-size: 14px;
}
.instacontregionfld img{
        height: 50px;
    float: left;
    margin-right: 10px;
}
.instacontregionfld p{
    
}


/* Feedback css Global */
.feedbackfacsees  .modal-header{
    background-color: #363e52;
    color: #fff;
    letter-spacing: 0.7px;
}
.feedbackfacsees  .modal-title{
    font-size: 18px;
    font-weight: bold;
}
.feedbackfacsees .modal-body{
    
}
.form-group{
    
}
.feedbackfacsees .form-group p{
    font-size: 16px;
    letter-spacing: 0.7px;
}
.feedbackfacsees .buttonsubmit{
    margin: 0;margin-top: 20px;
}
.feedbackfacsees .buttonsubmit .btn {
    background-color: #f15b24;
    border-color: #f15b24;
    font-size: 16px;
    letter-spacing: 0.7px;
}
.buttonbootm{
    
}
.feedbackfacsees  .buttonbootm a{
    float: left;
    border: 1px solid blue;
    border-radius: 3px;
    color: blue;
    letter-spacing: 0.7px;
    padding: 7px 25px;

}
.feedbackfacsees  .buttonbootm a + a{
    float: right;
}
#remarksDiv{
    
}
.feedbackfacsees  #remarksDiv h3{
    margin-top: 15px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.7px;
    margin-bottom: 0;
}
.feedbackfacsees  #remarksDiv .form-group{
    margin: 0;
}
.feedbackfacsees  #remarksDiv ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.feedbackfacsees #remarksDiv li{
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    position: relative;
    width: 49%;
    padding-right: 1%;
}
.feedbackfacsees  #remarksDiv li label{
    margin: 0;
    font-weight: 400;
    width: 100%;
    display: block;
}
.feedbackfacsees  #remarksDiv li label input{
        position: absolute;
    visibility: hidden;
}
.feedbackfacsees  #remarksDiv li label input + span{
    width: 100%;
    display: block;
    padding: 7px 15px;
    border: 1px solid #363e52;
    border-radius: 3px;
    color: #58585a;
    letter-spacing: 0.7px;
    font-size: 14px;cursor: pointer;
}
.feedbackfacsees  #remarksDiv li label input:checked + span{
    background: #363e52;
    color: #fff;
}
.ratingtabflds{
    
}
.ratingtabflds h3{
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
}
.ratingtabflds > div{
        float: left;
    margin-top: 10px;
    margin-left: 20px;
}
.ratingtabflds .glyphicon{
    
}
.ratingtabflds .glyphicon-star-empty{
        font-size: 20px;
    margin-left: 2px;
    color: #333;
}
.ratingtabflds .glyphicon-star{
    font-size: 20px;
    margin-left: 2px;
    color: #E15517;
}


.circle-box{
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    margin: 5px;
}

.circle-box a{
    color: #fff;
    text-decoration: none;
}

.clr-green{
    background-color: #008000;
    
}

.clr-red{
        background-color: #ff0000;
}

.clr-yellow{
      background-color: #d0c901;
}



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

    .pdpfeedbackform .inner-label {
        width: 31.3%;

    }

}


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

    .iim-box .bocinnerdiv{
        min-height: inherit;
        
    }

    .iim-box .bocinnerdiv .bottombtns a{
        margin-right: 3px;

    }


}



@media (max-width:480px) {

    .pdpfeedbackform .inner-label {
        width: 48%;
    }


.purpulebarbox {
    min-height: 250px;
}


    
form #captchaId{
    clear: both;
}

form #captchaId div{
    width: 100%!important;
}

form #captchaId div iframe{
    width: 100%!important;
}

.pdpzonemain .topnew3crested .form-action .btn{
    margin-bottom: 10px;
}


}


@media (max-width:410px) {

.purpulebarbox {
    min-height: 270px;
}


body.login-page.opencatlogin .loginpageouter .resend a{
    font-size: 12px;
     
}

body.login-page.opencatlogin .whitebgdefine{
    padding:20px 0;
}
.datalistingitemvalue {
    font-size: 11.5px;
}

}

@media (max-width:380px) {
    .pdpfeedbackform .inner-label {
        width: 100%;
    }
}