@charset "utf-8";

body {
	font: 130%/1.5 'Open Sans', sans-serif;
	background-color: whitesmoke;
	margin: 0 auto;
}

.navbar-inverse {
  background: rgb(12, 54, 82);

}

#bs-example-navbar-collapse-1 li a {background: rgba(12, 54, 82, 1);
  color: whitesmoke;
  text-align: center;
}


/* .ul .nav .navbar-nav .li{
  position: absolute;
  display: inline-block;
  float: none;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 50px;
} */

.collapse .navbar-collapse {
  text-align: center;
}
/* .jumbotron {
	background: whitesmoke;
    width:80%;
    max-width:400px;
    min-width: 780px;
    margin: 0 auto;
    padding: 30px 30px;
} */
.container {
	width:80%;
	max-width: 800px;
	min-width: 390px;
	margin: 0px auto;
  padding: 50px 50px;
}

#logo {
	max-width:1200px;
	width: 50%;
	padding: 0px 0px 0px 0px;
	margin: 60px 0px;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, {
	text-align: 0 auto;
	margin: 0 auto;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
  color: #666;
  letter-spacing: 1px;
  font-weight: 800
}

a {
  color: #666;; 
}

p {
  font-size: 1.3em;
  text-align: 0 auto;
  /* text-shadow: 0px 4px 3px rgba(119, 118, 118, 0.4),
  0px 8px 13px rgba(0,0,0,0.3),
  0px 18px 23px rgba(0,0,0,0.3); */
  letter-spacing: 1.5px;

}

::selection {
  background: whitesmoke;
  color: black;
}

p::selection {
  background: rgb(28, 98, 145);
  color: white;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

.headerimg {
	width: 100%;
	max-width: 1200px;
	margin: 0px 0px 0px 0px ;
    padding: 15px 0px;
    /* display: block; */
}

.form {
	float: right;
	width: 60%;
	margin-bottom: 10px;
	padding-left: 30px;
}

.info {
  font-weight: 250;
	float: left;
	width: 30%;
  padding: 20px 5px;
  margin-right: 10%;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

a img {
	border: none;
}

a:link {
	color:#414958;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

a:visited {
	color: #4E5869;
	text-decoration: underline;
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Menu effect */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
.container-fluid {
  font-family: 'Raleway', Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

.container-fluid * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.container-fluid li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 1em;
  padding: 0;
}

.container-fluid a {
  padding: 0.5em 0.8em;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
}

.container-fluid a:before,
.container-fluid a:after {
  height: 14px;
  width: 14px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}

.container-fluid a:before {
  right: 0;
  top: 0;
  border-right: 3px solid #686569;
  border-top: 3px solid #686569;
  -webkit-transform: translate(-100%, 50%);
  transform: translate(-100%, 50%);
}
.container-fluid a:after {
  left: 0;
  bottom: 0;
  border-left: 3px solid #686569;
  border-bottom: 3px solid #686569;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}

.container-fluid a:hover,
.container-fluid .current a {
  color: #ffffff;
}

.container-fluid a:hover:before,
.container-fluid .current a:before,
.container-fluid a:hover:after,
.container-fluid .current a:after {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
}

a.navbar-brand {
  padding-top: 15px;
  margin-right: 120px;
  margin-top: 6.5px;
}