/* CSS Document */

.clear {
margin: 0px;
padding: 0px;
clear: both;
}

body {
margin: 0px;
padding: 0px;
background: url('../img/bkg/body.jpg');
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}

#wrap {
width: 1062px;
margin: 25px auto;
-moz-box-shadow: 0px 0px 15px #292929;
-webkit-box-shadow: 0px 0px 15px #292929;
box-shadow: 0px 0px 15px #292929;
}

#wrap #head #title {
height: 198px;
background: url('../img/bkg/title.jpg') no-repeat top right #000;
}

#wrap #head #logo {
float: left;
width: 685px;
height: 198px;
background: url('../img/bkg/logo.jpg') no-repeat top left;
color: #f7ead7;
font-size: 22px;
}

#wrap #head #logo p.contact {
margin-top: 123px;
margin-left: 35px;
}

#wrap #head #nav {
height: 55px;
background: url('../img/bkg/nav.jpg') no-repeat top left;
text-align: right;
}

#wrap #head #nav a {
color: #fff;
text-decoration: none;
font-size: 20px;
padding: 12px 25px;
line-height: 48px;
}

#wrap #head #nav a:hover, #wrap #head #nav a.active {
text-decoration: underline;
background: #172459;
}

#wrap #body {
min-height: 300px;
padding: 10px;
background: url('../img/bkg/bodyDiv.jpg') repeat-x top left #c9cbda;
}

#wrap #body .fullwidth {
    width: 90%;
    margin:0 auto;
}

#wrap #body .left {
float: left;
width: 240px;
}

#wrap #body .left-home {
float: left;
width: 291px;
}

#wrap #body .right {
float: left;
padding: 0px 0px 0px 15px;
width: 780px;
}

#wrap #body .right-home {
float: left;
padding: 0px 0px 0px 15px;
width: 728px;
}

#wrap #body .right-home .box {
position: relative;
float: left;
width: 330px;
min-height: 330px;
background: #c2c3d5;
border: 2px solid #2e3862;
margin-bottom: 8px;
padding: 10px;
}

#wrap #body .right-home .margin {
margin-right: 20px;
}

#wrap #body .right-home .box.box-full {
width: 100%;
box-sizing: border-box;
}

#wrap #body .right-home .box .infection-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px 8px;
margin-top: 8px;
}

#wrap #body .right-home .box .infection-head {
grid-column: span 2;
text-align: center;
font-weight: bold;
}

#wrap #body .right-home .box .infection-tile {
height: 170px;
border: 2px solid #091545;
box-shadow: 3px 3px 7px #888;
border-radius: 5px;
background-image: url("../img/frg/magnetic-hyperthermia-infection-treatment.png");
background-size: 440% 220%;
background-repeat: no-repeat;
background-position-y: 10%;
}

#wrap #body .right-home .box .infection-tile-1 {
background-position-x: 5%;
}

#wrap #body .right-home .box .infection-tile-2 {
background-position-x: 36.5%;
}

#wrap #body .right-home .box .infection-tile-3 {
background-position-x: 68%;
}

#wrap #body .right-home .box .infection-tile-4 {
background-position-x: 99.5%;
}

#wrap #body .right-home .box .infection-label {
text-align: center;
font-weight: bold;
}

#wrap #body .right-home .box .infection-treated {
color: #b00000;
}

#wrap #body .right-home .box h1 {
color: #091545;
font-size: 22px;
margin: 0px;
}

#wrap #body .right-home .box h1 a {
text-decoration: none;
color: #091545;
font-size: 22px;
margin: 0px;
}

#wrap #body .right-home .box h1 a:link {
color: #091545;
font-size: 22px;
margin: 0px;
}

#wrap #body .right-home .box h1 a:visited {
color: #091545;
font-size: 22px;
margin: 0px;
}

#wrap #body .right-home .box h1 a:hover {
color: #000000;
font-size: 22px;
margin: 0px;
}

#wrap #body .right-home .box img:last-child {
position: absolute;
bottom: 8px;
right: 8px;
border: 2px solid #091545;
-moz-box-shadow: 3px 3px 7px #888;
-webkit-box-shadow: 3px 3px 7px #888;
box-shadow: 3px 3px 7px #888;
-moz-border-radius: 5px;
border-radius: 5px;
}

#wrap #body .right-home .box img.box-img {
position: static;
display: block;
width: 100%;
height: auto;
margin-top: 8px;
border: 2px solid #091545;
box-shadow: 3px 3px 7px #888;
border-radius: 5px;
}

h1 {
color: #091545;
font-size: 25px;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:hover {
color: #8a86f7;
}

form input[type=text] {
font-size: 16px;
padding: 5px;
width: 200px;
}

form textarea {
font-size: 14px;
padding: 5px;
width: 200px;
}

#SendMessage input[type=submit] {
background-color: #8c9cbf;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691));
background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
border: 1px solid #172d6e;
border-bottom: 1px solid #0e1d45;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
-moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
-ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
-o-box-shadow: inset 0 1px 0 0 #b1b9cb;
box-shadow: inset 0 1px 0 0 #b1b9cb;
color: #fff;
font: bold 16px "helvetica neue", helvetica, arial, sans-serif;
padding: 7px 0 8px 0;
text-decoration: none;
text-align: center;
text-shadow: 0 -1px 1px #000f4d;
width: 210px; }
#SendMessage input[type=submit]:hover {
background-color: #7f8dad;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80));
background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
cursor: pointer; }
#SendMessage input[type=submit]:active {
-webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
-moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
-ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
-o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; }
.form-row {
			clear: both;
			display: block;
			margin-bottom: 0.50rem;
			overflow: hidden;
		}
    	.form-row label {
    		display: block;
    	}
    	.form-row input[type="date"],
		.form-row input[type="datetime"],
		.form-row input[type="datetime-local"],
		.form-row input[type="email"],
		.form-row input[type="month"],
		.form-row input[type="number"],
		.form-row input[type="password"],
		.form-row input[type="search"],
		.form-row input[type="tel"],
		.form-row input[type="text"],
		.form-row input[type="time"],
		.form-row input[type="url"],
		.form-row input[type="week"],
		.form-row select,
		.form-row textarea {
			display: block;
			font-family: inherit;
			font-size: 14px;
			line-height: 2;
			padding: 0px 0.5rem;
			width: 100%;
			box-sizing: border-box;
		}
		textarea {
			height: 5em;
			resize: vertical;
		}
    	.button.button-square {
    		display: inline-block;
    		border-radius: 0;
    		border: 0 none transparent;
    		line-height: 2;
    		background-color: #091545;
    		color: #fff;
    		padding: 0 15px;
    		font-size: 16px;
    	}
    	.button.button-square:hover {
    		background-color: #172459;
    	}
    	fieldset {
			border: 0;
			min-width: 0;
			padding: 0;
		}
			fieldset > *:last-child,
			fieldset > *.last-child {
				margin-bottom: 0;
			}
			@media only screen and (min-width: 768px) {
				fieldset {
					font-size: 1.125rem;
				}
			}
			.fieldset-border {
				border: 1px solid #dfe1e1;
				padding: 1rem;
			}
.home-slider {
	margin-right: 20px;
	margin-left: 20px;
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
}

.highlight {
    color: #e31937;   
}

.text-red {
  color: #c9211e;
}

.text-center {
  text-align: center;
}

.text-underline {
  text-decoration: underline;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-8em {
  margin-left: 8em;
}

.ml-10em {
  margin-left: 10em;
}

.ml-12em {
  margin-left: 12em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.float-left {
  float: left;
  margin: 0 7px 7px 0;
}

.float-right {
  float: right;
  margin: 0 0 7px 7px;
}

.img-center {
  display: block;
  margin: 0 auto;
}

.img-spacing {
  margin-left: 7px;
  margin-right: 7px;
}

.img-border {
  border: 2px solid #000;
}

.img-fluid {
  height: auto;
  max-width: 100%;
}

.img-full {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.btn-details {
  background: #091545;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 0 20px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 134px;
}

.iframe-top {
  margin-top: 7px;
}

.iframe-left {
  margin-left: 15px;
}

.link-blue {
  color: #0000FF;
}

.w-50 {
  width: 50%;
}

.home-spacer {
  float: right;
  height: 134px;
  margin-top: -50px;
  width: 179px;
}

.valign-top {
  vertical-align: top;
}

.valign-middle {
  vertical-align: middle;
}

.valign-bottom {
  vertical-align: bottom;
}