/*Animation*/
body, h1, h2, h3, h4, h5, p, em, strong, header, footer, input{
	transition: all .25s ease;
	overflow: hidden;l
}
/*Typography*/
h3{
	font-family: 'Lora', sans-serif; 
	color:rgba(255,255,255,.87);
}
h1, h2, h4, p, body {

	font-family: 'Montserrat', sans-serif;
	color:rgba(255,255,255,.87);
}
h1, h2, h4{
	color:rgba(255,255,255,.87);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	background-color:rgba(0,0,0,.75);
	padding:.25em;
  transition:padding 1 ease-in-out;
}
h1:hover{
	background-color:rgba(2,136,209 ,.5);
	}
.hoverPad:hover{
  padding-left:2em;
}
h3{
  font-style: italic;
  font-weight: bold;
  margin-bottom: 1em;
  border-bottom: 3px solid rgba(255, 255, 255, 0.28);
  line-height: .8;
  margin: 1em 1.5em;
}
h3:hover{border-color: rgba(2,136,209 ,.5);color: white;}
em{
	font-family: 'Lora', sans-serif; 
	color:rgba(255,255,255,.75);
	font-style: italic;
  font-size: 90%;

}

.hint {
	color:rgba(255,255,255,.53);
}

/*Design*/
.ut-4-logo{
  font-family: 'Montserrat', sans-serif;
  color: rgba(231, 231, 231, 1);
  text-transform: uppercase;
  letter-spacing: -40px;
  font-weight: bold;
  font-size: 18em;
  line-height:0;
  margin-top:100px;
  margin-bottom:.45em;
  display:block;
  margin-right: .2em;
  transition:all 2s ease;
}
.pulsey{
  position: absolute;
  top: 1em;
  right: 100px;
  font-size: 2em;
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  font-weight: bold;
  text-transform: uppercase;
  transition:all 1s ease-in-out;
}
.pulsey p{
  display: block;
  text-align: center;
  background-color: rgba(41,182,246 ,.5);
  padding: .5em;
  margin: -1em;
}
.ut-4-logo:hover{
	  color: rgba(41,182,246 ,1);
	    text-shadow: -20px 20px 35px rgba(254,255,255,1) , 20px -20px 35px rgba(255,255,255,1) , 20px 20px 35px rgba(255,255,255,1) , -20px -20px 35px rgba(255,255,255,1);
}
body{
	margin:100px;
	background-image:url(/irongrip.png);
}
header, footer{
	background-color:rgba(0,0,0,.87);
	padding:1em;
}
header input[type=email], header input[type=text]{
	border-width: 0 0 3px 0;
	background-color: rgba(0,0,0,0);
	margin: 1px 1em;
	border-color: rgba(255,255,255,.25);
	padding:.25em;
	border-radius:0;
	outline: none;
}
header input[type=email]:focus, header input[type=text]:focus{
	border-width: 0 0 4px 0;
	background-color: rgba(0,0,0,.12);
	border-color: rgba(41,182,246 ,.7);
	outline: none;
	margin-top:0;
}
header input[type=email]:hover, header input[type=text]:hover{
	background-color: rgba(0,0,0,.12);
}

header label{padding-top:4px;}

header input[type=submit]{
  background-color: rgba(0,0,0,.12);
  padding: .25em 1em;
  border: solid rgba(255,255,255,.25);
  border-width: 0 0 3px 0;
  margin-top:1px 1em;
}

header input[type=submit]:hover{
  background-color: rgba(0,0,0,0.5);
  padding: .25em 1em;
  border-color: rgba(41,182,246 ,.7);
  border-width: 0 0 4px 0;
}
.navbar-inverse {
  background-color: #111;
  border-color: #080808;
  color:rgba(255,255,255,.5);
}
.table{
  padding: 1em;
  background-color: rgba(255,255,255,.05);
}
#main-container{
	position: relative;
}
#le-Cover{
	background-color:rgb(20,20,20);
	width:9000%;
	height:9000%;position: absolute; top: -500px; left:-500px;
	z-index: 100000;
}
table, .table, .table-bordered, tr, td, tbody{
  border-color:rgba(255, 255, 255, 0.3)!important;
  border-style: dashed!important;
  border-width: 1px
}
a{
  font-weight:bold;
  color:rgba(41,182,246 ,.87);
  letter-spacing: .5px;
  text-transform: all .25s ease;
}
a:hover{
  font-weight:bold;
  color:rgba(41,182,246 ,1);
  text-decoration: none;
}

::selection{
  background:rgba(41, 182, 246, 0.5);
  }
::-moz-selection{
  background:rgba(41, 182, 246, 0.5);
  }
  .img-circle{
    transition:border-radius .5s ease-in-out;
    border-radius: 50%;
    margin:.25em;
    height:100px;width: 100px;
  }
  #square-box *{
    background-color:rgba(0,0,0,0)!important;
  }
  .well {
    border-color:rgba(255,255,255,.2);
    background-color:rgba(245, 245, 245, 0.1)
  }
  .well * p {
  padding-top: .5em;
  padding-left: 1em;
  }