/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 6, 2018, 11:35:01 AM
    Author     : admin
*/
@font-face{
    font-family: 'HelveticaNeue';
    src:url(../fonts/HelveticaNeue.ttc);
}

@font-face{
    font-family: 'Oswald';
    src:url(../fonts/Oswald-Medium.ttf);
}

@font-face{
    font-family: 'Roboto';
    src:url(../fonts/Roboto-Medium.ttf);
}
@font-face{
    font-family: 'Source Sans Pro';
    src:url(../fonts/SourceSansPro-Light.ttf);

}


*{

}
html, body{

}
img{
    max-width: 100%;
}


.row-fluid{
    position: relative;
}

.center{
    margin: 0 auto;
    float: none;
}

#header{
    padding: 0;
    margin: 0;
}

.navbar{
    margin-bottom: 0;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-brand img{
    max-width: 100px;
}
.navbar-nav li a{
    font-size: 21px !important;
    font-family: "Oswald";
}

.container-fluid .navbar-brand {
    margin-left: 50px !important;
}

.navbar-brand {
    height: auto !important;
}
.navbar-nav li a{
    font-style: italic;
}

.corner-icon{
    position: absolute;
    max-width: 60px;
}

.Marathi___Kannada {
    font-size: 14px;
    font-family: "Source Sans Pro";
    color: #aaa;
}

#ins{
    margin-top: 2%;
    margin-right: 0;
    padding-right: 0;
}

#ins .ins-video .corner-icon{
    position: absolute;
    max-width: 25px;
    margin: 10px;
}

#ins .ins-text .corner-icon{
    position: absolute;
    max-width: 40px;
    margin-top: 50px;
}

.ins-text {
    margin-top: 7%;
    margin-left: 0;
    padding-left: 0;
}

.ins-content-title img{
    margin-top: -10px;
    max-width: 50%;
}

.ins-content-title {
    font-size: 44px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.108;
    text-align: justifyAll;
}
.ins-text h2, .ins-text h3, .ins-text span{
    margin-left: 10%;
}

.INSPIRING_ {
    font-size: 72px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 0.749;
    text-align: justifyAll;

}

.WATCH_OUR_NEW {
    font-size: 44px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.108;
    margin-left: 11.5% !important;
}

.ins-text span {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(123, 120, 120);
    text-align: center;
}

.embed-responsive{
    margin: 8%;
    margin-right: 0;
    border: 1px solid #cbc9c9;
}

.content-title img{
    margin-top: -10px;
    max-width: 15%;
}

.content-title {
    font-size: 44px;
    font-family: "Oswald";
    margin-top: 2%;
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.108;
    text-align: justifyAll;
}

.content-title-span {
    margin-left: 15%;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(140, 140, 140);
}

#ofat .corner-icon{
    left: 1%;
    margin-top: 6%;
}

#ofat-dust, #ofat-leaf{
    margin-top: 15%;
    position: absolute;
    width: 20%;
}
#ofat-dust{
    left: 32%;
}
#ofat-dust h2 {
    font-size: 44px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 228, 119, 33 );
    line-height: 0.799;
}

#ofat-leaf{
    right: 5%;
}

#ofat-leaf h2 {
    font-size: 44px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 92, 143, 56 );
    line-height: 0.799;
}

#ofat-leaf h4,  #ofat-dust h4{
    font-size: 21px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.306;
}

#ofat-leaf p,  #ofat-dust p{
    font-family: "Source Sans Pro";
    color: rgb(119, 119, 119);
}

#whats-new-content{
    margin-top: 2%;
}
#whats-new-content h4{
    font-size: 21px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.306;
}

#whats-new-content p {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(122, 122, 122);
}


#sf-index{
    margin-top: 5%;
    margin-bottom: 5%;
    display: flex;
    flex-wrap: wrap;
}

#sf-index-image{
    padding: 0;
    margin: 0;
    border: 1px solid #bab3b3;
}

#sf-index-text{
    padding: 5%;
    margin: 0;
    background-color: #eaa20b;
}

.sfi-logo{
    margin: 10%;
    margin-bottom: auto;
    max-width: 70%;
}
#sf-index-text p{
    margin:1% 10%;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(86, 86, 86);
    line-height: 1.25;
    text-align: left;
}

#sf-index-text a{
    margin:1% 10%;
    font-size: 20.681px;
    font-family: "Oswald";
    color: rgb( 255, 255, 255 );
    line-height: 2.321;
}
#asf .corner-icon{
    right: 6%;
    max-height: 50px;
    margin-top: 30px;
}

#asf-text p{
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(110, 109, 109);
    margin-top: 2%;
}

#asf-gallery{
    margin-top: 5%;
}

#asf-gallery > .row > div{
    margin-bottom: 2%;
}

#asf-gallery .corner-icon{
    margin-top: -8%;
    right: -5%;
    max-width: 50px;
}

#asf-gallery .row div .row div{
    margin-bottom: 2%;
}

#pa{
    margin: 5% 100px;
}

#pa-heading .content-title img{
    max-width: 8%;
}

#pa-heading .corner-icon{
    right: 5%;
    margin-top: 2%;
}

#pa .corner-icon {
    position: relative;
    left: 0;
    margin-left: -30px;
    margin-top: -30px;

}

#pa h4{
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.306;
}

#pa p{
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(110, 109, 109);
}

#events-heading img{
    max-width: 8%;
}

.events{
    margin: 2% 6% !important;
    display: flex;
    flex-wrap: wrap;

}

.events-text{
    background-color: #f7af0b;
    margin-bottom: 1.5%;
    padding:1.5% 5%;
}

.events-text h3{
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 2.357;
}

.events-text p {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(86, 78, 78);
}

.events-text .corner-icon{
    margin-top: -50px;
    right: -30px;
}

.events-gallery .corner-icon{
    margin-top: -50px;
    right: -30px;
}

.events-gallery > .row > div > .row > div{
    margin-bottom: 10%;
}

#carousel-reviews{
    margin: 2% 2% !important; 
}

#carousel-reviews .item h3{
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
}
#carousel-reviews .carousel-control.right {
    right: -0px;
}

#carousel-reviews .carousel-control.left {
    right: -10px;
}

.carousel-control.right, .carousel-control.left{
    background-image: none;
}

#carousel-reviews .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: -10px;
}

#carousel-reviews .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -110px;
} 

#press-heading img {
    max-width: 8%;
}

#press-news{
    margin: 5% 6%;
}

#press-news .corner-icon{
    left: 5%;
    margin-top: -30px;
    max-width: 40px;
}

#press-news .corner-icon-bottom{
    right: 5%;
    margin-top: -30px;
    max-width: 40px;
}

#press-news h3{
    font-family: "Oswald";
    color: rgb( 33, 33, 33 );
    padding: 0;
    margin: 0;
}

#press-news p{
    color: #757575;
    font-family: "Source Sans Pro";
    font-weight: 100;
    font-size: 18px;
}


#map{
    height: 250px;
}

#git-heading .content-title img{
    max-width: 8%;
}

#git-form{
    margin: 1%;
    margin-bottom: 10%;
}

#git-address{
    margin: 5%;
    margin-bottom: 0;
}

#contact-follows{
    margin: 5%;
    margin-top:0;
}

#git-address h3, #contact-follows h3{
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 187, 24, 39 );
    line-height: 2.321;
    margin-bottom: 0;
}

#git-address p {
    font-family: "Source Sans Pro";
    color: rgb(87, 87, 87);
    line-height: 1.125;
    text-align: left;
}


#contact-follows img {
    max-width: 60px;
    margin: 5px;
    display: inline-block;
}

.panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: left !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

#faq{
    margin-top: 25px
}

#faq > div{
    margin-top: 50px;
    margin-bottom: 50px;
}

#faq .left-corner-icon {
    margin-top: -30px;
    left: -2%;
    position: absolute;
    max-width: 30px;
}

#faq >  div > .corner-icon{
    right: 45%;
    margin-top: -20px;
}


#faq  h3 {
    font-family: "Oswald";
    color: rgb( 33, 33, 33 );
    font-style: italic;
}

#faq  p{
    font-family: "Source Sans Pro";
    color: rgb(110, 109, 109);
    padding:0 2%;
}

#faq .panel-body{
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(110, 109, 109);
}

#faq .corner-icon{
    max-width: 40px;
}

#faq-heading .content-title img{
    max-width: 13%;
}

#about-image img {
    max-width: 75%;
    margin: 0 auto;
    float: right !important;
}

#about-text .text{
    margin-left:16%;
    margin-top: 5%;
}

#about-text p{
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(122, 122, 122);
}

#tjl-heading img{
    margin-top: -10px;
    max-width: 8%;
}

#tjl h3{
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 31, 40, 51 );
    line-height: 1.2;
    text-align: center;
}

#tjl h3 img{
    max-width: 75px;
}

#tjl-rectangle div{
    margin: 2% auto;
    display: flex;
    flex-wrap: wrap;
}

#tjl-rectangle div img{
    margin:0 auto;
    float: none;
    max-width: 100px;
    max-height: 40px;
}

#snapshot-heading{
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: #5c8f38;
}

#snapshot-heading h2{
    font-size: 44px;
    padding: 0;
    margin: 0 auto;
    width: 60%;
    text-align: center;
    font-family: "Oswald";
    background-color: white;
}

#tjl-text p{
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(122, 122, 122);
}

#snapshot{
    text-align: center;
    margin-bottom: 2%;
}

#snapshot > div > .row > .left img{
    max-height: 250px;
    margin: 0 auto;
    float: none;
}

#snapshot > div > .row > .right img{
    max-width: 200px;
    margin: 0 auto;
    float: none;
}



#sphoorti-dust , #sphoorti-leaf{
    margin:0 -15px;
}

#sphoorti-dust > div , #sphoorti-leaf > div{
    padding:0;
}

#sphoorti-dust > .text , #sphoorti-leaf > .text{
    padding:1% 5%;
}

#sphoorti-dust h3 , #sphoorti-leaf h3{
    margin: 2px;
    font-size: 44px;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.295;
}

#sphoorti-dust h4 , #sphoorti-leaf h4{
    margin: 1%;
    margin-bottom: 2%;
    font-family: "Oswald";
    font-style: italic;
    color: rgb( 33, 33, 33 );
    line-height: 1.295;
}

#sphoorti-dust h3 img , #sphoorti-leaf h3 img{
    max-width: 45%;
    margin-top: -10px;
}

#sphoorti-dust .icon , #sphoorti-leaf .icon{
    max-width: 30px;
    margin-top: -10px;
}

#sphoorti-dust .icon{
    position: absolute;
    right: 25%;
}

#sphoorti-dust p , #sphoorti-leaf p{
    width: 75%;
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: rgb(122, 122, 123);
    line-height: 1.313;
}

#sphoorti-dust table , #sphoorti-leaf table{
    width: 50%;
    text-align: center;
    font-family: "Source Sans Pro";
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #fff0;
    border-color: #f6f3f300;
}

.panel{
    box-shadow: 0 1px 1px rgba(251, 251, 251, 0);
}

.panel-default {
    border-color: #fff0;
}























#footer{

    font-family: "Source Sans Pro";
}
#footer > .row-fluid > div {
    margin-bottom: 20px;
}

#fcrt img{
    max-width: 175px;
}

#fcrt h5{
    font-size: 11px;
    color: rgb( 196, 24, 39 );
    font-family: "Source Sans Pro";
}

#footer-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer-menu ul li a{
    font-size: 18px;
    font-family: "Source Sans Pro";
    color: rgb( 33, 33, 33 );
    line-height: 1.303;
}

#footer-follows img{
    max-width: 60px;
    margin: 5px;
    display: inline-block
}

#footer h3 {
    font-family: "Oswald";
    color: rgb( 187, 24, 39 );
    font-style: italic;
    margin-top: 0;
}


/* horizontal carousel */
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
    .carousel-inner .active.left { left: -100%; }
    .carousel-inner .next        { left:  100%; }
    .carousel-inner .prev		 { left: -100%; }
    .active > div { display:none; }
    .active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
    .carousel-inner .active.left { left: -50%; }
    .carousel-inner .next        { left:  50%; }
    .carousel-inner .prev		 { left: -50%; }
    .active > div { display:none; }
    .active > div:first-child { display:block; }
    .active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
    .carousel-inner .active.left { left: -16.7%; }
    .carousel-inner .next        { left:  16.7%; }
    .carousel-inner .prev		 { left: -16.7%; }	
}