h5{
  line-height: 1.25em;
}
header {
  margin: 60px 0 0 0;
  background-image: url("/images/new-map-background.jpg");
  background-position: center;
}
header.header.main-header{
  height: 35vh;
  min-height: 550px;
  position: relative;
}

#navbar .nav li.nav-btn-wrap{
  margin: 0 0 0 15px;
}

@media screen and (min-width: 991px){
  #navbar .nav{
    font-size: 12px;
  }
  .nav>li>a {
    padding: 15px 10px;
  }
  .nav .btn{
    font-size: 12px;
  }
}
@media screen and (min-width: 1100px){
  #navbar .nav{
    font-size: 14px;
  }
  .nav>li>a {
    padding: 15px 15px;
  }
  .nav .btn{
    font-size: 14px;
  }
}

.navbar, .body-scrolled .navbar {
  background: #143E51;
  border-bottom: 2px solid #fff;
}

.navbar-nav>li>a, .body-scrolled .navbar .navbar-nav>li>a {
    color: #fff;
}
.dropdown-menu {
  border: 2px solid #fff;
  border-top: none;
}

.yamm .dropdown-menu {
    left: -2px;
}

@media (max-width: 991px){
  .se-feature {
    min-height: 165px;
  }
}

header {
  border-bottom: 2px solid #F4A127;
}
.page-title {
  position: relative;
  background: url(../images/map-background-01.jpg);
}
.satcoder .page-title {
  background: url(../images/product-header-bg.jpg);
  background-size: cover;
  background-position: center;
}
.satview .page-title {
  background: url(../images/satview-header-bg.jpg);
  background-size: cover;
  background-position: center;
}


.page-title:after {
  background-color:rgba(21,55,70,0.95);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.product .page-title:after {
  background-color:rgba(4,139,72,0.95);
}

.satcoder header.page-title:after, .satcoder header.main-header:after {
  background-color:rgba(4,139,72,0);
}
.satview header.page-title:after, .satview header.main-header:after {
  background-color:rgba(4,139,72,0);
}

.inner.text-center {
  z-index: 1;
  position: relative;
}

.page-title h1,.page-title h5 {
  color: #fff;
}

img.icon{
  max-width: 54px;
}

.single-feature .feature-desc h2{
  width: 100%;
}

.satnext-points li {
  list-style: disc;
}

.se-section.primary-bg {
  background: #6a8595;
  background: #f5f5f5;
  border-bottom: 0;
  border-top: 1px solid #6a8595;
  color: #6a8595;
}

.dropdown-menu, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav>li:not(.nav-btn-wrap):focus, .nav>li:not(.nav-btn-wrap):hover, .nav>li>a:focus, .nav>li>a:hover {
    background: #217dbb;
    background: #6a8595;
}
.body-scrolled .navbar .nav>li:focus>a, .body-scrolled .navbar .nav>li:hover>a {
  background: #6a8595;
}

.se-section.primary-bg h3 {
  color: #6a8595;
}

.btn.se-btn,
 .btn.se-btn-black {
    background: #153746;
}

.badge {
  background: #153746;
}

footer {
  text-align: center;
  background: #153746;
  padding: 10px 0;
  border-top: 2px solid #F4A127;
}

footer .footer-bottom {
  border: 0;
}

footer .row.footer-bottom p {
  color: #fff;
}

.features-section {
  padding: 35px 0;
}

.page-title {
  height: 35vh;
  min-height: 230px;
}

.page-title .container {
  width: 40%;
  min-width: 400px;
  padding-left: 80px;
}

@media screen and (max-width: 992px){
  .page-title .container {
    padding-left: 1em;
  }
}
@media screen and (max-width: 400px){
  .page-title .container {
    width: 100%;
    min-width: 100%;
  }
}

.product .page-title .container h1, .product .page-title .container h5 {
  text-align: left;
}

.single-feature .side-img img {
  box-shadow: none;
}

.single-feature .feature-desc .feature-info {
  position: relative;
}

.single-feature .feature-desc .feature-info p{
  text-align: justify;
}

.header-style-3, .se-section {
  border-bottom: 1px solid #F4A127;
}

.product .feature-desc.even .feature-info,
.home .feature-desc.even .feature-info {
  display: table-header-group;
}

.product .feature-desc.even .side-img,
.home .feature-desc.even .side-img {
  display: table-footer-group;
}

@media screen and (max-width: 991px) {
  .container.feature-desc.even {
      padding-left: 30px;
      padding-right: 30px;
  }
}

.product .feature-desc h2,
.home .feature-desc h2 {
  margin-top: 0;
}

.product .feature-desc a.btn,
.home .feature-desc a.btn {
  margin-bottom: 1.75em;
}

@media screen and (min-width: 991px){
  .product .feature-desc.even h2,
  .home .feature-desc.even h2 {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .navbar-collapse.in {
      background: inherit;
  }
  .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-collapse.in .nav>li:not(.nav-btn-wrap):focus, .navbar-collapse.in .nav>li:not(.nav-btn-wrap):hover, .navbar-collapse.in .nav>li>a:focus, .navbar-collapse.in .nav>li>a:hover {
    background: #2D5D77;
  }
  nav .nav.navbar-nav>li>a:hover, .body-scrolled nav .nav.navbar .navbar-nav>li>a:hover,
  nav .nav.navbar-nav>li>a, .body-scrolled nav .nav.navbar .navbar-nav>li>a {
    color: #fff;
  }
}


/* ---- Buttons in brand colours ---- */
/* General (dark blue #063D56 #2D5D77 #6C8EA5 #A0B7C7 #D9E3EB with red #BC272D #C85744 #D37D67 #E7B8A6 #F6E4DC) */
header.page-title:after,
header.main-header:after{
  content: " ";
  background-color: rgba(6,61,86,0.95);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.btn {
  background: #89a1b6;
  color: #fff;
}
.btn:visited {
  color: #fff;
}
.btn:hover {
  color: #89a1b6;
  background: #fff;
}
.contact h3, .contact p {
  color: #D37D67;
}
a{
  color: #D37D67;
}
a:hover{
  color: #C85744;
}
.se-feature .icon{
  color: #BC272D;
}
.dropdown-menu,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.nav>li:not(.nav-btn-wrap):focus, .nav>li:not(.nav-btn-wrap):hover,
.nav>li>a:focus, .nav>li>a:hover{
  background: #2D5D77;
}
.nav a {
  color: #fff;
}

header img {
  height: 6em;
  width: auto;
}
@media (max-width: 768px){
  header img {
    height: 4em;
  }
}
@media (max-width: 480px){
  header img {
    height: auto;
    width: 78%;
  }
}


.main-header h1 {
  margin-top: .18848em;
  font-size: 3em;
}


.header-h1-background {
  background: transparent;
  padding: 0 1em;
  text-shadow:3px 3px 30px #fff;
}
.container-header-h1{
  display: block;
  margin: 2em auto;
}
@media screen and (max-width: 1200px) {
  .container-header-h1{
    width: 80%;
  }
}

.container-header-h5{
  margin: auto;
  width: 45%;
}

@media screen and (max-width: 1200px) {
  .container-header-h5{
    width: 60%;
  }
}
@media screen and (max-width: 1000px) {
  .container-header-h5{
    width: 70%;
  }
}
@media screen and (max-width: 640px) {
  .container-header-h5{
    width: 100%;
  }
}

.main-header h5 {
  background: #143E51;
  display: inline;
}

section.features-section {
  background: #143E51;
}
section.features-section img.icon {
    max-width: 200px;
    margin: -100px 0 -90px 10px;
}

section.features-section h5,
section.features-section p {
  color: #fff;
  line-height: 1.25em;
}

.home section.se-section ul,
.home section.se-section ol {
  margin: -1.75em 0 0;
  padding-left: 2.5em;
  color: #787878;
}
.home section.se-section ul {
  list-style: circle;
}
.home section.se-section ol {
  list-style: decimal;
}

.software-association {
  position: absolute;
  right: 0;
  top: 10px;
  width: 100px;
  height: auto;
}

@media screen and (min-width: 670px){
  .software-association {
    width: 116px;
  }
}

/* homepage header back ground */
.home header.main-header:after{
  background: rgba(255, 255, 255, 0.25);
}

/* heading arrow */
/*
.home header.main-header h5:after {
  content: " ";
  min-height: 50px;
  min-width: 50px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  position: absolute;
  left: calc(50% - 27px);
  bottom: 75px;
  transform: rotate(45deg);
}
*/

/* SatView (pink #A92A87 #B55B9B #CA90BB #DEBAD4 #F1E6EF with orange #DF7527 #E68D4A #ECA670 #F5CFAF #FBEDE1) */
/*
.satview header.page-title:after{
  background-color: rgba(169,42,135,0.95);
}
.satview footer {
  background-color: #A92A87;
}
.satview .btn {
  background: #DF7527;
  color: #fff;
}
.satview .btn:visited {
  color: #fff;
}
.satview .btn:hover {
  color: #DF7527;
  background: #fff;
}
.satview .contact h3, .satview .contact p {
  color: #ECA670;
}
.satview a{
  color: #ECA670;
}
.satview a:hover{
  color: #E68D4A;
}
.satview .se-feature .icon{
  color: #DF7527;
}
.satview .dropdown-menu,
.satview .nav .open>a, .satview .nav .open>a:focus, .satview .nav .open>a:hover,
.satview .nav>li:not(.nav-btn-wrap):focus, .satview .nav>li:not(.nav-btn-wrap):hover,
.satview .nav>li>a:focus, .satview .nav>li>a:hover{
  background: #B55B9B;
}
.satview.body-scrolled .navbar .nav>li:focus>a, .satview.body-scrolled .navbar .nav>li:hover>a {
  background: #DEBAD4;
}
.satview .nav a {
  color: #fff;
}
*/

/* SatWin (light blue #009DC8 #00ABD2 #69C4DF #A6D9EC #DFF1F7 with purple #692C91 #7F51A1 #9674B3 #C2B0D5 #E8E1EF) */
.satwin header.page-title:after{
  background-color: rgba(0,157,200,0.95);
}
.satwin footer {
  background-color: #009DC8;
}
.satwin .btn {
  background: #692C91;
  color: #fff;
}
.satwin .btn:visited {
  color: #fff;
}
.satwin .btn:hover {
  background: #692C91;
  color: #fff;
}
.satwin .contact h3, .satwin .contact p {
  color: #9674B3;
}
.satwin a{
  color: #9674B3;
}
.satwin a:hover{
  color: #7F51A1;
}
.satwin .se-feature .icon{
  color: #692C91;
}
.satwin .dropdown-menu,
.satwin .nav .open>a, .satwin .nav .open>a:focus, .satwin .nav .open>a:hover,
.satwin .nav>li:not(.nav-btn-wrap):focus, .satwin .nav>li:not(.nav-btn-wrap):hover,
.satwin .nav>li>a:focus, .satwin .nav>li>a:hover{
  background: #00ABD2;
}
.satwin.body-scrolled .navbar .nav>li:focus>a, .satwin.body-scrolled .navbar .nav>li:hover>a {
  background: #A6D9EC;
}
.satwin .nav a {
  color: #fff;
}

/* SatCoder (green #00964E #25A467 #83BE97 #CBE0D0 #E3EFE6 with teal #00938D #00A19E #51B5B2 #A7D5D4 #DFEFEF) */
/*
.satcoder header.page-title:after{
  background-color: rgba(0,150,78,0);
}
.satcoder footer {
  background-color: #00964E;
}
.satcoder .btn {
  background: #00938D;
  color: #fff;
}
.satcoder .btn:visited {
  color: #fff;
}
.satcoder .btn:hover {
  color: #00938D;
  background: #fff;
}
.satcoder .contact h3, .satcoder .contact p {
  color: #51B5B2;
}
.satcoder a{
  color: #51B5B2;
}
.satcoder a:hover{
  color: #00A19E;
}
.satcoder .se-feature .icon{
  color: #692C91;
}
.satcoder .dropdown-menu,
.satcoder .nav .open>a, .satcoder .nav .open>a:focus, .satcoder .nav .open>a:hover,
.satcoder .nav>li:not(.nav-btn-wrap):focus, .satcoder .nav>li:not(.nav-btn-wrap):hover,
.satcoder .nav>li>a:focus, .satcoder .nav>li>a:hover{
  background: #25A467;
}
.satcoder.body-scrolled .navbar .nav>li:focus>a, .satcoder.body-scrolled .navbar .nav>li:hover>a {
  background: #CBE0D0;
}
.satcoder .nav a {
  color: #fff;
}
*/