@charset "utf-8";
@font-face {
    font-family: 'Garamond-Bold';
    src: url('../fonts/Garamond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Garamond-Bold.woff') format('woff'), url('../fonts/Garamond-Bold.ttf') format('truetype'), url('../fonts/Garamond-Bold.svg#Garamond-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Garamond-Italic';
    src: url('../fonts/Garamond-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Garamond-Italic.woff') format('woff'), url('../fonts/Garamond-Italic.ttf') format('truetype'), url('../fonts/Garamond-Italic.svg#Garamond-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Garamond';
    src: url('../fonts/Garamond.eot?#iefix') format('embedded-opentype'), url('../fonts/Garamond.woff') format('woff'), url('../fonts/Garamond.ttf') format('truetype'), url('../fonts/Garamond.svg#Garamond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('../fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype'), url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Roboto-Regular';
}
ul {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover,
a:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}
button:focus{
  outline: none;
}
body.home {
    overflow-x: hidden;
}

header {
    background: #ffffff;
}

figure {
    margin: 0;
    padding: 0;
}

.main-banner {
    background: url(../images/main-bg.jpg);
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.main-banner a.logo {
    position: absolute;
    top: 1.875rem;
}

.home .navbar-brand {
    position: absolute;
    top: auto;
    bottom: -9.375rem;
    z-index: 9;
    width: auto;
    display: none;
}

.main-banner a.logo img {
    width: 145px;
}

.container {
    max-width: 90%;
}

.sub-container {
    width: 64%;
    margin: auto;
}

.main-banner .intro-bio {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.main-banner .intro-bio h1.mani-bio {
    font-size: 9.75rem;
    line-height: 7.8125rem;
    color: #51280a;
    font-family: 'Garamond-Bold';
}

.main-banner .intro-bio h1.mani-bio span {
    float: left;
    width: 100%;
}

.main-banner .intro-bio .gandhi-tagline {
    font-size: 3.4em;
    font-family: 'Garamond-Bold';
    color: #f08801;
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 2.5625rem;
}

h4.quote {
    position: absolute;
    bottom: 2px;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 2.75rem;
    color: #7b0000;
    margin: auto;
    font-style: italic;
    font-family: 'Garamond-Italic';
    z-index: 9;
}

.about-profile {
    background: url(../images/gandhi-bg.jpg);
    padding: 43vh 0 60vh;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
}

h4.quote span.name {
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 100;
    font-family: 'Garamond';
    margin-left: 0.9375rem;
}

.about-bio .gandhi-intro {
    font-size: 9.75rem;
    line-height: .8;
    font-family: 'Garamond-Bold';
    text-align: right;
    color: #f08801;
}



.profile-text {
    color: #fff;
    padding-right: 227px;
    margin-top: 3.375rem;
}

#top-image .gandhi-profile-photo {
    position: absolute;
    top: 0;
    left: 238px;
}

.profile-text .read-more {
    text-align: right;
    float: right;
    font-size: 1.5rem;
    color: #f08801;
}

section.gandhi-pedia {
    padding: 3.75rem 0;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

section.gandhi-pedia:before {
    position: absolute;
    content: "";
    /*background: url(../images/eye-lens.png);*/
    width: 28%;
    height: 300px;
    right: 0;
    background-size: 100%;
    top: 0;
    background-repeat: no-repeat;
}

section.gandhi-pedia:after {
    position: absolute;
    content: "";
    background: url(../images/bg-move.png);
    width: 100%;
    height: 453px;
    right: 0;
    animation: move 40s linear infinite;
    background-repeat: repeat-x;
    display: none;
}

.main-title {
    font-size: 9rem;
    line-height: auto;
    font-family: 'Garamond-Bold';
    color: #51280a;
}

.gandhi-pedia-list li {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-family: 'Roboto-Light';
    position: relative;
    padding-bottom: 0.75rem;
    border-bottom: 2px dashed #adadad;
    margin-bottom: 1.375rem;
    cursor: pointer;
    position: relative;
    padding-left: 2.5rem;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.Kasturba-profile img {
    width: 100%;
}

.gandhi-pedia-list li a {
    color: #333;
}

.gandhi-pedia-list li:before {
    position: absolute;
    content: "";
    background: url(../images/sun.png);
    height: 2.25rem;
    width: 2.25rem;
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    -o-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.gandhi-pedia-list li:hover:before {
    -o-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -o-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

section.about-mani-bhavan h1 span {
    float: left;
    width: 100%;
}

section.about-mani-bhavan {
    /* background: url(../images/about-bhavan.png);*/
    background-position: center;
    /* min-height: 900px;*/
    background-size: 96%;
    background-repeat: no-repeat;
    font-family: 'Roboto-Regular';
    position: relative;
}

section.about-mani-bhavan:before {
    position: absolute;
    content: "";
    background: url(../images/about-mani-bhavan.png);
    height: 580px;
    width: 100%;
    background-size: cover;
    top: -216px;
    z-index: -1;
}

section.about-mani-bhavan h1 {
    margin: 53% 6% 0;
    line-height: .8;
    left: 30%;
}

.about-mani-bhavan .bio {
    font-size: 1.25rem;
    width: 100%;
    margin-top: 6rem;
}

a.read-more-mani-bhavan {
    background: #f08801;
    color: #fff;
    font-size: 1.125rem;
    outline: 2px dashed #333;
    padding: 6px 1.25rem;
    position: relative;
    z-index: 0;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.read-more-mani-bhavan::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.read-more-mani-bhavan:hover a {
    color: red;
}

a.read-more-mani-bhavan:hover:before {
    width: 100%;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.activity {
    padding: 3rem 0%;
    font-family: 'Roboto-Light';
}

section.activity ul li {
    font-size: 1.125rem;
    margin-bottom: 1.3125rem;
    width: 85%;
    position: relative;
    padding-left: 1.875rem;
}

section.activity h4.sub-header {
    font-size: 3rem;
    margin-bottom: 1.75rem;
    color: #51280a;
    font-family: 'Garamond-Bold';
}

.event-list .header {
    color: #f08900;
    font-size: 1.125rem;
}

.event-list {
    margin-bottom: 2.0625rem;
}

section.activity ul li:before {
    position: absolute;
    content: "";
    background: #929090;
    width: 9px;
    height: 2px;
    left: 0;
    top: 0.78rem;
}

footer h5 {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0.75rem;
    padding-left: 3.75rem;
    color: #f08801;
    padding-left: 2.75rem;
    margin-bottom: 1.5rem;
}

footer ul.links li {
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 0.6875rem;
    margin-top: 0.625rem;
    padding-left: 2.75rem;
}



footer ul li a {
    color: #333;
}

.all-rights {
    color: #7b0000;
}

.img-gallery-grid figure {

    position: relative;
    margin: 0;
}


.img-gallery-grid figure img {
    width: 100%;
    text-align: center;
}

.img-gallery-grid {
    position: relative;
    position: relative;
    margin-bottom: 1.875rem;
    cursor: pointer;
    text-align: center;
    border: 3px solid #f08801;
}


.img-gallery-grid figure::before {
    position: absolute;
    content: "";
    background: rgba(232, 232, 232, 0.68);
    height: 100%;
    width: 100%;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    opacity: 0;
}

.img-gallery-grid figure::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 84%;
    left: 50%;
    top: 50%;
    border: 1px solid #5a3111;
    transform: translate(-50%, -50%) scale(0.6);
    -o-transform: translate(-50%, -50%) scale(0.6);
    -ms-transform: translate(-50%, -50%) scale(0.6);
    -moz-transform: translate(-50%, -50%) scale(0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.6);
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    opacity: 0;
}

.img-gallery-grid:hover figure:after {
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -o-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1;
}

.img-gallery-grid:hover figure::before {
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.img-gallery-grid .header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #5a3111;
    font-size: 1.2rem;
    font-weight: 600;
    width: 100%;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    opacity: 0;
}

.img-gallery-grid:hover .header {
    opacity: 1;
}

.img-gallery {
    margin-top: 2rem;
}

footer h4 {
    border-bottom: 2px solid #aeabaa;
    margin-bottom: 16px;
    padding-bottom: 26px;
}

.biography-listing {
    margin-top: -4rem;
}

.biography-list .name {
    font-size: 1.5rem;
}

.gandhi-pedia-list {
    padding-top: 3.875rem;
}


/*inner page banner*/

.inner-wrapper {
    padding: 4.375rem 0 90px;
    float: left;
    width: 100%;
}

.top-banner {
    background: url(../images/inner-banner.jpg);
    background-size: cover;
    text-align: center;
    padding: 4.5rem 0;
    overflow: hidden;
}

.top-banner h1 {
    font-size: 5.875rem;
    color: #f08801;
    letter-spacing: 2px;
    font-family: 'Garamond-Bold';
    margin: 0;
    text-transform: uppercase;
    overflow: hidden;
}

.inner-wrapper .bio figure {
    float: left;
    padding-right: 1.875rem;
}

.bio-header h3 {
    color: #51280a;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.bio-header {
    border-bottom: 2px solid #aeabaa;
    margin-bottom: 3.125rem;
    padding-bottom: 1.375rem;
}


/*inner page banner end*/

a.more-view {
    margin: 1.875rem auto 0;
    display: block;
    text-align: center;
    width: 144px;
    padding: 4px 0;
    font-size: 1.3em;
    background: #7b0000;
    color: #fff;
    font-family: 'Roboto-Light';
    letter-spacing: 1px;
}

.remain-content {
    display: none;
}

button.btn-1.more-view {
    padding: 0.6875rem 2.625rem;
    margin: 2.5rem auto 0;
    font-size: 1.5rem;
    display: block;
    background: #f08801;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto-Light';
    position: relative;
    border: none;
}

button::before,
button::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    background: #fff;
}

span::before,
span::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    background: #fff;
}

button:hover::before,
button:hover::after {
    width: 98%;
}

button:hover span::before,
button:hover span::after {
    height: 98%;
}


/*----- button 1 -----*/

.btn-1::before,
.btn-1::after {
    transition-delay: 0.2s;
}

.btn-1 span::before,
.btn-1 span::after {
    transition-delay: 0s;
}

.btn-1::before {
    right: 2px;
    top: 2px;
}

.btn-1::after {
    left: 0;
    bottom: 2px;
}

.btn-1 span::before {
    left: 2px;
    top: 2px;
}

.btn-1 span::after {
    right: 2px;
    bottom: 2px;
}

.btn-1:hover::before,
.btn-1:hover::after {
    transition-delay: 0s;
}

.btn-1:hover span::before,
.btn-1:hover span::after {
    transition-delay: 0.2s;
}

.sub-bio-header {
    border-bottom: 2px solid #9b9b9b;
    margin-bottom: 2.5rem;
}

.sub-bio-header h4 {
    color: #51280a;
    text-transform: uppercase;
    font-family: 'Roboto-Regular';
    font-weight: 600;
}

.gandhi-sec-bio h4 {
    letter-spacing: 1.8125rem;
    text-transform: uppercase;
    font-family: 'Roboto-Regular';
    color: #211921;
    margin-top: 3.375rem;
    padding-left: 1.25rem;
}

.gandhi-sec-bio p {
    text-transform: uppercase;
    color: #999999;
    font-family: 'Roboto-Light';
    letter-spacing: 1px;
}

.nav-tabs .nav-link {
    border: none;
    font-size: 2.25rem;
    font-family: 'Roboto-Thin';
    text-transform: uppercase;
    color: #999999;
}

.nav-tabs .nav-link.active {
    font-family: 'Roboto-Light';
}

.nav-tabs {
    border: none;
}

.nav-tabs .nav-item:before {
    position: absolute;
    content: "";
    background: #51280a;
    width: 80%;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    border: none;
    position: relative;
}

.trubutes-list {
    margin-top: 5rem;
}

.moretext {
    display: none;
}

.trubutes-list h4 {
    color: #51280a;
    text-align: left;
    font-size: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
   
}

.trubutes-list h5 {
    font-size: 1rem;
}

.trubutes-list p {
    font-family: 'Roboto-Light';
}

a.moreless-button {
    text-transform: uppercase;
    border: 2px solid #51280a;
    padding: 6px 1.25rem;
    float: right;
    color: #51280a;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a.moreless-button:hover {
    background: #51280a;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color: #fff;
}

.trubutes-list .row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2.25rem;
    padding-bottom: 1.875rem;
}

.tab-content {
    margin-top: 1.875rem;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.morecontent span {
    display: none;
}

.comment {
    width: 400px;
    background-color: #f0f0f0;
    margin: 0.625rem;
}

.global-leader-bio h3 {
    padding-left: 3rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.625rem;
    margin-bottom: 1.6875rem;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

.row.global-leader-dott {
    border-bottom: 1px dashed #ccc;
}

.global-leader-dott figure img {
    width: 100%;
}

.global-leader-bio h3 .arrow {
    position: absolute;
    cursor: pointer;
    top: 1.5625rem;
    right: 0;
}

.global-leader-bio h3 .arrow:after {
    position: absolute;
    content: "\f107";
    border: 2px solid #51280a;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    line-height: 2.375rem;
    right: 2.5rem;
    bottom: 0px;
    font-family: fontawesome;
    text-align: center;
}

.philosophy-grid {
    background: #f1f1f1;
    padding: 1.875rem;
    margin-bottom: 3.75rem;
    position: relative;
    width: 100%;
}

.global-leader-bio-details.active {
    display: block;
}

.global-leader-bio-details {
    display: none;
}

.philosophy-grid h4 {
    color: #51280a;
    text-transform: uppercase;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #51280a;
    display: inline-block;
    margin: auto;
    position: relative;
    margin-bottom: 2.625rem;
    font-weight: 700;
}

.philosophy-grid li {
    margin-bottom: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 1.75rem;
}

.philosophy-grid li a {
    color: #211921;
}

.philosophy-grid li:last-child {
    border: none;
}

.philosophy-data {
    padding: 0 1.875rem;
}

.philosophy-grid li:before {
    position: absolute;
    content: "\f101";
    left: 0;
    font-family: 'fontawesome';
    color: #f08801;
}

footer {
    clear: both;
}

.gallery-bio {
    text-align: center;
}

.gallery-bio li {
    display: inline-block;
    margin: 1.8rem 1.8rem;
    border: 1px solid #51280a;
    box-shadow: 2px 3px 6px #51280a;
}

.gallery-bio li figure {
    margin: 0;
}

.bio.philosophy-info {
    text-align: justify;
}

.gallerylist-grid figure {
    border: 1px solid #51280a;
    box-shadow: 1px 0px 2px #e3e3e3;
    height: 220px;
    overflow: hidden;
}

.gallerylist-grid .more-details {
    background: #f1f2f3;
    padding: 6px;
    margin-top: 0.9375rem;
    border: 1px solid #51280a;
}

.gallerylist-grid .more-details h5 {
    font-size: 1.125rem;
    color: #51280a;
    text-align: left;
    padding-left: 0.8125rem;
    font-family: 'Roboto-Medium';
    margin: 0;
}

.gallerylist-grid .more-details h5 span {
    float: right;
    padding-right: 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding-top: 4px;
    color: #000;
    letter-spacing: 1px;
}

.gallerylist-grid .more-details h5 span a {
    color: #000;
}

.gallerylist-grid .gallery-main-thumb {
    width: 85%;
    margin-bottom: 86px;
    padding: 0 0.9375rem;
}

.gallerylist-grid .gallery-main-thumb figure img {
    width: 100%;
}


.events-grid {
    font-family: 'Roboto-Regular';
    text-transform: uppercase;
    font-size: 0.875rem;
}

.events-grid figure {
    position: relative;
}

.events-grid figure .read-more {
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px solid #fff;
    display: inline-block;
    padding: 3px 0;
    color: #fff;
    text-align: center;
    width: 100px;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz--transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-family: 'Roboto-Light';
}

.events-grid figure .read-more:hover {
    background: #fff;
    color: #9c1010;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz--transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.events-grid figure:before {
    position: absolute;
    content: "";
    background: linear-gradient(to top, #51280a 12%, transparent 70%);
    height: 74%;
    width: 100%;
    bottom: 0;
    left: 0;
}

.events-grid p {
    border-top: 1px solid #51280a;
    margin-top: 0.75rem;
    padding: 1.25rem 0 1.625rem;
    border-bottom: 1px solid #51280a;
    font-family: 'Roboto-Regular';
    color: #51280a;
}



.event-listing .event-header {
    width: 63%;
    float: left;
}

.event-listing li span {
    text-align: left;
    float: right;
    width: 26%;
}

.event-listing li span a {
    color: #7b0000;
}

.event-listing li {
    border-bottom: 1px solid #ccc;
    padding: 0.75rem 0;
    font-family: 'Roboto-Light';
    padding-left: 2.6rem;
    position: relative;
    float: left;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.event-listing li::after {
    position: absolute;
    content: "";
    background: #51280a;
    height: 1px;
    width: 0%;
    left: 0;
    bottom: -1px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.event-listing li a {
    color: #333;
}

.event-listing li:hover:after {
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.event-listing ul li:first-child {
    font-size: 2.1rem;
    font-weight: 600;
    font-family: 'Roboto-Regular';
    color: #51280a;
    padding-left: 1rem;
}

.event-listing ul li:first-child:before {
    display: none;
}

.event-listing ul li:first-child span {
    font-size: 2.1rem;
    font-family: 'Roboto-Light';
    font-weight: 400;
    color: #211921;
}


.event-listing ul li span {
    font-family: 'Roboto-Light';
    color: #51280a;
}

.event-listing li::before {
    position: absolute;
    content: "";
    background: #51280a;
    width: 6px;
    height: 6px;
    left: 1.125rem;
    top: 1.25rem;
    border-radius: 50%;
}

.events-grid figure img {
    width: 100%;
}

.video-grid img {
    width: 100%;
}

.top-banner h1 span {
    font-family: 'Roboto-Regular';
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 100;
    float: left;
    width: 100%;
}

.row.chronology-grid-details-list .chronology-info {
    padding-top: 0.625rem;
}

.row.chronology-grid-details-list .number {
    font-size: 2.8rem;
    color: #cccccc;
    position: relative;
    text-align: right;
    float: left;
    padding-right: 0;
    padding-left: 2.375rem;
    margin-right: 2.25rem;
    display: table-cell;
}

.chronology-grid {
    overflow: hidden;
}

.chronology-grid .chronology-grid-details {
    margin-bottom: 2.5rem
}

.chronology-grid h4 {
    background: #f7c27e;
    padding: 8px 1.875rem;
    color: #443c39;
    margin-bottom: 2.5rem;
    font-weight: 700;
    cursor: pointer;
}

.row.chronology-grid-details-list .number::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 2.3125rem;
    background: #ccc;
    right: -0.9375rem;
    top: 1rem;
}


/*.chronology-grid.show .chronology-grid-details{
    display: block;
}*/

.chronology-grid.active .chronology-grid-details {
    display: block;
}

.chronology-grid-details:first-of-type {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    /*  display: table;*/
    display: none;
    overflow: hidden;
}

.row.chronology-grid-details-list {
    display: table;
    float: left;
    margin-right: 1.875rem;
    clear: both;
}

.chronology-grid h4 span {
    float: right;
    cursor: pointer;
    position: relative;
}

.chronology-grid-details.active {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
}

.chronology-grid h4 span::before {
    position: absolute;
    content: "\f067";
    font-family: fontawesome;
    font-size: 1.125rem;
    color: #51280a;
    top: 6px;
}

.chronology-grid h4 span.down-arrow::before {
    content: "\f068";
    color: #51280a;
}

.chronology-grid h4 span.down-arrow::before {
    content: "\f068";
    color: #51280a;
}

.home .navbar-brand img {
    width: auto;
}

.navbar-brand img {
    width: 112px;
}

.navbar-light .navbar-nav .nav-link {
    color: #51280a;
    margin-left: 2.4375rem;
    font-family: 'Roboto-Bold';
}


/*header animate in mobile*/


/* Icon 1 */


#nav-icon4 {
    width: 30px;
    height: 24px;
    position: fixed;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 9999;
    top:3px;
}


#nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #51280a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


#nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 0px;
}

#nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 0px;
}

.mobile-menu-list {
    position: fixed;
    top: 0;
    padding: 5rem 0.9375rem 0;
    background: rgba(255, 255, 255, 0.97);
    color: #fff;
    width: 90%;
    right: -90%;
    height: 100vh;
    overflow: auto;
    z-index: 99;
}

.mobile-menu-list.show-nav {
    right: 0;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.18);
}

header .mobile-menu {
    display: none;
}

.mobile-menu-list .nav-link {
    color: #333;
    border-bottom: 1px dashed #d3531a;
    padding: 0.75rem;
}

a.read-more-mani-bhavan:hover {
    color: #9c1010;
    outline-color: #9c1010;
    background: transparent;
    transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
}

.chronology-main-listing {
    position: relative;
    float: left;
    width: 100%;
    min-height: 7rem;
    margin-bottom: 3.4375rem;
}

.chronology-main-listing::before {
    position: absolute;
    content: "";
    background: url(../images/border.png) no-repeat;
    height: 1.25rem;
    width: 100%;
    bottom: 0;
    background-size: cover;
    height: 1.875rem;
}

.chronology-main-listing h4 {
    color: #9c1010;
    font-weight: 700;
    font-size: 1.5rem;
}

.chronology-main-listing span {
    font-weight: 100;
    font-size: 1rem;
    font-family: 'Roboto-Light';
    margin-top: 0.625rem;
    float: left;
    width: 100%;
    color: #232720;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.home nav {
    background: #51280a;
    padding: 0 0;
}

.home .navbar-light .navbar-nav .nav-link {
    color: #f08801;
    padding: .8rem 0
}

.chrolonogy-graph {
    width: 90%;
    padding-top: 0.75rem;
    float: left;
}

.infographics-grid .number {
    float: right;
    background: #ebebeb;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.875rem;
    font-family: 'Roboto-light';
    color: #f08801;
    top: 4.125rem;
    position: relative;
}

.chrolonogy-graph .date {
    border-bottom: 1px solid #f7c27e;
    margin-bottom: 6px;
    position: relative;
    font-size: 2.25rem;
    padding-right: 1.875rem;
    font-family: 'Roboto-Medium';
    color: #ccc;
}

.chrolonogy-graph .date:before {
    position: absolute;
    content: "";
    background: #d7d7d7;
    width: 1.25rem;
    height: 2px;
    left: 0;
    top: 3rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.chrolonogy-graph h4 {
    text-transform: uppercase;
    color: #9c1010;
    font-family: 'Roboto-regular';
    font-size: 1.625rem;
    text-transform: uppercase;
    padding-right: 1.875rem;
}

.number::before {
    position: absolute;
    background: url(../images/graph.png) no-repeat;
    width: 100px;
    height: 100px;
    content: "";
    top: -4.75rem;
    right: -1.375rem;
}

.row.infographics-grid:nth-child(2n) .number {
    float: right;
    top: 4.4375rem;
    position: relative;
}

.row.infographics-grid:nth-child(2n) .number::before {
    background: url(../images/infographics-right.png) no-repeat;
    right: -4.875rem;
    top: -92px;
}

.row.infographics-grid:nth-child(2n) .date {
    padding-left: 1.875rem;
}

.row.infographics-grid:nth-child(2n) h4 {
    padding-left: 1.875rem;
}

.row.infographics-grid:nth-child(2n) .chrolonogy-graph {
    position: relative;
    left: -1.3125rem;
    padding-top: 1.4375rem;
}

.row.infographics-grid:nth-child(2n) .date::before {
    display: none;
}

.row.infographics-grid:nth-of-type(2n+1) .chrolonogy-graph {
    position: relative;
    left: 0.875rem;
    top: 5px;
    padding-top: 1.5625rem;
}

.row.infographics-grid:nth-child(3) .number::before {
    background: url(../images/left-infographics.png) no-repeat;
    background-size: 34%;
}

.row.infographics-grid:nth-child(5) .number::before {
    background: url(../images/left-infographics.png) no-repeat;
    background-size: 34%;
}

.row.infographics-grid:nth-child(7) .number::before {
    background: url(../images/left-infographics.png) no-repeat;
    background-size: 34%;
}

.row.infographics-grid:nth-child(9) .number::before {
    background: url(../images/left-infographics.png) no-repeat;
    background-size: 34%;
}

.row.infographics-grid:last-child .number::after {
    position: absolute;
    content: "";
    background: url(../images/last-infographics.png) no-repeat;
    right: -4.6875rem;
    top: 2.25rem;
    bottom: 0;
    width: 100px;
    height: 100px;
}

.row.infographics-grid:nth-child(2n) .date:after {
    position: absolute;
    content: "";
    background: #d7d7d7;
    width: 1.25rem;
    height: 2px;
    right: 0;
    top: 3rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
}

.home #nav-icon4 span:nth-child(1) {
    background: #fff;

}

.home #nav-icon4 span:nth-child(2) {
    background: #fff;
}

.home #nav-icon4 span:nth-child(3) {
    background: #fff;
   
}

.home #nav-icon4.open span:nth-child(1) {
    background: #51280a;
}

.home #nav-icon4.open span:nth-child(2) {
    background: #51280a;
}

.home #nav-icon4.open span:nth-child(3) {
    background: #51280a;

}

.philosophy-grid.gandhi-img-philosophy {
    padding: 0;
}

.philosophy-grid.gandhi-img-philosophy img {
    width: 100%;
}

.phhilosophy-container {
    width: 90%;
    margin: auto;
}

.philosophy-grid.gandhi-img-philosophy {
    position: relative;
}

.philosophy-grid.gandhi-img-philosophy .bio {
    position: absolute;
    bottom: 3.125rem;
    text-align: center;
    color: #fff;
}

.philosophy-grid.gandhi-img-philosophy h1 {
    font-size: 3rem;
    font-family: 'Roboto-Regular';
    line-height: 2.875rem;
    font-weight: 600;
    color: #f08801;
}

.philosophy-grid.gandhi-img-philosophy .bio h5 {
    font-family: 'Roboto-Light';
    padding: 0 3.875rem;
    margin-bottom: 2.5rem;
    font-size: 1.4375rem;
}

.chronology-grid.active h4 span::before {
    content: "\f068";
}


/*desktop menu on hover*/

.desktop-menu li {
    position: relative;
}

.bio-header .tag-line {
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 2px;
    font-family: 'Roboto-Light';
}

.bio-chronology-details {
    padding-top: 8px;
    display: table-cell;
    overflow: hidden;
    font-family: 'Roboto-Light';
    vertical-align: middle;
}

.bio-chronology-details h5 {
    margin-bottom: 4px;
    font-size: 0.9375rem;
    font-family: 'Roboto-Light';
    color: #51280a;
    letter-spacing: 1px;
}

.governing-body {
    margin-top: 120px;
}

.governing-body table td:first-child {
    color: #9c1010;
}

.governing-body table td {
    border: 1px solid #51280a;
}

.governing-body table {
    border: 1px solid #dee2e6;
}

.governing-body h4 {
    color: #9c1010;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.governing-body p {
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 2px;
    font-family: 'Roboto-Light';
}

.governing-body .bio-header {
    margin-bottom: 2.375rem;
}

.bio-chronology-details p {
    border-bottom: 1px solid #f1f2f3;
    padding-bottom: 0.875rem;
}

.chronology-grid.active {
    margin-bottom: 0;
}


/*.chronology-grid.active .chronology-grid-details {
    display: block;
}*/


/*navigation dropdown*/


/*navigation dropdown*/

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: translateY(1.375rem);
    transition: ease-out .3s;
    border-radius: 0;
    border-bottom: 2px solid #51280a;
    visibility: hidden;
    opacity: 0;
}

.dropdown:hover .dropdown-menu {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}


/*.chronology-grid-details {
    display: none;
}*/

.dropdown-menu1 {
    border: none;
    display: block;
    transform: scale(1)!important;
    height: 0px;
    overflow: hidden;
    padding: 0px;
    top: 180px;
    transition: all .3s;
}

.dropdown:hover .dropdown-menu1 {
    display: block;
    top: 100%;
    height: inherit;
}

.info-menu.dropdown-menu {
    width: 242px;
    left: -42px;
    padding: 1.25rem 1.25rem 8px;
    background: #fff;
}

.info-menu.dropdown-menu li a {
    color: #333;
    padding-bottom: 0px;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    border: none;
    display: block;
}

.info-menu.dropdown-menu li {
    margin-bottom: 4px;
    border-bottom: 1px solid #f7f5f5;
    padding-bottom: 9px;
    position: relative;
    padding-left: 1.375rem;
}
.about-profile {
    width: 100%;
    z-index: 0;
    height: 100%;
    background-size: calc(100% + 3.125rem);
}
.info-menu.dropdown-menu li:hover a {
    padding-left: 3px;
    color: #51280a;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.info-menu.dropdown-menu li:last-child {
    border: none;
}

.info-menu.dropdown-menu li::before {
    position: absolute;
    content: "\f054";
    font-family: fontawesome;
    left: 0;
    font-size: 0.75rem;
    top: 2px;
    color: #51280a;
}
.home .info-menu.megamenu  {
   top: 45px
}
.info-menu.megamenu {
    width: 1000px;
    right: 60px;
    position: fixed !important;
    top: 104px;
    left:auto;
}

.dropdown-menu .header {
    color: #51280a;
    font-size: 1.1875rem;
    font-weight: 60;
    margin-bottom: 7px;
    border-bottom: 1px solid #ecebeb;
    padding-bottom: 8px;
}

.tree-diagram .main-name li {
    display: inline-block;
    padding: 0.625rem 1.125rem;
    margin: 0 -3.3px;
    border: 1px solid #333;
    width: 194px;
}

.tree-diagram .main-name {
    text-align: center;
    position: relative;
}

.tree-diagram .main-name::before {
    position: absolute;
    content: "";
    background: #333;
    width: 1px;
    height: 2.8125rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 2.875rem;
}

.tree-diagram .main-name::after {
    position: absolute;
    content: "";
    border-top: 9px solid black;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -3.125rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 0.6875rem;
}

.maried-name {
    text-align: center;
    margin-top: 3.125rem;
    position: relative;
}

.maried-name:before {
    position: absolute;
    content: "";
    border-top: 9px solid black;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -3.125rem;
    left: 0;
    width: 0.625rem;
    right: 0;
    margin: auto;
    display: none;
    width: 0.6875rem;
}

.maried-name:after {
    position: absolute;
    content: "";
    background: #333;
    width: 1px;
    height: 2.8125rem;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -2.75rem;
}

.maried-name li {
    width: 194px;
    margin: auto;
    border: 1px solid #333;
    padding: 8px;
}

li.married {
    border: none;
    font-size: 0.8125rem;
    margin: 4px auto;
    padding: 0;
}

.maried-name li:first-child {
    background: #51280a;
    color: #fff;
}

.family-member {
    width: 86%;
    margin: 2.75rem auto;
    position: relative;
}

.family-profile h5 {
    color: #c4c4c4;
    font-size: 1.125rem;
    font-family: 'Roboto-Light';
}

.family-profile h4 {
    border: 1px solid #333;
    display: inline-block;
    font-size: 1.0625rem;
    font-family: 'Roboto-Light';
    color: #211921;
    margin-bottom: 0.625rem;
}

.family-profile h4 a {
    color: #211921;
    display: inline-block;
    padding: 7px 1.875rem;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.family-profile h4 a:hover {
    background: #9c1010;
    color: #fff;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.family-member::before {
    position: absolute;
    content: "";
    background: #ccc;
    width: 76.7%;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.family-profile {
    position: relative;
    padding-top: 3.75rem;
}

.family-profile::before {
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 3.75rem;
    top: 0;
    left: 0;
    right: 0;
    margin:auto;
}

.family-profile figure {
    margin-top: 2.625rem;
}

.family-profile:after {
    position: absolute;
    content: "";
    border-top: 9px solid black;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 3.125rem;
    left: 0;
    width: 0.625rem;
    right: 0;
    margin: auto;
    width: 0.6875rem;
}

.tree-diagram {
    font-size: 1rem;
    font-family: 'Roboto-Light';
    letter-spacing: .5px;
}

.family-profile figure img {
    border: 1px solid #9c1010;
    margin-bottom: 1.625rem;
}

.navbar-light .navbar-nav .nav-link {
    padding: 2.5rem 0;
}

.navbar {
    padding: 0;
    background: #fff;
    box-shadow: -1px -2px 7px #5f5a5a;
}

body.home header {
    margin-bottom: 0;
}

a.read-more-mani-bhavan span {
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
}

a.read-more-mani-bhavan:hover span {
    color: #9c1010;
    z-index: 999;
    position: relative;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
}

.chrolonogy-graph h4 a {
    color: #51280a;
    position: relative;
}
.quiz-grid .header{
    color: #f08801;
}
.quiz-grid input {
    margin-left: 14px;
    margin-right: 5px;
}
.quiz-grid ul li span{
    padding-left: 6px;
}
.quiz-grid ul li input{
    position: relative;
    top: 5px;
}
.philosophy-info h5 {
    color: #51280a;
    text-transform: uppercase;
}

.philosophy-table table td {
    border: 1px solid #51280a;
}

.philosophy-table table {
    border: 1px solid #dee2e6;
    box-shadow: 8px 8px 2px #f4f4f4;
}

ul.philosophy-education-list {
    counter-reset: list-counter;
}

ul.philosophy-education-list li {
    padding-left: 1.5rem;
    margin-bottom: 0.6875rem;
    position: relative;
}

ul.philosophy-education-list li:before {
    content: counter(list-counter);
    counter-increment: list-counter;
    color: #333;
    position: absolute;
    font-weight: 600;
    left: 0;
}



.philosophy-educationfont {
    color: #9c1010;
}

.philosophy-info-grid, .faq-info-grid,.quiz-grid {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
}


/*qoutes for swadeshi*/

ul.philosophy-swadeshi-list li {
    margin-left: 0.8125rem;
    margin-bottom: 0.6875rem;
    position: relative;
    padding-left: 1.3125rem;
}

ul.philosophy-swadeshi-list li:before {
    position: absolute;
    content: "";
    background: #9c1010;
    width: 6px;
    height: 6px;
    top: 0.625rem;
    border-radius: 50%;
    left: 0;
}

ul.sub-link {
    margin-bottom: 2.5rem;
    overflow: hidden;
}

ul.sub-link li {
    float: left;
    margin: 0px 0.625rem;
    border-bottom: 1px solid #ccc;
    padding-right: 1.875rem;
    width: 31%;
    min-height: 2.25rem;
    line-height: 2.25rem;
}

ul.sub-link li a {
    color: #51280a;
}

ul.book-sub-link li {
    float: left;
    margin: 0px 0.625rem;
    border-bottom: 1px solid #ccc;
    padding-right: 1.875rem;
    width: 6%;
    min-height: 2.25rem;
    line-height: 2.25rem;
}


ul.book-sub-link {
    clear: both;
    overflow: hidden;
    margin-bottom: 2.5625rem;
}

hr.devider {
    margin-top: 1.875rem;
    padding-bottom: 1rem;
}

.philosophy-education-list h5.education-header {
    color: #9c1010;
    text-transform: uppercase;
}

.philosophy-info a {
    color: #51280a;
}

.books-by-gandhi li {
    margin-bottom: 0.625rem;
    position: relative;
    width: 50%;
    float: left;
    padding-left: 1.625rem;
}

.books-by-gandhi li::before {
    position: absolute;
    content: "\f044";
    width: 0.625rem;
    height: 0.625rem;
    left: 0;
    font-size: 0.875rem;
    top: 3px;
    font-family: fontawesome;
}

.books-by-gandhi li a {
    text-decoration: underline;
    text-decoration-color: #000;
}

.archives li a {
    color: #9c1010;
}

.archives li {
    margin-bottom: 0.9375rem;
    position: relative;
    padding-left: 1.25rem;
}

.archives li:before {
    position: absolute;
    content: "";
    background: #6d6d6d;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.bio-header a {
    color: #51280a;
}
.footer-social-icons{
    float:left;
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 1.9375rem;
    height: 2.75rem;
    cursor: pointer;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 1.4375rem 0.9375rem 1.125rem 1.75rem;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 4.25rem;
    height: 4.25rem;
    background: #f08801;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 4.25rem;
    height: 4.25rem;
    background: #f08801;
    border-radius: 50%;
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto;
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 1.625rem solid #fff;
    border-top: 1.125rem solid transparent;
    border-bottom: 1.125rem solid transparent
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-grid h4 {
    font-size: 0.9375rem;
    margin-bottom: 0.75rem;
    padding-left: 1.25rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.75rem; 
    min-height: 50px;

}

.youtube-bio {
    border-bottom: 2px solid #51280a;
    padding: 1.125rem;
    background: #f7f7f7;
    box-shadow: 0 5px 6px 5px #f7f7f7;
    min-height: 170px;
}

.charkha-logo {
    margin-left: 2.1875rem;
    margin-bottom: 0.75rem;
}

.reach-us {
    color: #51280a;
    padding-left: 2.8125rem;
    font-weight: 600;
    border-top: 2px solid #ccc;
    padding-top: 0.625rem;
    margin-top: 0.6875rem;
    width: 100%;
    float: left;
}


.contact-grid li .details {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.contact-grid li {
    margin-bottom: 8px;
}

.contact-grid li span {
    color: #51280a;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    font-weight: 600;
    width:60px;
}

.contact-grid li .details {
    display: table-cell;
    vertical-align: top;
    padding-left: 1.25rem;
    overflow: hidden;
}

.contact-grid li a {
    color: #333;
}

.location-map {
    width: 100%;
    margin-top: 2.1875rem;
}

.contact-container {
    width: 78%;
    margin: auto;
}

.contact-grid {
    background: #f7f7f7;
    min-height: 200px;
    padding: 1.875rem;
    border-bottom: 2px solid #51280a;
}

.quotations-grid h4 {
    color: #9c1010;
    font-weight: 500;
    margin-bottom: 6px;
}

.quotations-grid {
    border-bottom: 1px solid #ccc;
    margin-top: 1.5rem;
}

.comes-alive-grid .numbers {
    color: #f08900;
    width: 2.75rem;
    border: 2px solid #f08900;
    height: 2.75rem;
    font-size: 1.25rem;
    line-height: 2.375rem;
    border-radius: 50%;
    margin: 0 auto 0.625rem;
    text-align: center;
    font-weight: 600;
    position: relative;
    background: #ffe1e1;
}

.comes-alive-grid .numbers:before {
    position: absolute;
    content: "";
    width: 3.375rem;
    height: 3.375rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px dashed #f08900;
    border-radius: 50%;
}

.comes-alive-grid .title {
    margin-bottom: 6px;
    color: #f08900;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 2px;
}

.comes-alive-grid {
    text-align: center;
    padding: 0 6%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.875rem;
}

.comes-alive-grid .date {
    font-size: 0.875rem;
    font-weight: 600;
}

.contact-grid li .dsgn {
    display: inline-block
}

.contact-grid li {
    margin-bottom: 8px;
    width: 100%;
    float: left;
}
.contact-grid li .name {
    display: inline-block;
    color: #f08801;
}
.archives h5 {
    color: #51280a;
    font-size: 1.0625rem;
    text-align: center;
    font-weight: 500;
}

.archives a {
    color: #51280a;
}

.biography-listing a {
    color: #333;
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-out;
}

.biography-listing a:hover {
    color: #51280a;
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-out;
}

.footer-wave img {
    width: 100%;
}

.chrolonogy-graph h4 a span::before {
    position: absolute;
    top: 100%;
    width: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 1.5625rem;
}

.chrolonogy-graph h4 a:hover {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.chrolonogy-graph h4 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.chrolonogy-graph h4 a:hover span,
.chrolonogy-graph h4 a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.chrolonogy-graph h4 {
    overflow: hidden;
    padding: 0 4px;
    height: 1em;
}

.enlarge {
    text-align: center;
    color: #9c1010;
    font-weight: 600;
    font-size: 1.125rem;
    margin-top: 1.25rem;
}

.biogandhi figure {
    background: #f5f4f4;
    padding: 1.875rem;
    margin-bottom: 0.875rem;
}

.associate-list {
    width: 100%;
}
.associate-list li{
    margin-bottom: 8px;
}
.associate-list a {
    text-decoration: underline;
}

.reminiscences li.header {
    font-size: 1.2rem;
    color: #9c1010;
    text-transform: uppercase;
    font-weight: 600;
}

ul.articles-list li {
    margin-bottom: 0.625rem;
    list-style: decimal;
    margin-left: 1.25rem;
}

ul.articles-list li a {
    text-decoration: underline;
}

.archives li a {
    color: #9c1010;
}

.archives li {
    margin-bottom: 0.9375rem;
    position: relative;
    padding-left: 1.25rem;
}

.archives li:before {
    position: absolute;
    content: "";
    background: #6d6d6d;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0;
    top: 8px;
}

.quiz-answer-list li {
    border-bottom: 1px dashed #f08801;
    width: 28%;
    float: left;
    padding-bottom: 0.625rem;
    list-style-type: decimal;
    padding: 0 0.625rem 0.625rem;
    font-size: 0.875rem;
    margin: 10px 20px;
}

.letters-list a {
    color: #51280a;
    text-decoration: underline;
    background-color: transparent;
}


/*ashrampreyar layout*/




.comes-alive-grid {
    text-align: center;
    padding: 0 6%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.875rem;
}

.comes-alive-grid .date {
    font-size: 0.875rem;
    font-weight: 600;
}

.quotations-info tr:nth-child(odd) {
    background: #efefef;
}

.quotations-info td:first-child {
    width: 120px;
}

.quotation-heading a {
    color: #060606;
    text-decoration: underline;
}

.favorite-grid.row:nth-child(odd) {
    flex-direction: row-reverse;
}

.book-sub-link-qutations-grid {
    margin-bottom: 1.875rem;
    border-top: 1px solid #f1eaea;
    padding-top: 1.875rem;
}

.hymns-font p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 0.9375rem;
    font-family: 'Roboto-bold';
}

.book-sub-link-inline li {
    display: inline-block;
    position: relative;
}

.book-sub-link-inline li a {
    padding: 0 0.625rem;
    text-decoration: underline;
}

.book-sub-link-inline li:before {
    position: absolute;
    content: "";
    background: #9c1010;
    width: 1px;
    height: 0.9375rem;
    right: 0;
    top: 6px;
}

.quotations-grid li {
    list-style: inherit;
    margin-left: 2.0625rem;
}


/*responsive menu*/

.ace-responsive-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.ace-responsive-menu li {
    list-style: none;
}

.ace-responsive-menu li ul {
    display: none;
}

.ace-responsive-menu>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: left;
}

.ace-responsive-menu li a {
    color: #c0c0c0;
}

.ace-responsive-menu>li>a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 1.125rem 1.25rem 1.125rem 0.75rem;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 300;
    font-family: 'Roboto-bold';
    color: #51280a;
}

.ace-responsive-menu li a i {
    padding-right: 5px;
    color: #FF5737;
}

.ace-responsive-menu>li>a i {
    font-size: 1rem;
    text-shadow: none;
    color: #FF5737;
}

.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 0.625rem;
}


/*.ace-responsive-menu li.menu-active > a {
    background: #272727 !important;
    color:#fff;
}*/

.ace-responsive-menu li .menu-active {
    position: relative;
}

.ace-responsive-menu>li>a>.arrow:before {
    margin-left: 0.9375rem;
    display: inline;
    font-size: 1rem;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    width: 0.625rem;
    display: inline-block;
}

.ace-responsive-menu li ul.sub-menu li>a>.arrow:before {
    content: "\f105" !important;
    transition: 0.4s ease-out;
}

.ace-responsive-menu>li>ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
}


/*.ace-responsive-menu li ul.sub-menu {
    background: #333;
}*/

.ace-responsive-menu li ul.sub-menu>li {
    width: 185px;
}

.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 0px 5px 0.875rem 2.0625rem;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: bold;
    color: #51280a;
    background: none;
    position: relative;
}

.ace-responsive-menu li ul.sub-menu li a:before {
    position: absolute;
    content: "\f101";
    top: 2px;
    font-family: fontawesome;
    left: 1rem;
}

.ace-responsive-menu>li>ul.sub-menu>li {
    position: relative;
}

.ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}

.ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}

.ace-responsive-menu>li>ul.sub-menu li>a>.arrow:before {
    float: right;
    transition: 0.4s ease-out;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 1rem;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

.ace-responsive-menu li ul.sub-menu li ul.sub-menu li a
/* Menu Toggle Btn
----------------------------------------*/

.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    background: #333;
}

.menu-toggle h3 {
    float: left;
    color: #FFF;
    padding: 0px 0.625rem;
    font-weight: 600;
    font-size: 1rem;
}

.menu-toggle .icon-bar {
    display: block !important;
    width: 1.125rem;
    height: 2px;
    background-color: #F5F5F5 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}

.menu-toggle .icon-bar:hover {
    background-color: #F5F5F5 !important;
}

.menu-toggle #menu-btn {
    float: right;
    background: #202020;
    border: 1px solid #0C0C0C;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0.625rem;
}

.hide-menu {
    display: none;
}


/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] {
    width: 250px;
}

ul[data-menu-style="accordion"]>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}

ul[data-menu-style="accordion"]>li:first-child {
    border-top: 2px solid #FD5025;
}

ul[data-menu-style="accordion"] li ul.sub-menu>li {
    width: 100%;
}

ul[data-menu-style="accordion"]>li>a>.arrow:before {
    float: right;
    content: "\f105";
}

ul[data-menu-style="accordion"] li.menu-active>a>.arrow:before {
    content: "\f107" !important;
}

ul[data-menu-style="accordion"]>li>ul.sub-menu {
    position: static;
}

ul[data-menu-style="accordion"]>li>a i {
    padding-right: 0.625rem;
    color: #FF5737;
}

ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu {
    position: static;
}

ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: static;
}

ul[data-menu-style="accordion"]>li {
    border-bottom: 1px solid #242424;
}

ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}

ul[data-menu-style="accordion"] ul.sub-menu li.menu-active>a>.arrow:before {
    content: "\f107" !important;
}


/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] {
    width: 200px;
}

ul[data-menu-style="vertical"]>li {
    float: none;
}

ul[data-menu-style="vertical"]>li:first-child {
    border-top: 2px solid #FD5025;
}

ul[data-menu-style="vertical"] li ul.sub-menu>li {
    width: 100%;
}

ul[data-menu-style="vertical"]>li>a>.arrow:before {
    float: right;
    content: "\f105";
}

ul[data-menu-style="vertical"]>li.menu-active {
    position: relative;
}

ul[data-menu-style="vertical"]>li>ul.sub-menu {
    position: absolute;
    left: 200px;
    top: 0px;
    width: 200px;
}

ul[data-menu-style="vertical"]>li>a i {
    padding-right: 0.625rem;
    color: #FF5737;
}

ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}

ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}

ul[data-menu-style="vertical"]>li {
    border-bottom: 1px solid #242424;
}

ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}


/* Responsive Menu Styles
----------------------------------------*/


/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/

@media screen and (max-width: 768px) {
    .demo {
        width: 96%;
        padding: 2%;
    }
    ul[data-menu-style="vertical"],
    ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }
    .ace-responsive-menu {
        float: left;
        width: 100%;
    }
    .ace-responsive-menu>li {
        border-bottom: 1px dashed #51280a;
        float: none;
    }
    .ace-responsive-menu>li>a i {
        padding-right: 0.625rem;
        color: #FF5737;
    }
    .ace-responsive-menu>li>a>.arrow:before {
        float: right;
        content: "\f105";
    }
    li.menu-active>a>.arrow:before {
        content: "\f107" !important;
    }
    .ace-responsive-menu li ul.sub-menu>li {
        width: 100%;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 1.875rem;
    }
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 3.125rem;
    }
    .ace-responsive-menu>li>ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
        position: static;
    }
    .ace-responsive-menu li ul.sub-menu li.menu-active>a>.arrow:before {
        content: "\f107" !important;
    }
}

nav.mobile-menu {
    background: transparent !important;
}

.ace-responsive-menu>li>ul.sub-menu>li ul {
    padding-left: 1.875rem;
}

.ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
    font-weight: 500;
}

.ace-responsive-menu li ul.sub-menu li a .arrow {
    margin-left: 0.625rem;
}


/*responsive end*/

ul.associate-gandhi li a {
    color: #9c1010;
    font-size: 1.125rem;
}

ul.associate-gandhi {
    margin-top: 1.125rem;
}

.philosophy-grid li ul.sub-details li {
    padding-bottom: 0;
    margin-top: 6px;
    border: none;
    font-size: 0.875rem;
}

.archives img {
    width: 100%;
}

.archives p {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
}

.archives h4 {
    font-size: 1.125rem;
    margin-top: 0.875rem;
    border-bottom: 1px dashed #51280a;
    padding-bottom: 0.625rem;
    color: #51280a;
}

.original-voice-grid .audio-play {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.original-voice-grid .audio-play img{
    float: left;
    padding-right: 16px;
}
.original-voice-grid audio:focus{
    outline: 0;
}
.original-voice-grid h6 {
    color: #9c1010;
    margin-bottom: 0.875rem;
    margin-top: 1.25rem;
}

.original-voice-grid {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 1.875rem;
}

ul.main-page-link li a {
    color: #51280a;
}

ul.main-page-link li {
    margin-bottom: 0.625rem;
}

.main-title-image img {
    width: 100%;
}



/*.footer-wave {
    background: url(../../assets/images/footer-wave.png);
    height: 362px;
    background-size: cover;
    background-repeat: no-repeat;
}*/

.favorite-grid {
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}

.favorite-grid figure img {
    width: 100%;
}

ul.main-page-link li {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0.875rem;
}

ul.main-page-link p {
    margin-bottom: 6px;
}

ul.main-page-link h5 {
    font-size: 1.0625rem;
}


/*arrow animation in css*/


/* right bounce */

@-webkit-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(-1.875rem);
        transform: translateX(-1.875rem);
    }
    60% {
        -webkit-transform: translateX(-0.9375rem);
        transform: translateX(-0.9375rem);
    }
}

@-moz-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-1.875rem);
    }
    60% {
        transform: translateX(-0.9375rem);
    }
}

@keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    40% {
        -ms-transform: translateX(-1.875rem);
        transform: translateX(-1.875rem);
    }
    60% {
        -ms-transform: translateX(-0.9375rem);
        transform: translateX(-0.9375rem);
    }
}

.fa-arrow-right {
    -webkit-animation: bounceRight 2s infinite;
    animation: bounceRight 2s infinite;
    float: right;
}


/*arrow animation end*/

header {
    background: #ffffff;
    margin-bottom: 104px;
}


/*social media icon on hover*/

.social-icon {
    color: #fff;
}

ul.social-icons {
    margin-top: 0.625rem;
}


.social-icons li i{
    border-radius: 50%;
    height:40px;
    width:40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    background-color: #51280a;
    color: #fff;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}

.fa-facebook {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    
}

.fa-facebook:hover {
    background-color: #3d5b99;
}

.fa-twitter {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;

}

.fa-twitter:hover {
    background-color: #00aced;
}

.fa-rss {
    padding: 0.625rem 0.875rem;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-rss:hover {
    background-color: #eb8231;
}

.fa-youtube {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-youtube:hover {
    background-color: #e64a41;
}



.fa-instagram:hover {
    background-color: #f366e1;
}

.fa-github {
    padding: 0.625rem 0.875rem;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-github:hover {
    background-color: #5a32a3;
}



ul.social-icons li {
    margin: 0 4px;
    padding: 0;
    width:auto;
}


/*social media icon end*/

.biography-list .icon img {
    height: 70px;
}

ul.faq li a {
    background: #f9f9f9;
    display: block;
    padding: 8px 20px;
    color: #51280a;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 6px;
}
ul.faq li a:after {
    content: "\f101";
    position: absolute;
    right: 18px;
    font-family: fontawesome;
}
.correct-answered{
    background: #f08801;
    padding: 8px 20px;
    color: #fff;
    border: 2px solid #f08801;
    transition: 0.3s ease-in-out;
}
.correct-answered:hover{
    background:transparent;
    color: #333;
    transition: 0.3s ease-in-out;
}
.correct-answered i{
    animation: arrow 1s ease-in-out infinite;
    position: relative;
}
@keyframes arrow{
    0%{
        left:0;
        
    }
    50%{
        left: 5px;
    }
    100%{
        left: 0px;
    }
}

  .clock .digital-clock  {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-shadow: 3px 3px #9ac4dc;display: none;
  }
  .clock .date{
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-shadow: 3px 3px #9ac4dc;display: none;
  }
  .analog-clock {
    border-radius: 100%;
    background: url(../images/ios_clock.svg) no-repeat center;
    background-size: 65%;
    width: 116px;
    height: 116px;
    margin: 4px auto;
    position: relative;
  }
  .analog-clock:after {
    background: #000;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    z-index: 10;
  }
  .analog-clock .minutes-container, .analog-clock .hours-container, .analog-clock .seconds-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .analog-clock .hours {
    background: #160f0d;
    height: 20%;
    left: 48.75%;
    position: absolute;
    top: 30%;
    transform-origin: 50% 100%;
    width: 2.5%;
    box-shadow: 2px 2px 2px #888888;
  }
  .analog-clock .minutes {
    background: #160f0d;
    height: 38%;
    left: 49%;
    position: absolute;
    top: 12%;
    transform-origin: 50% 100%;
    width: 2%;
    box-shadow: 2px 2px 2px #888888;
  }
  .analog-clock .seconds {
    background: #160f0d;
    height: 45%;
    left: 49.5%;
    position: absolute;
    top: 14%;
    transform-origin: 50% 80%;
    width: 1%;
    z-index: 8;
    box-shadow: 2px 2px 3px #888888;
  }
  
  
  .clock-frame{
    background: url(../images/Clock-bg.png);
    background-size: cover;
    height: 184px;
    position: absolute;
    width: 119px;
    z-index: 999;
    padding-top: 64px;
    background-position: center center;
    margin: auto;
    top: 42px;
    right: 24%;
  }
.back-btn{
    animation:backbtn .9s ease-in-out infinite;
    position: relative;
}
.back-btn img{
    width:36px;
}
@keyframes backbtn{
    0%{
        left:0;
    }
    50%{
        left: -10px;
    }
    100%{
        left: 0px;
    }
}
.leader-details-bio{
    max-height:134px;
    overflow: hidden;
   transition: max-height 0.25s ease-in;
    margin-bottom: 10px;
    
}
.leader-details-bio.height-auto{
    max-height:100%;
    transition: max-height 0.25s ease-in;
}
.scrolltop.scrollLeft{
    right:-50px;
    transition: 0.3s ease-in-out;
}
.scrolltop {
    background: #f08801;
    width: 36px;
    text-align: center;
    height: 36px;
    box-shadow: 0px 0px 4px #a5a2a2;
    position: fixed;
    bottom: 18px;
    border-radius: 50%;
    border: 2px solid #f08801;
    color: #fff;
    cursor: pointer;
    right: 18px;
    line-height: 34px;
    transition: 0.3s ease-in-out;
    display: none;
}

.scrolltop:hover{
    background: transparent;
    color: #f08801;
    transition: 0.3s ease-in-out;
}
.bread-crumb-list .breadcrumb {
    background: #ffeed7;
}
footer .contact-grid{
    background: transparent;
    border:none;
    height: auto;
}
.carousel-indicators li{
    background-color: #f08801;
    height: 14px;
    border-radius: 50%;
    width: 14px;
    margin: 0 5px;
}
.aboutMobile h4{
    font-size: 18px;
    color:#333;
}

footer h4 a{
    color:#51280a;
    text-decoration: underline;
}
.personal-documents li{
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}
.personal-documents li:before{
    position: absolute;
    content: "";
    background: #9c1010;
    width: 6px;
    height: 6px;
    top: 0.62rem;
    border-radius: 50%;
    left: 0px;
}
.personal-documents li a{
    color: #51280a;
}