/* 1.0 Import */
@import url("https://fonts.googleapis.com/css?family=Raleway:500,600,700");
@import url(materialize.min.css);
@import url(sweetalert.css);
@import url(animated.css);
@import url(font-awesome.min.css);
@import url(custom-icon.css);


/* :: 2.0 multi-purpose style area :: */
* { margin: 0; padding: 0;box-sizing: border-box;font-family: 'Raleway', sans-serif !important; }
a, a:hover, a:focus { -webkit-transition-duration: 500ms;transition-duration: 500ms;text-decoration: none;outline: 0 solid transparent;font-weight: 600; font-size: 14px;}
p {color: #606060; font-size: 14px; line-height: 2; font-weight: 500;}
section{ padding: 5% 0; width: 100%; float: left; }
body{ margin: 0 auto;}
.nm{ margin: 0 !important;}
.np{ padding: 0 !important;}
.mt-100{ margin-top:100px;}
.mt-50{ margin-top:50px; }
.mt-15{ margin-top:15px;}
.mt-30{ margin-top:30px;}
.mb-100{ margin-bottom:100px; }
.mb-10{ margin-bottom:10px;}
.mb-30{ margin-bottom:30px; }
.mtb-5p{ margin-top:5%; margin-bottom:5%; }
.mtb-2p{ margin-top:2%; margin-bottom:2%; }
.t-white{ color:#fff; }
.m-color{ color: #427eb5;text-shadow: 0pc 0px 1.1px #427eb5;}
.pad-15{padding: 15px;}
.justify{text-align: justify;}
.transition, .transition:hover{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;-ms-transition: 1s all;}
.container{ width: 90%;}
.container-col{ width: 70%; margin: 0 auto;}
img{width:100%}
blockquote {border-left: 5px solid #2d53be;border-radius: 2px 0 0 2px;background: rgba(0, 0, 0, 0.01);padding:10px;}
.uppercase{text-transform: uppercase;}
strong{font-weight: 600;}

.collapsible-header {
    padding: 2rem;
}
.programme-side-caption{
    margin-top: 30px;
}

/* other pages */
.caption-img{
    overflow: hidden;
}
.caption-img > img{
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.caption-img:hover > img{
    transform: scale(1.3);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}

.clear-fix{clear:both}




/* :: 3.0 header style area :: #5b9bd5;*/
.header-section{
    border-top:2px solid #2e4ea7;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #2d53be;
    z-index: 2000;
}
.nav-wrap, .header-section{width: 100%;float: left;}
ul.main-nav{float: right;padding: 0;}


ul.main-nav > li{
    display: block;
    float: left; padding: 10px 5px;
    overflow: inherit !important;
}
ul.main-nav li > a{
    padding: 16px 10px; text-transform: capitalize;
    font-weight: 500; font-size: 12px; letter-spacing: 0.2px;
    text-shadow: 0px 0px 1px #fff; color: #fff;
}
ul.main-nav li:hover >a, ul.main-nav li.active >a{
    color: #fff; font-weight: 500; border-radius: 0 0 1px 1px;
    border-bottom:2px solid #fff; background: rgba(0, 0, 0, 0.14); 
}
.logo{
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: 3000;
}


/* ::: 4.1 VC pix section : */
/* .vc-section{
    position: absolute;
    top: 120px;
    right: 0%;
    visibility: visible;
    animation-delay: 300ms;
    animation-name: bounceInRight;
    z-index: 500;    
    background: #fff;
    text-align: center;
    border-radius: 3px;
    max-width:350px;
} */
/* .vc-section:hover{
    position: absolute;
    top: 158px;
    right: 11%;
    visibility: visible;
    animation-delay: 300ms;
    animation-name: fadeInUp;
    z-index: 500;    
    background: #fff;
    text-align: center;
    border-radius: 3px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
} */
.vc-section >img{
    width: 100%;
}


/* :: 4.2 top links :: */
.top-features-area {
    position: relative;
    z-index: 50;
    margin-bottom: -60px;
}
.top-features-area .features-content {
    position: relative;
    z-index: 50;
    background: #2962FF ;
    background: -webkit-linear-gradient(to right, #2962FF , #2e1c97);
    background: linear-gradient(to right, #2962FF , rgb(46, 77, 163));
    padding: 15px 15px 10px;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
    border-radius: 10px;
}
.top-features-area .features-content .single-top-features {
    border-right: 2px solid #ffffff;
}
.top-features-area .features-content .single-top-features i {
    font-size: 40px;
    margin-right: 15px;
    color: #ffffff;
}
.top-features-area .features-content .single-top-features a > h5 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    color: #ffffff;
}
.top-features-area .features-content .col.s12:last-child .single-top-features {
    border-right: none;
}





/* top-title-section */
.top-title-section{
    max-width: 100%; 
    width: 100%; 
    background-position: 50% 70%; 
    background-attachment: fixed;
    background-color:lightblue;
}

.page-title{
    background: rgba(0, 0, 0, 0.72); 
    padding: 3% 0 1%;
    /* margin-top: 96px; */
}
.lead-txt{
    /* background: rgba(41, 98, 255, 0.59) !important; */
    /* border: 5px solid rgba(41, 98, 255, 0.22); */
}
.lead-txt > h4{
    color:#fff;
    font-weight: 600;
}








/* sponsors */


/* courses grid */
.section-padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 30px !important;
}
.section-heading span {
    color: #606060;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 2px;
}
.section-heading h3 {
    font-size: 34px;
    margin-bottom: 0;
    font-weight: 600;
}
.single-top-popular-course {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    background-color: #eef3f6;
}

.single-top-popular-course .popular-course-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
    width: 54%;
    padding: 30px;
}
.single-top-popular-course .popular-course-content h5 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
}
.single-top-popular-course .popular-course-content span {
    font-size: 12px;
    color: #2962FF ;
    margin-bottom: 10px;
    display: block;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.academy-btn {
    display: inline-block;
    min-width: 160px;
    height: 65px;
    color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 0 40px;
    font-size: 14px;
    line-height: 65px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    background: #2962FF ;
    background: -webkit-linear-gradient(to right, #2962FF , #2e1c97);
    background: linear-gradient(to right, #2962FF , rgb(46, 77, 163));
    font-weight: 600;
}
.academy-btn.btn-sm {
    min-width: 110px;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
}
.single-top-popular-course{
    overflow: hidden;
}
.single-top-popular-course .popular-course-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    width: 46%;
    height: 280px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}


.popular-course-thumb:hover{
    transform: scale(1.1);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}


.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-gallery{
    height: 300px;
    overflow: hidden;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.main-gallery >img {
    height: 300px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.main-gallery > img:hover {
    height: 300px;
    transform: scale(2.2);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.main-gallery > img {
    height: 300px;
}




/* registration / login */
input{
    background-color: rgba(255,255,255,0.9) !important;
    border: 1px solid #aaa !important;
    font-size: 14px;
    margin: 0 0 8px 0;
    padding: 0 10px !important;
    width: calc(100% - 20px) !important;
}
select.browser-default{
    width: 100% !important;
    height: 3.1rem !important;
    border: 1px solid #aaa !important;
    padding: 0 10px !important;
    margin: 0 0 8px 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
}

/* counter */
.count {
    font-weight: 700;
    font-size: 60px;
}
.count-box > h4{
    font-weight: 600;
    font-size: 70px;
    color: #fff;
}
.count-box p{
    color: #fff;
}

.icon-path > svg{
    width: 100px;
    /* fill:rgba(0,0,0,0.87); */
    fill:#212121;
}


.gallery-section > div > img{
    width:100%;
}




.lgx-heading{
    font-size: 3.2rem;
    line-height: 3.300000000000001rem;
    color: #1b273d;
    font-weight: 700;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

.sponsor-img img:hover{
    /* overflow: hidden; */
    transform: scale(1.1);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}

.sponsor-img img{
    max-height:60px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
    text-align: center;
    width: auto;
}
.sponsor-img:hover {
    opacity: 1;
}
/* ============================================================================================================================
                                                    Footer  Area 
============================================================================================================================== */
/* :: 5.0 call to axtion :: */
.call-to-action-area {
    background: #2962FF ;
    background: -webkit-linear-gradient(to right, #2962FF , #2e1c97);
    background: linear-gradient(to right, #2962FF , rgb(46, 77, 163));
    padding: 20px 0;
    width: 100%;
    float: left;
}
.call-to-action-area .cta-content h3 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 0;
}
.call-to-action-area .cta-content .eibic-btn {
    min-width: 110px;
    padding: 0 20px;
    height: 42px;
    line-height: 38px;
    border: 2px solid #ffffff;
    background: #2962FF ;
    background: -webkit-linear-gradient(to right, #2962FF , #2e1c97);
    background: linear-gradient(to right, #2962FF , rgb(46, 77, 163));
}
a.eibic-btn:hover {
    color: #fff;
}
.main-footer-area {
    background-color: #232323;
    padding-bottom: 0;
    border-bottom: 1px solid #353232;
    width: 100%;
    float: left;
}
.main-footer-area p {
    font-size: 12px;
    margin-bottom: 0;
    color: #c1c1c1;
    line-height: 2;
    font-weight: 500;
}
.bottom-footer-area {
    background-color: #141414;
    padding: 30px 0;
    /* text-align: center; */
    width: 100%;
    float: left;
}
.bottom-footer-area p {
    font-size: 12px;
    margin-bottom: 0;
    color: #606060;
    line-height: 2;
    font-weight: 500;
}
.footer-gallery {
    height: 50px;
    overflow: hidden;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.footer-gallery:hover {
    height: 50px;
    overflow: hidden;
    transform: scale(1.1);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.footer-gallery > img {
    height: 50px;
    border: 2px solid #cecece;
    border-radius: 2px;
}
.copyright-txt > a, .read-more > a {
    color: #606060;
    font-size: 12px;
}
footer hr{
    border-bottom: 1px solid #313131 !important;
    border: 1px solid transparent;
    margin-top: 10%;
}
.widget-title {
    margin-bottom: 35px;
    color:#fff;
    font-weight: 500 !important;
}
.main-footer-area .hot-links li a {
    display: block;
    color: #c1c1c1;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    text-shadow: 0pc 0px 1px #606060;
}
.hot-links li a:hover, .hot-links li a:focus, .read-more a:focus, .read-more a:hover, .copyright-txt > a:focus,.copyright-txt > a:hover {
    color: #fff !important;
    text-shadow: 0pc 0px 1px #f2f2f2;
}
.footer-social > a > svg{
    fill: #fff;
    width: 25px;
    margin-right: 15px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}
.footer-social > a > svg:hover{
    fill: #f2f2f2;
    width: 25px;
    margin-right: 15px;
    transform: scale(1.1);
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    -ms-transition: 1s all;
}



































/* media screen comes in here */

@media only screen and (max-width: 1024px){
    .container{
        width: 95%;
    }

    .vc-section >img{
        width: 200px;
    }

}
@media only screen and (max-width: 992px){
    #nav-mobile > li >a {
        color: #fff;
        font-weight: 600;
    }
    
    #nav-mobile {
        background: #427eb5;
        position: fixed !important;
        width: 80%;
        left: 0;
        top: 0;
        height: 100%;
        color: #fff !important;
        z-index: 3000;
    }
    #nav-mobile > li {
        width: 100%;
    }
    
    nav ul a:hover {
        background-color: red !important;
        color: #fff !important;
    }
    .main-nav h5{
        color: #fff;
    }

    .widget-title {
        margin-top: 50px;
    }
}




@media only screen and (max-width: 768px){
    
        .image_resize{
            width:25% !important;
            float:left;
            overflow:hidden;
            padding: 15px;
        }

    /* .header-section{
        position: absolute;
    } */

    .main-nav h5{
        color: #fff !important;
    }

    #slider{
        height: 277px !important;
        width: 100% !important;
    }

    .page-title{
        background: rgba(0, 0, 0, 0.72);
        /* margin-top: 105px; */
    }

    .count {
        font-weight: 600;
        font-size: 50px;
    }
    
    .count-box > h4{
        font-size: 30px;
    }












    .top-login-btn{
        margin-bottom: 10px !important;
    }
    #nav-mobile > li >a {
        color: #fff;
        font-weight: 600;
    }

    #nav-mobile {
        background: #427eb5;
        position: fixed;
        width: 80%;
        left: 0;
        top: 0;
        height: 100%;
        color: #fff !important;
        z-index: 3000;
    }
    #nav-mobile > li {
        width: 100%;
    }

    nav ul a:hover {
        background-color: red !important;
        color: #fff !important;
    }
}

@media only screen and (max-width: 400px){
    .container, .container-mini, .container-col{
        width: 98%;
    }
    
            .image_resize{
            width:25%;
            float:left;
            height:100px;
            overflow:hidden;
            padding: 15px;
        }

    #slider{
        height: 277px !important;
        width: 100% !important;
        margin-top: 90px !important;
    }

    .page-title{
        background: rgba(0, 0, 0, 0.72);
        /* margin-top: 220px !important; */
    }

    .programme-side-caption{
        margin-top: 0px;
    }

    .lgx-heading {
        font-size: 1.5rem;
        line-height: 3.300000000000001rem;
        color: #1b273d;
        font-weight: 700;
        margin: 0 0 1rem;
        text-transform: uppercase;
    }



    /* call to axtion */
    .call-to-action-area {
        padding: 20px 0;
    }
    .call-to-action-area .cta-content h3 {
        font-size: 20px;
    }
    .call-to-action-area .cta-content .eibic-btn {
        height: 40px;
        line-height: 36px;
        margin-top: 30px;
    }


    .section-heading {
        position: relative;
        z-index: 1;
        margin-bottom: 20px !important;
    }

    .single-top-popular-course .popular-course-thumb {
        /* -webkit-box-flex: 0; */
        -ms-flex: 0 0 46%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 280px;
    }
    .single-top-popular-course .popular-course-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 30px;
    }
    .logo{
        width: 80px;
        height: 80px;
    }

    .mySlides > img{
        height: 300px !important;
    }
}

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

}