@import url('https://fonts.googleapis.com/css?family=Raleway:300,400');
body {
  background-image: url("../people-woman-coffee-meeting-1024.jpg");
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-attachment: fixed;
  font-family: Raleway, Open Sans, Droid Sans, Roboto,arial, sans-serif;
}

.blurred-bg {
  background-image: url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size:100% 100%;
  background-attachment: fixed;
}
.blurred-bg.tinted {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-size: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
}
.blurred-bg.shaded {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-size: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../people-woman-coffee-meeting-1024-blur.jpg");
}

.box {
  visibility:hidden;
  width: 450px;
  height: 630px;
  left: -webkit-calc( 50% - 250px );
  top: 10%;
  position: absolute;
  border-radius: 5px;
  border-color:black;
  -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
  border: 1px solid;
  padding: 20px;
  /*text-align: center;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  display: flex;
  transition: box-shadow .3s ease;
  z-index:5;
}
/*.box:active {
  cursor: move;
  -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
}*/
.box .content {
  margin: auto;
  margin-top:0px;
}

h1, h2, a, p {
  color: black;
  font-weight: 100;

}
.tinted h1, .tinted h2, .tinted a, .tinted p {
  color: black;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}

h2 {
  font-size: 14px;
}

p {
  margin: 5px;
}
p.related {
  text-transform: uppercase;
  font-weight: 700;
  color: #444;
}
p.related a {
  font-weight: 700;
  text-decoration: none;
}
p.related a:hover {
  text-decoration: underline;
}

.black_logo {
  background-image: url("black logo.png");
  position: absolute;
  left: 13px;
  top: 12px;
  width: 290px;
  height: 61px;
  z-index: 20;
}


.text {
    background-color: transparent;
    color: #000000;
    font-size:16px;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #000000 1px;
    padding: 3px 10px;
    margin-bottom:3px;
    display:inline;
}

.user-logo{
    height:20px;
    width:20px;
}

input[type="checkbox" i]{
    border:3px solid black;
}

#box1 .btn-default{
    color:white;
    background-color:black;
    width:120px;
    height:40px;
    
}

#signin{
    float:right;
    right:10px;
    top:5px;
    margin:5px;
}

#signup{
  float:right;
    right:70px;
    top:5px;
    margin:5px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle:active{
    border:0.5em solid black;
    color:black;
}

#uni{
    font-size:1.2em;
     color:black;
     float:left;
}

select {
    background-color: transparent;
    color: #000000;
    font-size:18px;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #000000 1px;
    padding: 3px 10px;
    float:left;

    
}

#degree{
    text-align:center;
}

i{margin-top:2px;}

#gr {
    margin-left:25px;

}

#sentence{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
    
    
}

.signupTitle{
    position:absolute;
    margin:auto;
    top:50%;
    bottom:0;
    left:0;
    right:0;
       -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: black;
   z-index:999


}

.signupTitle h1 {
    
   font-size:95px;
   
   display:inline;
   color:#d6e41d;
}


#homepagebox{visibility:visible;
             background: #fcfcfcc4;
             position:  absolute;
             top: 0;
             bottom:  0;
             left:  0;
             right:  0;
             margin:  auto;
             height: 34%;
             padding-left:0px;
             padding-right:0px;
            
             outline: solid 16px #fcfcfcc4;

}

 #td_3:hover{
   
     background-color:#6d5e5e;
        
         
}

 
 #td_1:hover{
   
     background-color:#d8e0e0;
        
         
}

 

tr{ border:solid 4px black;}

table{
    width:100%;
    height:99%

}

#td_1 {
   
    width:35%;
        font-weight: bold;
    
}

#td_2 {border-left:solid 4px black;
      border-right:solid 4px black;
      border-top:0px;
}

#td_3 {
     background-color:black;
    width:35%;
}

#img_jumbotron{width:50%;
               border-top:0px;
}
#moto{margin-left:20%;
      margin-right:20%;
}

#td_2 img{width:88%}

#td_3 h3 {color:white}

#td_1 h3{    font-weight: bold;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

option:nth-child(1) {
    font-weight:bold;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.dot {
  height: 50px;
  width: 50px;
  background-color: #f79517;
  border-radius: 50%;
  display: inline-block;
}

.fa-2{font-size:2em;
          padding-top: 8px;
    padding-left: 8px;
}

#addpic{
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

label  {
    cursor: pointer;
}

img.black_logo {cursor:pointer}