/* Large Layout: 1200px. */
@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}    
 
    
}


/* Only for faq page  */ 
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .img-responsive.logores {
	margin-left: 30%;
}
.accordion-box {
  padding: 80px 0 80px 55px;
} 
.faq-content-area .question-form {
  padding: 76px 75px 100px 30px;
}    
 
    
}

@media screen and (min-width: 991px) {
    .logores {
	float: left;
	/*margin-left: 0 !important;*/
}
    .productsbg h2 {
	font-size: 36px;
	color: #fff;
	margin: 0px;
	padding: 30px 0 20px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .productsbg h3 {
	font-size: 36px;
	color: #fff;
	margin: 0px;
	padding: 10px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
}


@media screen and (max-width: 1024px) {
    
    .productsbg h3 {
	font-size: 24px;
	color: #fff;
	margin: 0px;
	padding: 10px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .productsbg h3 {
	font-size: 24px;
	color: #fff;
	margin: 0px;
	padding: 10px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: none;
}
    
    .productsbg h2 {
	font-size: 26px;
	color: #fff;
	margin: 0px;
	padding: 30px 0 20px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .ruralbg h2 {
	font-size: 28px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .hero h1 {
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: 'Recoleta-Bold';
}
    
.center-block.teamimg {
	width: 72%;
}
    .teamMembersBg {
	background: #fcbf38;
	width: 280px;
	height: 280px;
	border-radius: 260px;
}
    
    .teambg2circle {
	background: #efa6a6;
	width: 280px;
	height: 280px;
	border-radius: 260px;
}

    .pad100 {
	padding: 0px;
}
    
.logores {
	 
	float: left;
	margin-left: 52%; 
}
    
}

@media screen and (max-width: 720px) {
.logores {
	float: left;
	margin-left: 15%;
	width: 20%;
}
}

/* Medium screen  */ 
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    
.img-responsive.logores {
	/* width: 18%; */
	float: left;
	/*margin-left: 52%;*/
}
    
    .circle {
	width: 200px;
	margin: 6px 6px 20px;
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 1.2;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}
    .circle canvas {
	vertical-align: top;
	width: 155px !important;
	height: 155px !important;
}
    .circle1 {
	background: #f36e39;
	border: 1px solid #f36e39;
	border-radius: 63%;
	height: 155px;
	width: 155px;
	margin-left: 20px;
}
.circle1 strong {
	position: absolute;
	top: 55px;
	left: 0px;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 40px;
}
.circle span {
	display: block;
	color: #f36e39;
	margin-top: 12px;
	font-weight: 700;
	width: 81%;
}
    
    footer .btmlist ul {
	margin: 0px;
	padding: 30px 0 30px 0;
	float: left;
	width: 25%;
}
    
    .circlefontclor {
	color: #f36e39 !important;
	margin-top: 11px;
	font-weight: 700;
	font-size: 14px;
	margin-left: 32px;
}

    .circle strong {
	position: absolute;
	top: 58px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 50px;
}
    
    
/*** 
=============================================
    Top bar Area style
=============================================
***/       
.top-bar-area .contact-info-right {
  padding-left: 290px; 
  margin-left: -60px;
}    
    
/*** 
=============================================
    Header Area style
=============================================
***/     
.header-area .outer-box {
  padding-right: 0;
}
.header-area .outer-box .logo {
  width: 100%;
  text-align: center;
  padding: 40px 0 0;
}      
.header-area.stricky-fixed .outer-box .logo {
  width: 100%;
  text-align: center;
  padding: 40px 0 0;
}  
.header-area .outer-box .cart-btn {
  right: 300px;
}    
.header-area .outer-box .search-box-btn {
  right: 230px;
}       
.main-menu {
  float: left;
  width: 860px;
}


    
    

    
    

/*** 
=============================================
    Working Area style
=============================================
***/     
.working-area .sec-title {
    padding: 0 30px 40px;
}
    
/*** 
=============================================
    Fact counter area style
=============================================
***/     
.fact-counter-area .single-fact-counter .title h3 {
  font-size: 16px;
  font-weight: 600;
}    

/*** 
=============================================
    Faq content area style
=============================================
***/      
.accordion-box {
  padding: 80px 100px;
}    
.faq-content-area .question-form {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 70px 100px 100px;
}
    
/*** 
=============================================
    Press Release Content Area style
=============================================
***/      
.press-release-content-area .press-release-caption::after {
  right: 20%;
}
    
/*** 
=============================================
    Project Area style
=============================================
***/      
#project-area .project-filter li span {
  padding: 8px 22px;
} 


    .changebg h3 {
	font-size: 58px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    
    .ruralbg h2 {
	/*font-size: 48px;*/
        font-size: 28px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    
    }


@media screen and (max-width: 600px) {
    
    .ruralbg h2 {
	font-size: 43px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .circle1 {
	background: #f36e39;
	border: 1px solid #f36e39;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}
    
    .circle1 strong {
	position: absolute;
	top: 80px;
	left: 137px;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 40px;
}


.logores {
	width: 18%;
	float: left;
	margin-left: 21%;
}
    
    .hero h1 {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: 'Recoleta-Bold';
}
    .hero {
	position: absolute;
	top: 50%;
	left: 42%;
	z-index: 3;
	color: #fff;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
    .changebg h3 {
	font-size: 45px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    .enablesbg h3 {
	font-size: 40px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #f36f38;
}
    footer .btmlist {
	margin: 0px;
	padding: 0px;
	/*float: left;
	width: 30%;*/
}
    .hero {
	position: absolute;
	top: 50%;
	left: 48%;
	z-index: 3;
	color: #fff;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	width: 90%;
}
    .changebg h3 {
	font-size: 36px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    .enablesbg h3 {
	font-size: 36px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #f36f38;
}
    
    .enablesbg h2 {
	font-size: 32px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
}
   footer h3 {
	font-size: 24px;
	color: #fff;
	font-family: 'Recoleta-Bold';
	margin: 35px 0px 0px 0px;
	padding: 0px;
}
    
    .enablesbg h3 {
	font-size: 29px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #f36f38;
}
    
    .enablesbg h2 {
	font-size: 24px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
}
    .rolemodelbg h3 {
	font-size: 38px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    
    #toggle {
	display: block;
	/* width: 28px; */
	height: 26px;
	/* margin: 30px auto 10px; */
	width: 53px;
	position: absolute;
	margin-left: 24px;
	margin-top: 31px;
	z-index: 99;
}
.logores {
	width: 45%;
	float: left;
	margin-left: 21%;
}}
    
    .hero h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	/* letter-spacing: 4px; */
	line-height: 20px;
	margin: 6px 0px;
}
    .rolemodelbg h3 {
	font-size: 48px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer h3 {
	font-size: 22px;
	color: #fff;
	font-family: 'Recoleta-Bold';
	margin: 0px;
	padding: 0px;
}
    
    .productsbg h2 {
	font-size: 26px;
	color: #fff;
	margin: 0px;
	padding: 30px 0 20px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: none;
}c
    
    .center-block.teamimg{
        width: 70%;
    }
   .teamimg.respontemimg { width:90% }
    
    .teambg2circle {
	background: #efa6a6;
	width: 280px;
	height: 280px;
	border-radius: 260px;
	margin: 0 auto;
}
    
    .teamMembersBg {
	background: #fcbf38;
	width: 280px;
	height: 280px;
	border-radius: 260px;
	margin: 0 auto;
}
    .teamtitle.hero h1 {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: 'Recoleta-Bold';
}
    .videobg {
	background: url("../images/videobg.jpg");
	background-repeat: no-repeat;
	height: 44vh;
}
    
    .pad100 {
	/* padding: 70px; */
        padding: 0px;
}
    
.circle canvas {
	vertical-align: top;
	width: 140px !important;
	height: 140px !important;
}
    .circle strong {
	position: absolute;
	top: 51px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	
}
.circle1 {
	background: #f36e39;
	border: 1px solid #f36e39;
	border-radius: 50%;
	height: 140px;
	width: 140px;
	margin-left: 8%;
}
    .circle {
	width: auto;
	margin: 6px 6px 20px;
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 1.2;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}
    .circle1 strong {
	position: absolute;
	top: 55px;
	left: -20px;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 40px;
}
    .circle span {
	display: block;
	color: #f36e39;
	margin-top: 12px;
	font-weight: 700;
	width: 82%;
}
    
    
    .img-responsive.logores {
	width: 18%;
	float: left;
	margin-left: 15%;
}
    .hero h1 {
	font-size: 42px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: 'Recoleta-Bold';
}
    footer .btmlist {
	margin: 0px;
	padding: 0px;
	float: left;
/*	width: 30%;*/
}

/*** 
=============================================
    Top bar Area style
=============================================
***/
.top-bar-area .contact-info-left {
    padding-bottom: 10px;
}    
.top-bar-area .contact-info-left ul li {
  display: block;
  float: none;
  margin-right: 0;
  text-align: center;
} 
.top-bar-area .contact-info-right {
  position: static;
  padding-left: 0;
  min-height: 32px;
}
.top-bar-area .contact-info-right .phnumber {
  left: 15px;
} 
.top-social-links {
  right: 15px;
}
.top-bar-area .contact-info-right .language-switcher {
  left: 200px;
}    
        
/*** 
=============================================
    Header Area style
=============================================
***/     
.header-area .outer-box {
  padding-right: 0;
}
.header-area .outer-box .logo {
  width: 100%;
  text-align: left;
  padding: 40px 0 0;
}
.header-area.stricky-fixed .outer-box .logo {
  padding: 40px 0 0;
}      
.header-area .outer-box .cart-btn {
  right: 230px;
}    
.header-area .outer-box .search-box-btn {
  right: 150px;
}       
.main-menu {
  float: left;

}
.main-menu .navigation li a {
  padding: 44px 15px 45px 0;
}
.header-area.stricky-fixed .main-menu .navigation li a {
  padding: 29px 15px 30px 0;
} 
.main-menu .navigation > li.dropdown > a {
  padding-right: 15px;
}        
.header-area.stricky-fixed .main-menu .navigation > li.dropdown > a {
  padding-right: 15px;
}    
.main-menu .navigation > li.dropdown > a::after {
  content: "";
}    
        
 

    
.single-footer-widget.pd-bottom {
  padding-bottom: 50px;
}    
.single-footer-widget .popular-news .single-popular-news-item {
  margin-bottom: 30px;
  height: 80px;
} 

/*** 
=============================================
  Footer Bottom Area style
=============================================
***/      
.footer-bottom-area .copyright-text p {
  margin: 0 0 10px;
  text-align: center;
}    
.footer-bottom-area .footer-menu {
  float: none !important;
  text-align: center;
}     
.footer-bottom-area .footer-menu ul li {
  display: inline-block;
  margin: 0 6px;
}    

  
 
    

    

   


    
/*** 
=============================================
    Contact v1 Area style
=============================================
***/ 
.contact-v1-area {
  padding-bottom: 100px;
  padding-top: 80px;
}    
.contact-v1-area .sec-title {
  padding: 0 20px 40px;
} 
    
/*** 
=============================================
    Contact v2 Area style
=============================================
***/
.contact-v2-form-area {
  padding-bottom: 100px;
  padding-top: 100px;
}    
.contact-v2-area .google-map-area {
  padding-top: 65px;
}    
.contact-v2-form-area .sec-title {
  padding: 0 40px 40px;
}    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
/*** 
    
=============================================
    Top bar Area style
=============================================
***/
    
.top-bar-area .contact-info-left {
    padding-bottom: 10px;
}   
.collapse.in .navbar-nav>li>a
{
	padding-top:0px !important;	
	padding-left:0px !important;	
}
.collapse.in
{
	background:#0000005c;
	border:none !important;
}
.top-bar-area .contact-info-left ul li {
  display: block;
  float: none;
  margin-right: 0;
  text-align: center;
}   
.top-bar-area .contact-info-right {
  position: static;
  padding-left: 0px;
  margin-left: 0;
  min-height: 32px;
}    
.top-bar-area .contact-info-right .phnumber {
  position: static;
  display: block;
  overflow: hidden;
  text-align: center;
}
.top-social-links {
  position: relative;
  right: 0;
  top: 2px;
  width: 160px;
  margin: 0 auto;
}    
.top-bar-area .contact-info-right .language-switcher {
  left: 0;
  position: relative;
  display: block;
  width: 80px;
  margin: 0 auto;
} 
       
/*** 
=============================================
    Header Area style
=============================================
***/  
.header-area.stricky-fixed {
  position: static;
}    
.header-area .outer-box {
  padding-right: 0;
}
.header-area .outer-box .logo {
  width: 100%;
  text-align: center;
  padding: 40px 0 10px;
}  
.header-area .outer-box .cart-btn {
  top: 112px;
  left: 0;
  z-index: 6;
}   
.header-area .outer-box .search-box-btn {
  right: 0;
  top: 35px;
}       
        
.main-menu {
  display: inline-block;
  float: right !important;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 5;
  width: 100%;
}
.main-menu .navigation li {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}   
.main-menu .collapse {
  border: 1px solid #cb9a43 !important;
  border-radius: 3px !important;
  float: none;
  margin: 0;
  max-height: 300px;
  overflow: auto;
  padding: 0;
  width: 100%;
}    
.main-menu .collapse.in, 
.main-menu .collapsing {
  border: 1px solid #4b4b4b;
  border-radius: 3px;
  margin: 0 0 20px;
  padding: 0;
  border-top: none;
}    
.main-menu .navbar-header{
  position:relative;
  float:none;
  display:block;
  text-align:right;
  width:100%;
  padding:15px 0px;
  right:0px;
  z-index:12;
}        
.main-menu .navbar-header .navbar-toggle{
  display:inline-block;
  z-index:7;
  border: 2px solid #d5ac63;
  float:none;
  margin:0px;
}       
.main-menu .navbar-header .navbar-toggle .icon-bar {
  background: #d5ac63 none repeat scroll 0 0;
  font-weight: 700;
}
    
        
.main-menu .navbar-collapse > .navigation {
  background: #d5ac63;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}        
.main-menu .navbar-collapse > .navigation > li{
  margin:0px !important;
  float:none !important;
  width:100%;
  padding: 0;
}  
.main-menu .navigation li.dropdown > a:after{
  display:none !important;
} 
.main-menu .navbar-collapse > .navigation > li > a{
  padding:10px 10px !important;
}    
    

    
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
  position:relative;
  border:none;
  float:none;
  visibility:visible;
  opacity:1;
  display:none;
  margin:0px;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:100%;
  background: none;
  border-radius:0px;
  -webkit-border-radius:0px;
  -ms-border-radius:0px;
  -o-border-radius:0px;
  -moz-border-radius:0px;
  transition:none !important;
  -webkit-transition:none !important;
  -ms-transition:none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
}    
.main-menu .navbar-collapse > .navigation > li > ul,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
  border-top: 0px solid rgba(255,255,255,1) !important;	
}
    
.main-menu .navbar-collapse > .navigation > li,
.main-menu .navbar-collapse > .navigation > li > ul > li,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
  border-top: 1px solid #4b4b4b !important;
  opacity:1 !important;
  top:0px !important;
  left:0px !important;
  visibility:visible !important;
}
.main-menu .navbar-collapse > .navigation > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
  padding:10px 10px !important;
  line-height:22px;
  color:#ffffff;
  background:#d5ac63;
  text-align:left;
}    
    
    
.main-menu .navbar-collapse > .navigation > li > a:hover,
.main-menu .navbar-collapse > .navigation > li > a:active,
.main-menu .navbar-collapse > .navigation > li > a:focus{
  background:#1b1b1b;
} 
.main-menu .navbar-collapse > .navigation > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navbar-collapse > .navigation > li.current > a{
  background:#1b1b1b;
  color:#ffffff !important;
}        
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
  display:block;
}


        
/*** 
=============================================
  Footer Area style
=============================================
***/     
.single-footer-widget.pd-bottom {
  padding-bottom: 50px;
}    
.single-footer-widget .popular-news .single-popular-news-item {
  margin-bottom: 30px;
  height: 80px;
} 
    
/*** 
=============================================
  Footer Bottom Area style
=============================================
***/        
.footer-bottom-area .copyright-text p {
  margin: 0 0 10px;
  text-align: center;
}    
.footer-bottom-area .footer-menu {
  float: none !important;
  text-align: center;
}     
.footer-bottom-area .footer-menu ul li {
  display: inline-block;
  margin: 0 12px;
}    
    .videobg {
	background: url("../images/videobg.jpg");
	background-repeat: no-repeat;
	height: 40vh;
}
    }

    
    



    

/* Only for faq page  */ 
@media only screen and (min-width: 320px) and (max-width: 570px) {
    
    footer .btmlist {
	margin: 0px;
	padding: 0px;
	/* float: left; */
	/* width: 30%; */
	display: none;
}
    .circle1 strong {
	position: absolute;
	top: 80px;
	left: 11px;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 40px;
}
    .fallingbg h2 {
	font-size: 38px;
	color: #fcbf38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	text-align: center;
}
    
    .shortagebg h2 {
	font-size: 37px;
	color: #f36e39;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	text-align: center;
}
    
    .ruralbg h2 {
	font-size: 23px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .changebg h2 {
	font-size: 20px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
}
    .rolemodelbg h3 {
	font-size: 26px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    
    .enablesbg .fnt24 {
	font-size: 16px;
	font-weight: bold;
	color: #f36f38;
	font-family: 'Poppins', sans-serif;
	padding: 14px 0;
}
    .changebg h3 {
	font-size: 23px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
.hero h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: 'Recoleta-Bold';
}
   .readmore {
	background: none !important;
	border: 1px solid #fff;
	display: inline;
	border-radius: 50px;
	color: #fff;
	font-size: 8px;
	padding: 5px 30px;
	margin-right: 30px;
	font-family: 'Poppins', sans-serif;
    display: none;
}
    
    .joinnowbtn {
	border-radius: 20px;
	text-align: center;
	padding: 13px;
	/* display: inline-block; */
	/* text-align: center; */
	/* margin: 0 auto; */
	width: 40%;
	color: #fff;
	background: #f36f38;
	box-shadow: 3px 1px 7px 4px #faad34;
	margin-top: 25px;
	margin-left: 10%;
	margin-bottom: 10%;

    }
    .teamimg.respontemimg{width:92%}
    
   .teambg2circle {
	background: #efa6a6;
	width: 250px;
	height: 250px;
	border-radius: 260px;
	margin: 0 auto;
}
    .teamMembersBg {
	background: #fcbf38;
	width: 250px;
	height: 250px;
	border-radius: 260px;
	margin: 0 auto;
}
    
    .hero {
	position: absolute;
	top: 50%;
	left: 49%;
	z-index: 3;
	color: #fff;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	width: 99%;
}
    .changebg h3 {
	font-size: 24px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 1px solid #fff;
}
    .pad100 {
	padding: 4px;
}
    footer h3 {
	font-size: 12px;
	color: #fff;
	font-family: 'Recoleta-Bold';
	margin: 35px 0px 0px 0px;
	padding: 0px;
}
    footer .socialist li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
    .changebg h2 {
	font-size: 24px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
}
    .empowerVillage h2 {
	font-size: 24px;
	color: #f36f38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #f36f38;
}
    .keyprojects h2 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	font-family: 'Recoleta-Bold';
	margin-bottom: 44px;
}
.accordion-box .accordion .accord-btn {
  height: 90px;
}    
.accordion-box {
  padding: 80px 0;
} 
.faq-content-area .question-form {
  padding: 70px 15px 100px;
}
    
    .ruralbg h2 {
	font-size: 30px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    
   .circle1 strong {
	position: absolute;
	top: 80px;
	left: 20%;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 40px;
}     
    .fallingbg h2 {
	font-size: 34px;
	color: #fcbf38;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	text-align: center;
}
    .sociobg h2 {
	font-size: 32px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .circle2txt {
	display: initial;
	color: #fcbf38 !important;
	margin-top: 12px;
	font-weight: 700;
}
    .circle2 {
	background: #f9bd31;
	border: 1px solid #f9bd31;
	border-radius: 50%;
	height: 200px;
	width: 200px;
	margin: 0 auto;
}
    
    .circle2 strong {
	position: absolute;
	top: 80px;
	left: 20%;
	width: 218px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-family: 'Recoleta-Bold';
	font-size: 50px;
	
}
    
    .whyvoltenbg h2 {
	font-size: 28px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 10px 0;
	font-family: 'Recoleta-Bold';
	border-bottom: 2px solid #fff;
}
    .volunteerlist h3 {
	font-size: 29px;
	color: #fff;
	margin: 0px;
	padding: 0px 0 50px 0;
	font-family: 'Recoleta-Bold';
	text-align: center;
}
    
    .contactbg h3 {
	color: #fff;
	font-size: 23px;
	text-align: left;
	padding: 100px 0 25px 0;
	font-family: 'Recoleta-Bold';
}
    
    .hero h3 {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	/* letter-spacing: 4px; */
	line-height: 20px;
	margin: 6px 0px;
}
    
}