/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
	font-family: 'Lato-Black, Lato-BlackItalic, Lato-Bold, Lato BoldItalic, Lato-Italic, Lato-Light, Lato-LightItalic, Lato-Regular, Lato-Thin, Lato-ThinItalic';
	src: url('fonts/Lato-Regular.ttf');
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
	  url('fonts/Lato-Regular.woff') format('woff'),
	  url('fonts/Lato-Regular.ttf') format('truetype'),
	  url('fonts/Lato-Regular.svg#MyFont') format('svg');
	font-weight: normal;
	font-style: normal;
  }

 .latofont {
	font-family: 'Lato-Black, Lato-BlackItalic, Lato-Bold, Lato BoldItalic, Lato-Italic, Lato-Light, Lato-LightItalic, Lato-Regular, Lato-Thin, Lato-ThinItalic';
  }

 .latofont_01 {
	font-size: small;
	text-align: justify;
	padding: 25px;
	color: black;
  }

  .latofont_01a {
	font-size: small;
	text-align: justify;
	padding: 30px;
	color: #000000;
  }

  .latofont_01b {
	font-size: small;
	text-align: justify;
	color: rgb(253, 253, 253);
  }

  .latofont_02 {
	font-size:medium;
	text-align: justify;
	padding: 15px;
	color: black;
  }

  .latofont_02b {
	font-size: small;
	text-align: justify;
	color: black;
  }

  .latofont_h1 {
	font-size:large;
	font-weight: bold;
	text-align: justify;
	padding: 15px;
	color: black;
  }

  .gradient_01 { 
	margin-top: 2.5rem !important;
	background-color: #e78c04;
	height: 50px;
  }

  .bg_01 {
	background-color: #597384;
	color: rgb(253, 253, 253);
	padding: 40px;
  }

  .bg_01b {
	background-color: #597384;
	text-align: left;
	color: rgb(253, 253, 253);
	padding: 40px;
  }

  .bg_02 {
	background-image: url("images/pictures/48b.jpg");
	padding: 40px; 
  }

  .myrow {
	display: flex;
	flex-direction: row;
	justify-content:  space-between;
  }
 
  .mycolumn {
	flex: 50%;
  }
  
  @media (max-width: 600px) {
	.row {
	  flex-direction: column;
	}
  
	.mycolumn {
	  width: 100%;
	}
  }

  .border-image {
	border-style: solid !important;
	border-color: #000000;
	border-width: 1px;
}

  .seperator01 {
	display: block;
	position: relative;
	text-align: start;
	content: '';
	width: 15%;
	border-bottom: 3px solid #ec981a;
	height: 5%;
}

.seperator02 {
	display: block;
	position: relative;
	margin: 20px auto 1px auto;
	content: '';
	width: 15%;
	border-top: 3px solid #ec981a;
}

.seperator03 {
	display: block;
	position: relative;
	text-align: justify;
	margin: 20px;
	content: '';
	width: 15%;
	border-top: 3px solid #ec981a;
}

.border-solidb {
	border-style: solid !important;
	border-color: #ee8207;
	color: #ffffff;
	padding: 50px;
	padding-bottom: 50px;
	width: 95%;
	font-size:small;
}