@charset "utf-8";
.logo-icon img{
    margin-top:30px;
    height: 60px;
}
.logo{
    position:absolute;
    margin-top:0;
    width:175px;
    margin-left:-35px
}
.navbar{
    margin-bottom:2px;
    width:100%
}
.article-tile{
    margin-bottom:10px;
    height:281px; 
    border:1px solid #d6cfcf;
    background:#fff;
    margin-top:15px;
    padding-top:11px;
    width:100%
}
.article-tile-main{
    padding:20px 10px 0;
    max-height:188px;
    height:188px;
    margin-bottom:10px;
    overflow:hidden;
    text-align:center
}
.article-tile-main>.tile-header-topic{
    color:#fc9a4a;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:4px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    font-family:roboto,sans-serif;
    margin-top:-9px
}
.title-subject{
    font-family:roboto condensed,sans-serif;
    text-transform:capitalize;
    margin-top:0;
    margin-bottom:0;
    font-size:12px;
    color:#333;
    max-height:135px;
    line-height:19px;
    overflow:hidden
}
.news-agileits-left h5{
    background:#cc181c;
    padding:5px 0;
    color:#fff;
    text-align:center
}
.scrollbar{
    float:left;
    height:320px;
    width:100%;
    background:#f5f5f5;
    overflow-y:scroll;
    overflow-x:hidden;
    margin-bottom:25px;
    padding:15px
}
@media(min-width:1300px){
    .topsocial{position:absolute;top:35px;right:28px}
}
@media(min-width:2400px){
    .banner1{width:1349px}
}
@media(max-width:420px){
    .topsocial{position:absolute;top:71px;right:28px}
}
.header{
    background: #fff;
    width: 100%;
}
.navbar-inverse{
    background:#cc181c;
}
.navbar-nav>li{
    background:url(../img/nav-mid.jpg) no-repeat right;
    padding: 0;
}
.navbar-inverse .navbar-nav>li>a{
    color:#fff;
    text-decoration:none
}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
    background-color:#1e1e1e
}
.banner{
    height:336px;
    padding-top:2px;
    margin-left:63px
}
.wrapper{
    width:1240px
}
.leftbox{
    border:1px solid #cc181c;
    margin-bottom:20px
}
.leftbox a{
    font-size:12px;
    color:#000;
    display:block;
    font-weight:700;
    padding:10px;
    border-bottom:1px solid #cc181c;
    text-decoration:none
}
.leftbox a:hover{
    background:#cc181c;
    color:#fff
}
.header h3{
    margin-left:164px;
    margin-top:45px;
    font-size:25px;
    font-family:verdana;
    color:brown;
    font-weight:700
}
.heading{
    font-size:22px;
    font-weight:700;
    color:#e53033;
    border-bottom:1px solid #a21a94;
    padding:0 10px 10px
}
.bannersec{
    padding-top: 146px;
}
.content p{
    line-height:22px;
    margin-top:15px;
    text-align:justify;
}
.footer{
    width:100%;
    padding:10px 0;
    background:#000;
    overflow:hidden;
    margin-top:20px
}
.footnav{display:block}
.footnav ul{width:100%;overflow:hidden;padding-top:10px}
.footnav li{float:left;padding:0 2px;list-style:none;margin-left:5%}
.footnav li a{color:#b7b7b7;font-size:13px;text-decoration:none}
.footnav li a:hover{color:#fff}
.learning-solution-effect{
    -webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition:all .4s ease-in-out;
    transition-duration:.5s;
    padding:30px 22px 45px
}
.learning-solution-effect:hover{
    -webkit-box-shadow:0 14px 15px 0 rgba(0,0,0,.2);
    -moz-box-shadow:0 14px 15px 0 rgba(0,0,0,.2);
    box-shadow:0 14px 15px 0 rgba(0,0,0,.2)
}
.course-api-section{
    float:left;
    background:url(../img/api.jpg) no-repeat;
    height: auto !important;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:default
}
.course-api-section2{
    float:left;
    background:url(../img/api2.jpg) no-repeat;
    width:100%;
    height: auto !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:default
}
.course-api-section3{
    float:left;
    background:url(../img/api3.jpg) no-repeat;
    width:100%;
    height: auto !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:default
}
.text-center h2{font-size:20px;font-family:roboto condensed,sans-serif;font-weight:700;margin-bottom:20px;color:#fff}
.tile-title-top-border-right,.tile-title-bottom-border-left{width:60px}
.learning-solutions-container .courses-description{font-size:20px;line-height:30px;color:#fff;padding:20px 25px 25px}
.b2b-white-button-container{position:absolute;bottom:38px;width:90%;margin-left:-21px}
.b2b-white-button{max-width:250px;width:91%;margin:0 auto;padding:16px 8px;border:2px solid #fff;border-radius:2px;background-clip:padding-box;color:#fff;font-weight:700;font-size:12px;display:block;clear:both;transition:background-color 300ms ease-out}
.courses-description{padding:17px 3px 25px 0}
.banner1{
    width:100%;
    margin:auto;
}

.article-tile img{
	height:200px;
}
.psupdate img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    height: 160px;
    width: 100%;
    margin: 15px 10px;
    float: left;
    border: 1px solid #fefefe;
}
.psupdate img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}

.jumbotron p{
    background: none;
    font-weight: bold;
    border-bottom: none;
}
.jumbotron h1{
    background-color: rgb(2 27 93) !important;
    width: fit-content;
    color: #fff;
    padding: 5px;
    font-size: 22px;;
}
.footerlogo{
    background-color: #fff;
    padding: 10px;
}
.footerhead{
    color: #fff;
}
.quicklinksec{
    margin-left: -30px;
    list-style-type: none;
}
.quicklinksec li a{
    color: #fff;
}
.footersocialicon{
    list-style-type: none;
    margin-left: -30px;
    display: flex;
}

@media(min-width:1000px){
    .topsocial{
        margin-top:25px;margin-left:279px
    }
    .jumbotron p{
        font-size:32px;
        margin-bottom: 0;
    }
    .navbar{
        width:100%
    }
}
@media(max-width:1440px){
    .news-agileits-left{
        margin-left:130px;
        min-height:340px;
        position:relative
    }
    .video2{
        margin-left:0!important
    }
    .scrollbar{
        float:left;
        height:320px;
        width:100%;
        background:#f5f5f5;
        overflow-y:scroll;
        overflow-x:hidden;
        margin-bottom:25px;
        padding:15px
    }
    .news-agileits-left h5{
        background:#cc181c;
        padding:5px 0;
        color:#fff;
        text-align:center
    }
    .work-title h3{
        color:#37393d;
        font-size:1.5em;
        margin:0;
        padding:0 0 .7em;
        letter-spacing:-1px;
        border-bottom:1px solid #cc181c;
        font-family:roboto,sans-serif;
        width:221px
    }
    .article-tile{
        margin-bottom:10px;
        height:281px;
        border:1px solid #d6cfcf;
        background:#fff;
        margin-top:15px;
        padding-top:11px;
        width:100%
    }
    .article-tile-main{
        padding:20px 10px 0;
        max-height:188px;
        height:188px;
        margin-bottom:10px;
        overflow:hidden;
        text-align:center
    }
    .article-tile-main>.tile-header-topic{
        color:#fc9a4a;
        font-size:9px;
        font-weight:700;
        text-transform:uppercase;
        margin-bottom:4px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -moz-box-orient:vertical;
        font-family:roboto,sans-serif;
        margin-top:-9px
    }
    .title-subject{
        font-family:roboto condensed,sans-serif;
        text-transform:capitalize;
        margin-top:0;
        margin-bottom:0;
        font-size:12px;
        color:#333;
        max-height:135px;
        line-height:19px;
        overflow:hidden
    }
    .leftbox1{
        width:100%;
        margin-bottom:20px
    }
    .caption{
        background:rgba(204,24,28,.15);
        padding:10px;
        border:1px solid #fff;
        border-radius:5px;
        text-align:center;
        height:106px
    }
    .caption p b{
        color:#fff;
    }
    .btn-success{
        margin-top:8px
    }
    .caption p{
        color:#fff;
        font-size:12px;
        text-align:center;
        padding-top:6px
    }
}
@media(min-width:1500px){
    .article-tile{
        margin-bottom:10px;
        height:319px;
        border:1px solid #d6cfcf;
        background:#fff;
        margin-top:15px;
        padding-top:18px;
        margin-left:7%;
        width:239px
    }
    .article-tile-main{
        padding:20px 30px 0 23px;
        max-height:188px;
        height:188px;
        margin-bottom:10px;
        overflow:hidden
    }
    .article-tile-main>.tile-header-topic{
        color:#fc9a4a;
        font-size:9px;
        font-weight:700;
        text-transform:uppercase;
        margin-bottom:8px;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -moz-box-orient:vertical;
        font-family:roboto,sans-serif;
        margin-top:-3px
    }.title-subject{
        font-family:roboto condensed,sans-serif;
        text-transform:capitalize;
        margin-top:0;
        margin-bottom:0;
        font-size:12px;
        color:#333;
        max-height:135px;
        line-height:19px;
        overflow:hidden
    }
}
@media(min-width:1600px){
    .scrollbar{
        float:left;
        height:320px;
        width:100%;
        background:#f5f5f5;
        overflow-y:scroll;
        overflow-x:hidden;
        margin-bottom:25px;
        padding:15px
    }
    .news-agileits-left h5{background:#cc181c;padding:5px 0;color:#fff;text-align:center}}
    @media(min-width:1500px){
        .scrollbar{
            float:left;
            height: 430px;
            width:100%;
            background:#f5f5f5;
            overflow-y:scroll;
            overflow-x:hidden;
            margin-bottom:25px;
            padding:15px
        }
        .news-agileits-left h5{
            background:#cc181c;
            padding:5px 0;
            color:#fff;
            text-align:center
        }
    }
    @media(min-width:1900px){
        .scrollbar{
            float:left;
            height:480px;
            width:100%;
            background:#f5f5f5;
            overflow-y:scroll;
            overflow-x:hidden;
            margin-bottom:25px;
            padding:15px
        }
        .news-agileits-left h5{
            background:#cc181c;
            padding:12px 0;
            color:#fff;
            text-align:center;
            height: 40px;
        }
    }
    @media(min-width:2400px){
        .article-tile{margin-bottom:10px;height:319px;border:1px solid #d6cfcf;background:#fff;margin-top:15px;padding-top:18px;margin-left:7%;width:239px}
        .article-tile-main{padding:20px 30px 0 23px;max-height:188px;height:188px;margin-bottom:10px;overflow:hidden}
        .article-tile-main>.tile-header-topic{color:#fc9a4a;font-size:9px;font-weight:700;text-transform:uppercase;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;font-family:roboto,sans-serif;margin-top:-3px}
    .title-subject{font-family:roboto condensed,sans-serif;text-transform:capitalize;margin-top:0;margin-bottom:0;font-size:12px;color:#333;max-height:135px;line-height:19px;overflow:hidden}
    .organised{margin-top:21px}
    .new_img{width:559px}}
    .organised{margin-top:10px}
    .new_img{width:559px}.Copyright{color:#fff}
    .news-agileits-left{
        padding-right:4px;
        padding-left:4px;
    }
    .logo-title h1{
        color:#c5191d;
        margin-top: 30px;
        font-family:trebuchet ms,arial,calibri;
        font-size:22px
    }
    .logo-title h3{
        color:#c5191d;
        margin-top:10px;
        font-family:trebuchet ms,arial,calibri;
        font-size:18px;
        margin:5px 0
    }
    .logo-title h4{
        color:#000;
        margin-top:10px;
        font-family:trebuchet ms,arial,calibri;
        font-size:15px;
        margin-left: 10px;
    }
    .social-icon ul li{
        display:inline-block;
        width:39px;
        margin-top:20px
    }
    .jumbotron{
        background-size:cover
    }
    .newclas1 .table tr td a img{
        width: 100%;
        height: 50px;
        float: left;
        border: double;
        color: #000900;
        border-style: ridge;
    }
    .jumbotron{
        background-size: cover !important;
        height: 350px;
        position: relative;
    }
    .bannerlayer{
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .4);
        width: 100%;
        height: 100%;
        padding: 50px;
    }
    #mobileviewmenu{
        display: none;
    }
    .bankdetailsstyle{
        margin: 10px 0;
    }
    .innerright{
        overflow: auto;
        padding-bottom: 20px;
    }

    .committeecont{
        border-style: ridge;
        padding: 10px;
    }
    .logoimagestyle{
        height: 60px;
        width: 100%;
        border: double;
        border-style: ridge;
        margin-bottom: 10px;
        object-fit: contain;
        padding: 5px;
    }
    .datestyle{
        color: #fff;
        margin-top: 0;
    }
    .lead a{
        color: #fff;
        text-decoration: none;
    }
    .menustyl a{
        color: #1e1e1e;
        text-decoration: none;
    }
    .siconstyle{
        max-width: 80% !important;
    }
@media only screen and (min-width: 320px) and (max-width: 768px) {
    .mainlogostyle{
        height: 50px !important;
        width: auto;
        margin-top: 18px !important;
        margin: 0 auto;
    }
    .logo-title h1{
        font-size: 16px !important; 
        margin-top: 5px;
    }
    .logo-title h3{
        font-size: 16px;
    }
    .logo-title h4{
        font-size: 12px
    }
    .jumbotron{
        margin-top: 180px;
        width: auto;
        padding: 10px;
    }
    .jumbotron p{
        font-size: 24px;
        margin-bottom: 5px;
    }
    .bannerlayer {
        padding: 20px 30px;
    }
    .datestyle{
        font-size: 20px;
    }
    .social-icon ul li{
        display:inline-block;
        width:39px;
    }
    .news-agileits-left{
        width: 100%;
    }
    #mobileviewmenu{
        display: block;
    }
    .logoimagestyle{
        height: 60px;
        width: 100%;
    }
    .news-agileits-left{
        float:none;
    }
    .socialiconstyle{
        display: none;
    }
    .btn-lg{
        margin-bottom: 5px;
    }
    .bannersec {
        padding-top: 0px;
    }
    .psupdate img {
        height: auto;
        margin: 10px 0;
        float: none;
    }
    .heading {
        font-size: 20px;
        padding: 0 0 10px 0;
    }
    .learning-solution-effect {
        padding: 15px;
        margin-bottom: 10px;
    }
    .caption {
        height: auto;
    }
    .downloadimgstyl{
        width: 50%;
        margin: 0 auto;
    }
    .text-center h2 {
        margin-bottom: 0px;
    }
    .courses-description {
        padding: 10px;
    }
    .logo-title{
        text-align: center;
    }
}