/* Background pattern from subtlepatterns.com - thank you kindly peeps. */
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0 !important;
  overflow-y: auto; }

.form-control {
  display: inline-block; }

.caret {
  color: #fff; }

.dropdown .edge ul {
  right: 0; }

@media screen and (min-width: 768px) {
  .margin-right-10 {
    margin-right: 10px; } }

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

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

.white-drop {
  margin-bottom: 60px; }

@media screen and (min-width: 992px) {
  .content-align-desktop {
    width: 100%;
    margin: 0 auto;
    text-align: center; } }

@media screen and (max-width: 768px) {
  .content-align-mobile {
    width: 100%;
    margin: 0 auto;
    text-align: center; } }

@media screen and (max-width: 992px) {
  .content-align-tablet {
    width: 100%;
    margin: 0 auto;
    text-align: center; } }

.content-delay-point3sec {
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.content-delay-halfSec {
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; }

.content-delay-threeQuart {
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; }

.content-delay-1sec {
  -moz-animation-delay: 1.0s;
  -o-animation-delay: 1.0s;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s; }

.content-delay-1point5sec {
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.content-delay-2sec {
  -moz-animation-delay: 2.0s;
  -o-animation-delay: 2.0s;
  -webkit-animation-delay: 2.0s;
  animation-delay: 2.0s; }

.svip-bg {
  background: url("../../content/ui/school.png") repeat;
  padding: 0;
  margin: 0; }

.svip-header-bg {
  margin-top: 50px;
  border-top: 10px solid #016190;
  background: url("../../content/ui/bg-selection.jpg") top center no-repeat;
  min-height: 480px; }
  @media screen and (max-width: 768px) {
    .svip-header-bg {
      margin-top: 15px;
      min-height: 420px; } }

.svip-logo-container {
  float: left;
  width: 145px;
  background-color: #016190;
  margin-left: 30%; }
  @media (min-width: 420px) and (max-width: 768px) {
    .svip-logo-container {
      margin-left: 38%; } }
  .svip-logo-container > img {
    max-width: 105px;
    float: right;    
    padding: 0px 0 0 0;     
    margin-right: 13.5%;    
  }
  @media screen and (max-width: 992px) {
    .svip-logo-container {
      width: 130px; }
      .svip-logo-container > img {
        width: 90px;
        padding: 0px 0 0 0; } }

.svip-selectmenu-container {
  position: absolute;
  top: 60%;
  right: 20%;
  z-index: 9999 !important; }
  @media screen and (max-width: 900px) {
    .svip-selectmenu-container {
      right: 20%; } }
  @media screen and (max-width: 768px) {
    .svip-selectmenu-container {
      right: 27%;
      left: 27%; } }
  @media screen and (max-width: 710px) {
    .svip-selectmenu-container {
      right: 27%;
      left: 27%; } }
  @media screen and (max-width: 640px) {
    .svip-selectmenu-container {
      right: 25%;
      left: 25%; } }
  @media screen and (max-width: 585px) {
    .svip-selectmenu-container {
      right: 22%;
      left: 22%; } }
  @media screen and (max-width: 500px) {
    .svip-selectmenu-container {
      right: 18%;
      left: 18%; } }
  @media screen and (max-width: 420px) {
    .svip-selectmenu-container {
      right: 10%;
      left: 10%; } }
  @media screen and (max-width: 400px) {
    .svip-selectmenu-container {
      right: 11%;
      left: 11%; } }
  @media screen and (max-width: 360px) {
    .svip-selectmenu-container {
      right: 7%;
      left: 7%; } }

.dropdown {
  width: 300px;
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 2px solid #016190;
  padding: 15px;
  color: #016190;
  /* Animations */
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .dropdown:hover, .dropdown:focus {
    background-color: #e9e9e9; }
  .dropdown .caret {
    color: #016190;
    margin-left: 45px; }
  .dropdown > a {
    color: #016190;
    font-size: 1.2em;
    text-decoration: none;
    padding: 15px;
    /* Animations */
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .dropdown > a span {
      display: inline-block; }
    .dropdown > a .caret {
      display: inline-block; }
    .dropdown > a:hover, .dropdown > a:focus {
      color: #808080; }
      .dropdown > a:hover .caret, .dropdown > a:focus .caret {
        color: #808080;
        display: inline-block; }

.dropdown-menu {
  border: 2px solid #016190;
  margin: 10px 0 20px 0; }

.dropdown-menu > li {
  width: 300px; }
  .dropdown-menu > li a {
    font-size: 1.1em;
    color: #016190;
    padding: 12px;
    white-space: normal;
    /* Animations */
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .dropdown-menu > li a:hover, .dropdown-menu > li a:focus {
      color: #fff;
      background-color: #016190; }

.dropdownInternational {
    width: 300px;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 2px solid #00263D;
    padding: 15px;
    color: #016190;
    /* Animations */
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

    .dropdownInternational:hover, .dropdownInternational:focus {
        background-color: #e9e9e9;
    }

    .dropdownInternational .caret {
        color: #00263D;
        margin-left: 45px;
    }

    .dropdownInternational > a {
        color: #00263D;
        font-size: 1.2em;
        text-decoration: none;
        padding: 15px;
        /* Animations */
        -moz-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

        .dropdownInternational > a span {
            display: inline-block;
        }

        .dropdownInternational > a .caret {
            display: inline-block;
        }

        .dropdownInternational > a:hover, .dropdownInternational > a:focus {
            color: #808080;
        }

            .dropdownInternational > a:hover .caret, .dropdownInternational > a:focus .caret {
                color: #808080;
                display: inline-block;
            }

.dropdownInternational-menu {
    border: 2px solid #00263D;
    margin: 10px 0 20px 0;
}

    .dropdownInternational-menu > li {
        width: 300px;
    }

        .dropdownInternational-menu > li a {
            font-size: 1.1em;
            color: #00263D;
            padding: 12px;
            white-space: normal;
            /* Animations */
            -moz-transition: all 0.15s ease-in-out;
            -webkit-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
        }

            .dropdownInternational-menu > li a:hover, .dropdownInternational-menu > li a:focus {
                color: #fff;
                background-color: #00263D;
            }

.svip-carousel-container {
  margin-top: 30px; }

#school-select .item {
  margin: 0 5px 0 5px; }
  #school-select .item a {
    text-decoration: none; }

.text-align {
  text-align: center;
  padding: 6px 10px 6px 10px; }
  .text-align span {
    display: block;
    margin-top: 8px;
    font-size: 1.2em;
    color: #016190;
    font-weight: 600; }

#school-select .item img {
  display: block;
  width: 100%;
  height: auto;
  border: 2px solid #58d6ff;
  border-radius: 4px; }

.svip-socialmedia-container {
  margin: 0 0 35px 15px;
  float: right; }
  @media screen and (max-width: 767px) {
    .svip-socialmedia-container {
      float: none;
      margin: 0 auto;
      text-align: center; } }
  .svip-socialmedia-container .svip-copyright-text {
    display: block;
    padding: 10px 50px 0 0;
    color: #353535;
    font-size: 0.70em;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .svip-socialmedia-container .svip-copyright-text {
        margin: 0 auto;
        padding: 10px 10px 30px 10px;
        text-align: center; } }
  .svip-socialmedia-container .svip-socialmedia-items > a {
    background-color: #0072bc;
    border-radius: 50px;
    padding: 15px;
    float: left;
    display: inline-block;
    margin: 0 3px 0 3px;
    /* Animations */
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .svip-socialmedia-container .svip-socialmedia-items > a:focus, .svip-socialmedia-container .svip-socialmedia-items > a:hover {
      background-color: #1c92de;
      /* Animations */
      -moz-transition: all 0.15s ease-in-out;
      -webkit-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
    @media screen and (max-width: 767px) {
      .svip-socialmedia-container .svip-socialmedia-items > a {
        float: none;
        margin: 30px 0 20px 0; } }
    .svip-socialmedia-container .svip-socialmedia-items > a > img {
      max-width: 31px; }
    .svip-socialmedia-container .svip-socialmedia-items > a > .svip-socialmedia-item-fb {
      max-width: 12px;
      margin: 0 11px 0 11px; }

.svip-footer-container {
  margin: 50px 0 60px 40px; }
  @media screen and (max-width: 768px) {
    .svip-footer-container {
      margin: 30px 0 30px 0; } }

.svip-footer-aboutus {
  width: auto;
  outline: none;
  display: inline-block;
  padding: 20px 18px 20px 18px;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #016190;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  /* Animations */
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .svip-footer-aboutus:focus, .svip-footer-aboutus:hover {
    text-decoration: none;
    color: #fff;
    background-color: #76C79E; }