.navbar-custom { 
    background-color: #FBF8EF; 
	font-size:2.5vw;
	font-family: CustomFont;
	color: #1E7441;
	
	width:100%;
} 

.navbar-nav li a:hover, .navbar-nav > .active > a {
  color: #dd9811 !important;

   background-color:#FBF8EF;
}

.navbar-nav > .active > li a {
	color: #1E7441 !important;
	background-color:#FBF8EF;
	
}
.activeN {
  color: #dd9811 !important;
  background-color:#FBF8EF;

 
}

.navbar-custom {
    font-size: 14px;
    background-color: #FBF8EF;
	color: #1E7441 !important;
	border: none;
}
.navbar-custom .navbar-nav{
    background-color: #FBF8EF;
	color: #1E7441 !important;
}
.navbar-custom .navbar-nav>li>a {
    color: #1E7441 !important;
    background-color: #FBF8EF;
  
    
}
.navbar-custom .navbar-nav>li>a:hover,
.navbar-custom .navbar-nav>li>a:focus {
    color: #dd9811 !important;
    background-color: #FBF8EF;
}
.navbar-custom .navbar-nav>.active>a,
.navbar-custom .navbar-nav>.active>a:hover,
.navbar-custom .navbar-nav>.active>a:focus {
   color: #dd9811 !important;
    background-color: #FBF8EF;
}
.navbar-custom .navbar-nav li .active {
   background-color: #FBF8EF !important;
}


.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(30,116,65, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(30,116,65);
} 


.btn-send {
    font-weight: 300;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}

* {
  box-sizing: border-box;
}

/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 10px -16px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide all elements by default */
}

.column1 {
  float: left;
  width: 33.33%;
  
}

.column2 {
  float: center;
  width: 25%;
  
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.nactive {
  background-color: #ddd;
  color: #ddd;
}


.stickyicon-list { 
/*position: fixed; 
top: 200px; */
        
}       
.stickyicon-list a { 
/*display: block; */
/*text-align: center; */
/*padding: 8px; */
/*transition: all 0.5s ease; */
color: white; 
/*font-size: 20px; */
}       
/* HOver affect on sticky social media icons */ 
.stickyicon-list a:hover {
  color: white;
  /*transition: all 0.5s ease; */
  text-decoration: none;
  
}
/* Now we have to design each icon of social media */       
.facebook { 
background: #3b5998; 
color: white;
  text-decoration: none;
}       
.twitter { 
color: white; 
background: #00acee; 

} 
.linkedin { 
background: #0e76a8; 
color: white; 
}       
.google { 
color: white; 
background: #db4a39; 
} 
.instagram { 
 background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  
color: white; 
  text-decoration: none;
}       
.youtube { 
color: white; 
background: #c4302b;  
}

.soundcloud { 
color: white; 
background: #f80;  
}