@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400");
@import url("https://fonts.googleapis.com/css?family=Crimson+Text|Work+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Merienda:400,700");

body, input, select, textarea {
  background-color: #ffffff;
  color: #FFF;
  font-family: "Work Sans", Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: 300;
  line-height: 1.82em;
}

:target:before {
content:"";
display:block;
height:50px;
margin:-50px 0 0 0;
}



body {
  background: url('images/bg_blue.webp') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/*
div.header {
  background-color: #005ca6;
  background: url('bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}
*/


/* Footer */

.footer {
		padding: 1em 0 1em 0 ;
		background-color: #4686a0;
		color: rgba(255, 255, 255, 0.75);
		background-attachment:	fixed;
		background-image: linear-gradient(65deg, #001540, #00316E 80%, #001B3A 95%);
		background-position: center center;
		background-size: 	cover;
		text-align: center;
    font-size: 14px;
    left: 0;
    bottom: 0;
    padding-top: 2vw;
	}


.navbar  {
    background-color: rgba(255,255,255,0.9);
}

.navbar a {
   border-bottom: 4px solid transparent;
}

.navbar  {
    box-shadow: inset 0 -4px 0 rgb(0,0,0,0);
}


a.header {
  color: #fff;
}

a.header:hover, a.header:active {
  color: #ffa359;
}
.container {
  font-size: 1.2em;
  padding:0;
}

h4 {
    text-align: left;
}
mark{
    text-align: left;
    font-size: 0.8em;
    font-family: "Merienda", Helvetica, sans-serif;
    font-weight: 700;
    color: rgb(0,0,0);
    background-color: rgb(255, 157, 0,0.8);
    padding: 5 4 5 4;
   }

.dropdown-menu {
  background: rgba(255, 255,255, 0.4);
}

.button {
  background-color: rgba(230,230,230,0);
  border: none;
  color: black;
  padding: 5 8;
  text-align: center;
  margin: 0;
  display: inline-block;
  border-radius: 4px;
  font-family: "Work Sans";
  font-size: 1.2em;
  font-weight: 400;
  border-top: 4px solid rgb(0,0,0,0);
  border-bottom: 4px solid rgb(0,0,0,0);
}

.button:hover { /* Green */
    border-top: 4px solid #ffa359;
    border-bottom: 4px solid #ffa359;

}

div.header_content {
  color: #fff;
  padding: 40 20 60 20;
}

div.content {
  background-color: rgba(220, 220, 220, 0.9);
  padding: 0;
}



 li.nav {
  margin: 0 3 0 3;
}


.style1 {
  background-color: rgb(255,255,255,0.8);
  padding: 40 0 60 0;
  color: #000000;
  font-size: 12pt;
  font-weight: 300;
  line-height: 1.85em;
}

.style1 h1, h2, h3, h4{
  padding-top: 10;
  text-align:center;
  font-weight: 800;
}

.style1 hr {
  border: 0;
  border-bottom: solid 1px rgba(0,0,0, 0.5);
  width: 20%;
  align: center;
  margin-top: 1.5em;
  margin-left: 40%;
  margin-right: 40%;
  margin-bottom: 1.5em;
}

.style1 .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
 
.style1 .carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.style2 {
  background-color: rgba(116,134,142,0.8);
  padding: 40 0 60 0;
  color: #F0f0f0;
  font-size: 14pt;
  font-weight: 300;
  line-height: 1.85em;
}

.style2  h1, h2, h3, h4{
    padding-top: 10;
    text-align:center;
    font-weight: 800;
  }
.style2 hr {
  border: 0;
  border-bottom: solid 1px rgba(255,212,212, 0.5);
  width: 20%;
  align: center;
  margin-top: 1.5em;
  margin-left: 40%;
  margin-right: 40%;
  margin-bottom: 1.5em;
}

/* CSS used here will be applied after bootstrap.css */
html,body {
	height:100%;
    padding-top:50px;
}

.navbar {
  -webkit-transition:padding 0.2s ease;
  -moz-transition:padding 0.2s ease;
  -o-transition:padding 0.2s ease;
  transition:padding 0.2s ease;
  padding: 15 0 15 0;
}

.navbar-brand {
 font-size: 1.9em;
 font-family: "Work Sans";
 font-weight: 400;

}

.affix {
  padding-top: 0.1em !important;
  padding-bottom: 0.1em !important;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;
  -o-transition:padding 0.2s linear;
  transition:padding 0.2s linear;
  font-size: 0.8em;
}

.container {
  padding:0 10 0 10;
}

section {
    min-height:calc(100% - 50px);
}
 a:link {
   color: #fafafa;
 }
 a:hover{
   color: #3a3a3a;
   text-decoration: None;
 }


.card{
  background-color: transparent;
  border: none !important;
}

.card-header{
  background-color: transparent;
   border-bottom: 1px solid black;
   padding: 10;
}

.card-body{
padding: 10;
color: #000;
}

.header_content h4 {
  letter-spacing: 1px;
line-height:1.6em;
}