a{
	color:#4682B4
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

.nav li.active{
	font-weight:bold;
}

.nav    {
	margin-left:-12px;
	font-size: 1.11em;
}

.nav li a{
padding:10px;	
	
}


body, h1, h2, h3, h4, h5, h6, p , .container {
    font-family:   "Helvetica Neue" ,Helvetica,sans-serif;
}


.jumbo img{
	
	float:left;
}

.jumbo img{
	
	height:55px;
	width:55px;
	margin-right: 15px;
}

.jumbo h1{
	
	font-size:36px;
}



.brand{	

	padding-bottom:105px;
}

div.brand {
	background-image:url('logo.png');
	background-repeat:no-repeat;
	background-position:left top;
	height:150px;
}


 
 

.brand h1{	
 
vertical-align:center;
text-rendering: optimizelegibility;
letter-spacing: -2px;

white-space: nowrap;
 float :left;
color: #006d63;

	margin-top:78px;
	margin-left:160px;
 
 	font-size: 38px;
	font-weight: 100;
 
letter-spacing: -1px;
 	font-variant:normal;
color:#999
}	


h6{
	font-size:1.2em;
	font-weight: 500;
	color:#222;
	
}


h1,h2,h3{
	font-weight: 200;
	color: #555;
text-rendering: optimizelegibility;
}
 

 
.circle {
	
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;	
border:2px solid #006d63;
background-color:#fff;
border-radius:50%;
color: #006d63;
font-size:2em;
margin-left: auto ;
margin-right: auto ;
}

.circle i{
		 transition: color 0.3s ease-in-out;
		    transition: font-size 0.3s ;
		cursor:default;
}
.circle:hover i{
	
			 
				
font-size:1.5em;
color: #ff7400;	
}

.metacontainer{
    transition: background-color 0.3s ease-in-out;

	padding-bottom:25px;
		padding-top:25px;
	border-bottom: 1px solid #bbb;
	 
	
}
.metacontainer:hover{
	background-color: #ecefef;
	
}



h2 i{
	 transition: color 0.3s ease-in-out;
color: #006d63;	
}


.metacontainer:hover h2 i{
	color: #ff7400;
	
}


h1 span.nano, h2 span.nano,h4 span.nano, h4 span.nano{
	font-size:1.05em;
}

h1 strong{
	font-weight:100;
	color:#006d63;
}


span.nano{
	color:#006d63;
font-size:1.05em;
text-transform:lowercase;

}
span.nano span{
color:#333;

	
}
#footerlinks ul {
	
 text-align:center;
margin-top:30px;
	margin-left:0;
		padding-left:0;
 
}

#footerlinks ul li{
	list-style:none;

	margin-left:0;
		padding-left:0;
	margin-right:30px;
	display:inline;
	
}

#footerlinks ul li a{
font-size:1.3em;
	
}

.ctalinks ul {
	
 text-align:center;
margin-top:30px;
	margin-left:0;
		padding-left:0;
 
}

.ctalinks ul li{
	list-style:none;

	margin-left:0;
		padding-left:0;
	margin-right:30px;
	display:inline;
	
}

.ctalinks ul li a{
font-size:1.3em;
	
}

.FAQ h6{
color:#333;
 
}

.FAQ h3{
color:#222;
font-size: 1.4em
font-weight 600;
margin-top: 40px;
}

.FAQ p{
color:#555;
font-size: 0.99em
font-weight 200;
}


footer{
	color:#777;
	margin-top:30px;
		margin-bottom:30px;
}

 
.tooltip-inner{
	 border: 2px solid #ccc;

	 
	background-color:#fff;
	color:#666;
}
	
	.tooltip.bottom .tooltip-arrow {

	  border-bottom-color: #ccc; /* black */
 
	}	

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

   .brand h1{  font-size: 32px; letter-spacing: -0.6px; }

}


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

   .brand h1{  font-size: 20px; letter-spacing: -0.1px; }

}



.navbar-header  button.navbar-toggle{
 	padding:10px;
 	padding-top:10px;
    background-color: #4682B4;
}

.navbar-header  button.navbar-toggle span.icon-bar{
    background-color: #fff;

}
 

 


.nanospell-menu {
    background-color: #357ebd;
    color: rgb(250, 238, 238);
    display: inline-block;
    width: 100%;
    font-size: 12.5px;
}
.nanospell-menu:hover .nanospell-header img{
    
}
.nanospell-header {
    float: left;
}
.nanospell-header img{
    height: 35px;
}
.nanospell-header > span {
    top: 1.4px;
    position: relative;
}
.nanospell-items {
    line-height: 35px;
    float: right;
}
.nanospell-items a {
    vertical-align: middle;
    height: 100%;
    color: rgb(250, 238, 238);
    margin-right: 20px;
}
a.current-site {
    color: rgb(255, 165, 0);
    font-weight: bold;
}

@media only screen and (max-width: 970px) {
    .nanospell-menu {
    display: block;
    width: 100%;
}
    .nanospell-header {
        float: none;
    }
    .nanospell-header img{
        height: 30px;
    }
    .nanospell-items {
        padding-top: 2px;
        float: none;
        margin-left: 35px;
    }
    .nanospell-items a {
        text-align: justify;
        vertical-align: baseline;
        display: inline-block;
        height: 100%;
        color: #fff;
        margin-right: 5px;
    }
    
}

.ol-style-none {
    list-style-type: none;
}