/*@import url('https://fonts.googleapis.com/css2?family=Helvetica&display=swap');*/
@font-face{
    font-family:"Helvetica";
    src:url("../fonts/Helvetica.ttf") format("woff"),
    url("../fonts/Helvetica.ttf") format("opentype"),
    url("../fonts/Helvetica.ttf") format("truetype");
}

/*Oxygen*/
body { font-family: 'Helvetica', sans-serif; font-size: 16px; line-height: 30px; letter-spacing: 0.5px; color: #000000; 
text-align: center; margin: 30px 0; }

html,
body {
  height: 100%;
  width: 100%;  
}

body { overflow: hidden; }
body.contact { overflow: scroll; }
.container {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
}

a { color: #000000; }
a:hover { text-decoration: underline; } 
.logo.a-left { text-align: left; }
.logo img { max-width: 100%; }

ul.menu { margin: 0; padding: 0; }
ul.menu li { display: inline-block; list-style: none; }
ul.menu li::after { display: inline-block; content: " | "; padding: 0 5px; }
ul.menu li.last::after { content: ""; }

.contact .container { max-width: 100%; display: block; }
div.required .control-label::before {
  content: '* ';
  color: #F00;
  font-weight: bold;
}

.contact-bg .col-sm-3,
.contact-bg .col-sm-9 { display: inline-flex; }
.form-group {
  margin-bottom: 15px; display: flex;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 12px;
  color: #999999;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eaeaea;
  font-size: 13px;
  border-radius: 0px;
}
textarea.form-control {
  height: auto;
}
.slider-btn { float: right; margin-top: 30px; }

.btn-danger { background-color: #a82217; border-radius: 0; }

textarea { resize: none; }
.alert { display: none; }

.contact-bg { margin: 0px auto; text-align: left; max-width: 650px; }
.contact-bg fieldset {
  border: 1px solid #eaeaea;
  padding: 20px;
}
legend {
  border-bottom: 1px solid #ededed;
  float: left;
  font-size: 20px;
  font-weight: 600;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0 0 12px;
  width: 100%;
  color: #111111;  
}

@media (max-width: 991px) {   
    .col-sm-3 {
	  flex: 0 0 auto;
	  width: 35%;
	}
    .col-sm-9 {
	  flex: 0 0 auto;
	  width: 65%;
	}
}