@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 5px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { /*margin-top: -24px;*/     background: rgb(245 245 245); border: 1px solid #e0e0e0; padding: 40px 0 10px 0; }
.box > .icon:hover > .info { background:#2479b3 ; border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { text-transform: none;  font-family: 'Brandon Grotesque'; font-size: 20px; color: #222; font-weight: 500; }
.box > .icon > .info > p { 
			
			font-family: "Roboto",sans-serif !important;
    font-size: 14px;
    color: #000;
    line-height: 1.5em;
    margin: 15px;
    font-weight: 400;
    margin-bottom: 5px;
			
			}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; text-transform: none;  }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px;  text-decoration: none; font-weight: 500; }
.box > .icon:hover > .info > .more > a { font-weight: 500; color: #222; padding: 6px 8px; /*background-color: #63B76C;*/ }
.box .space { height: 30px; }



form {
	
	text-align: left; padding: 10px;
	
	
}







/*Toggleable Pills*/


.navmenu
{

 	 
	
}


 
 .navmenu .nav-link.active, .navmenu .show > .nav-link {
    color: #fff;
    background-color: #0650c0;
	 font-family: 'Brandon Grotesque';
}
.nav-link {
   color: #fff;
	font-family: 'Brandon Grotesque';
    
}


 

.nav-link:hover {
  color: #FFB700;
}



 

.form-row { }

.form-row div {}


.form-row div label {
	
	 font-family: "Roboto",sans-serif !important;
    font-size: 14px;
	
}

 

/* WebKit, Edge */
.form-row div input::-webkit-input-placeholder {
  color: #6c6c6c;
  font-size: 12px;
}
/* Firefox 4-18 */
.form-row div input::-moz-placeholder {
 color: #6c6c6c;
	font-size: 12px;
}
/* Firefox 19+ */
.form-row div input:-moz-placeholder {
  color: #6c6c6c;
	font-size: 12px;
}
/* IE 10-11 */
.form-row div input:-ms-input-placeholder {
  color: #6c6c6c;
	font-size: 12px;
}
/* Edge */
.form-row div input:-ms-input-placeholder {
  color: #6c6c6c;
	font-size: 12px;
}
/* MODERN BROWSER */
.form-row div input:placeholder {
  color: #6c6c6c;
	font-size: 12px;
}

    


 .content_1
{
	
	 
	
}

 .content_2
{
	
	background:#f5f5f5;
	
}

/*Toggleable Pills and*/




.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	    z-index: 100;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color:  azure;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


.whatsapp {
  background: #00E785;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}