@charset "UTF-8";
/* CSS Document */

.container-fliud {
	width:100%;
	min-width: 300px;
	padding:0;
}
.container-fluid.header {
    padding: 0;
}
.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
}
section.form-info {
  padding:30px;
  padding-top: 60px;
  width: 100%;
  background: #3a6186; /* fallback for old browsers */
  background: linear-gradient(to left, rgba(58, 97, 134, 0.8) , rgba(137, 37, 62, 0.8));/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: -webkit-linear-gradient(to left, rgba(58, 97, 134, 0.5) , rgba(137, 37, 62, 0.5)); /* Chrome 10-25, Safari 5.1-6 */
  border-radius:4px;
  color : #fff;    
}
section.ratings {
	width: 80%;
	margin: 0 auto 10%;
}
.error {color: #FF0000;
}
h1 {
	color:#0332ff;
}
h5 {
	color:#0332ff;
	font-weight:bold;
}
.oriskany, .manuftg, .tech {
    display:inline;
}
span.small.red.logo {
    font-variant: small-caps;
    font-size: 3em;
    color: red;
    font-family: serif;
    font-weight: bold;
    text-shadow: 1px 2px 3px #636363;
    font-style:italic;
}
span.small.blue.logo {
    font-variant: small-caps;
    font-size: 3em;
    color: blue;
    font-family: serif;
    font-weight: bold;
    text-shadow: 1px 2px 3px #636363;
    font-style:italic;
}
textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}
input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin:0;
    box-sizing: border-box;
	border-radius:4px;
	background-color: #f8f8f8;
}
ul {
	list-style-type:none;
	padding-left:0px;
}
.jumbotron {
	background-image: url("images/copperpipe1.jpg");
	padding:30px;
	border-radius:0px;
}
.text-center {
	text-align:center;
}
.header {
	text-align:center;
}
/*=======styles for Vision page===============================================*/
.jumbotron.vision {
    background-image:url("images/NewBuilding.jpg");
    background-size:cover;
}
img.img-responsive.vision {
    margin: 5%;
    padding: 5%;
}
.col-sm-7.vision {
    padding: 7%;
    text-align: justify;
    color: #100802;
}
h1.vision {
    color: #0332ff;
    font-size: 3em;
}
.panel.vision {
        background-color: rgba(255, 255, 255, 0.76);
}
.panel-heading.vision {
    background-color: rgba(0,0,0,0);
    border: none;
}
.panel-body.vision {
    padding: 15px;
    background: rgba(255, 255, 255, 0);
    padding: 1% 10%;
}
.bg-grey {
      background-color: rgba(239, 239, 239, .8);
  }
.bg-blue {
      background-color: rgba(3, 50, 255, .5);
  }
.container-fluid {
      padding: 60px 50px;
  }
.logo {
    font-size: 200px;
    color:#0332ff;
}
h1.vision.grey {
    color: rgb(239, 239, 239);
}
.grey {
    color: rgb(239, 239, 239);
}
ul.vision {
    font-size: 1.5em;
    list-style-type: disc;
}
h1.values {
    font-size: 3em;
    color: #2f1705;
}
.copper {
    background-image:url(images/copper.jpg);
    background-position: center;
    background-size: cover;
    margin: 50px 2%;
    color: #2f1705;
    font-weight: bolder;
    box-shadow: 3px 5px 15px;
}
.row.text-center.values {
    margin: 0 0px 50px 0px;
}
/*==================bootstrap form template styles===========================*/


.company-info{
  padding-top: 40px;
}

.form-group{
  margin-top: 10px;
  text-align:left;
}
label{
  font-size: 1.3em;
  line-height: 1em;
  font-weight: normal;
}
.form-control{
  font-size: 1.3em;
  color: #080808;
}
textarea.form-control {
    height: 135px;
   /* margin-top: px;*/
}
textarea.survey {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}
.submit{
  font-size: 1.1em;
  float: right;
  width: 150px;
  background-color: transparent;
  color: #fff;

}
input.survey {
    -webkit-appearance:radio;
    vertical-align:top;
}

/*==================media queries====================================*/
@media only screen and (max-width: 699px) {
    .oriskany {
    display: block;
    position: relative;
    text-align: left;
    margin-left:5%
    }
    
    .manuftg {
    display: block;
    position: relative;
    text-align: left;
    margin-left:10%
}
    
    .tech {
    display: block;
    position: relative;
    text-align: left;
    margin-left:18%
}
    
}