/*!
 * Start Bootstrap - Business Casual (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 400;
       src:url(../SSP/SourceSansPro-Regular.ttf)  format('truetype');
}

@font-face {
    font-family: Source Sans Pro;
        font-weight: 600;
       src:url(../SSP/SourceSansPro-SemiBold.ttf)  format('truetype');
}

@font-face {
    font-family: Source Sans Pro;
        font-weight: 200;
       src:url(../SSP/SourceSansPro-Light.ttf)  format('truetype');
}



html {height:100%;  font-size:15px;}
body {
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    color:#246A71;
    font-weight: 400;
    font-size:15px;
    height:100%;
    background-color: rgba(225,225,225,1.00);
    position: relative;
      -ms-overflow-style: scrollbar;
}

h4
{
font-size:1.2em;
    font-weight: 600;
    letter-spacing: 1px;
    color:#90B8BB;
    margin-bottom:8px;
    margin-top:0;
}

h5
{
font-size:1.2em;
    line-height:1.6em;
    font-weight: 400;
    color:#90B8BB;
    margin-bottom:8px;
    margin-top:0;
}


div.only-xs{display: none;}


figcaption {padding:12px 5px 0px;
color:#666;
text-align: center;}



a {color:#246A71;cursor:pointer;text-decoration: none;}
a:before {content: "»"}
a:link {color:#246A71;text-decoration: none;}
a:visited {color:#246A71;}
a:hover {color:#E57919;text-decoration: none;}

footer a:before {content:"";}
.navbar a:before {content:"";}

.navbar-toggle{
    background-color:#246A71;
    border:none;
}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

p {
    font-size: 1.2em;
    line-height: 160%;
    color: #333;
}


.navbar-nav {
    font-weight: 400;
}

.img-full {
    min-width: 100%;
}


.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.boxstyle {
    background: #fff;
    padding-bottom:15px;
    margin-bottom:30px;
    box-shadow:1px 1px 4px 1px #BBB;
}

.intro-text {
/*    text-transform: uppercase;*/
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: 1px;
    color:#246A71;
    background-color:rgba(0,0,0,0.1);
    padding:4px;
    margin:20px 10px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float:none;
    margin: 0 auto 0;
}

.img-responsive {width:100%;padding-top:6px;}


footer {
    position: fixed;
    bottom:0;
    border-top:1px dotted #BBB;
    width:100%;
   background-color:#EBEBEB;
    height:30px;
    line-height: 30px;
    padding:0;
    font-size:0.9em;
}

footer img {margin-left:4px;
 margin-top:-2px;
}



/*DESKTOP ###############################*/
@media screen and (min-width:768px) {
    
    
    header {background-color: #246A71;
    width:100%;
    height: 80px;
    line-height: 80px;
    position:relative;
    text-align: center;}
    
    .brand {
        display:inline-block;
        font-size: 2.6em;
        text-shadow: 1px 0px 1px #246A71;
        letter-spacing: 2px;
        font-weight: 200;
        color:#90B8BB;
        text-decoration: none;
    }
    
        .address-bar {
        display:inline-block;
        position:absolute;
        right:10px;
        top:20px;
        text-align: right;
        line-height: 1.4;
        text-transform:none;
        font-size: 1em;
        font-weight: 200;
        color:#CFDFE0;

    }
    
    .address-bar a:link {color:#90B8BB;text-decoration: none;}
     .address-bar a:visited {color:#90B8BB}
     .address-bar a:hover {color:#fff;}
 
    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 15px;
        margin-top:15px;
        margin-top:5px;
    }


    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        height:auto;
    }

    .navbar-default {
        border: none;
        padding:0px; 
        position: -webkit-sticky;
        position: sticky;
        top:0;
        z-index: 1000;
        margin-bottom:30px;
        background-color:#90B8BB;
        border-bottom:2px solid #246A71;
    }
    
    .navcontainer { 
        padding:0;
        width:100%;
        max-width:1280px;
        margin:auto;
}


    
    .nav>li>a {
     padding:15px 5px 15px;
    }
    
    ul.nav.navbar-nav {
        width:100%;
        padding:0;
        margin:0;
  display:flex;
  flex-wrap:nowrap;
 justify-content:space-between;
}
    
       ul.nav.navbar-nav li {
    flex-grow:1;/*yes fill reli*/
    flex-shrink:1;
    flex-basis:auto; /*gsize*/
    text-align: center;
    transition: all 0.4s ease-out;
    }
    
       ul.nav.navbar-nav li:hover {
    background-color:#AAC8CB;
    }
    
        .home {
color:#fff;
    }


/*Menulinks*/
   .navbar-default .navbar-nav li a {
       font-size:1.1em;
       line-height:normal;
       letter-spacing: 1px;
       color:#fff; 
       text-shadow: 1px 1px 1px #246A71;}
    
             .navbar-default .navbar-nav li a:visited {
        line-height:normal;   
        color:#fff; 
    }
    
      .navbar-default .navbar-nav li a:hover {
        line-height:normal;
         color:#246A71;
          text-shadow:none;
       
    }
    
      .navbar-default .navbar-nav li a.active {
         color:#246A71;
      text-shadow: none;
    }
    
/*ul.dropdown-menu li {font-size: 16px;padding:4px 4px 4px 0px;}*/
 .navbar-nav {
        float: none;
        margin:auto;

    }
    
}


/*PHONE ###############################*/

@media screen and (max-width:767px) {
    
    body {background-color: #fff;
        min-width:320px;
        font-size:16px;
    }
    
    header {height:0px;display:none;}
    
div.only-xs {display: block; border-bottom:1px dotted #BBB;height:10px;margin-bottom:10px;}
    
    .boxstyle {
    background: #fff;
    padding-bottom:15px;
    margin-bottom:30px;
    box-shadow:0 0 0 #fff;
}

    
    .brand,
.address-bar {
    display: none;
}

    
    /*Menulinks*/
   .navbar-default .navbar-nav li a {
      float:left;
       font-size:1.2em;
        line-height:1.8em;
       color:#246A71;
       width:41%;
       border-radius:2px;
       border:1px solid #999;
       margin:1% 4% 1%;
        background-color:#fff;
        text-align: center;
  }
    

    
    .navbar-default {margin-bottom:0;}
    
    .navbar-header{
        background-color:#90B8BB;
        margin-bottom:0px;
    }
    
  .navbar-header a:link {color:#246A71;text-decoration: none;text-transform: uppercase;font-size:1.6em;font-weight:200;}
  .navbar-header  a:visited {color:#246A71;text-decoration: none;}
.navbar-header  a:hover {color:#fff;text-decoration: none;}
    

}


@media screen and (max-width:320px) {
 .navbar-default .navbar-nav li a {
      display:block;
       font-size:1.2em;
        line-height:1.4em;
       color:#246A71;
       width:94%;
       border-radius:2px;
       border:1px solid #999;
       margin:1% 2% 1%;
          background-color:#fff;
               text-align: center;
  }
    
}