/* 
headers and content
=========================
*/

html{
  position: relative;
  min-height: 100%;
}
 


body{
    color:#555e58;
    background-color: #f6fdfb;
    margin: 0;   
}

a#logo, .sideTitle{
    border:solid 2px #fff !important;
    padding:0.5em;
    border-radius: 1em 0 1em 0 !important;
    background-color:#1d5e69;
    color: #fff; 
    font-weight: bold;
}



/* blue transparent background in header */
.parallaxBase100 .columns{
    background-color: rgba(0, 78, 125, 0.5);
    margin-top:2.3em;
    padding: 1.4em;
    color: #fff;
}

#main ul li a {
  padding:1em;
  color: #fff; 
}

#main{
  padding: 1.7em 0 0.7em 0;
}

#main ul li a:hover {
  background-color: rgba(0, 78, 125, 0.5);
}


#main ul li {
    display: inline-block;
}


a.button, a:active.button{
  background: #f3f3f3;
    border: 1px solid #e0dddd;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.2);
    color: #9a9999;
    display: inline-block;
    padding: 10px 16px;
    text-shadow: 1px 1px 0 #ffffff;
}

a:visited.button{
    background-color: #f3f3f3;
    color:#444;
}

a:hover.button{
    background-color: #f3f3f3;
    color:#062744;
}



/* Sections 
-------------------------- */

#bck_1, .contentTemplate#main{
    background: #062744; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#062744, #038d94); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#062744, #038d94); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#062744, #038d94); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#062744, #038d94); /* Standard syntax */
}



#bck_1,#bck_3, #bck_9{
    text-shadow:1px 1px 0 rgba(0,0,0,0.3);
    color:#fff;
}

#bck_1 img{
    border: solid 2px #fff;
    width:6em;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-bottom:2em;
}

#bck_2{
    text-align: center;
}

#block_2 i.fa{
    font-size: 2em;
    margin-bottom: 0.5em;
    color:#215888;
}

#bck_3, #bck_9{
    background-color:#062744;
}


#bck_5{
    color:#444;
}

#bck_5 img{
    border: solid 11px rgba(16, 84, 84, 0.11);
    width:50%;
}

#bck_5, #bck_7, #bck_2{
    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}

#block_9{
  padding-top: 4em;
  padding-bottom: 5em;
}


.headerSideImg{
    box-shadow: 0 0 10px #000;
    padding:0;
}


.header {
  text-align: center;
  background: #074E68;
  background-size: cover;
  position: relative;
  overflow: visible;
  padding-top: 2.5rem;
  padding-bottom: 4.9rem; }
  .header .headline {
    color: #ffe; }

.header-subnav {
  float: none;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  bottom: 0;
  width: 100%; 
}


.header-subnav li {
    float: none;
    display: inline-block; 
}
    

.header-subnav li a {
      padding: 0.9rem 1rem;
      font-size: 0.75rem;
      color: #ffe;
      text-transform: uppercase;
      display: block;
      font-weight: bold;
      letter-spacing: 1px;
      transition: all 0.35s ease-in-out; 
}


.header-subnav li a.is-active {
        background: rgba(250, 250, 250, 0.15); 
}


.header-subnav li a:hover {
        background: rgba(250, 250, 250, 0.15);
        transition: all 0.35s ease-in-out; 
}

#blueBG{
  background-color: #074E68;
}

#start{
   height: 100vh;
}




/* Content pages
============================ */
#contentBCK{
  text-align: left;
  margin-bottom: 4em;
}

.sidePanel{
  background-color: #e5eff3;
  padding: 1em;
  border-radius: 5px;
}

.mainCont{
  background-color: #fff;
  border: solid 1px #eaeaea;
  padding:1.2em;
  margin-bottom: 1.2em;
  -moz-border-radius: 0 20px 0 0;
  -webkit-border-radius: 0 20px 0 0;
  -ms-border-radius: 0 20px 0 0;
  border-radius: 0 20px 0 0;
}



/* 
Footer 8
=========================
*/

footer{
  clear: both;
  background-color: #1e1e1f;
  position: absolute;
  left: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  overflow:hidden;
}




footer, footer a, footer .fa{
   color: #fff;
   text-decoration: none;
}

.footerTop{
	padding-top: 1em;
}

footer ul{
	list-style-type: none;
}

footer ul li{
	display: inline;
	margin: 7px;
}

.copyright{
    color: #fff;
    float: left;
}

#footer .icons{
    float: right;
}




/* Animation hide 
-------------------- */

*[data-scroll] {
    opacity: 0;
}





/* Media Queries 
-------------------- */



@media screen and (max-width: 680px){
  .footerExtra{display:none;}
}

@media screen and (min-width: 640px) and (max-width:1115px){
  h1{
    font-size: 2em;
  }

  h2{
    font-size: 1.4em;
  }
} 

@media screen and (min-width: 300px) and (max-width:1235px){
  #contentBCK .rowNo09{
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
} 