.lock{position: absolute;right: 30px; width: 35px !important; height: 35px !important;}
body, html { height: 100%; margin: 0; }
.img-responsive{ max-width: 100%; width: auto; }
.loading{ position: fixed; top: 0; bottom: 0; z-index: 1;position: fixed;margin: auto;left: 0;height: 200px; }
header{ position: relative; }
.side-space{
  background-image: url("../images/bg.jpg");
  min-height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.news-side-space{
  min-height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.news-side-space a{
  overflow-wrap: break-word;
  text-align: center;
  color: #1e66b3;
}
.news-side-space img{
  cursor: pointer;
  width: 80%;
  margin-top: 20px;
  text-align: center;
}
.title{ float: left; position: absolute; bottom: 0; width: -webkit-fill-available;}
.main{height: 100%;}
.center-div{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 500px;height: 500px;}
.title-video .tweebirthimg img{width: 50px; float: left; margin-right: 5px; margin-top: -10px;}
.title-video .tweebirthimg h3{padding-top: 0px;}

/*comman */
.bookmarkmsg{position: absolute;top: 40px; opacity: 1; animation: fadeout 1s ease-in-out 0s forwards;animation-delay: 3s;}
a:hover{text-decoration: none;}
.center-text{text-align: center;}
.nav{display: inline-flex;}
.tab-content{margin-top: 25px;}
.tab-pane{padding: 0px;}
.nav-tabs{border-bottom: none;}
.nav-pills .nav-link{color: #634714;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-image: linear-gradient(to top, #0061b9, #107ac6, #3392d0, #57a9d8, #7bc0e0);}
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar{
  width: 12px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: lightgray;
}
.topspace{margin-top: 20px;}
.topspace-2{margin-top: 10px;}
.topspace-3{margin-top: 50px;}
.tweecolor{color: #8a7a5d; font-weight: bold; margin-bottom: 0px;}
.tweecolor-2{color: #8a7a5d; margin-bottom: 0px; font-size: 18px;}
.tweecolor-3{color: #1da1f2; font-weight: bold;}
.text-box{background-color: #fff; color: #000; border-radius: 15px; padding: 20px;}
.text-box-padding{overflow-y: auto; text-align: justify;padding-right: 10px;}

.mr-shlok, .en-shlok{ display: inline-flex;}
.protagonist-shlok .en-shlok img{width: 90%; margin-top: 20px;}

.title{display: inline-flex;}
.title h3, .title h4{margin-bottom: 0px;}
.title div{width: 100%;}
.title .icon{width: 50px;height: 60px;}
.title .icon-2{width: 80px;height: 80px;}
.title .icon-3{width: 65px;height: 65px;}

.box1{background-color: rgba(229, 224, 227, 0.5);}
.box2{background-color: rgba(244, 208, 214, 0.5);}
.box3{background-color: rgba(212, 225, 197, 0.5);}
.box4{background-color: rgba(245, 213, 178, 0.5);}
.box5{background-color: rgba(247, 237, 169, 0.5);}
.box6{background-color: rgba(188, 212, 210, 0.5);}

.being-essence .essencelink p{ overflow-wrap: break-word; color: blue;}
.being-essence sup{color: blue; font-weight: bold;}

/* form */
.form-control{background-color: #EBE0CB; border-radius: 10px; border: none;}
input.submit {
  background-image: linear-gradient(to top, #0061b9, #107ac6, #3392d0, #57a9d8, #7bc0e0);
  color: #fff;
  border: navajowhite;
  padding: 8px 15px;
  border-radius: 5px;
}
.has-error .help-block{color: #a50000}
.activepglink{animation: beat .45s infinite alternate; cursor: pointer;}
.activepglink a, .notactive a{color: #fff;}
@keyframes beat{to { transform: scale(1.05); }}

.notactive{cursor: pointer;}
#direction .modal{top: 30%;}
twitter-widget{margin-top: 0px;}

/* login page*/
.coverpg{ 
  animation: fadeInOut 1s ease-in-out 0s forwards; 
  animation-delay: 4s; 
  animation-duration: 10s; 
  opacity: 0;
  position: fixed; 
  top: 0;
  bottom: 0;
}
.newspg{ 
  animation: fadeIn 1s ease-in-out 0s forwards;
  animation-duration: 10s; 
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
}
.newsbganim{ animation: fadeIn 1s ease-in-out 0s forwards; animation-delay: 4s; opacity: 0; }
.loginbg{ animation: fadeIn 1s ease-in-out 0s forwards; animation-delay: 10s; opacity: 0; }
.loginbg .main{animation: fadeInUp 2s ease-in-out 0s forwards; animation-delay: 10s; opacity: 0;}
.tl{ display: flex; justify-content: center; align-items: center; height: 100vh; }
.tl .box{ border-radius: 15px; background-color: #FFFAF1;}
.tl .box .logo{margin-bottom: 30px;}
.tl .f_pass{color: #000;float: left;}
.sl {width: 100%;margin-top: 20px;}
.sl .btn{
  width: 100%;
  font-weight: 600;
  border-radius: 10px;
  background-color: #EBE0CB;
  color: #634714;
}

/* navigation buttons */
.navigation{position: absolute;bottom: 0;}
.navigation1 button{margin-bottom: 0px !important; margin-top: 15px;}
.navigation button, .navigation1 button{
  background-image: linear-gradient(to top, #0061b9, #107ac6, #3392d0, #57a9d8, #7bc0e0);
  border: none;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 5px 10px;
  width: max-content;
  margin-bottom: 15px;
}
.navigation button a, .navigation1 button a{color: #fff;}
.navigation button:nth-child(1), .navigation button:nth-child(2){margin-right: 10px;}
.navigation button img, .navigation1 button img{margin-top: -3px; }
.navigation button span, .navigation1 button span{padding-left: 1px; }
.navigation .left, .navigation .right{display: flex;}
.navigation .right{float: right;}
.navigation .left{float: left;}



/**/

/* Home */
#timeline .col-4 { margin: 15px 0px;display: table;}
#timeline .box {
  background: #B0A38B;
  border-radius: 15px;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#timeline .box img {margin-bottom: 20px;}
#timeline .box a{color: #fff;}
/* END home */

/* protagonist */
.protagonist-shlok{display: flex; vertical-align: middle;}
.protagonist-shlok .profile img{border-radius: 50%;margin-top: 20px;}
.animation-div{position: absolute;left: 0;right: 0;top:0;bottom: 0; margin: auto;height: 500px;}
.animation-profile .row{display: contents;}
.animation-profile .profile{text-align: right;}
.animation-profile .profile img{border-radius: 50%;border:7px solid #8a7a5d;margin-top: 20px; text-align: center;}
.animation-profile{display: flex;opacity: 1; animation: fadeout 1s ease-in-out 0s forwards;animation-delay: 3s;}
.animation-profile .icon{width: 50px;height: 60px;margin-bottom: 10px;}
.animation-profile .icon-2{width: 100px;height: 100px;margin-bottom: 10px;}
.protagonist-info, .inspiration-info{
  opacity: 0;
  animation: fadeInUp 1s ease-in-out 0s forwards;
  animation-delay: 3.5s;
  pointer-events: none;
}

/* END protagonist*/

/* being anand mahindra */
.being .box{border-radius: 15px;}
.being .box a{color: #000 !important;}
.being .box .icons{width: 60px;height: 60px;margin-bottom: 15px;}
.animation-being-shlok{opacity: 1; animation: fadeout 1s ease-in-out 0s forwards;animation-delay: 3s;}
.being-shlok{  margin-top: -100px;position: absolute;left: 0;right: 0;top: 0;}
.being-shlok .icons{width: 130px;}

.shlok .title h3{margin-top: 20px; margin-left: 10px;} 
.essence .title div{margin-left: 15px;}
.super-six .title div{margin-left: 15px;}
.super-stats .title div{margin-left: 15px; padding-top: 0px;}

.head-color{font-weight: bold;}

.being1 .title.col-4{margin-bottom: 35px;}
.being1 .box{background-color: #9288bd !important;}
.being1 .supersix-parameter{background-color: #b2a9d4; padding: 10px;}
.being1 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being1 .supersix-parameter li{background-color: #7d71b1 !important;}
.being1 .head-color{color: #7d71b1; font-weight: bold;}
.being1 .super-six-tweets .col-4 img{margin-top: -30px;}
.being1 .super-six-tweets h5{margin-top: 70px; margin-left: 20px;}
.being1 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being1 .super-six-tweets.tweet6 .icon{width: 140px;}
.being1 .super-six-tweets.tweet6 h5{margin-top: 80px; margin-left: 40px;}
.being1 .super-six-tweets.tweet6 .col-5 h5{text-align: right; margin-left: 0px;}
.being1 .row.basketstats .stat1 .stat_box .count{background-color: #b3aed6;}
.being1 .row.basketstats .stat2 .stat_box .count{background-color: #9b94c8;}
.being1 .row.basketstats .stat3 .stat_box .count{background-color: #9b94ca;}
.being1 .row.basketstats .stat4 .stat_box .count{background-color: #7371b2;}
.being1 .row.basketstats .stat5 .stat_box .count{background-color: #5c5098;}
.being1 .row.basketstats .stat6 .stat_box .count{background-color: #5c4fa1;}

.being2 .title.col-4{margin-bottom: 35px;}
.being2 .box{background-color: #f57a3e !important;}
.being2 .supersix-parameter{background-color: #f88044; padding: 10px;}
.being2 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being2 .supersix-parameter li{background-color: #f56624 !important;}
.being2 .head-color{color: #f56624;}
.being2 .super-six-tweets .col-4 img{margin-top: -30px;}
.being2 .super-six-tweets h5{margin-top: 50px; margin-left: 20px;}
.being2 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being2 .row.basketstats .stat1 .stat_box .count{background-color: #faa883;}
.being2 .row.basketstats .stat2 .stat_box .count{background-color: #f77f4a;}
.being2 .row.basketstats .stat3 .stat_box .count{background-color: #f18151;}
.being2 .row.basketstats .stat4 .stat_box .count{background-color: #f96d22;}
.being2 .row.basketstats .stat5 .stat_box .count{background-color: #df561f;}
.being2 .row.basketstats .stat6 .stat_box .count{background-color: #dd581f;}

.being3 .title.col-4{margin-bottom: 35px;}
.being3 .box{background-color: #da3c90 !important;}
.being3 .supersix-parameter{background-color: #ed95bf; padding: 10px;}
.being3 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being3 .supersix-parameter li{background-color: #e20b84 !important;}
.being3 .head-color{color: #e20b84;}
.being3 .super-six-tweets .col-4 img{margin-top: -30px;}
.being3 .super-six-tweets h5{margin-top: 60px; margin-left: 20px;}
.being3 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being3 .row.basketstats .stat1 .stat_box .count{background-color: #f2b0cc;}
.being3 .row.basketstats .stat2 .stat_box .count{background-color: #eb94c1;}
.being3 .row.basketstats .stat3 .stat_box .count{background-color: #ed95bf;}
.being3 .row.basketstats .stat4 .stat_box .count{background-color: #f05aa2;}
.being3 .row.basketstats .stat5 .stat_box .count{background-color: #ce1773;}
.being3 .row.basketstats .stat6 .stat_box .count{background-color: #d01679;}

.being4 .title.col-4{margin-bottom: 35px;}
.being4 .box{background-color: #f6983e !important;}
.being4 .supersix-parameter{background-color: #fb9541; padding: 10px;}
.being4 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being4 .supersix-parameter li{background-color: #f88021 !important;}
.being4 .head-color{color: #f88021;}
.being4 .super-six-tweets .col-4 img{margin-top: -30px;}
.being4 .super-six-tweets h5{margin-top: 55px; margin-left: 20px;}
.being4 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being4 .super-six-tweets.tweet3 h5{font-size: 17px;}
.being4 .row.basketstats .stat1 .stat_box .count{background-color: #f9b67f;}
.being4 .row.basketstats .stat2 .stat_box .count{background-color: #f4a45f;}
.being4 .row.basketstats .stat3 .stat_box .count{background-color: #fda251;}
.being4 .row.basketstats .stat4 .stat_box .count{background-color: #f7921e;}
.being4 .row.basketstats .stat5 .stat_box .count{background-color: #fc7d1c;}
.being4 .row.basketstats .stat6 .stat_box .count{background-color: #ef8321;}

.being5 .title.col-4{margin-bottom: 35px;}
.being5 .box{background-color: #83a254 !important;}
.being5 .supersix-parameter{background-color: #88ac3e; padding: 10px;}
.being5 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being5 .supersix-parameter li{background-color: #71953d !important;}
.being5 .head-color{color: #71953d;}
.being5 .super-six-tweets .col-4 img{margin-top: -30px;}
.being5 .super-six-tweets h5{margin-top: 55px; margin-left: 20px;}
.being5 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being5 .super-six-tweets.tweet4 h5{font-size: 18px;}
.being5 .row.basketstats .stat1 .stat_box .count{background-color: #a5ce4e;}
.being5 .row.basketstats .stat2 .stat_box .count{background-color: #92c03a;}
.being5 .row.basketstats .stat3 .stat_box .count{background-color: #91c03c;}
.being5 .row.basketstats .stat4 .stat_box .count{background-color: #88ac3e;}
.being5 .row.basketstats .stat5 .stat_box .count{background-color: #72943e;}
.being5 .row.basketstats .stat6 .stat_box .count{background-color: #6f9832;}

.being6 .title.col-4{margin-bottom: 35px;}
.being6 .box{background-color: #3970d4 !important;}
.being6 .supersix-parameter{background-color: #6b9dff; padding: 10px;}
.being6 .supersix-parameter li:first-child{background-color: transparent !important; text-align: center;}
.being6 .supersix-parameter li{background-color: #1a54cf !important;}
.being6 .head-color{color: #1a54cf;}
.being6 .super-six-tweets .col-4 img{margin-top: -30px;}
.being6 .super-six-tweets h5{margin-top: 55px; margin-left: 20px;}
.being6 .super-six-tweets .col-5 h5{text-align: right; margin-left: 0px;}
.being6 .super-six-tweets.tweet5 h5{font-size: 18px;}
.being6 .row.basketstats .stat1 .stat_box .count{background-color: #95b6ff;}
.being6 .row.basketstats .stat2 .stat_box .count{background-color: #6796ff;}
.being6 .row.basketstats .stat3 .stat_box .count{background-color: #6ba1fb;}
.being6 .row.basketstats .stat4 .stat_box .count{background-color: #3e6be0;}
.being6 .row.basketstats .stat5 .stat_box .count{background-color: #1559c6;}
.being6 .row.basketstats .stat6 .stat_box .count{background-color: #1955cd;}

.being-basket .box{padding: 25px 10px;border-radius: 15px;background-color: #B0A38B;color: #fff;}
.being-basket .icons{width: 100px; margin-top: 15px;}


.supersix-parameter li {padding: 11px;list-style: none;margin-bottom: 5px;color: #fff;}
.supersix-parameter{padding-left: 0px;}
.supersix-parameter li:first-child { background-color: #806c48 !important; font-weight: bold;}
.supersix-parameter li:nth-child( odd ) { background-color: #8e7954; }
.supersix-parameter li:nth-child( even ) { background-color: #a19278; }
.wrap{float: left;width: 85%;shape-margin:20px;margin-right: 10px; margin-bottom: 20px;}
.wrap-2{float: right;width: 85%;shape-margin:20px;margin-left: 10px; margin-bottom: 20px;}

.super-six-title h4{font-size: 22px; margin-bottom: 0px;}
.super-six-title h5{font-size: 22px; margin-bottom: 0px;}
.super-six-title div{margin-top: -10px;}

.being-super-six .icon{width: 60px; height: 75px; margin-bottom: 20px;}
.being-super-six .icon-4{width: 75px;}
.being-super-six .icon-5{width: 70px;}
.being-super-six .icon-6{width: 95px;}
.being-super-six .box{margin-bottom: 15px; height: 200px;}

/* tweets */
.super-six-tweets .tweet{width: 100%; border-radius: 15px;}
.super-six-tweets .icon{width: 80px;}
.super-six-tweets h4, .super-six-tweets h5{margin-bottom: 0px;}
.super-six-tweets .text-box{margin-top: 10px; margin-bottom: 10px; overflow-y: hidden;}
.super-six-tweets .tweelink{color: #0019ff; font-size: 15px; text-decoration: underline;cursor: pointer;}

/* super stats */
.row.basketstats .stat1 .stat_box .count{background-color: #c9bea9;}
.row.basketstats .stat2 .stat_box .count{background-color: #afa288;}
.row.basketstats .stat3 .stat_box .count{background-color: #afa288;}
.row.basketstats .stat4 .stat_box .count{background-color: #96876a;}
.row.basketstats .stat5 .stat_box .count{background-color: #7d6f54;}
.row.basketstats .stat6 .stat_box .count{background-color: #7d6f54;}

.row.basketstats .stat_cols {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.row.basketstats .stat_cols .stat_box{
  background: #fff;
  padding: 30px 5px;
  border-radius: 25px;
}
.row.basketstats .stat_cols .stat_box h3{font-size: 18px;}
.row.basketstats .stat_cols img{
  transition: transform .5s ease;
  width: auto !important;
  height: 60px !important;
  margin-left: 0px;
}

.row.basketstats .stat_cols:hover img{transform: scale(1.2);}
.row.basketstats .stat_name .stat_box{background: transparent;}
.row.basketstats .stat_name .stat_box .fa{font-size: 25px;}
.row.basketstats .stat_name .stat_box .fa-heart{color: #ff0000;}
.row.basketstats .stat_name .stat_box .count{
  margin-bottom: 25px;
  margin-top: 25px;
  padding: 8px;
  border-radius: 15px;
}
.row.basketstats .stats .stat_box .count{margin: 25px 5px; padding: 15px 10px; border-radius: 15px; color: #fff;}
/**/
/* postscript */
.postscript .box{
  background: #B0A38B;
  padding: 20px 15px;
  border-radius: 15px;
  color: #fff;
  width: 100%;
  display: grid;
  vertical-align: middle;
  margin-bottom: 15px;
  height: 190px;
}
.postscript .box li{margin-bottom: 5px;margin-top: 15px;}

/**/
/*feedback */
.feedback{display: flex; align-items: center; justify-content: center;}

.angry {
  background-image: url(../images/feedback/angry.gif);
}

.happy {
  background-image: url(../images/feedback/happy.gif);
}

.good {
  background-image: url(../images/feedback/good.gif);
}

.ok {
  background-image: url(../images/feedback/ok.gif);
}

.bad {
  background-image: url(../images/feedback/bad.gif);
  
}

.cc-selector input:active +.feedback-emoji {
  opacity: .9;
  width: 65px;
  height: 65px;
}

.cc-selector input:checked +.feedback-emoji {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  width: 70px;
  height: 70px;
  transition: all 100ms ease-in;
}
.cc-selector input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.feedback-emoji {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  margin-bottom: 0px;
  /*-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
  -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
  filter: brightness(1.8) grayscale(1) opacity(.7);*/
}

.feedback-emoji:hover {
  -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
  -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
  filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* loading screens */

.twitter-bird-animation {
  background-image: url("http://www.cloud.elalemanyo.de/tmp/twitter-bird-sprite-e0FhFKaXRI.png");
  background-size: cover;
  display: block;
  position: relative;
  height: 75px;
  width: 75px;
  margin: 50px auto 0 auto;
  animation: 0.3s fly step-end infinite;
}

.loadings {
  margin: auto;
  width: 100px;
  .clearfix;
}

.text {
  float: left;
  color:  #1ab7ea;
  font-weight: bold;
}

.blob {
  border-radius: 50%;
  background-color:  #1ab7ea;
  display: block;
  float: left;
  margin: 5px 2px;
  position: relative;
  top: 6px;
  height: 3px;
  width: 3px;
  animation: loading-blob 1.2s infinite;
  animation-timing-function: ease-in-out;
  transform: translate3d(0, 0, 0);
}

.blob2 {
  animation-delay: 150ms;
}

.blob3 {
  animation-delay: 300ms;
}

@keyframes fly {
  0%  { background-position: 0 0;}
  33% { background-position: -250 0;}
  66% { background-position: -450px 0;}
}

@keyframes loading-blob {
  0% { height: 3px; width: 3px;}
  25% { height: 7px; width: 7px;}
  50% { height: 5px; width: 5px; }
  100% { height: 3px; width: 3px; }
}

.clearfix() {
  zoom: 1;
  &:before { content: ''; display: block; }
  &:after { content: ''; display: table; clear: both;}
}

section{
  position: absolute;
  height: max-content;
}

section.super-six-tweets-video, section.tweebirth-video{position: initial;margin-bottom: 50px;}



fieldset{width: 100%;}

.postscript .tweetreaction{border: 1px solid gray; height: auto; width: 100%;}
.postscript .row{margin-left: 0px; margin-right: 0px;}

.bookmark-list table th{border-top: none;}
.bookmark-list table{background-color: #fff; border-radius: 15px; text-align: center;}