@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');

/* ----------- iPhone 4 and 4S ----------- */



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2) {

.marqueewrap {

      min-width: 320px   !important;

}

}



/* Portrait */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait) {

	  .marqueewrap {

      min-width: 320px   !important;

}

}



/* Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 480px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape) {

	  .marqueewrap {

      min-width: 320px   !important;

}



}



/* ----------- iPhone 5 and 5S ----------- */



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 568px)

  and (-webkit-min-device-pixel-ratio: 2) {

.marqueewrap {

      min-width: 320px   !important;

}

}



/* Portrait */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 568px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait) {

.marqueewrap {

      min-width: 320px   !important;

}

  }



/* Landscape */

@media only screen 

  and (min-device-width: 320px) 

  and (max-device-width: 568px)

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape) {

.marqueewrap {

      min-width: 320px   !important;

}

}



/* ----------- iPhone 6 ----------- */



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2) { 

.marqueewrap {

      min-width: 375px   !important;

}

}



/* Portrait */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: portrait) { 

.marqueewrap {

      min-width: 375px   !important;

}

}



/* Landscape */

@media only screen 

  and (min-device-width: 375px) 

  and (max-device-width: 667px) 

  and (-webkit-min-device-pixel-ratio: 2)

  and (orientation: landscape) { 

.marqueewrap {

      min-width: 375px   !important;

}

}



/* ----------- iPhone 6+ ----------- */



/* Portrait and Landscape */

@media only screen 

  and (min-device-width: 414px) 

  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 3) { 

.marqueewrap {

      min-width: 414px   !important;

}

}



/* Portrait */

@media only screen 

  and (min-device-width: 414px) 

  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: portrait) { 

.marqueewrap {

      min-width: 414px   !important;

}

}



/* Landscape */

@media only screen 

  and (min-device-width: 414px) 

  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 3)

  and (orientation: landscape) { 

.marqueewrap {

      min-width: 414px   !important;

}

}



*{

    margin: 0;

    padding: 0;

}

/********* Fonts ***********/







/*------------------------INDEX PAGE-----------------------------*/



	img.curtain{

			height:1080px;

			z-index:99;

		}



		img.curtainLeft{

			position:absolute;

			left: -313px;

		}



		img.curtainRight{

			position:absolute; 

			right: -264px; 

		}

		.curtain_wrapper{

			width:100% ;

			height:1080px; 

			position:fixed; 

			overflow:hidden;

			z-index:9999;

			

		}

		.content{

			position:relative;

			width: 300px;

			margin:0px auto;

			display:none;

		}

		.description{

			position:absolute; 

			top: 194px;

			z-index:999999; 

			padding:5px; 

			text-align:center;

			font-size:15px;

			left:0%;

			margin-left:-90px;

			width:100%;

		}

        .modi-mobile{position:absolute;z-index:999999;left:30%;display: none !important;}

		.description img{cursor:pointer;}

		.left-div{width:50%;position:absolute;left:0;background:url('../images/img3.jpg') center right no-repeat;height:1080px;z-index:9999; }

		.right-div{width:50%;position:absolute;right:0;background:url('../images/img4.jpg') center left no-repeat;height:1080px;z-index:9998;}

       

		.modi{position:absolute;z-index:999999;left:50%;}

		.logo{position:absolute;z-index:999999;}

		.c-open{position:absolute; top:400px;left:50%;}

		.text{position:absolute; top:350px;width:70%;color:#fff;left:7%;font-size:22px;text-align:right;}

	

		

/*---------------------------------------------------------------------*/



.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #eee;

    color: #fff;

    /*border-color: #337ab7;*/

    /*border-bottom: 5px solid #eee;*/

}



.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #f4f5f7;

    color: #fff;

    /*border-color: #337ab7;*/

    /*border-bottom: 5px solid #26a0d0 !important;*/

}





/***********FEED   WASIM******************/



.social-tabbed{

	width:100%;

	float:left;

}

.social-tabbed .fb.active:after {

	content:"\f0d7";

	font-family: FontAwesome;

	position: absolute;

	    bottom: -24px;

    left: 44%;

    font-size: 30px;

    color: #4568b3;

}

.social-tabbed .tw.active:after {

	content:"\f0d7";

	font-family: FontAwesome;

	position: absolute;

	    bottom: -24px;

    left: 44%;

    font-size: 30px;

    color: #00aced;

}

.social-tabbed .g.active:after {

	content:"\f0d7";

	font-family: FontAwesome;

	position: absolute;

	    bottom: -24px;

    left: 44%;

    font-size: 30px;

    color: #da4834;

}

ul.social-tabbed li{

	/*width:33.33%;*/

	width:50%;

	float:left;

	margin:0;

	z-index: 1;

}

ul.social-tabbed li a{

	border-radius:0;

	color:#fff;

	font-size:20px;

	text-align:center;

}



ul.social-tabbed li.active a{background:transparent;}

.fb-color{background:#4568b3 !important;}

.twitter-color{background:#00aced !important;}

.google-plus-color{background:#da4834 !important;}





/*.eventBox{padding: 0px 0 0 20px}*/

/*.feed-wrap{padding: 0px 0 0 20px;}*/

.feed{border: 1px solid #ccc}



.jalendar-pages{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262626+0,262626+100 */

background: #262626 !important; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover, #262626 0%, #262626 100%) !important; /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, #262626 0%,#262626 100%) !important; /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, #262626 0%,#262626 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#262626',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */

 



}





/***************FEED*************/

.sourcesans-regular {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

}

.sourcesans-light {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 200;

}

.sourcesans-bold {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 700;

}



.lato-light {

    font-family: 'Lato', sans-serif;

    font-weight: 100;

}



.lato-regular {

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}



.lato-bold {

    font-family: 'Lato', sans-serif;

    font-weight: 700;

}



.PlayfairDisplay-regular {

    font-weight: 400;

    font-family: 'Playfair Display', serif;

}

.PlayfairDisplay-bold {

    font-weight: 700;

    font-family: 'Playfair Display', serif;

}

.PlayfairDisplay-black {

    font-weight: 900;

    font-family: 'Playfair Display', serif;

}

.darkBlue {

    color: #010439;

	text-align: center;

}

.nopadding {

    padding: 0;

}

.nomargin {

    margin: 0;

}

.nopaddingL {

    padding-left: 0;

}

.nopaddingR {

    padding-right: 0;

}

.header-top-band {

    width: 100%;

    background: #010439;

    min-height: 40px;

    height: auto;

}

.headUl {

    float: right;

    /*padding: 5px;*/

    margin: 0;

    line-height: 30px;

}

.headUl li {

    /*margin-right: 5px;*/

}

.headUl li a {

    color: #fff;

    font-size: 15px;

}

.marRight{

    margin-right: 5px;

}

.headUl li p {

    color: #fff;

    font-size: 12px;

}

.headUl li a:hover {

    color: #fff;

    font-size: 15px;

}

.langSelc {

    width: 100%;

    -moz-appearance : none;

    -webkit-appearance: none;

    appearance: none;

    border: none;

    outline: none;

    background: transparent;

    color: #fff;

    font-size: 12px;

}

.header-log-sec {

    /*padding-top: 25px;*/

    padding: 25px 10px; 

}

.achievemnetWrap{

    display:    none;

}

.nav>li>a:focus, .nav>li>a:hover {

    text-decoration: none;

    /*background: transparent !important;*/

}

.navbar {

    position: relative;

    min-height: 45px;

    margin-bottom: 0;

    border: 1px solid transparent;

}

.navbar-nav > li > a {

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

    color: #fff;

    text-transform: uppercase;

}

.navbar-nav > li > a > i {

	position: relative;

	top: -2px;

	right: -6px;

	font-size: 13px;

 /*   position: absolute;

    top: 17px;

    right: -7px;

    font-size: 13px;*/

}

.navbar-nav > li > a {

    position: relative;

}

.navbar-nav > li.active > a ,.navbar-nav > li:hover > a {

	background: #fff;

    text-shadow: none;

    color: #e54e4b;

    /*border-bottom: 5px solid #26a0d0;*/

    font-family: 'Source Sans Pro', sans-serif;

    /*font-weight: 700; */

    text-transform: uppercase;

}

.caption {

    width: 35%;

    text-align: left;

    margin-left: 12%;

    margin-top: 1%;

    position: relative;

}

.caption h1 {

    font-size: 45px;

}

.caption p {

    font-size: 17px;

    line-height: 30px;

}

.banclickBtn {

    width: 35%;

    padding: 15px 25px;

    color: #fff;

    background: #26a0d0;

    border-radius: 10px;

    display: block;

    outline: none;

    border: none;

    text-align: center; 

    font-size: 16px;

}

.banclickBtn:hover {

     width: 35%;

    padding: 15px 25px;

    color: #fff;

    background: #26a0d0;

    border-radius: 10px;

    display: block;

    outline: none;

    border: none;

    text-decoration: none;

    text-align: center;  

    font-size: 16px;

}

.marqueewrap {

    padding: 2.5% 0;

    margin-bottom: 10px;

}

.l-line {

 height: 2px;

    width: 25%;

    display: inline-block;

    float: left;

  background-color: #542b3f;

  background-image:linear-gradient(to left,  #542b3f, #fff );

   margin-top: 10px;

}

.marqueetext {

     width: 49.5%;

    display: inline-block;

    float: left;

    padding: 0 20px;

    font-size: 16px;

}

.r-line {

 height: 2px;

    width: 25%;

    display: inline-block;

    float: right;

  background-color: #542b3f;

  background-image:linear-gradient(to right,  #542b3f, #fff );

    margin-top: 10px;

}

.achievemnetWrap {

    margin:0 auto;

    /*padding: 15px;*/

    background: url('../images/Achievements.jpg')no-repeat;

    width: 100%;

    max-width: 1920px;

    height: 288px;

}

.achievemnetWrap h1 {

    color: #fefefe;

    padding-bottom: 10px;

}

.responsive {

    margin-top: 0;

}

.itemCircle {

    width: 195px;

    height: 195px;

    border-radius: 100%;

    border: 1px solid #fff;

    background: transparent;

    margin: 0 auto;

    color: #fff;

    text-align: center;

}

/*.itemCircle:hover {

    width: 195px;

    height: 195px;

    border-radius: 100%;

    border: 1px solid #f28a1d;

    background: #f28a1d;

    margin: 0 auto;

    color: #fff;

}*/

.responsive .slick-slide:nth-child(1) .itemCircle {

    background: #94c64c !important;

}

.responsive .slick-slide:nth-child(2) .itemCircle {

    background: #ed7b09 !important;

}

.responsive .slick-slide:nth-child(3) .itemCircle {

    background: #3aa1aa !important;

}

.responsive .slick-slide:nth-child(4) .itemCircle {

    background: #8d7fc5 !important;

}

.responsive .slick-slide:nth-child(5) .itemCircle {

    background: #94c64c !important;

}

.responsive .slick-slide:nth-child(6) .itemCircle {

    background: #ed7b09 !important;

}

.responsive .slick-slide:nth-child(7) .itemCircle {

    background: #3aa1aa !important;

}

.responsive .slick-slide:nth-child(8) .itemCircle {

    background: #8d7fc5 !important;

}

.responsive .slick-slide:nth-child(9) .itemCircle {

    background: #94c64c !important;

}

.responsive .slick-slide:nth-child(10) .itemCircle {

    background: #ed7b09 !important;

}

.itemCircle img , .itemCircle p {

    margin-bottom: 0;

}

.itemCircle .countNumb {

    font-size: 20px;

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 300;

}

.itemCircle .countText {

    /*color: #010439;*/

    /*font-size: 12px;*/

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 600;

}

.clientsWrap {

    width: 100%;

    /*padding: 10px;*/

    background: #f1f1f1;

    min-height: 100px;

}

.clogo {

    margin: 0 auto;

    display: block;

    float: none;

}

.innerwrap {

/*

	background-image: url(../images/home-bg-1.png);

	min-height: 727px;

	background-repeat: no-repeat;

	background-size: 100% 100%;

    padding: 50px 0;

*/

    background-image: url(../images/home-bg-1.png);

/*    min-height: 727px;*/

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px 0;

    background-position: 100% 100%;

    background-attachment: fixed;

    width: 100%;

}

.innerwrap1 {

	background-image: url(../images/home-bg-2.png);

	background-repeat: no-repeat;

	background-size: 100% 100%;

    padding: 50px 0;

}

.feedwrap {

}

.feedwrapTitle {

	color: #fff;

     background-color: #3f3349;

    background-image: linear-gradient(#3f3349, #3f3349 );

    height: auto;

    min-height: 59px;

   /* border-bottom: 5px solid #26a0d0 !important;

    border-width: 15px;*/

}

.feedwrapTitle h1 {

    margin: 0;

    padding: 20px 0 0px 20px;

    font-size: 20px;

}

.socTab {

    padding: 20px;

}

.socTab ul li {

    width: 33.33%;

    text-align: center;    

        

}

.socTab ul li a {

    border: none !important;

    outline: none !important;

    background: none;

}

.fbIc {

    color: #fff !important;

    background: #4568b3;

}

.fbIc:hover {

   background: #4568b3;  

}

.fbIc a ,.fbIc a:hover, .fbIc:hover a  {

    color: #fff !important;

    background: transparent;

}

.resp-tab-content ul {

    list-style-type: none;

}

.feed .tab-content {

    float: left;

    width: 100%;

    background: #fff;

    padding: 0px;

    height: 307px;

    overflow: hidden;

}



/*PDF CSS*/

.form-div{

    width: 70%;

    padding: 20px;

    margin-left: 120px;

    border: 5px solid black;

}

.first-col{

    margin-bottom: 10px;

    display: inline-block;

    width: 350px;

}

.first-col label{

    font-weight: 700;

}

.second-col{

    width: 100px;

}

/*PDF CSS ends here*/





p.noticeTitle {

    width: 95%;

    color: #000222;

    font-size: 20px;

    margin-bottom: 5px;

     font-family: 'Source Sans Pro', sans-serif;

    font-weight: 600;

}

p.noticeNotify {

    color: #444444;

    font-size: 13px;

    margin-bottom: 5px;

       font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

}

p.noticeDate {

     color: #222222;

    font-size: 15px;

    margin-bottom: 5px;

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 700;

}

p.noticeDesc{

    color: #222222;

    font-size: 12px;

    margin-bottom: 5px;

     font-family: 'Source Sans Pro', sans-serif;

    font-weight: 300;

}

.noticeDescwrp {

    border-bottom: 1px solid #c1c1c1;

    min-height: 110px;

    height: auto;

    padding: 15px;

    position: relative;

    

}

.noticeDescwrp:last-child {

    border-bottom: 0px solid #c1c1c1;

    min-height: 118px;

    height: auto;

    padding: 15px;

    position: relative;

    

}

.noticeDescwrp a , .noticeDescwrp a:hover {

    text-decoration: none;

}

.noticeDescwrp ul {

    padding: 0;

}

.newIc {

    background: url('../images/newIc.png') no-repeat;

    width: 58px;

    height: 58px;

    position: absolute;

    top: -11px;

    right: 15px;

}

.learnBtn ,.learnBtn:hover {

    width: 25%;

    padding: 15px 25px;

    color: #fff;

    background: #26a0d0;

    border: 1px solid #26a0d0;

    display: block;

    margin: 17px auto;

    text-decoration: none;

    text-align: center;

}

.quotewrap {

	padding-top: 15px;

    /*padding: 20px 0 0 20px;*/

   

}

.quotedescbox {

	background-color: #fff;

    border: 1px solid #c1c1c1;

    padding: 10px;

}

p.quotetxt {

    color: #222;

    font-size: 14px;

    font-family: 'Lato', sans-serif;

    font-weight: 400;

    margin-bottom: 5%;

}

p.quoteauthor {

    color: #010548;

    font-size: 25px;

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}

.blueline {

    

}

.vid {

    position: relative;

}

.vid a {

    display: block;

}

.viddesc {

    background: #2067a9;

    padding: 10px;

    width: 100%;

    /*min-height: 80px;*/

}

.playic {

    width: 100%;

    height: 100%;

    margin: 0 auto;

    display: block;

    background: url(../images/play-ic.png) no-repeat;

    position: absolute;

    top: 0;

    left: 0;

    background-position: 50%;

}

p.vidtitle {

     font-family: 'Source Sans Pro', sans-serif;

    font-weight: 600;

    font-size: 16px;

    color: #fff;

    margin-bottom: 5%;

}

p.viddate {

     font-family: 'Source Sans Pro', sans-serif;

    font-weight: 600;

    font-size: 14px;

    color: #222;

}

.vlearnBtn, .vlearnBtn:hover {

    width: 25%;

    padding: 15px 25px;

    color: #fff;

    background: #26a0d0;

    border: 1px solid #26a0d0;

    display: block;

    margin: 15px;

    text-decoration: none;

    text-align: center;

    float: left;

    margin-left: 38%;

}

/******************** Footer **********************/

.footerwrap {

    width: 100%;

    background: #363449;

    min-height: 80px;

    height: auto;

    padding: 10px;

}

.footerLink {

    text-align: left;

}

.footerLink li a {

    color: #fff;  

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

    font-size: 14px;

    

}

.footerLink li:after {

    content: '|';

    text-align: right;

    color: #fff;

}

.footerLink li:last-child:after {

    content: '';

    text-align: right;

    color: #fff;

}

.footerCopy li {

     color: #fff;  

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

    font-size: 12px;

}

.clearfix {

    clear: both;

}

/********************** Banner **********************************/

/* jssor slider bullet navigator skin 05 css */

        /*

        .jssorb05 div           (normal)

        .jssorb05 div:hover     (normal mouseover)

        .jssorb05 .av           (active)

        .jssorb05 .av:hover     (active mouseover)

        .jssorb05 .dn           (mousedown)

        */

        #jssor_1 {

            border: 1px solid #974115;

            border-top: none;

            margin-bottom: 0;

            padding: 0;

        }    

        .jssorb05 {

            position: absolute;

        }

        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {

            position: absolute;

            /* size of bullet elment */

            width: 16px;

            height: 16px;

            background: url('../img/b05.png') no-repeat;

            overflow: hidden;

            cursor: pointer;

        }

        .jssorb05 div { background-position: -7px -7px; }

        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }

        .jssorb05 .av { background-position: -67px -7px; }

        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }



        /* jssor slider arrow navigator skin 22 css */

        /*

        .jssora22l                  (normal)

        .jssora22r                  (normal)

        .jssora22l:hover            (normal mouseover)

        .jssora22r:hover            (normal mouseover)

        .jssora22l.jssora22ldn      (mousedown)

        .jssora22r.jssora22rdn      (mousedown)

        .jssora22l.jssora22lds      (disabled)

        .jssora22r.jssora22rds      (disabled)

        */

        .jssora22l, .jssora22r {

            display: block;

            position: absolute;

            /* size of arrow element */

            width: 40px;

            height: 90px;

            cursor: pointer;

            background: url('../img/a22.png') center center no-repeat;

            overflow: hidden;

        }

        .jssora22l { background-position: -32px 0; }

        .jssora22r { background-position: -88px 0; }

        .jssora22l:hover { background-position: -32px 0; }

        .jssora22r:hover { background-position: -88px 0; }

        .jssora22l.jssora22ldn { background-position: -32px 0; }

        .jssora22r.jssora22rdn { background-position: -88px 0; }

        .jssora22l.jssora22lds { background-position: -32px 0; opacity: 1; pointer-events: none; }

        .jssora22r.jssora22rds { background-position: -88px 0; opacity: 1; pointer-events: none; }

/************************ Responsive ******************************/

@media screen and (min-width: 768px){

    .navbar-nav > li {

        float: left;

        display: inline-block;

        margin: 0 auto;

        /*margin-right: 20px;*/

    }

    .navbar-nav {

        margin-left: 10px;

        float: none;

        /*margin: 0 auto;*/

        text-align: center;

    }

    

}

@media screen and (max-width: 767px){

    .barti-logo-text{

        display: none;

    }

    .dropdown-menu>li>a {

        display: block;

        padding: 3px 20px;

        clear: both;

        font-weight: 400;

        line-height: 1.42857143;

        color: #000;

        background-color: #fff;

        white-space: nowrap;

    }

    .dropdown-menu>li>a:hover{

        color: #e54e4b;

    }

     .skip-content{

        display: none !important;

    }

    .date-p{

        display: none !important;

    }

	/*#p-date{

		padding: 0px !important;

	}

	.skip-content{

		width: 100%;

	}

	.search-content{

		width: 80%;

	}*/

	.contact-content{

		width: 100%;

	}

	.supercelltab li{

		width: 100% !important;

	}

    #emblem-logo{

        margin-right: 0px !important;

        padding-left: 70px;

        padding-right: 0px !important;

    }

    .header-log-sec {

        padding: 10px;

        display: block;

        float: left;

        padding-right: 0px !important;

 }

    .header-log-sec img {

        margin: 0 auto;

        display: block;

        float: none;

    }

     .header-log-sec .h2,  .header-log-sec h2 {

        font-size: 20px;

    }

    .headUl {

        float: none;

        padding: 5px;

        margin: 0;

        line-height: 30px;

        text-align: center;

    }

    .marqueewrap {

        padding: 10px 0;

    }

    .footerLink li {

        display: block;

        text-align: center;

        margin-bottom: 10px;

    }

    .footerLink li:after {

        content: '';

        text-align: right;

        color: #fff;

    }

    .footerCopy li {

         color: #fff;  

        font-family: 'Source Sans Pro', sans-serif;

        font-weight: 400;

        font-size: 13px;

        text-align: center;

    }

    .newIc {

        background: url('../images/newIc.png') no-repeat;

        width: 58px;

        height: 58px;

        position: absolute;

        top: -11px;

        right: -5px;

    }

    /*.nopaddingL {

       padding-right: 15px;

        padding-left: 15px;

    }

    .nopaddingR {

       padding-right: 15px;

        padding-left: 15px;

    }*/

    .learnBtn, .learnBtn:hover {

        width: 55%;

        padding: 15px 25px;

        color: #fff;

        background: #26a0d0;

        border: 1px solid #26a0d0;

        display: block;

        margin: 10px auto;

        text-decoration: none;

        text-align: center;

        white-space: nowrap;

    }

    .feedwrapTitle h1 {

            margin: 0;

            padding: 20px 10px 18px;

            font-size: 20px;

    }

    .feedwrapTitle {

        background: #3f3349;

        display: block;

        width: 100%;

        float: left;

    }

    .vidwrapper ul li {

        margin-bottom: 15px;

    }

    .navbar-toggle {

        position: relative;

        float: right;

        padding: 9px 10px;

        margin-top: 8px;

        margin-right: 0;

        margin-bottom: 8px;

        background-color: #000222;

        background-image: none;

        border: 1px solid #000222;

        border-radius: 4px;

    }

    .navbar-toggle .icon-bar {

        display: block;

        width: 22px;

        height: 2px;

        border-radius: 1px;

        background: #fff;

    }

    .navbar-nav {

        margin: 0;

    }

	    .keyWrap ul li {

    display: block;

    min-height: 75px;

    float: left;

    width: 50%;

    margin-bottom: 0;

}

}



/***************************************************/

#horizontalTab {

   /* background: #e7e7e7;*/

}

#horizontalTab1 {

   /*background: #e7e7e7;  */

}

ul.resp-tabs-list,

p {

  margin: 0px;

  padding: 0px;

}

.resp-tabs-list {

     background-color: #ed7b09;

    background-image: linear-gradient(#ed7b09, #ed7b09);

    height: auto;

    min-height: 59px;

}

.resp-tabs-list li {

	color: #fff;

font-size: 20px;

display: inline-block;

padding: 13px 15px;

margin: 0 15px;

list-style: none;

cursor: pointer;

float: left;  

}

.innerwrap1 .resp-tabs-list {

	color: #fff;

     background-color: #3f3349;

    background-image: linear-gradient(#3f3349, #3f3349);

    height: auto;

    min-height: 59px;

}

.innerwrap1 .noticeDescwrp{

	background-color: #fff;

}

.innerwrap1 .noticeDescwrp:nth-child(odd){

	background-color: #f2f2f2;

}

.resp-tabs-list-1 li {

font-size: 20px;

display: inline-block;

padding: 13px 15px;

margin: 0 15px;

list-style: none;

cursor: pointer;

float: left;  

}





.resp-tabs-container {

  padding: 0px;

  background-color: #fff;

  clear: left;

}



h2.resp-accordion {

  cursor: pointer;

  padding: 5px;

  display: none;

}



.resp-tab-content {

  display: none;

  padding: 15px;

}



.resp-tab-active {

  border-bottom: none;

  margin-bottom: 0 !important;

  padding: 12px 14px 14px 14px !important;

    border-bottom: 5px solid #fff !important;

  border-top: 0;

  border-left: 0;

    border-right: 0;

}

.innerwrap1 .resp-tab-active {

  border-bottom: none;

  margin-bottom: 0 !important;

  padding: 12px 14px 14px 14px !important;

    border-bottom:none !important;

  border-top: 0;

  border-left: 0;

    border-right: 0;

}

resp-tab-item {

     border-bottom: 5px solid #e5e5e5

}



/*.resp-tab-active {

  border-bottom: 5px solid #000;

  border-top: 0;

  border-left: 0;

    border-right: 0;

  background-color: #e5e5e5;

}*/

.dropdown:hover .dropdown-menu {



    display: block;

}



.resp-content-active,

.resp-accordion-active { display: block; }



.resp-tab-content { border: 1px solid #c1c1c1; }





#horizontalTab1 .resp-tab-content { padding: 0 !important; }

#horizontalTab1 .resp-tab-content{

	background-color: #fff;

}

h2.resp-accordion {

    background: #3f3349;

    color: #fff;

  font-size: 13px;

  border: 1px solid #c1c1c1;

  border-top: 0px solid #c1c1c1;

  margin: 0px;

  padding: 10px 15px;

}



h2.resp-tab-active {

  border-bottom: 0px solid #c1c1c1 !important;

  margin-bottom: 0px !important;

  padding: 10px 15px !important;

}



h2.resp-tab-title:last-child {

  border-bottom: 12px solid #c1c1c1 !important;

  background: blue;

}



/*-----------Vertical tabs-----------*/



.resp-vtabs ul.resp-tabs-list {

  float: left;

  width: 30%;

}



.resp-vtabs .resp-tabs-list li {

  display: block;

  padding: 15px 15px !important;

  margin: 0;

  cursor: pointer;

  float: none;

}



.resp-vtabs .resp-tabs-container {

  padding: 0px;

  background-color: #fff;

  border: 1px solid #c1c1c1;

  float: left;

  width: 68%;

  min-height: 250px;

  border-radius: 4px;

  clear: none;

}



.resp-vtabs .resp-tab-content { border: none; }



.resp-vtabs li.resp-tab-active {

  border: 1px solid #c1c1c1;

  border-right: none;

  background-color: #fff;

  position: relative;

  z-index: 1;

  margin-right: -1px !important;

  padding: 14px 15px 15px 14px !important;

}



.resp-arrow {

  width: 0;

  height: 0;

  float: right;

  margin-top: 3px;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 12px solid #c1c1c1;

}



h2.resp-tab-active span.resp-arrow {

  border: none;

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-bottom: 12px solid #9B9797;

}



/*-----------Accordion styles-----------*/



h2.resp-tab-active { background: #3f3349 !important;color: #fff; }



.resp-easy-accordion h2.resp-accordion { display: block; }



.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }



.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

#tab-section .resp-tab-content-active{

	background-color: #fff;

    overflow-y: scroll;

    height: 355px;

}



.resp-jfit {

  width: 100%;

  margin: 0px;

}



.resp-tab-content-active { display: block; width: 100%; float: left;}



h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 768px) {



ul.resp-tabs-list { display: none; }



h2.resp-accordion { display: block; }



.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }



.resp-vtabs .resp-tabs-container {

  border: none;

  float: none;

  width: 100%;

  min-height: initial;

  clear: none;

}



.resp-accordion-closed { display: none !important; }



.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

}





.underLine {

    width: 100%;

    background: #000;

    height: 2px;

    margin-bottom: 15px;

}

.bs-example {

    display: inline-block;

    float: right;

    min-width: 30%;

    width: auto;

}

.breadcrumb {

    padding: 8px 15px;

    margin-top: 17px;

    list-style: none;

    background: transparent !important;

    border-radius: 0;

    font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

    float: right;

}

.breadcrumb > .active {

    color:#010439;

    text-transform: uppercase;

}

.breadcrumb a {

    color:#010439;

}

.UpcomingEventwrap {

    width: 100%;

    position: relative;

    display: block;

    min-height: 150px;

    vertical-align: top;

}

.UpcomingEventwrapCa {

   width: 100%;

    position: relative;

    display: block;

    min-height: 150px;

    vertical-align: top; 

    margin-bottom: 25px;

	height: 500px;

	overflow:auto;

}

.rightSideHeader {

    color: black;

    width: 100%;

    display: block;

    height: 40px;

    padding: 10px;

}

.rightSideHeader span {

    margin-right: 10px;

}

.eventDesc {

    padding: 20px;

}

.eventDesc ul {

    list-style-type: none;

    padding: 0;



}

.eventDesc ul li {

    margin-bottom: 20px;

}

.eventDescCa ul li .descWrap img{

    opacity: 0.5;

}

.eventDescCa ul li:hover .descWrap img{

    opacity: 1;

}

.eventDescCa ul {

    list-style-type: none;

        margin-bottom: 0 ;

   

}

.eventDescCa ul li {

    border-bottom: 1px solid #d9d9d9;

     padding: 10px;

}

.eventDescNews ul {

    list-style-type: none;

        margin-bottom: 0 ;

   

}

.eventDescNews ul li {

     padding: 10px;

}



.IconEvent {

    width: 17px;

    height: 19px;

    background: url('../images/upcomingEventsIc.png') no-repeat;

    display: block;

    float: left;

}

.IconEventcareer {

    width: 18px;

    height: 16px;

    background: url('../images/careerIC.png') no-repeat;

    display: block;

    float: left;

}

.IconEventcareerI {

    width: 18px;

    height: 16px;

    background: url('../images/careerI.png') no-repeat;

    display: block;

    float: left;

}

.IconNews {

    width: 17px;

    height: 19px;

    background: url('../images/newIc1.png') no-repeat;

    display: block;

    float: left;

}

.descWrap {

    position: relative;

}

.desctext {

    position: absolute;

    left: 15px;

    bottom: 5px;



}

.eventTilte {

    color: #fff;

    font-size: 13px;

}

.eventDate {

    color: #fff;

     font-size: 13px;

}

.viewAlllink , .viewAlllink:hover {

    background: #000222;

    color: #fff;

    text-align: center;

    font-size: 16px;

    display: block;

    padding: 5px;

    text-transform: uppercase;

    text-decoration: none;

}

.UpcomingEventwrap {

    margin-bottom: 35px;

}

.careerDesc {

   width: 92%;

display: inline-block;

margin-left: 5px;

}

.f-14 {

    font-size: 14px;

}

.f-13 {

    font-size: 13px;

}

.f-25 {

    font-size: 30px;

	font-weight: 500;

}

.f-30 {

    font-size: 30px;

}

.f-16 {

    font-size: 16px;

}

.color-grey {

    color: #6e6e6e;

}

.nav.supercelltab  > li > a {

    position: relative;

    display: block;

    padding: 0;

}

.nav-tabs.supercelltab > li > a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 0px solid transparent;

    border-radius: 0;

}

.nav-tabs.supercelltab > li.active > a, .nav-tabs.supercelltab > li.active > a:focus, .nav-tabs.supercelltab > li.active > a:hover {

    color: #555;

    cursor: default;

    background: #26a8dd;

    border:none;

}

#lat-news li:hover{

    /*background-color:rgba(96, 115, 123, 0.24);*/

}

.supercelltab li {

    width: 49.5%;

    padding: 20px;

}

.supercelltab li.active{

  background: #26a8dd;  

}

.supercelltab li p {

   color: #000222;   

}

.supercelltab li .domIc {

    width: 55px;

    height: 55px;

    display: block;

    background: url('../images/IconTab1.png') no-repeat;

    background-position: 0 0;

    margin: 0 auto;

 

}

.supercelltab li.active .domIc {

    width: 55px;

    height: 55px;

    display: block;

    background: url('../images/IconTab1.png') no-repeat;

    background-position: 97% 0;

    margin: 0 auto ;

}

.supercelltab li.active p {

    color: #fff;

}

.supercelltab li .selfIc {

    width: 61px;

    height: 55px;

    display: block;

    background: url('../images/IconTab2.png') no-repeat;

    background-position: 0 0;

    margin: 0 auto 10px;

 

}

.supercelltab li.active .selfIc {

    width: 61px;

    height: 55px;

    display: block;

    background: url('../images/IconTab2.png') no-repeat;

    background-position: 97% 0;

    margin: 0 auto 10px;

}

.supercelltab li.active:after {

    position: absolute;

    content: url('../images/arrowdropIc.png');

    width:11px;

    height: 13px;

    bottom: -11px;

    left: 49%;

}

#menu1 ol {

    padding-left: 15px; 

    margin-top: 15px;

}

.slwrap {

    list-style-type: none;

    padding: 0;

}

.slwrap li {

    padding: 0;

    margin: 0 20px 20px;

}

.responsive_gal .slick-slide img { 

    width: 100%;

}



.subLine {

    width: 95%;

    height: 2px;

    margin: 10px 0;

    background: #a0a1ad;

}







@media all and (max-width: 667px) {



    .modi{position:absolute;z-index:999999;left:46%;display: none;}

    .description{

			position:absolute; 

			top: 20px;

			z-index:999999; 

			padding:5px; 

			text-align:center;

			font-size:15px;

			left:0%;

			margin-left:-90px;

			width:100%;

            

    }

    .modi-mobile{position:absolute;z-index:999999;left:30%;display: block !important}

    .c-open{position:absolute; top:400px;left:48%;display:none;}

    .text{position:absolute; top:350px;width:70%;color:#fff;left:30%;font-size:14px;text-align:center;display:none;}

    .left-div{width:50%;position:absolute;left:0;background:url('../images/mob-l.jpg') center right no-repeat;height:1000px;z-index:9999; }

    .right-div{width:50%;position:absolute;right:0;background:url('../images/mob-r.jpg') center left no-repeat;height:1000px;z-index:9998;}

   

}





@media screen and (max-width: 768px){

    .dropdown-menu {

        background-color: #fff;

    }

    .barti-logo-text{

        text-align: center;

        width: 100% !important;

    }

    .careerDesc {

        width: 90%;

        display: inline-block;

        margin-left: 5px;

    }

    .bs-example {

        display: inline-block;

        float: right;

        width: 100%;

    }

}

.cf tr th{

    text-align: center;

    position: relative;

}

.cf tr th:after {

    position: absolute;

    content: url('../images/tabledroparr.png');

    width:15px;

    height:11px;

    bottom: -7px;

    left: 48.5%;

}



.cf {

    background-color: #e7e7e7;

background-image: linear-gradient(#e7e7e7, #e7e7e7 );

}



.sn {

    width: 5%;

}

.ti {

    width: 70%;

}

.down {

    width: 12%;

    font-weight: 600;

}

.dat {

    width: 12%;

    font-weight: 600;

}

#no-more-tables table tbody tr td p , #no-more-tables table tbody tr td , #no-more-tables table tbody tr {

    color: #000222;

    padding: 5px;

}

.pdfIc {

    background: url('../images/pdfic.jpg') no-repeat;

    width: 17px;

    height: 17px;

    display: inline-block;

    vertical-align: bottom;

}

.cat-speaker {

     background: url('../images/speakeric.png') no-repeat;

    width: 29px;

    height: 29px;

    display: block;

    margin: 0 auto;

    vertical-align: bottom;

}

.cat-desk {

     background: url('../images/compIc.png') no-repeat;

    width: 29px;

    height: 23px;

    display: block;

    margin: 0 auto;

    vertical-align: bottom;

}

.cat-ad {

     background: url('../images/ad.png') no-repeat;

    width: 29px;

    height: 30px;

    display: block;

    margin: 0 auto;

    vertical-align: bottom;

}

.viewMorebtn ,.viewMorebtn:hover {

    padding: 10px 35px;

    color: #fff;

    text-align: center;

    display: block;

    margin: 5% auto;

    float: none;

    background: #26a0d0;

    border-left: 4px solid #000222;

    width: 25%;

     font-family: 'Lato', sans-serif;

    font-weight: 700;

    text-decoration: none;

}

@media only screen and (max-width: 800px) {

    .vlearnBtn, .vlearnBtn:hover {

        width: auto;

        padding: 15px 25px;

        color: #fff;

        background: #26a0d0;

        border: 1px solid #26a0d0;

        display: block;

        margin: 15px;

        text-decoration: none;

        text-align: center;

        float: right;

        white-space: nowrap;

    }

    .nopaddingL {

        padding: 0 !important;

    }

    .nopaddingR {

        padding: 0 !important;

    }

    .feedwrap {

        display: block;

        float: left;

        width: 100%;

        margin-top: 15px;

        padding: 0 !important;

    }

    .feed-wrap {

        padding: 0;

        display: block;

        float: left;

         width: 100%;

    }

    .eventBox {

       padding: 0;

        display: block;

        float: left;

    }

    .quotewrap {

        padding: 0;

        display: block;

        float: left;

    }

    /* Force table to not be like tables anymore */

	#no-more-tables table, 

	#no-more-tables thead, 

	#no-more-tables tbody, 

	#no-more-tables th, 

	#no-more-tables td, 

	#no-more-tables tr { 

		display: block; 

	}

 

	/* Hide table headers (but not display: none;, for accessibility) */

	#no-more-tables thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

 

	#no-more-tables tr { border: 1px solid #ccc; }

 

	#no-more-tables td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

		white-space: normal;

		text-align:left;

	}

    .cf-1 {

        padding: 0 !important;

    }

     #no-more-tables table tbody tr td {

        padding:5% 0 5% 50%;

    }

	#no-more-tables td:before { 

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 16px;

		left: 6px;

		width: 45%; 

		padding-right: 10px; 

		white-space: nowrap;

		text-align:left;

		font-weight: bold;

	}

	

 

	/*

	Label the data

	*/

	#no-more-tables td:before { content: attr(data-title); }

}

.input-box .form-control {

 border-radius: 0;

    margin-bottom: 10px;

}

.input-box .label-input {

    font-size: 14px;

    color: #010439;

}

.input-box  i {

    position: absolute;

    top: 14px;

    right: 20px;

}

.input-box textarea.form-control {

 border-radius: 0;

    margin-bottom: 10px;

    min-height: 100px;

    resize: none;

}

.submitBtn {

    background: #010439;

    color: #fff;

    border: none;

    outline: none;

    padding: 10px 35px;

    position: relative;

}

.address {

    margin-top: 30px;

}

.address p {

    color: #0C1A66;

    margin-bottom: 10px;

    font-family: 'Lato', sans-serif;

    font-weight: 400;

}

.address p:first-child {

    font-size: 18px;

    margin-bottom: 10px;

    font-family: 'Lato', sans-serif;

    font-weight: 700;

}

.map iframe {

    margin-bottom: 15px;

    width: 100%;

    height: 315px;

}





/**************************************/

.keyWrap {

    background: transparent;

    padding: 0 30px;

    /*min-height: 365px;*/

	

}

.keyWrap ul {

    padding: 0;

    list-style-type: none;

}

.keyWrap ul li {

   

    display: block;

    min-height: 75px;

    float: left;

    width: 100%;

    margin-bottom: 8px;

}

.keyWrap ul li.imgBox{

    padding: 0 10px;

}

.keyWrap h1 {

    margin: 0;

    padding: 0;

}

.keyWrap ul li img {

     border: 1px solid #26a0d0; 

	 

}

.padTo5per {

    padding-top: 0%;

}

.keyWrap p:first-child {

   color:#636466;font-family: 'Lato', sans-serif; font-weight: 700; font-size: 16px;

}

.keyWrap p {

    color:#636466;font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px;

}

.keyWrap ul li a {

    display: block;

    color: inherit;

}

.kpImg img {

    margin-bottom: 10px;

}

.kpDesc {

    padding: 10px;

    color: #fff;

    background: #010439;

    text-align: center;

}



.bulletText  {

    list-style-type: none;

}



.biodataList li {

    margin-bottom: 10px;

    vertical-align: top;

     display: inline-block;

}



.biodataList li:nth-child(odd) {

    width: 25%;

    max-width: 250px;

    margin-right: 18px;

}

.biodataList li:nth-child(even) {

    width: 70%;

    margin-right: 0;

}

.keyPersonTitle {

     color:#010439;font-family: 'Lato', sans-serif; font-weight: 700; 

}

.bulletText li:before {

       content: '\f101';

    position: absolute;

    top: 0;

    left: 0;

    font-family: FontAwesome;

    color: #010439;

    font-weight: 700;

    padding-left: 0;

}

.bulletText li {

        position: relative;

    padding-left: 2%;

    margin-bottom: 5px;

   

}

@media screen and (max-width: 991px){

    

    .textK  {

        text-align: center;

    }

	.keyWrap ul li {

    display: block;

    min-height: 75px;

    float: left;

    width: 50%;

    margin-bottom: 8px;

}



    .keyWrap ul li img {

    border: 1px solid #26a0d0;

    margin: 0 auto;

}

    .biodataList li {

    margin-bottom: 10px;

    vertical-align: top;

     display: inline-block;

}



.biodataList li:nth-child(odd) {

    width: 100%;

    margin-right: 0;

}

.biodataList li:nth-child(even) {

    width: 100%;

    margin-right: 0;

}

    .bulletText li::before {

    content: '\f101';

    position: relative;

    top: 0;

    left: 0;

    font-family: FontAwesome;

    color: #010439;

    font-weight: 700;

    padding-right: 10px;

}

}

.fontFix , .fontFix p {

    font-family: 'Lato', sans-serif; font-weight: 300;     font-size: 16px;

}



@media screen and (min-width:1025px) and (max-width: 1366px){

    .keyWrap ul li {

    display: block;

    min-height: 70px;

    float: left;

    width: 100%;

    margin-bottom: 0;

}

	.keyWrap ul li img {

     border: 1px solid #26a0d0; 

	 width:90%;

	 

}

	.keyWrap p:first-child {

	   color:#636466;font-family: 'Lato', sans-serif; font-weight: 700; font-size: 12px;

	}

	.keyWrap p {

    color:#636466;font-family: 'Lato', sans-serif; font-weight: 400; font-size: 10px;

    }

}

@media screen and (min-width:1280px) and (max-width: 1366px){

	

	.keyWrap {

		height: 300px;

		/*overflow:auto;*/

	}

		.keyWrap h4 {

		font-size:14px;

	}

	.keyWrap ul li img {

     border: 1px solid #26a0d0; 

	 width:90%;

	 

}

	.keyWrap p:first-child {

	   color:#636466;font-family: 'Lato', sans-serif; font-weight: 700; font-size: 12px;

	}

	.keyWrap p {

    color:#636466;font-family: 'Lato', sans-serif; font-weight: 400; font-size: 10px;

    }

	}

	@media screen and (min-width:1024px) and (max-width: 1279px){

	

	.keyWrap {

		height: 235px;

		/*overflow:auto;*/

	}

	.keyWrap ul li {

   

    display: block;

    min-height: 47px;

    float: left;

    width: 100%;

    margin-bottom: 8px;

}

			.keyWrap h4 {

		font-size:12px;

	}

	.keyWrap ul li img {

     border: 1px solid #26a0d0; 

	 width:90%;

	 

}

	.keyWrap p:first-child {

	   color:#636466;font-family: 'Lato', sans-serif; font-weight: 700; font-size: 11px;

	}

	.keyWrap p {

    color:#636466;font-family: 'Lato', sans-serif; font-weight: 400; font-size: 10px;

    }

	.nav > li > a {

		position: relative;

		display: block;

		padding: 10px 10px !important;

	}

	.navbar-nav {

		margin-left: 0 !important;

		float: none;

		margin: 0 auto;

		text-align: center;

	}

	}

	

	

	

	@media screen and (max-width: 991px){

		.keyWrap ul li {

			display: block;

			min-height: 75px;

			float: left;

			width: 50%;

			margin-bottom: 8px;

		}

	}

	

	@media screen and (max-width: 480px){

		.keyWrap ul li {

			display: block;

			min-height: 75px;

			float: left;

			width: 100%;

			margin-bottom: 8px;

		}

	}

	.side-arrow {

		background: #4e78cc;

		border-radius: 10px;

		padding: 20px 5px;

		border: 1px solid #000;

		margin-bottom: 10px;

    min-height: 92px;

	}

	.side-arrow p {

		color: #fff;

		text-align: center;

		font-size: 18px;

		

	}

	.right-circle {

		border: 1px solid #000;

		padding: 5px 20px;

		min-height: 92px;

		border-radius: 10px;

	}

	

	