/* banner */
#banner-outer {width: 100%; max-width: 1920px; overflow: hidden; margin-top: 123px;}
#banner {width:calc(100% - 10%);margin:0 5%;position: relative; height: calc(100vh - 123px); max-height:850px;}
#banner:after {content: ''; width: calc(100% - 95px); height: 370px; position: absolute; left: -95px; bottom: 0; background-color: #000; z-index: -1;}
#banner:before {content: ''; width: 615px; height: 110px; background-color: #00acee; position: absolute; right: -95px; bottom: 0;}
#banner .bg {position: absolute; width: 100%; height: calc(100% - 110px); background-color:#00acee;}
#banner .bg:after {content: ''; width: 330px; height: 100%; background-color: #000; position: absolute; right: 0; top: 0;}
#banner .bx-wrapper, #banner .bx-viewport {height: 100% !important;}
#banner .bx-wrapper .bx-viewport{background-color: transparent;}
#banner ul.slides {margin:0; padding: 0; list-style: none; height: 100%;}
#banner ul.slides li {height: 100% !important;}
#banner ul.slides li .container{display: table;height: 100%;position: relative;z-index: 1;}
#banner ul.slides li .container .banner-text{display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding-top: 0;}
#banner ul.slides li .container .banner-text > div {color: #fff;text-align: left;position: relative;max-width:785px;}
#banner ul.slides li .container .banner-text > div:before1{content:"";background-image:url(../images/baba-saheb-ambedkar-pic.png);width:134px; height:178px;background-repeat: no-repeat; display: inline-block; position: absolute; top: -100px; left: 0;}

#banner ul.slides li .container .banner-text .small{font-family: 'liberation_serifitalic';padding-left: 140px;font-size:251%;display:block;}
#banner ul.slides li .container .banner-text .big{font-family: 'liberation_serifbold_italic';font-size:525%;color:#ffffff;margin:10px 0 50px;line-height:100%;display:block;}
#banner ul.slides li .container .banner-text .name{font-family: 'liberation_serifitalic';font-size: 111%;}
#banner ul.slides li .container .banner-text .name:before{content: "";width:25px;height: 1px;background-color: #ffffff;position: relative;left: -10px;display: inline-block;vertical-align: middle;}

.jm-wrapper{position: absolute; max-width: 1920px; margin: 0 auto; height: 100vh; bottom: 0; right: 0;}
.jm-img-container{position: absolute;right:155px;bottom:0;z-index: 9; overflow: hidden; width: 1920px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display: none;}

/* about us */
/*#about-me{margin-top: 100px;}*/
#about-me h2.title{margin:0;font-size:360%;}
#about-me .quote-block{background-color:#00acee;padding:70px 80px 45px 50px;margin:-14px 0 0 -15px;}
#about-me .quote-block span{width:65px;height:2px;background-color: #000000;display: inline-block;margin-bottom: 30px;}
#about-me .quote-block h4{font-family: 'liberation_serifbold_italic';font-size: 267%;color:#000000;}

#about-me .about-content{margin: 55px 0 0 -30px;}
#about-me .about-content p{font-weight:300;line-height:normal;margin-bottom: 20px;}




/*#tweets .tweets-link{overflow:hidden;}*/
#activity h2.title{color: #fff;text-shadow:-1px -1px 0 #00acee,1px -1px 0 #00acee,-1px 1px 0 #00acee,1px 1px 0 #00acee;}
#activity .activity-block{margin:20px 0 30px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);text-shadow1: 0px 5px 10px rgba(0, 0, 0, 0.3);}
#activity .activity-block .main-info{background-color: #00acee;color:#ffffff;}
#activity .activity-block .main-info .activity-date{color:#000;}
#activity .activity-block .view-more{color:#ffffff;}
#activity .activity-block .view-more:before{background-color:#000;}

#activity .activity-block .main-info{border:none;}
#activity .activity-block .activity-pic{border:none;}


#quotes{}
#quotes .quote-pic{position: relative;  max-width: 305px; padding: 25px;}
#quotes .quote-pic:before{content: ""; width: calc(100% - 50px); height: 100%; position: absolute; left: 0; top:0; background-color: #000;z-index: 1; }
#quotes .quote-pic img{position: relative; z-index: 2; width: auto;}
#quotes .quote-content{padding-left1: 60px;}
#quotes .quote-content h4{font-family: 'liberation_serifbold_italic';font-size: 267%;color:#000;margin:25px 0 60px;}
#quotes .quote-content .name{font-family: 'liberation_serifitalic';font-size: 140%;color:#fff; position: relative; padding-left: 30px;}
#quotes .quote-content .name:before{content: ""; width: 25px; height: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #fff;}

#quotes-slider{margin: 0; padding: 0; list-style: none; overflow: hidden;}
#quotes-slider .owl-dots{text-align: right; position: absolute; right: 0; bottom: 0;}
#quotes-slider .owl-dots .owl-dot{width: 11px; height: 11px; border: 1px solid #000; display: inline-block; margin: 0 0 0 14px; border-radius: 50%;}
#quotes-slider .owl-dots .owl-dot.active{background-color: #000;}

/*#quotes{max-height:834px;background-size: cover;background-position: center center;position: relative;height: 100%;vertical-align: middle; padding: 0;}
#quotes:before {content: "";background: #fff;height: 75px;display: block;position: absolute;top: 0;left: 0;right: 0;}
#quotes .img-wrap{position: relative; left: -15px;}
#quotes .img-wrap img1{max-width:1052px;max-height:958px;}
#quotes .img-wrap img{max-width: 80%;}

#quotes .row{display: table;width:100%;}
#quotes .row [class^="col-"] {display: table-cell;vertical-align: middle;float: none;}

#quotes .quote-block{padding-top: 75px;}
#quotes .quote-content{max-width:445px;}
#quotes .quote-content h4{font-family: 'liberation_serifbold_italic';font-size: 267%;color:#ffffff;margin-bottom: 30px;}
#quotes .quote-content p{color: #ffffff;}*/