@charset "utf-8";
/* CSS Document */
body#index {
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	min-width:300px;
}
body#help {
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	min-width:300px;
}
body#body-discover {
	background:#ffffff;
	margin:0;
	padding:0;
	text-align:center;
	min-width:300px;
}
#container {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #f7f7f7;
}
#topnav {
 /*background-color: #333333;*/
 background-color: #414141;
 overflow: hidden;
}
.topnavleft a {
	float: left;
	display: block;
	text-align: left;
	padding-left: 15px;
}
/* Hide the link that should open and close the topnav on small screens */
.topnavleft a.icon {
 display: none;
}
#topnavright {
 float: right;
 display: block;
}
/* Style the links inside the navigation bar */
.topnavright a {
 float: left;
 display: block;
 color: #f2f2f2;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 /*padding: 10px 15px 10px 15px;*/
 padding-left: 15px;
 padding-right: 15px;
 text-decoration: none;
 font-size: 17px;
 height:60px;
 line-height:60px;
 box-sizing: border-box;
}
/* Change the color of links on hover */
.topnavright a:hover {
 background-color: #dddddd;
 color: black;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
 .topnavright a {
	 display: none;
 }
 .topnavleft a.icon {
	 float: right;
	 display: block;
	 height: 60px;
	 line-height: 60px;
	 padding-left: 15px;
	 padding-right: 15px;
 }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
 .topnavright.responsive {
	 float: none;
	 display: block;
	 width: 100%;
 }
 .topnavright.responsive a {
	 float: none;
	 display: block;
	 width: 100%;
	 text-align: right;
 }
 .topnavleft.responsive a {
	 float: left;
	 display: block;
	 text-align: left;
	 padding-left: 15px;
 }
 .topnavleft.responsive a.icon {
	 float: right;
	 display: block;
	 height: 60px;
	 line-height: 60px;
	 padding-left: 15px;
	 padding-right: 15px;
 }
}
#topadd {
 background-color: #ffffff;
 /*background-color: #dddddd;*/
 width: 100%;
 max-width: 1100px;
 height: 60px;
 text-align: left;
 display: table;
 overflow: hidden;
 text-align: left;
 padding: 0;
 margin: 0 auto;
}
#topaddleft {
 display: table-cell;
 width: 250px;
 height: 60px;
 padding: 0;
 margin: 0;
}
#topaddright {
 display: table-cell;
 text-align: left;
 height: 60px;
 padding: 0 0 0 50px;
 margin: 0;
}
@media screen and (max-width: 900px) {
 #topaddright {
	 display: none;
 }
}
#content {
	width: 100%;
	max-width: 1100px;
	clear: both;
	display: table;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	border: none;
}
#content:after {
  content: "";
  display: table;
  clear: both;
}
#content .col {
	/*float: left;*/
	display: table-cell;
}
#content .centered-text {
	text-align: center;
}
#content .left-text {
	text-align: left;
}
#content .fullwidth {
	box-sizing: border-box;
	width: 85%;
	padding-top: 5px;
	padding-left: 1em;
	padding-right: 1em;
	margin: auto;
}
@media screen and (max-width: 1000px) {
	#content .fullwidth {
		width: 99%;
  }
}
#content .fullwidth .centered {
	width: 100%;
	text-align: center;
}
#content .fullwidth-colored {
	box-sizing: border-box;
	width: 100%;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
	margin: auto 0 auto 0;
	border: none;
}
#content .orange {
	background-color: #F3713C;
	color: white;
}
#content .red {
	background-color: #BF0C34;
	color: white;
}
#content .white {
	background-color: #FFFFFF;
	color: black;
}
#content .grey {
	background-color: #f2f2f2;
	color: black;
}
#content .darkgrey {
	background-color: #505050;
	color: white;
}
#content .mediumgrey {
	background-color: #dddddd;
	color: white;
}
#content .element-name {
	color: green;
	font-size: 18px;
}
#content .fullwidth-help {
	box-sizing: border-box;
	width: 85%;
	padding-top: 5px;
	padding-left: 1em;
	padding-right: 1em;
	margin: auto;
}
@media screen and (max-width: 1000px) {
	#content .fullwidth-help {
		width: 99%;
  }
}
#content .main {
	box-sizing: border-box;
	padding: 10px 20px 30px 20px;
	margin: 0;
	background-color: #ffffff; /* Grey background color */
}
#content .main p.textbook {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	margin: 0.5em 0 0.5em 0;
}
#content .main p.equation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	margin: 15px 0 20px 0;
}
#content .main .centered-single {
	text-align: center;
}
#content .main .centered {
	text-align: center;
	font-size: 0;
}
#content .main .centered h1 {
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 20px;
}
@media screen and (min-width: 2200px) {
	#content .main .centered {
		text-align: left;
	}
	#content .main .centered h1 {
		text-align: left;
		padding-left: 5px;
	}
}
#content .main .hierarchy {
	background-color: #f2f2f2;
	color:#888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.3em;
	text-align: left;
	margin: 0.3em 0 0.3em 0;
	padding: 0.2em 0.6em 0.2em 0.8em;
}
#content .main .hierarchy a {
	color:#5179AA;
	text-decoration:none;
}
#content .main .hierarchy a:hover {
	color:#1A2C4F;
}
#content .main div.book {
	display: table;
	width: 100%;
	clear: both;
}
#content .main .book div.book_row {
	display: table-row;
	width: 100%;
}
#content .main .book .book_row div.book_picture {
	width: 110px;
	min-width: 110px;
	display: table-cell;
	padding: 1.2em 0.95em 1.2em 0;
	vertical-align: top;
	text-align: left;
}
#content .main .book .book_row div.book_info {
	width: auto;
	display: table-cell;
	padding: 1.1em 0 1.2em 0;
	margin: 0 0 0 0;
	vertical-align: top;
	text-align: left;
}
#content .main .book .book_row .book_info p.book_title {
	color:#555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height:1.4em;
	text-align: left;
	margin:0 0 0.4em 0;
	padding:0 0 0 0;
}
#content .main .book .book_row .book_info p.book_parameters {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	text-align: left;
	margin:0 0 0.4em 0;
	padding:0 0 0 0;
}
#content .main .book .book_row .book_info p.book_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	text-align: left;
	margin:0 0 0.3em 0;
	padding:0 0 0 0;
}
#content .menu {
  width: 250px;
	box-sizing: border-box;
	padding: 0 0 30px 0;
	margin: 0;
	vertical-align: top;
	/*background-color: #dddddd;*/ /* Grey background color */
	background-color: #ececec; /* Grey background color */
}
@media screen and (max-width: 600px) {
 #content .menu {
	 display: none;
 }
 #content .main {
 	width: 99%;
  padding: 5px 20px 30px 20px;
	margin: 0 0 0 0;
 }
}
#content .menu a {
  /*background-color: #dddddd;*/ /* Grey background color */
	background-color: #ececec; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
	text-align: left;
}
#content .menu a:hover {
  background-color: #dddddd; /* Dark grey background on mouse-over */
}
#content .menu a.active {
  /*background-color: #333333;*/
  color: #f87611;
}
#content .menu span.toptext {
  /*background-color: #333333;*/
	/*background-color: #414141;*/
	background-color: #cccccc;
  color: black;
	display: block; /* Make the links appear below each other */
	padding: 12px; /* Add some padding */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.3em;
	font-weight: bold;
	text-align: left;
}
#content .booknav a {
  margin: 2px 10px 2px 10px;
}
#content h1 {
	/*line-height:38px;*/
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:1.0em 0.2em 0.5em 0;
	font-size: 1.7em;
}
#content h2, #content h3, #content h4 {
	/*line-height:24px;*/
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:1.5em 1em 0.5em 0;
}
#content p {
	/*color:#1e1e1e;*/
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.1em;*/
	line-height:1.5em;
	margin:0.5em 0em 0.5em 0;
	text-align: justify;
}
#content p.narrow {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.1em;*/
	margin:0 0 0 0;
}
#content p.image-narrow {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.1em;*/
	margin:1.5em 0 0 0;
}
#content p.center-title {
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	line-height: 150%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
	margin-bottom: 0.5em;
	width: 96%;
}
#content p.center-description {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 150%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.1em;
	margin-bottom: 0.5em;
	text-align: justify;
	width: 96%;
}
#content p.description-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	line-height: 150%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	width: 96%;
}
#content p.description-title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	line-height: 130%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.8em;
	margin-bottom: 0.1em;
	width: 96%;
}
#content .white-text {
	color: white;
}
#content .grey-text {
	color: #454545;
}
#content .darkgrey-text {
	color: #333333;
}
#content .lightgrey-text {
	color: #aaaaaa;
}
#content .black-text {
	color: #16181A;
}
#content .red-text {
	color: #dd3333;
}
#content p.chapter {
	color:#888888;
}
#content ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:0.1em 0em 0.1em 0;
	text-align: left;
}
#content ul li a {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.1em;*/
	line-height:1.4em;
}
#content ol {
	padding-left: 1.8em;
}
#content ol li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:0.1em 0em 0.1em 0;
	text-align: left;
}
#content table {
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.05em;*/
	line-height:1.4em;
}
#content table.elements td {
	padding-right: 5px;
}
#content table.elements img {
	min-width: 30px;
}
#content table.elements-parameters {
	padding-right: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
/*	border: 1px solid #cccccc;*/
}
#content table.elements-parameters td {
	padding: 5px;
}
#content table.elements-parameters th {
	padding: 5px;
}
#content table.elements-lines {
	padding-right: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
  border-collapse: collapse;
	border: 1px solid #cccccc;
}
#content table.elements-lines td {
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
#content table.elements-lines th {
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}
#content table.textbook-table {
	padding-right: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
  border-collapse: collapse;
	border: 1px solid #cccccc;
}
#content table.textbook-table td {
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
#content table.textbook-table th {
	text-align: center;
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}
#footer {
	box-sizing: border-box;
	width: 100%;
	/*height: 70px;*/
	display: table;
	clear: both;
	color: #eeeeee;
	/*background-color: #333333;*/
	background-color: #414141;
	/*margin-top: 0em;*/
}
#footer_cell {
	width: 100%;
	display: table-cell;
	padding: 0 0.5em 0 0.5em;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
}
a {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 16px;
	line-height: 24px;
	font-weight: bold;*/
	text-decoration: none;
	outline: 0;
	color:#5179AA;
}
a:hover {
	color:#1A2C4F;
}
.column {
	display:inline-block;
	padding:10px;
}
.row {
	text-align:center;
	padding:1em;
}
img {
    max-width: 100%;
    max-height: 100%;
		height: auto;
		vertical-align: middle;
}
hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   /*clear: both;*/
   border: none;
   /*border-top: 1px solid #aaaaaa;*/
	 border-top: 1px solid #cccccc;
   border-bottom: 1px solid #ffffff;
}

/* Iframe gallery */
div.iframe-gallery {
	display: inline-block;
	vertical-align: top;
	margin: 10px 5px;
  border: 1px solid #cccccc;
	box-sizing: content-box;
	/*float: left;*/
	width: 230px;
}
div.iframe-gallery:hover {
  border: 1px solid #777777;
}
div.iframe-gallery iframe {
  width: 230px;
  height: 130px;
	box-sizing: border-box;
}
div.iframe-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:19px;
	text-align: center;
  padding: 3px;
	box-sizing: border-box;
	height: 63px;
	overflow: hidden;
}
div.iframe-gallery-fill {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	padding: 0;
	box-sizing: border-box;
	width: 232px;
}

/* Circuit gallery */
div.circuit-gallery {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 10px 5px;
  border: 2px solid #cccccc;
	box-sizing: content-box;
	/*float: left;*/
	width: 230px;
	height: 322px;
	/*height: 301px;*/
}
div.circuit-gallery:hover {
  border: 2px solid #777777;
}
div.circuit-download {
	width: 230px;
  height: 21px;
	text-align: left;
}
div.circuit-download img {
  max-width: 230px;
  max-height: 21px;
}
div.circuit-explain {
	width: 230px;
  height: 21px;
	text-align: center;
}
div.circuit-explain img {
  max-width: 230px;
  max-height: 21px;
}
div.circuit-image {
  width: 230px;
  height: 230px;
	box-sizing: border-box;
	text-align: center;
	background-color: #eeeeee;
	white-space: nowrap;
	font-size: 0;
}
div.circuit-image img {
	vertical-align: middle;
  max-width: 230px;
  max-height: 230px;
}
span.circuit-helper {
  display: inline-block;
  height: 100%;
	vertical-align: middle;
}
div.circuit-desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height:19px;
	text-align: center;
  padding: 5px;
	box-sizing: border-box;
	width: 230px;
	height: 50px;
}
div.circuit-gallery-fill {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin: 0 5px;
	padding: 0;
	box-sizing: border-box;
	width: 234px;
}

/* Circuit - single */
div.circuit-single {
	display: block;
	vertical-align: top;
	text-align: center;
	/*margin: auto; This causes centering of 550px wide block (circuit-single)*/
  border: 2px solid #cccccc;
	box-sizing: content-box;
	max-width: 550px;
}
div.circuit-single-download {
	display: block;
  height: 21px;
	text-align: left;
	background-color: #eeeeee;
}
div.circuit-single-image {
	display: block;
	box-sizing: border-box;
	text-align: center;
}
div.circuit-single-desc {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height:19px;
	text-align: center;
  padding: 5px;
	box-sizing: border-box;
/*	height: 30px;*/
	background-color: #eeeeee;
}

/* Textbook picture */
div.textbook-picture-container {
	text-align: center;
	margin: 0 auto;
}
div.textbook-picture {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	/*margin: auto; This causes centering of 550px wide block (circuit-single)*/
  border: 1px solid #eeeeee;
	box-sizing: content-box;
	max-width: 750px;
	background-color: white;
	margin: 0 auto;
}
div.textbook-picture-download {
	display: block;
  height: 21px;
	text-align: left;
	background-color: #eeeeee;
}
div.textbook-picture-image {
	display: block;
	box-sizing: border-box;
	text-align: center;
	margin: 5px 10px 5px 10px;
}
div.textbook-picture-desc {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*font-weight: bold;*/
	font-style: italic;
	line-height: 22px;
	text-align: center;
  padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
/*	height: 30px;*/
	background-color: #eeeeee;
}
div.textbook-picture-table {
	display: block;
	box-sizing: border-box;
	/*text-align: center;*/
	margin: 10px auto 10px auto;
}

/* Education text gallery */
div.education-text-gallery-container {
  box-sizing: border-box;
	width: 100%;
	/*white-space: nowrap;*/
	font-size: 0;
	padding-left: 1%;
}
div.education-text-gallery {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 45%;
	box-sizing: border-box;
	margin: 0.5em 2%;
	border: 2px solid #cccccc;
	background-color: #eeeeee;
	max-width: 500px;
	overflow: hidden;
}
div.gal1 {
	height: 370px;
}
div.gal2 {
	height: 150px;
}
@media screen and (max-width: 1000px) {
	div.education-text-gallery {
		width: 96%;
		margin: 0.5em 2%;
		max-width: 750px;
  }
	div.gal1 {
		height: auto;
		padding-bottom: 20px;
	}
	div.gal2 {
		height: auto;
		padding-bottom: 20px;
	}
}
#content div.education-text-gallery h2 {
	padding-left: 20px;
}
div.education-text-gallery ul {
	list-style-type: none;
	padding-left: 20px;
	padding-right: 20px;
}

/* Circuit text gallery */
div.circuit-text-gallery-container {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 99.99%;
	padding: 0 4px;
}
div.circuit-text-gallery {
	flex: 49.9%;
  box-sizing: border-box;
  border: 10px solid white;
  max-width: 49.9%;
  padding: 25px 0 25px 0;
  text-align: left;
	/*border: 1px solid #cccccc;*/
	background-color: #eeeeee;
}
@media screen and (max-width: 1000px) {
	div.circuit-text-gallery {
		flex: 99.9%;
    max-width: 99.9%;
  }
}
#content div.circuit-text-gallery h2 {
	padding-left: 30px;
	margin-top: 2px;
	font-size: 1.3em;
}
div.circuit-text-gallery ul {
	list-style-type: none;
	padding-left: 30px;
	padding-right: 30px;
}
#content div.circuit-text-gallery ul li {
	text-align: left;
}

/* Video lectures gallery */
div.lectures-gallery-container {
  box-sizing: border-box;
	width: 100%;
	font-size: 0;
	padding-left: 1.5%;
}
div.lectures-gallery {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 96%;
	box-sizing: border-box;
	margin: 0.5em 1%;
	padding-bottom: 1.5em;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	max-width: 1500px;
}
@media screen and (max-width: 1000px) {
	div.lectures-gallery {
		width: 96%;
		margin: 0.5em 1%;
		max-width: 750px;
  }
}
#content div.lectures-gallery h2 {
	padding-left: 30px;
}
div.lectures-gallery ul {
	list-style-type: none;
	padding-left: 30px;
	padding-right: 30px;
}
.btn {
    border: none;
    background-color: #324A4E;
		color: white;
    padding: 22px 28px;
		margin: 40px 20px 20px 20px;
		font-size: 16px;
    cursor: pointer;
    display: inline-block;
}
.btn:hover {
  background-color: #425A5E;
  color: white;
}
.btn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	text-decoration: none;
	outline: 0;
}
.btn a:visited {
	color: white;
}
.btn a:hover {
	color: white;
}

.logo-title {
	display: block;
	/*color: #2B579A;*/
	/*color: #377EAE;*/
	color: #333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	line-height: 110%;
	font-weight: bold;
	margin-bottom: 8px;
}
.logo-text {
	display: block;
	color: #626262;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.05em;
	line-height: 150%;
}
.logo-btn {
    border: none;
		/*border: 2px solid #377eae;*/
		border-radius: 15px;
		/*background-color: #2B579A;*/
		background-color: #377EAE;
		color: white;
    padding: 12px 18px;
		margin: 15px 10px 15px 0;
		font-size: 18px;
    cursor: pointer;
		display: inline-block;
		box-sizing: border-box;
}
.logo-btn:hover {
	background-color: #3B67AA;
  color: white;
}
.logo-btn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	outline: 0;
}
.logo-btn a:visited {
	color: white;
}
.logo-btn a:hover {
	color: white;
}
.logo-img {
	/*border: none;*/
	border-radius: 15px;
	border: 2px solid #377EAE;
	/*background-color: #E0A834;*/
	background-color: white;
	/*color: white;*/
	color: #377EAE;
	padding: 12px 18px;
	margin: 15px 10px 15px 0;
	font-size: 18px;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
}
.logo-img:hover {
	background-color: #BBD7EE;
  color: #377EAE;
}
.logo-img a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	/*color: white;*/
	color: #377EAE;
	text-decoration: none;
	outline: 0;
}
.logo-img a:visited {
	color: #377EAE;
}
.logo-img a:hover {
	color: #377EAE;
}
.image-text-container {
	display: inline-block;
	box-sizing: border-box;
	padding: 20px;
	margin: 0;
	width: 49%;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 0;
}
@media screen and (max-width: 700px) {
	.image-text-container {
		width: 98%;
 }
}
.image-text-container-logo {
	display: inline-block;
	box-sizing: border-box;
	padding: 20px 10px 20px 30px;
	width: 49%;
	vertical-align: middle;
}
@media screen and (max-width: 700px) {
	.image-text-container-logo {
		width: 98%;
		padding: 10px 10px 10px 10px;
 }
}
.image-text {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	white-space: normal;
}
.frame-block {
    display: inline-block;
		box-sizing: border-box;
    border: none;
		text-align: center;
		border: 1px solid #cccccc;
		width: 300px;
    padding: 32px 12px 22px 12px;
		margin: 40px 20px 40px 20px;
}
.textbox {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	vertical-align: middle;
	border: none;
	padding: 0 25px 0 25px;
	margin: 0;
	font-size: 24px;
	line-height: 34px;
	text-align: left;
}
.textbox-btn {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	vertical-align: middle;
	border: none;
	padding: 0 25px 0 25px;
	margin: 0;
	font-size: 24px;
	line-height: 34px;
	text-align: left;
}

/* Circuit image gallery */
div.circuit-image-gallery-container {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
	width: 99.99%;
  padding: 0 4px;
}
div.circuit-image-gallery {
  flex: 33.33%;
  box-sizing: border-box;
  border: 10px solid white;
  max-width: 33.33%;
  padding: 0 0 25px 0;
  text-align: center;
}
@media screen and (max-width: 1000px) {
	div.circuit-image-gallery {
    flex: 49.9%;
    max-width: 49.9%;
  }
}
@media screen and (max-width: 600px) {
	div.circuit-image-gallery {
    flex: 99.9%;
    max-width: 99.9%;
  }
}
div.circuit-image-gallery a {
	width: 99.99%;
	height: 99.99%;
  text-align: center;
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #cccccc;
}
div.circuit-image-gallery a:hover {
	border: 1px solid #414141;
}
div.circuit-image-gallery a .heading {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
  /*font-weight: bold;*/
	font-size: 18px;
  line-height: 23px;
	color: #414141;
	background-color: #eeeeee;
	width: 99.99%;
	box-sizing: border-box;
	padding: 10px;
}
div.circuit-image-gallery a img {
	border-top: 1px solid #cccccc;
	margin-left: auto;
  margin-right: auto;
	width: 99.99%;
  box-sizing: border-box;
}
span.viewstext {
	background-color: #cccccc;
	color: black;
	/* display: block; */ /* Make the links appear below each other */
	padding: 8px; /* Add some padding */
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.0em;
	font-weight: bold;
	text-align: left;
	border: 1px solid #aaaaaa;
}