@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,900');

/*-------------- Global Style ----------*/

html,
body {
    font-family: 'Lato', sans-serif;
    /*font-family: 'Raleway', sans-serif;*/
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

a, button {
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

a {
    color: #ff6f00;
}

    a:focus,
    a:hover {
        outline: none;
        outline-offset: 0;
        text-decoration: none;
    }

p {
    font-family: 'Lato', sans-serif;
    color: #020202;
    font-size: 14px;
    line-height: normal;
}

input[type=text],
input[type=number],
input[type=date],
input[type=time],
input[type=file],
input[type=checkbox],
input[type=radio],
select,
input[type=file]:focus {
    outline: none;
}

    select.form-control option {
        color: #000000;
    }

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/*----------*/

.navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-toggle {
    background-color: #182773;
}

.container {
    width: 90%;
}

.topbarSection {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #8ed8f8 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#8ed8f8 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#8ed8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8ed8f8 ',GradientType=0 );
}

    .topbarSection .logoArea {
        width: 50%;
        float: left;
    }

        .topbarSection .logoArea a {
            display: block;
        }

    .topbarSection .TopContactInfo {
        width: 50%;
        float: left;
    }

    .topbarSection .logoArea .symbol,
    .topbarSection .logoArea h1 {
        width: auto;
        float: left;
    }

    .topbarSection .logoArea h1 {
        font-family: 'Lato', sans-serif;
        font-size: 26px;
        font-weight: bolder;
        padding: 16px 0 0 20px;
        margin: 0;
        line-height: normal;
        color: #ff6f00;
        text-transform: uppercase;
    }

    .topbarSection .TopContactInfo .navbar {
        min-height: auto;
        margin-bottom: 0;
        border: none;
    }

        .topbarSection .TopContactInfo .navbar li a {
            font-family: 'Lato', sans-serif;
            font-size: 13px;
            color: #000000;
            font-weight: 600;
            line-height: normal;
            padding: 15px 0px 15px 20px;
            text-transform: uppercase;
        }

        .topbarSection .TopContactInfo .navbar li.ContactInfo a {
            color: #ff6f00;
            text-transform: none;
            font-size: 14px;
        }

            .topbarSection .TopContactInfo .navbar li.ContactInfo a i {
                padding-right: 5px;
            }

            .topbarSection .TopContactInfo .navbar li.ContactInfo a:hover {
                color: #000000;
            }

        .topbarSection .TopContactInfo .navbar li a:hover,
        .topbarSection .TopContactInfo .navbar li a:focus {
            color: #ff6f00;
            background: transparent;
        }

        .topbarSection .TopContactInfo .navbar li a.loginBtn {
            padding: 0px 0 0 15px;
            margin-bottom: -9px;
            display: table;
        }

        .topbarSection .TopContactInfo .navbar .nav.navbar-right {
            text-align: right;
        }

.TopContactInfo .navbar .nav.navbar-right li {
    float: none;
    display: inline-block;
}

    .TopContactInfo .navbar .nav.navbar-right li.divider {
        width: 100%;
        height: 1px;
        display: block;
        background: -moz-linear-gradient(left, rgba(233,159,136,0) 0%, rgba(233,159,136,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(233,159,136,0) 0%,rgba(233,159,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(233,159,136,0) 0%,rgba(233,159,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e99f88', endColorstr='#e99f88',GradientType=1 ); /* IE6-9 */
    }

/*---------- nav bar -----*/

.navbarSection {
    width: 100%;
    float: left;
    background: #182773;
}

#cssmenu {
    position: relative;
    /*top: 80px;
	margin: auto;*/
    width: 100%;
    float: left;
}

/*----*/

.bannerArea {
    width: 100%;
    float: left;
}

    .bannerArea .flexslider .flex-viewport li {
        position: relative;
    }
    /*.bannerArea .flexslider .flex-viewport li::after{
	content:"";
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	left:0;
	top:0;

	background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03000000', endColorstr='#ffffff',GradientType=0 ); 
	
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;	
}*/

    .bannerArea .flex-caption {
        position: absolute;
        width: 100%;
        float: left;
        text-align: center;
        left: 0;
        bottom: 15%;
        z-index: 100;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }

        .bannerArea .flex-caption p {
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-size: 20px;
            font-weight: 900;
            text-shadow: 0 1px 2px rgba(0,0,0,0.9);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .bannerArea .flex-caption p span {
                font-size: 30px;
            }

        .bannerArea .flex-caption a {
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            padding: 10px 20px;
            display: inline-block;
            border: 2px solid #fff;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 20px 0 0;
        }

            .bannerArea .flex-caption a:hover {
                border: 2px solid #ff6f00;
                color: #ff6f00;
            }

.NewsArea {
    width: 100%;
    float: left;
    background: #f9f9f9 url(../WebsiteImg/news_bg.jpg) 50% 50% fixed no-repeat;
    padding: 40px 0;
    position: relative;
}

    .NewsArea.aboutArea {
        background: #f9f9f9 url(../WebsiteImg/about_bg.jpg) 50% 50% fixed no-repeat;
    }

.UpcomingEvents {
    width: 100%;
    float: left;
    height: 110px;
    background: #fff;
    margin-top: -95px;
    z-index: 100;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    position: relative;
}

    .UpcomingEvents .Heading {
        width: 15%;
        float: left;
        background: #ff6f00;
        padding: 20px 40px;
        height: 110px;
        position: relative;
        border-radius: 4px 0 0 4px;
    }

        .UpcomingEvents .Heading:after {
            content: "";
            position: absolute;
            top: 0;
            z-index: 100;
            right: 0;
            width: 0;
            height: 0;
            border-top: 110px solid #ffffff;
            border-left: 20px solid transparent;
        }

    .UpcomingEvents .Content {
        width: 70%;
        float: left;
        padding: 20px;
        height: 110px;
    }

    .UpcomingEvents .Button {
        width: 15%;
        float: left;
        padding: 25px 20px;
        height: 110px;
        border-left: 1px solid #e6e6e6;
    }

    .UpcomingEvents .Heading h4 {
        font-family: 'Lato', sans-serif;
        color: #ffffff;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0;
        margin: 0;
        line-height: 34px;
        letter-spacing: 0.5px;
    }

    .UpcomingEvents .Content h4,
    .UpcomingEvents .Content p {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0 0 10px 0;
        margin: 0;
    }

    .UpcomingEvents .Content h4 {
        letter-spacing: 1px;
    }

    .UpcomingEvents .Content p {
        font-size: 16px;
        font-weight: 400;
        text-transform: none;
    }

        .UpcomingEvents .Content p.schedule {
            color: #ff6f00;
            font-size: 12px;
            padding: 0;
        }

    .UpcomingEvents .Button a.DetailsButton, a.DetailsButton {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 20px 20px;
        display: block;
        background: #182773;
        text-align: center;
        border-radius: 4px;
        letter-spacing: 1px;
    }

        a.DetailsButton.LargeText {
            font-size: 20px;
        }

        a.DetailsButton.FormBtn {
            margin-bottom: 20px;
        }

.fullwidthButton {
    width: 100%;
    display: block;
}

.UpcomingEvents .Button a.DetailsButton:hover,
a.DetailsButton:hover {
    background: #ff6f00;
}


.LatestNewsArea {
    width: 100%;
    float: left;
    padding: 30px 0;
}

    .LatestNewsArea h4,
    .GalleryArea h4,
    .BlessingsArea h4,
    .LatestNewsArea h1,
    .GalleryArea h1,
    .BlessingsArea h1 {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 40px 0px;
        text-align: center;
        position: relative;
        margin: 0;
        letter-spacing: 0.5px;
    }

        .LatestNewsArea h4::before,
        .LatestNewsArea h4::after,
        .GalleryArea h4::before,
        .GalleryArea h4::after,
        .BlessingsArea h4::before,
        .BlessingsArea h4::after,
        .LatestNewsArea h1::before,
        .LatestNewsArea h1::after,
        .GalleryArea h1::before,
        .GalleryArea h1::after,
        .BlessingsArea h1::before,
        .BlessingsArea h1::after {
            content: "";
            position: absolute;
            height: 1px;
            background: #ff6f00;
        }

        .LatestNewsArea h4::before,
        .GalleryArea h4::before,
        .BlessingsArea h4::before,
        .LatestNewsArea h1::before,
        .GalleryArea h1::before,
        .BlessingsArea h1::before {
            width: 100px;
            left: 46.5%;
            bottom: 10px;
        }

        .LatestNewsArea h4::after,
        .GalleryArea h4::after,
        .BlessingsArea h4::after,
        .LatestNewsArea h1::after,
        .GalleryArea h1::after,
        .BlessingsArea h1::after {
            width: 60px;
            left: 48%;
            bottom: 5px;
        }

    .LatestNewsArea .NewsSlider {
        width: 100%;
        float: left;
        padding: 60px 0;
    }

        .LatestNewsArea .NewsSlider .flexslider {
            background: transparent;
        }

.NewsSlider .NewsCard,
.NewsCard {
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 5%);
}

    .NewsSlider .NewsCard .header,
    .NewsSlider .NewsCard .body,
    .NewsSlider .NewsCard .footer,
    .NewsCard .header,
    .NewsCard .body,
    .NewsCard .footer {
        width: 100%;
        float: left;
        padding: 20px;
    }

    .NewsCard .body {
        min-height: 140px;
    }

    .NewsSlider .NewsCard .header,
    .NewsCard .header {
        border-bottom: 2px solid #f4f4f4;
    }

        .NewsSlider .NewsCard .header h6,
        .NewsSlider .NewsCard .header p,
        .NewsCard .header h6,
        .NewsCard .header p {
            font-family: 'Lato', sans-serif;
            color: #000000;
            font-size: 16px;
            text-transform: capitalize;
            font-weight: 600;
            padding: 0px 0px 10px 0;
            letter-spacing: 0.5px;
            margin: 0;
        }

        .NewsSlider .NewsCard .header p,
        .NewsCard .header p {
            color: #646464;
            text-transform: none;
            font-weight: 400;
            padding: 0;
        }

    .NewsSlider .NewsCard .body .NewsThumbs,
    .NewsCard .body .NewsThumbs {
        border: 1px solid #dddddd;
        padding: 5px;
        display: block;
    }

        .NewsCard .body .NewsThumbs.booksIcon {
            padding: 40px 10px;
        }

            .NewsCard .body .NewsThumbs.booksIcon:hover {
                border: 1px solid #ff6f00;
            }

    .NewsSlider .NewsCard .body .NewsTexts p,
    .NewsCard .body .NewsTexts p {
        font-family: 'Lato', sans-serif;
        color: #020202;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
    }

    .NewsSlider .NewsCard .footer,
    .NewsCard .footer {
        border-top: 1px solid #f4f4f4;
    }

        .NewsSlider .NewsCard .footer a,
        .NewsCard .footer a {
            font-family: 'Lato', sans-serif;
            color: #000000;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            display: block;
        }

            .NewsSlider .NewsCard .footer a:hover,
            .NewsCard .footer a:hover {
                color: #ff6f00;
            }

.LatestNewsArea .ViewAllButton,
.ViewAllButton {
    width: 100%;
    float: left;
    text-align: center;
}

    .LatestNewsArea .ViewAllButton a,
    .ViewAllButton a {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 20px 40px;
        display: inline-block;
        background: #182773;
        text-align: center;
        border-radius: 4px;
    }

        .LatestNewsArea .ViewAllButton a:hover,
        .ViewAllButton a:hover {
            background: #ff6f00;
        }

/*-------------- Books -------------*/

.BooksArea,
.EmblameArea {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.BooksSection {
    width: 100%;
    float: left;
}

    .BooksSection .headerArea,
    .BooksSection .FooterArea {
        width: 100%;
        float: left;
        padding: 0 0 20px 0;
    }

    .BooksSection .FooterArea {
        padding: 20px 0 0 0;
    }

    .BooksSection .bodyArea {
        width: 100%;
        float: left;
    }

    .BooksSection .headerArea h4,
    .BooksSection .headerArea a,
    .BooksSection .FooterArea a {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0;
        margin: 0;
        display: inline-block;
    }

    .BooksSection .headerArea a {
        color: #000000;
        float: right;
    }

    .BooksSection .FooterArea a {
        color: #000000;
    }

        .BooksSection .headerArea a:hover,
        .BooksSection .FooterArea a:hover {
            color: #ff6f00;
        }

    .BooksSection .headerArea a.pulledLeft {
        padding-right: 60px;
    }

    .BooksSection .bodyArea ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .BooksSection .bodyArea ul li {
            float: left;
            padding: 20px;
            margin-right: 20px;
            border: 1px solid #dcdcdc;
        }

            .BooksSection .bodyArea ul li:last-child {
                margin: 0;
            }

/*------ Gallery --------*/

.GalleryArea {
    width: 100%;
    float: left;
    padding: 10px 0; /*padding:60px 0;*/
}

.GalleryThumbsArea {
    width: 100%;
    float: left;
    padding: 100px 0 50px;
}

.GalleryArea ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .GalleryArea ul li {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

        .GalleryArea ul li a {
            display: block;
        }

            .GalleryArea ul li a img {
                width: 100%;
            }

/*---------- QuoteArea --------*/

.QuoteArea {
    width: 100%;
    float: left;
    padding: 50px 150px;
    text-align: center;
    margin: 0px 0 100px;
    position: relative;
}

    .QuoteArea .BoxSection {
        width: 100%;
        float: left;
        background: #ff6f00;
        padding: 50px;
        border-radius: 10px;
    }

    .QuoteArea.InnerPage {
        margin: 100px 0 100px;
    }
    /*.QuoteArea::before,
.QuoteArea::after{
	content:"";
	position:absolute;
	width:417px;
	height:6px;
	float:left;
    left: 36.5%;	
}

.QuoteArea::before{
	top:0;
	background:url(../WebsiteImg/quote_decor_top.png) 50% 50% no-repeat;
}
.QuoteArea::after{
	bottom:0;
	background:url(../WebsiteImg/quote_decor_bottom.png) 50% 50% no-repeat;
}*/

    .QuoteArea h4 {
        font-family: 'Lato', sans-serif;
        color: #ffffff;
        font-size: 28px;
        font-weight: 600;
        padding: 0;
        margin: 0 0 0px 0;
        line-height: 40px;
    }

        .QuoteArea h4 .preQuote,
        .QuoteArea h4 .postQuote {
            width: 40px;
            height: 42px;
            display: inline-block;
        }

        .QuoteArea h4 .preQuote {
            background: url(../WebsiteImg/quotation_pre.png) 50% 50% no-repeat;
        }

        .QuoteArea h4 .postQuote {
            background: url(../WebsiteImg/quotation_post.png) 50% 50% no-repeat;
        }

        .QuoteArea h4 .preQuote.type2 {
            background: url(../WebsiteImg/quotation_pre_2.png) 50% 50% no-repeat;
        }

        .QuoteArea h4 .postQuote.type2 {
            background: url(../WebsiteImg/quotation_post_2.png) 50% 50% no-repeat;
        }

    .QuoteArea p {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 16px;
        font-weight: 600;
        padding: 4px 15px 5px;
        margin: 0;
        background: #fff;
        display: inline-block;
        text-transform: uppercase;
        position: absolute;
        left: 43%;
        bottom: 34px;
        border-radius: 50px;
        border: 2px solid #ff6f00;
    }

/*--------- Footer ----------*/

footer {
    width: 100%;
    float: left;
    background: #191f38;
    padding: 60px 0 0;
}

.footerAddress {
    width: 100%;
    float: left;
}

    .footerAddress .mapThumbs {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

        .footerAddress .mapThumbs img {
            width: 100%;
        }

    .footerAddress p,
    .footerAddress p a {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 15px 0;
        margin: 0;
        text-decoration: none;
    }

        .footerAddress p a {
            color: #ff6f00;
        }

            .footerAddress p a:hover {
                color: #fff;
            }

footer .relatedLinksArea,
footer .GetInTouchArea {
    width: 100%;
    float: left;
}

    footer .relatedLinksArea h4,
    footer .GetInTouchArea h4 {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 14px;
        font-weight: 800;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    footer .relatedLinksArea ul li {
        width: 100%;
        float: left;
    }

        footer .relatedLinksArea ul li a {
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            padding: 12px 0;
            margin: 0 0 0px 0;
            display: block;
        }

            footer .relatedLinksArea ul li a:hover {
                color: #ff6f00;
            }

    footer .GetInTouchArea .formArea {
        width: 100%;
        float: left;
    }

.formArea label {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.formArea .form-control {
    padding: 6px 10px;
    font-size: 14px;
    color: #fff;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #fff;
}

.formArea input:focus.form-control,
.formArea textarea:focus.form-control {
    border-bottom: 1px solid #ff6f00;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.btn.SubmitBtn {
    width: 100%;
    float: left;
    background: #ff6f00;
    padding: 15px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    margin: 20px 0 0 0;
}

.copyrightArea {
    width: 100%;
    float: left;
    background: #101527;
    padding: 10px;
    text-align: center;
    margin-top: 40px;
}

    .copyrightArea p {
        font-family: 'Lato', sans-serif;
        color: #7a819d;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.5px;
        margin: 0;
        padding: 0;
    }

/*----------- Hover Effect -------------*/

.grid {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    float: left;
}

    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 0;
        /* min-width: 320px; */
        /* max-width: 480px; */
        /* max-height: 360px; */
        width: 100%;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

        .grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            word-spacing: 0px;
            font-weight: 300;
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 0.5px;
            line-height: 26px;
        }

            .grid figure h2 span {
                font-weight: 800;
            }

        .grid figure h2,
        .grid figure p {
            margin: 0;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 12px;
        }

/*************/
figure.effect-bubba {
    background: #ff6f00;
}

    figure.effect-bubba img {
        opacity: 1;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-bubba:hover img {
        opacity: 0.2;
    }

    figure.effect-bubba figcaption::before,
    figure.effect-bubba figcaption::after {
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    figure.effect-bubba figcaption::before {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
    }

    figure.effect-bubba figcaption::after {
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-transform: scale(1,0);
        transform: scale(1,0);
    }

    figure.effect-bubba h2 {
        padding-top: 30%;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    figure.effect-bubba p {
        padding: 20px 2.5em;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    figure.effect-bubba:hover figcaption::before,
    figure.effect-bubba:hover figcaption::after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.effect-bubba:hover h2,
    figure.effect-bubba:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }


/*-------*/

.innerpageBanner img {
    width: 100%;
}

.UpcomingEvents.TheVoiceArea .Content {
    width: 85%;
    border-bottom: 2px solid #ff6f00;
}

    .UpcomingEvents.TheVoiceArea .Content h4 {
        font-size: 20px;
        line-height: 30px;
        text-transform: none;
    }

/*.theIdeaArea{
	width:100%;
	float:left;
	margin:50px 0;
	padding:0;
}

.theIdeaArea .ImgArea,
.theIdeaArea .txtArea{
	width:50%;
	float:left;
}
.theIdeaArea .txtArea{
    background: #f1f1f1;
    float: left;
    padding: 30px;
    min-height: 315px;
    border: 1px solid #e0e0e0;
}*/
.theIdeaArea {
    width: 100%;
    float: left;
    margin: 50px 0;
    padding-left: 50%;
    position: relative;
}

    .theIdeaArea .txtArea {
        background: #f1f1f1;
        float: left;
        width: 100%;
        padding: 30px;
        min-height: 315px;
        border: 1px solid #e0e0e0;
    }

    .theIdeaArea .ImgArea {
        width: 50%;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

        .theIdeaArea .ImgArea.aboutUs {
            background: url(../WebsiteImg/the_idea.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.sisterOrg {
            background: url(../WebsiteImg/sisterOrg_the_idea.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.ytp {
            background: url(../WebsiteImg/ytp_overview.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.adp {
            background: url(../WebsiteImg/adp_overview.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.aboutUs2 {
            background: url(../WebsiteImg/about_bg_2.jpg) 0% 0% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.studyCircle {
            background: url(../WebsiteImg/idea_study_circle.jpg) 0% 0% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.bulletins {
            background: url(../WebsiteImg/the_idea_bulletins.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }

        .theIdeaArea .ImgArea.books {
            background: url(../WebsiteImg/the_idea_books.jpg) 50% 50% no-repeat;
            background-size: cover;
            -webkit-background-size: cover;
            -o-background-size: cover;
            -moz-background-size: cover;
        }


        /*.theIdeaArea.studyCircle .txtArea{
    height: 385px;
	overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;	
}*/
        .theIdeaArea .ImgArea img {
            width: 100%;
        }

    .theIdeaArea .txtArea h1,
    .theIdeaArea .txtArea p {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 20px 0;
        margin: 0;
        line-height: 22px;
    }

    .theIdeaArea .txtArea h1 {
        color: #ff6f00;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
    }

.OverviewArea {
    width: 100%;
    float: left;
    padding: 40px 0;
}

    .OverviewArea h4,
    .OverviewArea h6,
    .OverviewArea p {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 24px;
        font-weight: 600;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        text-transform: uppercase;
        border-bottom: 1px solid #e3e3e3;
    }

        .OverviewArea p i {
            margin-right: 10px;
        }

        .OverviewArea p a {
            color: #ff6f00;
        }

            .OverviewArea p a:hover {
                color: #000000;
            }

    .OverviewArea.activiteis h4 {
        text-transform: none;
    }

        .OverviewArea.activiteis h4 span {
            text-transform: uppercase;
        }

    .OverviewArea p {
        color: #000000;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 10px 0;
        margin: 0;
        text-transform: none;
        border: none;
    }

    .OverviewArea h6 {
        font-size: 16px;
        text-transform: none;
        color: #000000;
        border: none;
        margin: 0;
        padding: 20px 0 10px 0;
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
    }

.aboutthumbs {
    width: 100%;
    float: left;
}

    .aboutthumbs img {
        width: 100%;
    }

.EmblameArea {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #fff;
}

    .EmblameArea .blockArea,
    .EmblameArea .blockArea .ImgArea {
        width: 100%;
        float: left;
    }

        .EmblameArea .blockArea .ImgArea {
            margin-bottom: 20px;
        }

            .EmblameArea .blockArea .ImgArea img {
                width: 100%;
            }

        .EmblameArea .blockArea h4 {
            font-family: 'Lato', sans-serif;
            font-size: 16px;
            text-transform: uppercase;
            color: #000000;
            border: none;
            margin: 0;
            padding: 0px 0 20px 0;
            font-weight: 600;
        }

        .EmblameArea .blockArea p {
            font-family: 'Lato', sans-serif;
            color: #000000;
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            padding: 0 0 20px 0;
            margin: 0;
            text-transform: none;
            border: none;
        }

.QuoteArea.SwadeshMantra h4 {
    color: #ff6f00;
}

.QuoteArea.SwadeshMantra p {
    color: #1e2e83;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: initial;
    border: 2px solid #1e2e83;
    padding: 10px 20px;
    font-weight: 800;
}

.BlessingsArea {
    width: 100%;
    float: left;
    padding-bottom: 60px;
}

    .BlessingsArea p {
        line-height: 22px;
    }

    .BlessingsArea h4 {
        margin-bottom: 50px;
    }

    .BlessingsArea .NewsCard .header,
    .BlessingsArea .NewsCard .body,
    .BlessingsArea .NewsCard .footer {
        padding: 20px 0;
    }

    .BlessingsArea a.ShowTextbtn,
    a.readMore {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
    }

        .BlessingsArea a.ShowTextbtn:hover,
        a.readMore:hover {
            color: #000000;
        }

span.hiddenText {
    display: none;
}

/*-------------*/
.BooksTabArea {
    width: 100%;
    float: left;
    padding: 80px 0 120px;
    background: #fff;
}

.SwadeshMantraTab {
    width: 100%;
    float: left;
}

    .SwadeshMantraTab h4 {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        color: #000000;
        border: none;
        margin: 0;
        padding: 0px 0 20px 0;
        font-weight: 600;
    }

    .SwadeshMantraTab .tabInner {
        width: 100%;
        float: left;
    }

        .SwadeshMantraTab .tabInner .nav-tabs > li a {
            font-family: 'Lato', sans-serif;
            font-size: 14px;
            text-transform: uppercase;
            color: #000000;
            margin: 0;
            font-weight: 600;
        }

        .SwadeshMantraTab .tabInner .nav-tabs > li.active > a,
        .SwadeshMantraTab .tabInner .nav-tabs > li.active > a:focus,
        .SwadeshMantraTab .tabInner .nav-tabs > li.active > a:hover {
            color: #ff6f00;
        }

        .SwadeshMantraTab .tabInner .tab-content {
            padding: 20px;
        }

            .SwadeshMantraTab .tabInner .tab-content p {
                font-family: 'Lato', sans-serif;
                font-size: 14px;
                color: #000000;
                line-height: 24px;
            }

.recentActivities {
    width: 100%;
    float: left;
}

    .recentActivities h4,
    .OverviewArea.activiteis .recentActivities h4,
    .recentActivities h6,
    .recentActivities p {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #ff6f00;
        border: none;
        margin: 0;
        padding: 0px 0 20px 0;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .recentActivities h6 {
        font-size: 14px;
        color: #000000;
        text-transform: uppercase;
        padding: 0 0 10px 0;
        margin: 0;
    }

    .recentActivities p,
    .recentActivities .NewsCard .body .NewsTexts p {
        text-transform: none;
        padding: 0 0 10px 0;
        line-height: normal;
    }

        .recentActivities .NewsCard .body .NewsTexts p.dateTime,
        .recentActivities p.dateTime {
            font-size: 12px;
            padding: 0;
            margin: 0;
            color: #c2c2c2;
            text-transform: none;
        }

    .recentActivities .ActivitiesArea {
        width: 100%;
        float: left;
        padding: 0px;
        background: #ffffff;
        border: 1px solid #e3e3e3;
        height: 555px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .recentActivities .ActivitiesArea ul li {
            width: 100%;
            float: left;
            padding: 0;
            margin-bottom: 0px;
            border-bottom: 1px solid #e3e3e3;
        }

            .recentActivities .ActivitiesArea ul li .ThumbsArea {
                width: 30%;
                float: left;
            }

            .recentActivities .ActivitiesArea ul li .TextArea {
                width: 70%;
                float: left;
                padding: 0 0 0 20px;
            }

.ActivitiesArea .NewsCard .body {
    padding: 15px;
}

.NewsCard.Type2 {
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

    .NewsCard.Type2 .header, .NewsCard.Type2 .body, .NewsCard.Type2 .footer {
        padding: 10px;
    }

    .NewsCard.Type2 .body {
        min-height: 200px;
    }

    .NewsCard.Type2 .header {
        position: relative;
        min-height: 90px;
    }
        /*.NewsCard.Type2 .header h6{
	padding:0;
    color: #ff6f00;
	border: none;	
}*/
        .NewsCard.Type2 .header h6 {
            padding: 0 10px;
            color: #ff6f00;
            border: none;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            display: block;
            width: 100%;
            line-height: 20px;
        }

.studyMaterialsArea {
    width: 100%;
    float: left;
    padding: 50px 100px;
    margin-bottom: 50px;
}

    .studyMaterialsArea li img {
        border: 1px solid #e3e3e3;
    }

.EmblameArea.CentresSections {
    padding: 40px 0;
    background: transparent;
}

.BookListingArea {
    width: 100%;
    float: left;
    padding: 100px 0;
    text-align: center;
}

    .BookListingArea ul li {
        width: 30%;
        /* float: left; */
        margin-bottom: 1%;
        margin-right: 1%;
        display: inline-block;
    }

    .BookListingArea .NewsCard.Type2 {
        margin-bottom: 0;
    }

.paginationArea {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
}

.pagination > li > a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}

    .pagination > li > a:hover {
        color: #ff6f00;
    }

.NewsDetails.LatestNewsArea h4 {
    color: #ff6f00;
}

    .NewsDetails.LatestNewsArea h4 span {
        text-transform: none;
        font-size: 20px;
        padding: 5px 20px;
        display: inline-block;
        border-top: 1px solid #d2d2d2;
        margin-top: 10px;
        font-weight: 600;
        color: #000000;
    }

.NewsCard.Gallery .body .NewsThumbs {
    padding: 0;
    margin-bottom: 10px;
}

    .NewsCard.Gallery .body .NewsThumbs img {
        width: 100%;
    }


.BookListingArea.GalleryArea h4 {
    margin-bottom: 30px;
}

.GetInTouchArea.ContactForm h4 {
    color: #000000;
}

.ContactForm .formArea label {
    color: #000000;
}

.ContactForm .formArea .form-control {
    border-bottom: 1px solid #000;
    color: #000000;
}

.btn.SubmitBtn {
    width: auto;
    padding: 15px 100px;
}


    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default:hover
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .open > .dropdown-toggle.btn-default.focus,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default:hover,
    .btn.SubmitBtn:hover {
        color: #fff;
        background-color: #182773;
        border-color: #182773;
    }

.panel-heading {
    padding: 0;
}

    .panel-heading a {
        padding: 10px 15px;
        display: block;
        font-weight: 600;
        color: #000000;
    }

        .panel-heading a:hover {
            color: #ff6f00;
        }

.breadcrumb {
    width: 100%;
    float: left;
    padding: 6px 12px;
    margin: 0;
    background: #f1f1f1;
}

    .breadcrumb li a {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        /*text-transform:uppercase;*/
    }

        .breadcrumb li a.active {
            color: #ff6f00;
            text-transform: uppercase;
        }

        .breadcrumb li a:hover {
            color: #ff6f00;
        }

.flickr-embed .flickr-embed-photo .branding svg {
    opacity: 0 !important;
}

.EventDetailsArea {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-top: 40px;
    position: relative;
}

.EventsLists {
    width: 100%;
    float: left;
    height: 600px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.EventDetailsArea.SpecialEvents .EventsLists {
    height: auto;
    overflow-y: auto;
}

.EventDetailsArea h6 {
    font-family: 'Lato', sans-serif;
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 20px;
    margin: 0;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 30px;
    top: -20px;
}

    .EventDetailsArea h6 span {
        color: #ff6f00;
    }

.EventDetailsArea ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .EventDetailsArea ul li {
        width: 100%;
        float: left;
        padding: 20px;
        border-bottom: 1px solid #efefef;
    }

        .EventDetailsArea ul li h2 {
            font-family: 'Lato', sans-serif;
            color: #353535;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 800;
            padding: 0 0 10px 0;
            margin: 0;
            line-height: 20px;
        }

            .EventDetailsArea ul li h2 span {
                text-transform: none;
                font-weight: 600;
            }

        .EventDetailsArea ul li p {
            font-family: 'Lato', sans-serif;
            color: #020202;
            font-size: 14px;
            line-height: 18px;
            text-align: left;
            margin: 0 0 4px 0;
        }

        .EventDetailsArea ul li a {
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
        }

        .EventDetailsArea ul li p.details {
            font-size: 12px;
        }

        .EventDetailsArea ul li p.date {
            color: #ff6f00;
        }

            .EventDetailsArea ul li p span,
            .EventDetailsArea ul li p.date span {
                font-size: 10px;
                color: #8e8e8e;
            }

.ContactThumbnails {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}

/*---------------- Testimonials ---------------*/

.TestimonialsArea {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: #f4f4f4 url(../WebsiteImg/testimonials_bg.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .TestimonialsArea.otherSocial {
        background: #f4f4f4 url(../WebsiteImg/testimonials_bg_social.jpg) 50% 50% no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .TestimonialsArea .flexslider {
        background: transparent;
    }

    .TestimonialsArea li {
        width: 100%;
        float: left;
        text-align: center;
        background: transparent;
    }

    .TestimonialsArea i {
        display: block;
        font-size: 60px;
        padding: 0 0 20px 0;
        color: #fff;
    }

    .TestimonialsArea h4,
    .TestimonialsArea p {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #fff;
        border: none;
        margin: 0;
        padding: 0px 0 20px 0;
        font-weight: 600;
        line-height: 24px;
    }

    .TestimonialsArea p {
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 10px 0;
        line-height: normal;
    }

        .TestimonialsArea p span {
            font-size: 12px;
            color: #c2c2c2;
        }

.ByQuestioning {
    width: 100%;
    float: left;
    padding: 40px 0;
}

    .ByQuestioning h2 {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 40px 0px;
        text-align: center;
        margin: 0;
        letter-spacing: 0.5px;
    }

    .ByQuestioning h4,
    .ByQuestioning p {
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        color: #000000;
        border: none;
        margin: 0;
        padding: 0px 0 10px 0;
        font-weight: 600;
        text-transform: none;
        line-height: 24px;
    }

    .ByQuestioning p {
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
    }

.OverviewArea ul.list {
    list-style-type: disc;
    padding: 0 0 0 16px;
    margin: 0;
    width: 100%;
    float: left;
}

    .OverviewArea ul.list li {
        width: 100%;
        float: left;
        color: #000000;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 10px 0;
        margin: 0;
    }

.EventDetailsArea.NewsArea ul li p.details {
    font-size: 14px;
    line-height: 22px;
}

.blankArea {
    width: 100%;
    float: left;
    min-height: 500px;
    text-align: center;
}

    .blankArea h4 {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 200px 0 0 0;
    }

@keyframes loadAnimate {
    from {
        left: -100%;
    }

    to {
        left: 100%;
    }
}

/*----------08/02/2018 -----------*/

.EventsFilter {
    width: 100%;
    float: left;
}

    .EventsFilter .FilterInner {
        width: auto;
        float: right;
        background: #ff6f00;
        padding: 5px;
        border-radius: 100px;
        color: #fff;
    }

        .EventsFilter .FilterInner p i {
            font-size: 20px;
            padding: 0 4px 0 0;
        }

        .EventsFilter .FilterInner p {
            font-family: 'Lato', sans-serif;
            color: #fff;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
            padding: 0 0px 0px 0;
            margin: 0;
            display: inline-block;
            width: 30%;
            /* float: left; */
            vertical-align: middle;
            line-height: 45px;
            text-align: center;
        }

        .EventsFilter .FilterInner select.form-control {
            display: inline-block;
            width: 70%;
            float: right;
            padding: 10px 10px;
            height: 45px;
            font-size: 16px;
            line-height: 24px;
            border-radius: 100px;
        }

/*-------- contact Form ---------*/
.error {
    display: none;
    color: #fa5039;
}

#ajaxsuccess {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    display: none;
    clear: both;
    color: #54d576;
}

    #ajaxsuccess span {
        color: #f5821f;
    }

.validatingMessage {
    width: 100%;
    float: left;
    padding: 20px 0;
}

/*---------- Loader --------*/

.loader {
    width: 100%;
    height: 100%;
    float: left;
    background: url(../WebsiteImg/logo_loader.jpg) #fff 50% 50% no-repeat;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    animation: pulse 1s infinite;
    /*	animation-name: pulse;
	animation-duration: 2s;
	animation-fill-mode: both;*/
}

    .loader.LoaderNew {
        /*background:url(../WebsiteImg/emblem_loader_new.svg) #fff 50% 50% no-repeat;*/
        background: url(../WebsiteImg/Emblem_Blue.png) #fff 50% 50% no-repeat;
        background-size: 150px;
    }

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.02, 1.02, 1.02);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

/*----------*/
ul.listItem {
    width: 100%;
    float: left;
}

    ul.listItem li {
        float: left;
        width: 100%;
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 10px 0;
        margin: 0;
        text-transform: none;
        border: none;
    }

        ul.listItem li i {
            color: #ff6f00;
            font-size: 12px;
            margin-right: 10px;
        }

.NewsCard.Type2 .body iframe {
    width: 100%;
    border: none;
}

.audioGallery .NewsCard.Type2 .footer a {
    display: inline-block;
    padding: 4px 10px;
    background: #182773;
    border-radius: 4px;
    color: #fff;
}

    .audioGallery .NewsCard.Type2 .footer a:hover {
        background: #ff6f00;
    }

.audioGallery .NewsCard.Type2 .body {
    min-height: auto;
}

.audioGallery .NewsCard.Type2 .footer {
    min-height: 46px;
}

.regstrationBtnArea {
    padding: 10px 0;
    width: 100%;
    float: left;
    position: relative;
}

.btn.btn-primary {
    padding: 10px 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
    background: #ff6f00;
    letter-spacing: 1px;
    margin: 0;
    border: none;
    display: inline-block;
}

.LoadMessage {
    width: 100%;
    float: left;
    padding: 40px;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #0963b1;
    font-size: 20px;
}


/*------------ Notification // popup --------------*/

.modal-dialog {
    margin: 0px auto;
    top: 50%;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

.modal-header {
    padding: 10px;
    border-bottom: none;
}

.messageModalContent {
    text-align: center;
}

    .messageModalContent h4 {
        font-family: 'Lato', sans-serif;
        color: #ff6f00;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0px 0px 20px 0;
        text-align: center;
        position: relative;
        margin: 0;
        letter-spacing: 0.5px;
    }

    .messageModalContent p {
        font-family: 'Lato', sans-serif;
        color: #000000;
        font-size: 16px;
        text-transform: none;
        font-weight: 700;
        padding: 0 0 10px 0;
        margin: 0;
        line-height: 24px;
    }

.modal-body {
    position: relative;
    padding: 50px 40px 80px;
}

/*---------*/

.searchArea {
    width: 50%;
    margin: 0px auto;
}

    .searchArea .form-group {
        position: relative;
    }

    .searchArea .form-control {
        height: 50px;
        padding: 6px 150px 6px 15px;
    }

    .searchArea .form-group button.searchBtn {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0px;
        display: block;
        background: #182773;
        border-radius: 0 4px 4px 0;
        letter-spacing: 1px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        width: 150px;
        text-decoration: none;
    }

        .searchArea .form-group button.searchBtn:hover {
            background: #ff6f00;
        }

.loaderSection {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .loaderSection img {
        width: 50px;
    }

/*---------*/

.topbarSection .TopContactInfo .navbar li a.AppealBtn {
    padding: 8px 12px;
    margin: 0 0 0 10px;
    background: #ff6f00;
    color: #fff;
    font-weight: 800;
    border-radius: 100px;
    font-size: 13px;
}

    .topbarSection .TopContactInfo .navbar li a.AppealBtn:hover {
        background: #182773;
    }


/*------ 13/04/2021 ------*/
.urgentNoticeModal .modal-body {
    position: relative;
    padding: 0px 30px 30px;
}

ul.tabSection {
    width: 100%;
    text-align: center;
}

    ul.tabSection li {
        float: none;
        display: inline-block;
    }

        ul.tabSection li a {
            padding: 10px 20px;
            display: block;
            color: #525252;
            border-bottom: 2px solid #d4d4d4;
            font-weight: 600;
        }

            ul.tabSection li a:hover,
            ul.tabSection li.active a {
                border-bottom: 2px solid #ff6f00;
                ;
                color: #ff6f00;
            }

.urgentNoticeModal .tab-content {
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
}

.urgentNoticeModal .close {
    font-size: 36px;
    font-weight: 300;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
    outline: none;
}

    .urgentNoticeModal .close:hover {
        outline: none;
    }


.NotificationBar {
    width: 100%;
    float: left;
    display: block;
    padding: 10px;
    background: #182773;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 1000;
}

    .NotificationBar a {
        font-family: 'Lato', sans-serif;
        color: #fff;
        font-size: 16px;
        text-transform: none;
        font-weight: 600;
        padding: 10px 20px;
        background: #ff6f00;
        display: inline-block;
        border-radius: 4px;
        letter-spacing: 0.5px;
        position: relative;
        overflow: hidden;
    }

        .NotificationBar a::after {
            content: "";
            width: 100%;
            height: 100%;
            float: left;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 100;
            -webkit-transform: skewX(-10deg);
            -moz-transform: skewX(-10deg);
            -o-transform: skewX(-10deg);
            transform: skewX(-10deg);
            background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
            background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff',endColorstr='#00ffffff',GradientType=1);
            animation: loadAnimate 2s infinite;
        }

        .NotificationBar a:hover {
            background: #ff2717;
        }

        .NotificationBar a i {
            padding-left: 10px;
        }

    .NotificationBar p {
        color: #fff;
        /*text-transform: uppercase;*/
        display: inline-block;
        vertical-align: top;
        padding: 12px 15px 0px;
        font-size: 12px;
        margin: 0px;
    }

        .NotificationBar p span {
            font-weight: 600;
            font-size: 16px;
        }

a.loginBtn svg {
    width: 26px;
    height: 26px;
}

a.loginBtn:hover svg circle {
    stroke: #ff6f00;
    transition: all 0.3s ease;
}

a.loginBtn:hover svg path {
    fill: #ff6f00;
    transition: all 0.3s ease;
}

@media only screen and (max-width:767px) {
    .NotificationBar p {
        display: block;
        vertical-align: top;
        padding: 0px 0px 5px;
        margin: 0px;
        font-size: 12px;
    }
}

/* Added */
ul, ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px
}

li {
    list-style-type: none;
}

a:hover {
    background-color: transparent;
}

.quotewrapper {
    width: 100%;
    background-color: white;
}

.QuoteArea {
    margin-bottom: 0px;
}

.footerInnerWrapper {
    width: 100%;
    padding: 50px 0 50px;
    background: #191f38;
}

footer {
    padding: 0px 0px 0px 0px;
}

.copyrightArea {
    margin-top:  0;
}