body {
  font-family: 'Open Sans', sans-serif !important;
  color: #696969;
  background-color: #fff; }

img {
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif !important; }

/***************************************/
/*              Headings               */
/***************************************/
h1 {
  font-weight: 300;
  font-size: 42px;
  padding: 55px 0;
  color: #333; }

h2 {
  font-weight: 300;
  font-size: 40px; }

h3 {
  font-weight: 300;
  font-size: 27px;
  padding: 20px 0;
  color: #333; }

h4 {
  font-weight: 700;
  font-size: 24px;
  margin: 5px 0 0 0; }

h5 {
  font-weight: 700;
  font-size: 14px;
  padding: 24px 0;
  color: #333; }

h6 {
  font-weight: 700;
  font-size: 14px/24px;
  color: #1428a0;
  text-transform: uppercase; }

.h10 {
  font-size: 18px;
  font-weight: 700; }

/***************************************/
/*             Paragraphs              */
/***************************************/
p {
  font-weight: 400;
  font-size: 16px;
  color: #333; }

p.intro {
  font-weight: 300;
  font-size: 22px;
  padding: 50px 0 35px 0;
  margin: 0; }

p.interest {
  background-color: #f7f7f7;
  padding: 15px;
  font-size: 27px;
  font-weight: lighter; }

@media (min-width: 1200px) {
  p.interest {
    line-height: 56px; } }

/***************************************/
/*          Links & Buttons            */
/***************************************/
.btn {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #c6d1d6;
  color: #fff;
  padding: 10px 25px 10px 25px;
  border-radius: 0px !important;
  vertical-align: inherit;
  text-align: center;
  min-width: 140px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 10px 15px 0;
  font-size: 16px; }

.btn:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  text-decoration: none; }

.btn:active {
  color: #fff; }

.btngrn {
  background-color: #33cc99; }

.btngrn:hover {
  text-decoration: none;
  background-color: #33AE7B; }

.btnblue {
  background-color: #288ec9;
  border: 1px solid #288ec9;
  border-radius: 50px !important;
  font-weight: 400;
  padding: 10px;
  min-width: 125px;
  text-transform: none; }

.btnblue:hover {
  background-color: #fff;
  color: #288ec9; }

.btnblue:active {
  background-color: #1E72C3;
  color: #fff; }

.btngray, .btngray:visited, .btngray:focus {
  background-color: #818181;
  color: #fff;
  border: 1px solid #818181;
  border-radius: 50px !important;
  font-weight: 400;
  padding: 10px;
  min-width: 125px;
  text-transform: none; }

.btngray:hover, .btngray:active {
  background-color: #696969;
  color: #fff; }

.btndkblue {
  background-color: #1428a0;
  border: 1px solid #1428a0;
  border-radius: 50px !important;
  font-weight: 600;
  padding: 20px;
  min-width: 125px;
  text-transform: none; }

.btndkblue:hover {
  background-color: #fff;
  color: #1428a0; }

.btndkblue:active {
  background-color: #1428a0;
  color: #fff; }

/***************************************/
/*    Specific Buttons & Overrides     */
/***************************************/
.grid-section .full .btn {
  text-transform: none;
  padding: 10px 0 10px 0;
  margin: 0px; }

.empbtn {
  background-color: #696969;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  border: 3px solid #fff;
  text-transform: uppercase;
  line-height: 63px;
  min-width: 200px; }

.empbtn:hover {
  background-color: #5a5a5a;
  color: #fff;
  text-decoration: none; }

.schbtn {
  background-color: #1428a0;
  padding: 10px;
  color: #fff;
  font-weight: 700;
  border: 3px solid #fff;
  text-transform: uppercase;
  line-height: 1.43 !important;
  margin: 18px 100px 0 100px; }

.schbtn a {
  color: #fff; }

.schbtn:hover {
  background-color: #021688;
  color: #fff;
  text-decoration: none; }

.schbtn:hover a {
  background-color: #021688;
  color: #fff;
  text-decoration: none; }

/***************************************/
/*          Check if needed            */
/***************************************/
.pagebanner {
  background-position: center center;
  background-repeat: no-repeat; }

@media (min-width: 1330px) {
  .pagebanner {
    background-size: 100%; } }

.pagebanner h1 {
  color: #fff;
  text-align: center; }

.banner {
  text-align: center; }

.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
  color: #fff;
  padding: 5px 0; }

.banner h4 {
  font-weight: 700;
  margin-bottom: 5px; }

.banner h4 + h3 {
  margin-top: 5px; }

.banner p {
  color: #fff; }

.container.padrows .row {
  margin-bottom: 25px; }

@media (min-width: 768px) {
  .container.padrows .row {
    margin-bottom: 50px; } }

@media (min-width: 1330) {
  .container.padrows .row {
    margin-bottom: 75px; } }

/***************************************/
/*              Header                 */
/***************************************/
header {
  background: #fff;
  padding: 0;
  position: relative; }

header .container {
  max-width: 100%;
  padding: 0; }

header .row {
  margin: 0; }

#headcont {
  padding: 20px 0 0 0; }

.topnav {
  display: none;
  background-color: #333;
  text-align: right; }

.topnav .container {
  height: 50px;
  padding: 10px 0; }

.topnav a {
  font-size: 14px;
  color: #b8b8b8;
  display: inline-block;
  margin-left: 40px;
  padding-top: 4px;
  cursor: pointer; }

.topnav .vertdivider {
  display: inline-block;
  width: 31px;
  background-color: #333;
  margin: 0 15px;
  color: #b8b8b8;
  text-align: center;
  font-size: 24px;
  line-height: 24px; }

.topnav .topsearch {
  display: inline-block;
  position: relative;
  padding-right: 15px; }

.topnav .topsocial {
  width: 0;
  display: inline-block;
  overflow: hidden;
  max-height: 24px; }

.topnav .topsocial a {
  margin-left: 0;
  padding-top: 0;
  width: 0; }

.topnav .topsearch input[type="text"] {
  background-color: #656565;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  border: 0;
  margin: 0;
  width: 0;
  padding: 0; }

#topmag {
  width: 20px;
  height: 20px;
  background: url("/media/1051/sprite.png") -6px -253px no-repeat;
  margin: 0;
  padding: 0px 0 0 0;
  position: absolute;
  top: 0;
  right: 0; }

#topmag.active {
  background: url("/media/1051/sprite.png") -6px -318px no-repeat; }

.brand {
  min-height: 50px;
  padding-right: 0; }

#toggle {
  position: absolute;
  right: 5px;
  top: 12px;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%); }

.toggle {
  position: relative;
  z-index: 999;
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer; }

.toggle .cross {
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s; }

.toggle .cross span:before {
  -moz-transition-property: margin, transform;
  -o-transition-property: margin, transform;
  -webkit-transition-property: margin, transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -moz-transition-duration: .1s;
  -o-transition-duration: .1s;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -moz-transition-delay: .1s, 0;
  -o-transition-delay: .1s, 0;
  -webkit-transition-delay: .1s, 0;
  transition-delay: .1s, 0; }

.toggle .cross span:after {
  -moz-transition-property: margin, transform;
  -o-transition-property: margin, transform;
  -webkit-transition-property: margin, transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  -moz-transition-duration: .1s;
  -o-transition-duration: .1s;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -moz-transition-delay: .1s, 0;
  -o-transition-delay: .1s, 0;
  -webkit-transition-delay: .1s, 0;
  transition-delay: .1s, 0; }

.toggle .cross.open span {
  background-color: transparent;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s; }

.toggle .cross.open span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition-delay: 0, .1s;
  -o-transition-delay: 0, .1s;
  -webkit-transition-delay: 0, .1s;
  transition-delay: 0, .1s;
  background-color: #000; }

.toggle .cross.open span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition-delay: 0, .1s;
  -o-transition-delay: 0, .1s;
  -webkit-transition-delay: 0, .1s;
  transition-delay: 0, .1s;
  background-color: #000; }

.toggle span {
  margin: 0 auto;
  position: relative;
  z-index: 999;
  top: 12px;
  width: 25px;
  height: 2px;
  background-color: #000;
  display: block; }

.toggle span:before,
.toggle span:after {
  position: absolute;
  content: '';
  width: 25px;
  height: 2px;
  background-color: #000;
  display: block; }

.toggle span:before {
  margin-top: -7px; }

.toggle span:after {
  margin-top: 7px; }

nav {
  z-index: 999;
  background: transparent;
  text-align: center;
  left: 0px;
  right: 0px;
  display: block;
  position: relative;
  -moz-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  -webkit-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  font-size: 15px; }

nav.menu {
  z-index: 0; }

nav > ul {
  padding: 0;
  position: relative;
  display: inline-table;
  width: 100%;
  list-style: none;
  margin: 0; }

nav > ul li {
  position: relative;
  display: table-cell; }

nav > ul li a,
nav > ul li span {
  cursor: pointer;
  display: inline-block;
  padding: 0 15px;
  color: #000;
  width: 100%;
  background-color: transparent;
  min-height: 64px;
  font-weight: 600;
  font-size: 18px;
  line-height: 64px;
  white-space: nowrap; }

nav > ul li a:hover,
nav > ul li span:hover {
  color: #1428a0; }

nav > ul li:after {
  content: "";
  clear: both;
  display: block; }

nav li > ul {
  position: relative;
  padding: 0;
  display: none; }

nav li > ul li {
  float: none;
  display: block;
  position: relative;
  border: 0; }

nav li > ul li a {
  background-color: #bababa;
  padding-left: 15px; }

nav li > ul li a:hover {
  text-decoration: none; }

nav li > ul > li > ul {
  left: 100%;
  top: 0;
  display: none; }

nav li.selected > ul {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  min-width: 175px;
  top: 64px; }

nav li.selected > ul li a {
  color: #000;
  background-color: #f7f7f7;
  text-align: left;
  min-width: 175px; }

nav li.selected > ul li a:hover {
  background-color: #1428a0;
  color: #fff; }

#cartamt {
  background: #2b85c4 url("/media/1051/sprite.png") 9px -174px no-repeat;
  color: #fff;
  border: solid 1px;
  border-color: #C6D1D6;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: 60px;
  text-decoration: none;
  padding-top: 2px; }

#cartamt:focus {
  color: #fff;
  background: #1E62C4 url("/media/1051/sprite.png") 9px -173px no-repeat; }

.login-xs {
  height: 45px;
  background: url("/media/1051/sprite.png") -4px -52px no-repeat;
  color: #333;
  padding: 16px 0 10px 30px; }

.headcontholder {
  display: none; }

@media (max-width: 992px) {
  #headcont {
    padding-top: 12px; }
  #login {
    display: none; }
  nav {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
    -moz-transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
    position: absolute;
    top: 50px;
    text-align: left;
    background-color: #333;
    display: none; }
  nav.open {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    display: block; }
  nav > ul li.selected ul {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    height: 100%; }
  nav li > ul {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    text-align: center;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    height: 0;
    margin: 0;
    display: block; }
  nav > ul li {
    border-bottom: 1px solid #333;
    display: list-item; }
  nav > ul li a, nav > ul li span {
    cursor: pointer;
    display: inline-block;
    padding: 0 15px 0 45px;
    color: #fff;
    width: 100%;
    background-color: #5e5e5e;
    min-height: 64px;
    font-weight: 600;
    font-size: 18px;
    line-height: 64px;
    text-align: left; }
  nav > ul li a:hover,
  nav > ul li span:hover {
    color: #fff;
    font-weight: 700; }
  nav li > ul li {
    float: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #333; }
  nav li > ul li a {
    background-color: #bababa;
    padding-left: 45px; }
  nav li > ul li a:hover {
    text-decoration: none;
    padding-left: 20px;
    border-left: 10px solid #fff; }
  nav li > ul > li > ul {
    left: 100%;
    top: 0;
    display: none; }
  nav > ul > li.has-child > span {
    background-position: 90% center;
    background-repeat: no-repeat;
    background-image: url(/images/sprite/menuplus.png); }
  nav > ul > li.has-child.selected > span {
    background-image: url(/images/sprite/menuminus.png); }
  nav li.selected > ul {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    background: none;
    padding-top: 0; }
  nav li.selected > ul li a {
    color: #fff;
    background-color: #bababa;
    min-width: 0; }
  nav li.selected > ul li a:hover {
    background-color: #bababa;
    padding-left: 20px;
    border-left: 10px solid #fff; }
  .headcontholder {
    display: none !important; } }

@media (max-width: 992px) and (max-width: 992px) {
  nav > ul li.selected ul li a {
    color: #fff;
    font-weight: 500; } }

@media (min-width: 992px) {
  .topnav {
    display: block; }
  #toggle, #loginXS {
    display: none; }
  nav > ul li a,
  nav > ul li span {
    color: #000;
    width: 100%;
    background-color: transparent;
    min-height: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 64px;
    padding: 0 15px; }
  nav li > ul li {
    border: 0 solid #d2d2d2;
    border-width: 0 1px; }
  nav li > ul li:last-child {
    border-bottom-width: 1px; }
  #headcont .utilnav > a {
    float: right;
    margin-left: 15px; }
  .arrow_box {
    /*position: relative;*/
    background: #f7f7f7;
    border: 1px solid #d2d2d2; }
  .arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #f7f7f7;
    border-width: 24px;
    margin-left: -24px; }
  .arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d2d2d2;
    border-width: 25px;
    margin-left: -25px; }
  #login {
    position: relative;
    float: right;
    height: 45px;
    width: auto;
    background: url("/media/1051/sprite.png") -4px -52px no-repeat;
    color: #333;
    padding: 14px 0 0 30px;
    cursor: pointer; }
  #loginbox {
    position: absolute;
    top: 64px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: inline-block;
    width: 200px;
    z-index: 1000; }
  #loginbox > div {
    background-color: #f7f7f7;
    color: #333;
    padding: 15px 25px;
    display: inline-block;
    width: 100%;
    text-align: center; }
  #loginbox a {
    margin: 0 auto; }
  #loginbox a.boxlink {
    text-decoration: underline;
    color: #333;
    display: block; }
  #loginbox a.boxlink:last-child {
    margin-top: 15px; }
  #loginbox > div:first-child {
    border-bottom: 1px solid #c2c2c2; }
  nav > ul > li.has-child.active {
    /*border-bottom: 5px solid $darkblue;*/ }
  nav > ul > li.has-child.active > span {
    line-height: 59px; }
  nav > ul > li.selected > span, nav > ul > li.has-child.active > span {
    font-weight: 700;
    color: #1428a0; }
  header.freefall {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%; }
  header.freefall > .topnav {
    display: none; } }

nav.menu {
  z-index: 0; }

/***************************************/
/*                Misc                 */
/***************************************/
.centered {
  text-align: center; }

.v-marg-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.b-marg-15 {
  margin-bottom: 15px; }

.b-marg-10 {
  margin-bottom: 10px; }

.t-marg-15 {
  margin-top: 15px; }

.t-marg-10 {
  margin-top: 10px; }

.success-message {
  color: #00b20d;
  font-weight: bold; }

.hidden {
  display: none; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

.watermark {
  color: #bcbcbc; }

.text-blue {
  color: #288ec9; }

div.graybox {
  background-color: #ddd;
  padding: 15px 10px; }

div.graybox-form-group {
  padding-bottom: 1px; }

hr.divider {
  border-top: 1px solid black; }

.checkout-subtotal {
  font-size: 1.4em; }

.checkout-othertotal {
  font-size: 1.2em; }

.checkout-grandtotal {
  font-size: 1.6em; }

.lock-everything {
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5); }

.white-bg {
  background-color: white; }

.gray-icon {
  font-size: 18px;
  padding-left: 25px;
  color: #a5a5a5; }

div.results-item-data {
  margin-top: 10px; }

.results-item-data > div > label {
  font-style: italic; }

.results-item-data > div > span {
  margin-left: 10px; }

/***************************************/
/*                Form Validation      */
/***************************************/
.rfv-label::before {
  color: red;
  font-weight: bold;
  content: '*';
  margin-right: 3px;
  display: inline-block; }

.validation-summary {
  color: red; }

/***************************************/
/*               Footer                */
/***************************************/
footer {
  background-color: #1428a0;
  padding-top: 30px;
  padding-bottom: 15px;
  margin-top: 25px;
  color: #fff; }

footer span {
  font-weight: 700;
  font-size: 18px/24px;
  color: #fff;
  display: block; }

footer ul {
  margin: 0;
  padding: 0; }

footer .navlinks li {
  display: inline-block;
  width: 235px;
  padding-right: 20px;
  vertical-align: top;
  margin-bottom: 34px; }

footer .navlinks li a {
  display: block;
  color: white;
  font-weight: 400;
  font-size: 16px/24px; }

footer .contact > div {
  padding: 0; }

footer .contact .addresses .texasaddress {
  padding-top: 70px; }

footer .contact .contactinfo {
  margin-top: 25px; }

footer .contact .contactinfo img {
  height: 14px;
  width: 14px; }

footer .contact .contactinfo a {
  color: #fff;
  margin-left: 4px; }

footer .contact .contactinfo .col-md-12 + .col-md-12 {
  margin-top: 15px; }

@media (min-width: 1200px) {
  footer .navlinks {
    border-right: 1px solid #fff; } }

@media (max-width: 1199px) {
  footer .contact {
    border-top: 1px solid #fff;
    padding-top: 15px; }
  footer .contact .contactinfo {
    margin-top: 0; }
  footer .contact .addresses .texasaddress {
    padding-top: 75px; } }

@media (max-width: 992px) {
  footer .contact .addresses .texasaddress {
    padding-top: 75px; } }

@media (max-width: 600px) {
  footer .contact .addresses img {
    height: 30px;
    width: 30px; }
  footer .contact .addresses .texasaddress {
    padding-top: 120px; }
  footer .contact .contactinfo img {
    height: 8px;
    width: 8px; }
  footer .contact .contactinfo a {
    font-size: 8pt;
    margin-left: 0px; } }

/***************************************/
/*          Black Sub-Footer           */
/***************************************/
.copy {
  background-color: #161616;
  color: #fff;
  padding: 15px 0;
  font-weight: 300;
  font-size: 13px/22px; }

.copy a {
  padding: 0 0 0 15px;
  color: #fff; }

@media (min-width: 768px) {
  .copy .copylinks {
    text-align: right; }
  footer .contact .contactinfo {
    margin-top: 20px; } }

@media (min-width: 1200px) {
  footer .navlinks {
    border-right: 1px solid #fff; }
  footer .contact .contactinfo {
    margin-top: 25px; } }

.copysprite {
  background: transparent url("/media/1333/footer-social-icons.png") no-repeat 0 0;
  display: inline-block;
  height: 24px;
  width: 24px; }

.copysprite.fb, .copysprite.fb-gray {
  background-position: -24px 2px; }

.copysprite.twitter, .copysprite.twitter-gray {
  background-position: -24px -22px; }

.copysprite.linkedin {
  background-position: -24px -46px; }

.copysprite.gplus {
  background-position: -24px -70px; }

.copysprite.insta {
  background-position: -24px -94px; }

.copysprite.vimeo {
  background-position: -23px -119px; }

.copysprite.youtube {
  background-position: -24px -142px; }

.copysprite.fb:hover {
  background-position: 0 2px; }

.copysprite.twitter:hover {
  background-position: 0 -22px; }

.copysprite.linkedin:hover {
  background-position: 0 -46px; }

.copysprite.gplus:hover {
  background-position: 0 -70px; }

.copysprite.insta:hover {
  background-position: 0 -94px; }

.copysprite.vimeo:hover {
  background-position: 0 -119px; }

.copysprite.youtube:hover {
  background-position: 0 -142px; }

.copy .copysprite.fb {
  background-position: 0 2px; }

.copy .copysprite.twitter {
  background-position: 0 -22px; }

.copy .copysprite.linkedin {
  background-position: 0 -46px; }

.copy .copysprite.gplus {
  background-position: 0 -70px; }

.copy .copysprite.insta {
  background-position: 0 -94px; }

.copy .copysprite.vimeo {
  background-position: 0 -119px; }

.copy .copysprite.youtube {
  background-position: 0 -142px; }

.copy .copysprite.fb:hover {
  background-position: -24px 2px; }

.copy .copysprite.twitter:hover {
  background-position: -24px -22px; }

.copy .copysprite.linkedin:hover {
  background-position: -24px -46px; }

.copy .copysprite.gplus:hover {
  background-position: -24px -70px; }

.copy .copysprite.insta:hover {
  background-position: -24px -94px; }

.copy .copysprite.vimeo:hover {
  background-position: -23px -119px; }

.copy .copysprite.youtube:hover {
  background-position: -24px -142px; }

.externals a {
  display: inline-block;
  height: 79px;
  width: 79px;
  margin: 15px; }

/***************************************/
/*              Theming                */
/***************************************/
.dark {
  background: #1c1c1e;
  display: block;
  margin: 0 auto;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  /* Messy, I know. This was being overriden by nothing though -_- */
  background-position: center center !important;
  color: #000; }

.dark * {
  color: #fff; }

.dark .container-fluid .col-md-4 {
  padding: 10px;
  opacity: 0.75;
  height: 150px; }

.dark .container-fluid .col-md-8 {
  padding-left: 18vw;
  padding-bottom: 3vh;
  padding-top: 45px;
  padding-right: 12vw;
  background-color: #1428a0;
  opacity: 0.75;
  height: 300px; }

.homeintro {
  padding: 385px 0 0 0; }

.homeintro .container {
  float: none;
  display: table-cell;
  vertical-align: bottom; }

@media (max-width: 1572px) {
  .dark .container-fluid .col-md-8 {
    padding-left: 8vw; } }

@media (max-width: 1000px) {
  .dark .container-fluid .col-md-4, .dark .container-fluid .col-md-8 {
    padding-left: 15px;
    padding-right: 0px; } }

@media (max-width: 992px) {
  .dark {
    padding: 0px; } }

@media (max-width: 768px) {
  .dark .container-fluid .col-md-4, .dark .container-fluid .col-md-8 {
    height: auto;
    padding: 15px; } }

.dark .container-fluid .col-md-8 a {
  margin-top: 30px;
  padding-left: 25px;
  padding-right: 25px; }

.dark a.button {
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0);
  color: #fff; }

.dark a.button:hover {
  background: #fff;
  color: #000; }

.dark a.button.fill {
  background: #fff;
  color: #000; }

.dark a.button.fill:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #fff; }

.dark code,
.dark pre {
  background-color: rgba(248, 248, 248, 0.1); }

.dark + .triangle:before {
  border-color: transparent transparent transparent #1c1c1e; }

.dark h1 {
  color: #fff;
  text-align: center;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .dark h1 {
    font-size: 30px; } }

.dark .row {
  margin: 0; }

.dark .row div[class^="col-"] {
  margin-bottom: 50px; }

.dark h2,
.dark h3 {
  margin: 0 0 5px; }

.dark p {
  letter-spacing: 0.2px;
  margin: 0 auto; }

.dark a {
  position: relative;
  display: inline-block; }

.dark img {
  padding: 20px 0;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 30px 0; }

.dark li {
  padding: 2px 0 0; }

.round {
  border-radius: 50%; }

.text--center {
  text-align: center; }

.text--center .seperator {
  margin-right: auto;
  margin-left: auto; }

.center,
.center img {
  display: block;
  margin: 0 auto;
  text-align: center; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

@media (min-width: 992px) {
  .dark .row div[class^="col-"] {
    margin-bottom: 20px; } }

/***************************************/
/*       MultiPost Partner List        */
/***************************************/
.mp-partners {
  max-height: 400px;
  overflow-y: scroll; }

.mp-partners .table {
  margin-top: 35px; }

.mp-partners .group {
  color: #fff;
  background-color: #1428a0; }

.table > thead > tr > th.rotated {
  padding: 2px;
  max-width: 40px;
  vertical-align: middle; }

.table > thead > tr > th.rotated div {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 1;
  padding-left: 10px; }

@media (min-width: 768px) {
  #mp-modal .modal-dialog {
    width: 650px;
    margin: 30px auto; } }

/***************************************/
/*        Bootstrap Helpers            */
/***************************************/
.row-full-height {
  height: 100%; }

.col-full-height {
  height: 100%;
  vertical-align: middle; }

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed; }

.container-fluid {
  width: 100%;
  padding: 0;
  bottom: 0; }

.container-fluid p {
  font-size: 150%;
  margin-bottom: 15px; }

@media (min-width: 1024px) {
  .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.col-xs-height {
  display: table-cell;
  float: none !important; }

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important; } }

@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important; } }

@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important; } }

.col-top {
  vertical-align: top; }

.col-middle {
  vertical-align: middle; }

.col-bottom {
  vertical-align: bottom; }

.vertical-center {
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.text-left-xs {
  text-align: left; }

.text-center-xs {
  text-align: center; }

.text-right-xs {
  text-align: right; }

@media (min-width: 768px) {
  .text-left-sm {
    text-align: left; }
  .text-center-sm {
    text-align: center; }
  .text-right-sm {
    text-align: right; } }

@media (min-width: 992px) {
  .text-left-md {
    text-align: left; }
  .text-center-md {
    text-align: center; }
  .text-right-md {
    text-align: right; } }

@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left; }
  .text-center-lg {
    text-align: center; }
  .text-right-lg {
    text-align: right; } }

/***************************************/
/*        glyphicon animation         */
/***************************************/
.glyphicon-refresh-animate {
  -webkit-animation: spin2 .7s infinite linear;
  -moz-animation: spin2 .7s infinite linear;
  -o-animation: spin2 .7s infinite linear;
  animation: spin2 .7s infinite linear; }

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  to {
    -moz-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@keyframes spin {
  from {
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); }
  to {
    -moz-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

/***************************************/
/*           partner macros            */
/***************************************/
.partner {
  display: inline-block;
  width: 170px;
  height: 170px;
  text-align: center;
  padding: 0 15px;
  border: 1px solid #333;
  position: relative;
  margin: 0 25px 50px 25px;
  vertical-align: top; }

.partner a {
  display: inline-block;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  max-width: 100%; }

@media (max-width: 767px) {
  .partner {
    margin: 0; } }

a.relatedItem:first-child {
  min-height: 80px;
  display: inline-block; }

/***************************************/
/*     School Information Modal        */
/***************************************/
.glyphicon-gray {
  color: #a5a5a5;
  width: 24px;
  margin-left: 5px; }

.school-info-copy {
  font-size: 16px;
  overflow-wrap: break-word; }

.more-about-this-school {
  display: inline-block;
  margin-top: 15px; }

.more-about-this-school, .school-info-copy a {
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline; }

/***************************************/
/*     Slick Carousel Overrides        */
/***************************************/
.slick-slide img {
  margin: 0 auto; }

/*# sourceMappingURL=site.css.map */
.cookie-consent {
  position: fixed;
  bottom: 0;
  min-height: 80px;
  vertical-align: bottom;
  z-index: 1001;
  padding-right: 10px;
  border: 1px #dbdbdb solid;
  border-radius: 3px;
  background-color: #666;
  color: #fff;
  font-weight: bold;
  margin: 10px;
  box-shadow: 1px 2px 2px #666; }
  .cookie-consent a, .cookie-consent a:hover, .cookie-consent a:active, .cookie-consent a:visited {
    margin-top: 10px;
    width: auto;
    color: yellow;
    font-weight: bold; }
  .cookie-consent span {
    display: table-cell;
    padding: 8px;
    vertical-align: top; }
  .cookie-consent .btnsmall, .cookie-consent .btnsmall:hover, .cookie-consent .btnsmall:active, .cookie-consent .btnsmall:visited {
    min-width: 50px;
    padding: 5px 10px;
    background-color: white;
    color: red; }