@import url('https://fonts.googleapis.com/css?family=Raleway');
/* MAIN */
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'Raleway', sans-serif;
  height: 100%;
}

header:before,
header:after {
  content: " ";
  display: table;
}

header:after {
  clear: both;
}

header {background: #053E60; font-color: #fff; padding: 10px 0}
@media (min-width: 576px) and (max-width: 992px) {
.container {
    max-width: 100%;
}}
@media (max-width: 576px) {
.main {
top: 125px
}}
@media (min-width: 576px) and (max-width: 992px) {
.main {
    top: 100px;
}}
@media (min-width: 993px) {
.main {
    top: 55px;
}}
.containerMain {
  background-color: #fff;
  padding: 0 20px 20px 20px;
  /*margin-top: 20px; */
}

.containerContent {
  width: auto;
  margin:20px;
  padding: 0;
}

.title {
  width: 320px;
}

.dropdown-toggle {
  text-transform: uppercase;
}


/* NAVIGATION */

/* MAIN MENU */

.navbar-default {
  background: #333;
  border-radius:0;
}

.navbar-collapse.in {
  overflow: hidden;
}

.navbar-default a {
  font-family: 'Raleway bold', sans-serif !important;
}

ul.navbar-nav a {
  color: #fff !important;
  margin: 0 10px;
}
@media (max-width: 1200px) {ul.navbar-nav a {margin: 0;}}
ul.navbar-nav > li.active > a,
ul.navbar-nav > li.active > a:focus,
ul.navbar-nav > li.open > a,
ul.navbar-nav > li.open > a:focus {
  background-color: #4cbcff;
  color: #fff;
}

ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
  background-color: #4cbcff !important;
}

ul.navbar-nav > li > a#home {
  width: 45px;
  margin-left: -30px;
}

.card, .btn, .btn-lg, .btn-sm, .btn-group, .btn-group-sm>.btn, .nav-pills>li>a, .pagination {
  border-radius: 0;
}



/* General typography styles */

/* Define classes for deprecated tags [ <b>, <i>, <u> ] */
b, .b, .bold { font-weight: bold; }
i, .italic { font-style: italic; }
u, .underline, .u { text-decoration: underline; }



/*NLI STYLES*/
.bg-nli-content {background-color: #dae3f3}
.container h1,.container h2,.container h3,.container h4,.container h5,.container h6 {color: #2f5597;}

 /*SITE SEARCH BOX*/
.search {
float: right;
 padding-bottom:20px;
 padding-top: 10px;
 width: 21rem;
 font-family:: 'Raleway',sans-serif !important;
 font-weight: 100 !important;
}
.gsib_a * {
  font-family:: 'Raleway',sans-serif !important;
  font-weight: 100 !important;
  font-size: small !important;
}
.gs-result .gs-title,
.gs-result .gs-title * {
    text-decoration: none !important;
    font-family:: 'Raleway',sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}
.gs-result.gs-promotion* {
    font-family:: 'Raleway',sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.0 !important;
}
.gs-result.gs-branding-text* {
    font-family:: 'Raleway',sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 30 px !important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    font-family:: 'Raleway',sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.0 !important;
   }
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType, .gsc-control-cse, .gsc-table-result* {
    font-family:: 'Raleway',sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 30 px !important;
}

/* CARD BUTTON */
div.card-button {
word-wrap: break-word;
white-space: normal;
text-align: left;
}

/*VIDEO*/
.video-main {
box-sizing: border-box;
clear: both;
display: table;
 width: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
width: 450px;
float: left;
overflow: hidden;
margin-right: 10px;
}

.video-player-container {
float: left;
width: 340px;
}
ul.videoPlayer {
margin-left: -40px;
}
ul li.video {
list-style-type: none;
    background: #dddddd;
    float: left;
font-size: 1em;
    min-width: 340px;
    width: 100%;
/*vertical-align: middle;*/
    margin-bottom: 5px;
padding-left: 0px;
l*line-height: 33px;*/
}
ul li.video:hover {
background: #ffc;
}
ul li img {
    width: 50px;
	height: 33px;
    float: left;
    margin-right: 5px;
    border: 1px solid #999;
}
.currentvideo {
	background: #ffea8d;
	outline: 0px solid #0065a8;
	}
a.video:link {
	font-family: Raleway, sans-serif;
	color: #048;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
}

.embed-container {
position: relative;
 padding-bottom: 56.25%;
  height: 0;
   overflow: hidden;
    max-width: 100%;
height: auto;
 }
 .embed-container iframe, .embed-container object, .embed-container embed       {
 position: absolute;
  top: 0;
   left: 0;
    width: 100%;
height: 100%;
 }

/*FOOTER*/
.footer-triangle--container {
  position: relative;
  width: 100%;
}
.footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto; /* Set the fixed height of the footer here */
  background: #dae3f3;
}
.footer-container h2 {margin-left: 15px; font-weight: bold; color: white; text-shadow: 2px 2px 2px #666;}
.footer-container h6 {font-weight: bold; color: #2f5597; text-shadow: 1px 1px 1px #999;}
.footer a {color: #2f5597;}
.footer .list-unstyled {line-height: 1.3em}
.copyright {background: #053E60; color: #fff; font-size: .8em; text-align: center;}
@media screen and (min-width:46.875em){.footer-triangle{display:block;height:0;width:0;border-bottom:200px solid #dae3f3;border-left:1600px solid transparent;}}
@media screen and (min-width:46.875em){.footer-triangle{height:0;width:0;border-bottom:200px solid #dae3f3;border-left:2400px solid transparent;}}
@media screen{.footer-triangle--container{max-width:100%;width:100%;overflow:hidden;}.footer{width:100%;float:left;line-height:1.75em;background:#dae3f3;margin-top:40px;}.footer a{font-weight:600;font-size:.813em;}}
@media screen and (min-width:46.875em){.footer{margin-top:0px;}}
@media screen{.footer-container{zoom:1;max-width:68em;margin-left:auto;margin-right:auto;}.footer-container:before,.footer-container:after{content:"";display:table;}.footer-container:after{clear:both;}}
@media (min-width: 768px) {
.twitter {
    top: -100px;
}}
@media (max-width: 768px) {
.footer {
    height: auto;
}}

/*  NLI HOME PAGE  */
h1.commit {color: #fff; position: absolute; top: 75px; left: 10%; text-shadow: 1px 1px #333;}
h1.icon {color: #b7cdf4; font-size: 72px;}
h1.icon2 {color: #fff; font-size: 48px;}
h1.icon3 {width: 30%; color: #dae3f3; font-size: 60px; margin-right: 10%; float: left;}
@media (max-width: 700px) {h1.icon3 {width: 100%;}}
h1.icon4 {color: #b7cdf4; font-size: 60px; margin-right: 10px;}
.dark_row {background-color: #2f5597; color: #fff;}
.rulesRow a {color: #fff;}
.rulesRow>a:hover {color: #b7cdf4;}
.parallax {
    /* The image used */
    background-image: url("/images/graduates.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center -300px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 1200px) {
.parallax {
    background-position: center -150px;
}}

.homesearch {position: absolute; left: 70%; top: 80px;}

@media (max-width: 1000px) {
.homesearch {
    top: 120px;
}
h1.commit {top: 125px; left: 10px; font-size: 4.0vw;}}

@media (max-width: 700px) {
.homesearch {
    left: 20px; top: 175px;
}
h1.commit {font-size: 4.0vw; padding-top: 30px; padding-bottom: 20px;}}