@import url("https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en");
/*
 * Typography
 * ========================================================================== */
/*
 * Colors
 * ========================================================================== */
/*
 * Navbar
 * ========================================================================== */
/*
 * Mixins
 * ========================================================================== */
body {
  font-family: "Roboto", "Helvetica", sans-serif;
  position: relative;
  background-color: white;
  color: #353535; }

a {
  color: #2e71a5;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  /* WebKit */
  -moz-transition: color 0.25s ease-in-out;
  /* Mozilla */
  -o-transition: color 0.25s ease-in-out;
  /* Opera */
  transition: color 0.25s ease-in-out;
  /* Generic */ }
  a:focus, a:hover {
    color: #55b5df;
    text-decoration: none; }

/* Button with background */
.btn-default {
  margin: 5px;
  background-color: #2e71a5;
  border: 0 none;
  color: white;
  -webkit-transition: background-color 0.25s ease-in-out;
  /* WebKit */
  -moz-transition: background-color 0.25s ease-in-out;
  /* Mozilla */
  -o-transition: background-color 0.25s ease-in-out;
  /* Opera */
  transition: background-color 0.25s ease-in-out;
  /* Generic */ }
  .btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #55b5df;
    border: 0 none;
    color: white; }

/* top menu layout */
.navbar-changed {
  min-height: 90px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 0 none;
  -webkit-border-radius: 0;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -moz-border-radius: 0;
  /* Firefox 1-3.6 */
  -ms-border-radius: 0;
  border-radius: 0;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  margin: 0;
  padding: 0;
  /* navbar-toggle */
  /* remove collapse top line */ }
  .navbar-changed .navbar-toggle,
  .navbar-changed .navbar-toggle:focus,
  .navbar-changed .navbar-toggle:hover {
    background: transparent !important;
    border: 0 none;
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 10px; }
  .navbar-changed .navbar-toggle .icon-bar {
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    height: 6px;
    width: 30px;
    background-color: #2e71a5;
    -webkit-transition: all 0.25s;
    /* WebKit */
    -moz-transition: all 0.25s;
    /* Mozilla */
    -o-transition: all 0.25s;
    /* Opera */
    transition: all 0.25s;
    /* Generic */ }
    .navbar-changed .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 6px; }
  .navbar-changed .navbar-toggle:focus > .icon-bar,
  .navbar-changed .navbar-toggle:hover > .icon-bar {
    background-color: #2e71a5;
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(360deg);
    /* Mozilla */
    transform: rotate(360deg);
    /* Generic */ }
  .navbar-changed .navbar-brand {
    height: 74px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 0 0 15px;
    -webkit-transition: all 0.25s ease-in-out;
    /* WebKit */
    -moz-transition: all 0.25s ease-in-out;
    /* Mozilla */
    -o-transition: all 0.25s ease-in-out;
    /* Opera */
    transition: all 0.25s ease-in-out;
    /* Generic */ }
    .navbar-changed .navbar-brand:hover {
      -ms-transform: scale(1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1);
      /* Chrome, Safari, Opera */
      -moz-transform: scale(1.1);
      /* Mozilla */
      transform: scale(1.1);
      /* Generic */ }
    .navbar-changed .navbar-brand img {
      height: 74px; }
  .navbar-changed .navbar-collapse,
  .navbar-changed .navbar-form {
    border: 0 none; }
  .navbar-changed .navbar-collapse {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .navbar-changed .navbar-nav li a,
  .navbar-changed .navbar-nav li a:focus,
  .navbar-changed .navbar-nav li a:hover {
    font-size: 16px;
    background: transparent;
    line-height: 74px;
    border: 0 none;
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    padding: 0 15px;
    margin: 8px 0;
    text-transform: uppercase; }
  .navbar-changed .navbar-nav li a {
    color: #353535;
    font-weight: 400;
    -webkit-transition: "text-decoration .25s ease-in-out";
    /* WebKit */
    -moz-transition: "text-decoration .25s ease-in-out";
    /* Mozilla */
    -o-transition: "text-decoration .25s ease-in-out";
    /* Opera */
    transition: "text-decoration .25s ease-in-out";
    /* Generic */ }
    .navbar-changed .navbar-nav li a:focus, .navbar-changed .navbar-nav li a:hover {
      color: #2e71a5;
      font-weight: 400;
      margin: 8px 0 4px;
      border-bottom: 4px solid #2e71a5; }
  .navbar-changed .navbar-nav li.active > a,
  .navbar-changed .navbar-nav li.active > :focus,
  .navbar-changed .navbar-nav li.active > :hover {
    background-color: transparent;
    color: #2e71a5;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 74px;
    border: 0 none;
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    padding: 0 15px;
    margin: 8px 0; }

.navbar-clear-margin {
  margin-bottom: 0; }

.nav-compact {
  min-height: 68px !important;
  background-color: white !important;
  /* navbar-toggle */ }
  .nav-compact .navbar-toggle,
  .nav-compact .navbar-toggle:focus,
  .nav-compact .navbar-toggle:hover {
    margin-top: 19px;
    margin-bottom: 19px; }
  .nav-compact .navbar-toggle .icon-bar {
    height: 6px;
    width: 30px; }
    .nav-compact .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 6px; }
  .nav-compact .navbar-brand {
    height: 60px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important; }
    .nav-compact .navbar-brand img {
      height: 60px !important; }
  .nav-compact .navbar-nav li a,
  .nav-compact .navbar-nav li a:focus,
  .nav-compact .navbar-nav li a:hover {
    font-size: 14px;
    line-height: 60px;
    border: 0 none;
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    padding: 0 15px;
    margin: 4px 0 0; }
  .nav-compact .navbar-nav li a:focus,
  .nav-compact .navbar-nav li a:hover {
    margin: 4px 0 0;
    border-bottom: 4px solid #2e71a5; }
  .nav-compact .navbar-nav li.active > a,
  .nav-compact .navbar-nav li.active > :focus,
  .nav-compact .navbar-nav li.active > :hover {
    line-height: 60px;
    border: 0 none;
    -webkit-border-radius: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 0;
    /* Firefox 1-3.6 */
    -ms-border-radius: 0;
    border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    padding: 0 15px;
    margin: 4px 0 0; }

.navbar-shadow {
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.22); }

#pm-carousel .carousel-indicators {
  z-index: 2;
  bottom: 20px; }

#pm-carousel .carousel-inner {
  height: 800px; }
  #pm-carousel .carousel-inner .item {
    height: 100%;
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  #pm-carousel .carousel-inner .carousel-caption {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 180px;
    text-shadow: 0 1px 2px #2e71a5;
    background: url("/img/transparent-bkg.png") repeat 0 0;
    z-index: 1; }
    #pm-carousel .carousel-inner .carousel-caption h1 {
      font-size: 50px;
      line-height: 50px;
      margin-top: 50px;
      margin-bottom: 20px; }
    #pm-carousel .carousel-inner .carousel-caption .lead {
      font-size: 40px;
      line-height: 40px;
      font-weight: 300;
      margin-bottom: 100px; }
    #pm-carousel .carousel-inner .carousel-caption .watch-it {
      font-size: 30px;
      line-height: 30px;
      font-weight: 300; }
      #pm-carousel .carousel-inner .carousel-caption .watch-it a {
        color: #8dd9f1 !important; }
        #pm-carousel .carousel-inner .carousel-caption .watch-it a.focus, #pm-carousel .carousel-inner .carousel-caption .watch-it a:focus, #pm-carousel .carousel-inner .carousel-caption .watch-it a:hover {
          color: #55b5df !important; }

#pm-carousel .carousel-control.right,
#pm-carousel .carousel-control.left {
  background-image: none; }

@media (max-width: 768px) {
  #pm-carousel .carousel-inner {
    height: 450px; }
    #pm-carousel .carousel-inner .carousel-caption h1 {
      font-size: 35px;
      line-height: 35px;
      margin-top: 10px;
      margin-bottom: 10px; }
    #pm-carousel .carousel-inner .carousel-caption .lead {
      font-size: 25px;
      line-height: 25px;
      font-weight: 300;
      margin-bottom: 50px; }
    #pm-carousel .carousel-inner .carousel-caption .watch-it {
      font-size: 15px;
      line-height: 15px;
      font-weight: 300; } }

.pm-section {
  padding-top: 40px;
  padding-bottom: 40px; }

.pm-heading {
  font-size: 30px;
  line-height: 35px;
  margin: 10px 0 30px;
  text-align: center; }

#pm-slider {
  background-color: #8dd9f1; }

.displayimage img {
  float: left;
  margin: 40px; }

.displayimage a {
  width: 100%;
  float: left;
  position: relative;
  z-index: 100; }

.displayimage .image_caption {
  font-size: 14px;
  font-style: italic;
  padding: 0;
  margin: 0;
  position: relative;
  top: -30px;
  left: 40px; }

.imageStyle1 {
  float: right !important; }

.imageStyle1 img {
  margin-right: 0 !important; }

.imageStyle2 {
  float: left !important; }

.imageStyle2 img {
  margin-left: 0 !important; }

.imageStyle3 {
  text-align: center; }

.imageStyle3 .image_caption {
  left: 0; }

.imageStyle3 img {
  float: none; }

.imageStyle0 {
  display: none; }

.text-container ul {
  padding: 0; }

.text-container ul li {
  position: relative;
  left: 35px; }

.displayStyle2 {
  width: 50% !important;
  float: left !important; }

.displayMapStyle1 {
  display: none; }

.displayMapStyle2 {
  display: block;
  margin-top: 80px;
  width: 50% !important;
  float: left !important; }

.displayMapStyle2 iframe {
  width: 100% !important;
  float: left !important; }

.popup-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999; }

.popup-container-content {
  background: white;
  height: 80%;
  width: 80%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.popup-container-content.image {
  background: none; }

.popup-container-trigger {
  float: left;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 50; }

.popup-close {
  color: white;
  position: relative;
  text-shadow: 1px 1px 2px #000000;
  cursor: pointer; }

@media (max-width: 1200px) {
  .lead img {
    margin: 0;
    margin-top: 40px; }
  /*width:100%!important;    */
  .displayimage .image_caption {
    top: 10px !important; }
  .imageStyle1 img {
    padding-left: 40px !important; }
  .imageStyle2 img {
    padding-right: 40px !important; } }

@media (max-width: 980px) {
  .displayimage .image_caption {
    left: 0; }
  .displayStyle2 {
    width: 100% !important;
    float: left !important; }
  .displayMapStyle1 {
    display: none; }
  .displayMapStyle2 {
    display: block;
    margin-top: 80px;
    width: 100% !important;
    float: left !important; }
  .row .lead {
    text-align: center; }
  .row .lead span {
    float: left; }
  .row .lead span img {
    float: none; }
  .row .text-container {
    width: 100%; }
  .displayimage {
    float: none !important;
    width: 100% !important; }
  .text-container ul li {
    position: relative;
    left: 20px;
    max-width: 93%; }
  .imageStyle1 img {
    padding-left: 0px !important; }
  .imageStyle2 img {
    padding-right: 0px !important; } }

@media (max-width: 780px) {
  .container img {
    width: auto;
    max-width: 100%;
    max-height: none; }
  .displayimage img {
    margin: 0;
    float: none; }
  .displayimage .image_caption {
    top: 10px; } }

#pm-description {
  background-color: #bceaf9; }

#pm-features {
  background-color: #2e71a5;
  color: white; }
  #pm-features .pm-heading {
    color: white; }
  #pm-features .circle-section {
    padding-top: 20px;
    text-align: center; }
    #pm-features .circle-section i {
      font-size: 5vw;
      color: #2e71a5;
      background: white;
      border-radius: 6vw;
      width: 10vw;
      height: 10vw;
      line-height: 10vw;
      margin-bottom: 15px; }
    #pm-features .circle-section .lead {
      font-size: 18px !important; }
    #pm-features .circle-section p {
      color: white;
      font-size: 14px; }

@media (max-width: 767px) {
  #pm-features .circle-section i {
    font-size: 60px !important;
    border-radius: 140px !important;
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important; } }

@media (min-width: 768px) {
  .col-sm-3.changed-1 {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .col-sm-3.changed-2 {
    width: 50%; }
  .col-sm-3.changed-3 {
    width: 33%; }
  .col-sm-3.changed-5 {
    width: 20%; }
  .col-sm-3.changed-6 {
    width: 16%; }
  .col-sm-3.changed-6:first-child {
    margin-left: 2%; }
  .col-sm-3.changed-6:last-child {
    margin-right: 2%; } }

@media (min-width: 1200px) {
  #pm-features .circle-section i {
    font-size: 60px !important;
    border-radius: 140px !important;
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important; } }

#pm-contact .contact-note {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px; }

p.pm-main-par {
  font-size: 25px;
  line-height: 30px;
  margin: 20px; }

.footer {
  padding: 20px 0;
  text-align: center; }

.footer-container-bottom {
  background-color: #335777;
  color: white; }
  .footer-container-bottom .footer-menu {
    display: block;
    margin: 0 0 20px; }
    .footer-container-bottom .footer-menu ul {
      text-align: center;
      margin: 0;
      padding: 0; }
      .footer-container-bottom .footer-menu ul li {
        display: inline-block;
        margin: 0 5px; }
  .footer-container-bottom p {
    margin-bottom: 0; }
  .footer-container-bottom a {
    color: white;
    text-decoration: none;
    padding: 0;
    -webkit-transition: color 0.25s ease-in-out;
    /* WebKit */
    -moz-transition: color 0.25s ease-in-out;
    /* Mozilla */
    -o-transition: color 0.25s ease-in-out;
    /* Opera */
    transition: color 0.25s ease-in-out;
    /* Generic */ }
    .footer-container-bottom a:focus, .footer-container-bottom a:hover {
      color: #8dd9f1;
      text-decoration: none; }