@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'Gill Sans Nova Light';
font-style: normal;
font-weight: normal;
src: local('Gill Sans Nova Light'), url('/fonts/3.- Gill Sans Nova Light.woff') format('woff');
}




html, body {
    height:100%;
    margin:0;
    padding:0;
}
body {
font-family: 'Gill Sans Nova Light' !important;
font-style: normal;
font-weight: normal;
font-size:21px;
background:#fff;
}

a {
	color: #333
}

a:hover,
a:focus {
	color: #000
}

h1,
h2,
h3,
h4,
h5 {
font-family: 'Gill Sans Nova Light';
font-style: normal;
font-weight: normal;
text-transform: uppercase;}


h1 {
	font-size: 36px;
}

.contact-section h1::after {
  content: '' !important;
  height: 4px !important;
  background: #adad26 !important;
  position: absolute !important;
  display: block !important;
  width:41.5% !important;
}
.block_center{justify-content:center}
.mrg_rt{margin-right:50px}
.mrg_bt{margin-bottom:20px}
#main-section{background:#fff; padding:0px 0px; box-sizing:border-box;}
#main-section.home-section .container-fluid{padding:0px !important;}
#mobile-menu{display:none;}
.menu-box{position:relative}
.top-section .top-menu {
    position: absolute;
    right: 0%;
    top: 27%;
    text-align: right;
}
.bottom-section .bottom-menu {
  position: absolute;
    left: 0%;
    bottom: 27%;
    text-align: left;
}
.menu-box .home-menu ul{
padding: 0px;
    margin: 0px;

}
.menu-box .home-menu ul li{
    list-style: none;
    margin: 15px 0px;
}
.menu-box .home-menu ul li a{
font-size: 22px;
padding: 10px 80px;
color: #adad26;
text-decoration: none;
text-transform:uppercase;
background 0.2s ease,
}

.menu-box .home-menu ul li a:hover{
	background:#adad26;
	color:#3a3c3d;
}

.logo-section{padding:50px 0px;}
.logo-section img{margin:0px auto;}

/*************inner page css *************/

#inner-main{background:#fff;padding: 0;box-sizing:border-box;position:relative;}
.inner-banner{width: 7%;height: 100%;position: fixed;z-index: 1;top: 0;left: 0px;padding-bottom:0px;overflow: hidden;}
	
	.inner-banner-flow
{width:100%;
  height: 100%;
  position:relative;}
	
.inner-banner .inner-banner-flow .left-banner{	
  min-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
 }
 
 #burger-menu:hover + div
 {display:block}
 
 
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 0;
    left: 33px;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.dropdown-content a:hover {background-color: #3a3c3d; color:#fff;}
.dropdown:hover .dropdown-content {display: block;}
 

/*

.modal {
    top: 30% !important;
    left: 5% !important;
    z-index: 10500 !important;
 }


.modal-content
{
border:none;
border-radius:0px;
text-align:center;
opacity:0.9;
}

.modal-content ul
{list-style:none;}
.modal-content ul li
{text-decoration:none;}
.modal-content ul li a
{font-size:24px;
line-height:55px;
color:#333;
text-decoration:none;}

.modal-content ul li a.active, .modal-content ul li a:hover
{color:#adad26;}



.modal-header
{border:none;
border-radius:none;
}
.modal-title
{display:none;}

.modal-body
{padding:5% 0%;}

.modal-dialog {
 max-width: 30%;
margin:0px;
background: #fff;
opacity:0.9;
}
.modal-backdrop
{z-index: 0;}*/
 
.horizontal-logo
{position: absolute;top: 60%;left: 26%;z-index:9999;}
.horizontal-logo img
{width: 70px;height:auto;}

.page-title
{bottom: 28.5%;
left:23%;
    z-index: 9999;
    position: absolute;
    color: #fff;
  transform: rotate(-90deg);
  font-size:24px;
  color:#adad26;
  text-transform:uppercase;
font-weight:bold;
}
.property-logo.page-title
{bottom: 28.5%;
left:20%;}

.Philantrophy-logo.page-title
{bottom: 28.5%;
left:5%;}

.ourstory-logo.page-title {

    bottom: 28.5%;
    left: 16%;
}

.contact-logo.page-title
{bottom: 28.5%;
left:7%;}

.page-title.privacy-title {
bottom: 28.5%;
left: 25%;
}

#burger-menu
{position: fixed;top: 4%;left: 2.6%;z-index:9999;}
	
.inner-content{width:88%;float:right;height:auto;text-align:left;padding:0px 80px 0px;margin-top:30px;}




.inner-content h1{color:#000;font-size: 36px;padding-bottom: 10px;margin-bottom: 25px;font-weight:bold;line-height: 70px; letter-spacing: 4px;}

.inner-content h1:after{content:''; width:96%; height:4px; background:#adad26; position:absolute; display:block}
.logo-slider h2{margin-bottom: 25px; letter-spacing: 4px; font-weight: 700;}
.jcarousel {
    width: 100%;
    margin: 0px auto;
}

.inner-content p{color:#000;}
.logo-slider{margin-top: 30px;}
.logo-slider .border{width100%; height:250px; border:1px solid #000 !important; display: flex;
  justify-content: center;
  align-items: center;}
.logoslider-container{margin-top: 30px;}
.frames {

    margin-top: 20px;
    margin-top: 20px;
    padding: 15px 60px;
    box-sizing: border-box;

}
.img_full img{width:100%}
.newframe iframe{ border:5px solid #adad26;}
.firstframe{margin-right:0px;}

.loomba-foundation-section .newframe
{width:98%;}

.members-section,.members-images 
{margin-top:50px; width:100%;}
.members-info h4
{text-transform:capitalize;
color:#adad26;}
	
.members-info img{display:none;}	
	
.contact-section {
    width: 50%;
    margin: 30px auto;

}
.contact-email a{color:#adad26;}
.contact-email a:hover{color:#fff;}
.contact-section  p{font-size:18px; margin-bottom:20px;}
.contact-section .form-control {
 height: calc(3.0rem + 2px);}
.contact-section .btn
{background:#adad26;
padding: 5px 40px;

margin-bottom: 20px;}
textarea.form-control {
    height: auto !important;
}
.contact-info
{

width: 100%;
text-align:left;
margin: 50px auto;

}
 .newframe img{max-width: 80%;}	
.contact-section h3, .contact-info h3, .privacy-policy-text h4,  .privacy-policy-text h2
{color:#adad26;
background-image: url(../images/heading-bg.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 20px;
padding-bottom: 20px;
}
.privacy-policy-text h3{color:#adad26;
margin-bottom: 20px;
font-size: 21px;
font-weight: bold;

}

.contact-details
{
padding: 40px;
text-align:center;
border-radius: 10px;

background: #fff;
}
.contact-details h4
{text-transform:capitalize;}
.contact-details h4:hover
{color:#adad26;}

.contact-details img
{margin-bottom:15px;}
.privacy-policy-text{text-align:left; margin:50px 0px;}
.privacy-policy-text ul li {color:#000;}
.privacy-policy-text a{color:#adad26;}
.privacy-policy-text a:hover{color:#fff;}
.top-img-bg1{display:none;}
.manual-col{flex: 0 0 33.333333%;
max-width: 33.333333%; margin:0px auto;}


<style>
 <!------- jcrousal css starts ---------------->
    
	.jcarousel-container{ width:980px;}
.jcarousel-wrapper { width:100%;/*margin: 20px auto;*/ margin:10px 0 25px 0;  position: relative;}
/** Carousel **/
.jcarousel {position: relative;overflow: hidden;width: 100%;}
.jcarousel ul {width: 20000em;position: relative; list-style: none;margin: 0; padding: 0;}
.jcarousel li {width: 200px !important;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; background:#EEE; <style>
 border-right:none; margin-right:15px;}
.jcarousel img {display: block;max-width: 100%; height:auto !important;}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {position: absolute;top: 50%; margin-top: -15px; width: 30px; height: 30px;text-align: center;background: rgba(0,0,0,0.8);color: #fff;text-decoration: none;   /*text-shadow: 0 0 1px #000;*/font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;-webkit-box-shadow: 0 0 4px #F0EFE7;    -moz-box-shadow: 0 0 4px #F0EFE7; box-shadow: 0 0 4px #F0EFE7;}
.jcarousel-control-prev {left: 0px; /*left:-35px; right:0; margin:0 auto;*/}
.jcarousel-control-next {right:0px;/*left:0; right:-35px; margin:0 auto;*/}
.image-size img{ margin:0 auto; /*width:180px;*/}
.rotate {
  /* FF3.5+ */
  -moz-transform: rotate(-90.0deg);
  /* Opera 10.5 */
  -o-transform: rotate(-90.0deg);
  /* Saf3.1+, Chrome */
  -webkit-transform: rotate(-90.0deg);
  /* IE6,IE7 */
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
  /* Standard */
  transform: rotate(-90.0deg);
}
@media(max-width:1024px) and (min-width:980px){
.image-size img{ width:150px !important;}
}
@media(max-width:980px) and (min-width:669px){
.image-size img{ width:100px;}
}

  <!------- jcrousal css ends---------------->
  
</style>
@media only screen and (min-width:1921px)
{
	.logoslider-container {
    max-width: 1600px;
	margin-left:20px;
}
.logo-section {

    padding: 120px 0px;
}
}

@media only screen and (max-width:1920px)
{

.logo-section {
    padding: 50px 0px;
}
}

@media only screen and (max-width:1600px)
{
	.logoslider-container {
    max-width: 1200px;
	margin-left:20px;
}
.top-section .top-menu {
    top: 23%;
}
.bottom-section .bottom-menu {
    bottom: 22%;
 }

.logo-section {
    padding: 50px 0px;
}
.horizontal-logo
{
top:53%;
}
.inner-banner {
  width: 14%;
  }

  #burger-menu {
  left: 4.8%;
  }
  .newframe{text-align:center}
.newframe img{max-width: 60%;}	
.page-title
{bottom: 27%;
left:23%;
 font-size:20px;}
 {
	
.property-logo.page-title    bottom: 27%;
    left: 20%;
}

.Philantrophy-logo.page-title
{bottom: 27%;
left:3%;}

.ourstory-logo.page-title {
    bottom: 27%;
    left: 15%;
}

.contact-logo.page-title {
    bottom: 27%;
    left: 5%;
}
.page-title.privacy-title {
    bottom: 27%;
left: 25%;
}


@media only screen and (max-width:1366px)
{


	.logoslider-container {
    max-width: 1100px;
}

	.horizontal-logo img {
    width: 60px;}
	.inner-content {
 padding: 0px 40px 0px;
}

.Philantrophy-logo.page-title, .contact-logo.page-title {
    left: -4%;
	bottom: 28%;}
	
	 .contact-logo.page-title {
    left: -2	%;
		bottom: 28.4%;}

 
	
	.top-section .top-menu {

    top: 18%;
}
.bottom-section .bottom-menu {
    bottom: 18%;
}
.page-title {
    bottom: 28%;
    left: 20%;
  }
  .property-logo.page-title {

    bottom: 28%;
    left: 15%;

}
.ourstory-logo.page-title {

    bottom: 28.5%;
    left: 10%;

}
.page-title.privacy-title {
bottom: 28%;
left: 22%;
}

}



  
@media only screen and (max-width:1200px)
{
	.logoslider-container  {
    max-width: 1000px;
}

	.top-section .top-menu {
    right: 0%;
    top: 15%;
  }
  .bottom-section .bottom-menu {
    left: 0%;
    bottom: 15%;
  }
.menu-box .home-menu ul li a {
    font-size: 20px;}
	
.horizontal-logo {
    left: 20%;}


.Philantrophy-logo.page-title
{
left:-12%;
bottom: 28%;}

.contact-logo.page-title
{left:-4%;
bottom: 28.4%;
font-size:18px;}
.contact-section {
    width: 70%;
}
.ourstory-logo.page-title {

    bottom: 28%;
    left: 5%;

}
.page-title {

    bottom: 28%;
    left: 16%;}
	.property-logo.page-title {

    bottom: 28%;
    left: 10%;

}
.page-title.privacy-title {
bottom: 28%;
left: 18%;
}

}




@media only screen and (max-width:1100px)
{
	.logoslider-container  {
    max-width: 900px;
}
.page-title {

    font-size: 18px;

}
}

	@media only screen and (max-width:1024px)
{
.logoslider-container  {
    max-width: 900px;
	margin-left:10px;
}	
	
	.top-section .top-menu {
    right: 0%;
    top: 11%;
  }
  .bottom-section .bottom-menu {
    left: 0%;
    bottom: 11%;
  }
  .menu-box .home-menu ul li a {
        padding: 9px 60px;}
		
.menu-box .home-menu ul li a {
    font-size: 18px;}
	.Philantrophy-logo.page-title, .contact-logo.page-title  {

    left: -16%;
	bottom: 28.5%;
}
.contact-logo.page-title  {
    left: -8%;
	bottom: 28.4%;
	font-size:16px;
}
.page-title {
    left: 14%;
}

.page-title.privacy-title {
    left: 14%;
}


.property-logo.page-title {
    left: 9%;

}
.ourstory-logo.page-title {

    bottom: 28.5%;
    left: 2%;

}
	
	}
	
@media only screen and (max-width:992px)
{

	   .logoslider-container  {
    max-width: 800px;}
	inner-content {
 padding: 0px 40px 0px;
}
.contact-section {

    width: 80%;
	}}
	
@media only screen and (max-width:991px)
{.menu-box .home-menu ul li a {
       padding: 8px 50px;}
	  
	  .logoslider-container  {
    max-width:820px;}

      .newframe img {
    max-width: 80%;
  }
  .inner-content {
  width: 88%;}
	
	}	
	
@media only screen and (max-width:768px)
{
	#burger-menu{display:none;}
	.logoslider-container {
    max-width: 680px;
    margin: 0 auto;
}
.horizontal-logo img {

    width: 50px;
    height: auto;
}
.inner-content {
    padding: 0px 25px 0px;

}
.page-title {
    left: -11%;
font-size:20px;
}

}

@media only screen and (max-width:767px)
{
 .newframe img {
      max-width: 80%;
    }
 .newframe img{max-width: 80%;}
 h2 {font-size: 1.5rem;}
 .frames {margin-top: 0px;}

	
	.inner-section .navbar
{margin-top:0%}
	.top-img-bg1{display:block;
	margin-bottom:30px;}
	.inner-banner{display:none;}
	.inner-content { width: 100%;
	padding:0px;}	
	

	
.inner-section .navbar-brand {
    width: 35%;}


.bg-dark {

    background-color: #adad26 !important;

}
	
.home-section #mobile-menu 
   {display:block;
	 position: absolute;
    z-index: 10000;
    right: 15px;
	width:95%;
	margin-top:6%;}
	
.inner-section #mobile-menu	
	{display:block;
	 position: absolute;
    z-index: 10000;
   top: 40px;	
   width:94.5%;}
	
	
.home-menu{display:none;}

 .home-section .bg-dark, .inner-section .bg-dark {
    background-color: transparent!important;

}

.navbar-dark .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(173, 173, 38, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}


.home-section .navbar-dark .navbar-toggler, .inner-section .navbar-dark .navbar-toggler{border:none;}
.home-section .navbar-collapse{
    background: #3a3c3d;
    padding: 10px;
}

.inner-section .navbar-collapse {
    background: #adad26;
    padding: 10px;
}
.home-section .navbar-dark .navbar-nav .nav-link{color:#adad26; padding-left:10px; padding-right:10px;}
.inner-section .navbar-dark .navbar-nav .nav-link{color:#3a3c3d; padding-left:10px; padding-right:10px;}
.home-section .navbar-dark .navbar-nav .nav-item{padding:0px 5px;}
.inner-section .navbar-dark .navbar-nav .nav-item{padding:0px 5px;}
.home-section .navbar-dark .navbar-nav .nav-link:hover, .home-section .navbar-dark .navbar-nav .nav-link.active{background:#adad26; color:#3a3c3d;}

.inner-section .navbar-dark .navbar-nav .nav-link:hover, .inner-section .navbar-dark .navbar-nav .nav-link.active{background:#3a3c3d; color:#adad26;}
.logoslider-container {
    max-width: 600px;
    margin: 0 auto;
}

.navbar-dark .navbar-nav .nav-link{color:#3a3c3d; padding-left:10px; padding-right:10px;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active{background:#3a3c3d; color:#adad26;}
.logo-section {
    padding: 80px 0px;
}
.members-images{display:none;}
.members-info img{display:block;
margin:0px auto 20px auto;}
.contact-section {
    width: 100%;
}}
@media only screen and (max-width:680px)
{
	.frames
{margin-left:0px;}
.newframe {
    width: 100%;
    text-align:center;
}

.firstframe {
    margin-right:0px;
    margin-bottom: 30px;
}


.logoslider-container {
    max-width: 540px;
    margin: 0 auto;
}
.logo-section {

    padding: 100px 0px;

}
 .newframe img {
      max-width: 80%;
    }
	}
	
	@media only screen and (max-width:576px)
{.logoslider-container {
    max-width: 480px;
    margin: 0 auto;
}
	.inner-content h1 {
    font-size: 30px;}
	.logo-section {

    padding: 160px 0px;
}
.logo-section .img-fluid{max-width:80%;}
.home-section #mobile-menu {margin-top:5%;}

 .newframe img {
      max-width: 50%;
    }
	}
	
@media only screen and (max-width:480px)
{.logoslider-container {
    max-width: 400px;
    margin: 0 auto;
}
.home-section #mobile-menu {margin-top:4%;}


}
	
	
	
	
	
	@media only screen and (max-width:420px)
{.logoslider-container {
    max-width: 320px;
    margin: 0 auto;
}
.inner-content h1 {
    font-size: 28px;}
	
.inner-section #mobile-menu {
    top: 32px;}	
	.inner-section #mobile-menu	
	{	
   width:93%;}
   .logo-section {

    padding: 180px 0px;
}
	}
	@media only screen and (max-width:320px)
{.logoslider-container {
    max-width: 280px;
    margin: 0 auto;
}
	
	}