/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}
 /*My Styles-------------------*/
    
    .hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.hover:hover {
    cursor: pointer;
    transform:scale(1.2);
    -ms-transform:scale(1.2);
    /* IE 9 */
    -moz-transform:scale(1.2);
    /* Firefox */
    -webkit-transform:scale(1.2);
    /* Safari and Chrome */
    -o-transform:scale(1.2);
    /* Opera */
}
    .team{margin-bottom: 1em;border-bottom: 1px solid silver;}
    .pfish{text-align: justify;}
    .pfish-abt{text-align: justify; line-height: 2em;}
    .resp{margin-bottom: 1em;border-radius: 50%;;border: 2px solid silver;width: 150px;height: 150px;}
    .pimg img{width:260px ; height:259px ;border-radius: 3%;box-shadow:5px 5px #d2d1d1;}
    .psimg img{width:260px ; height:259px ;border-radius: 50%;;border: 2px solid whitesmoke;}
    .pimg p{color:black;padding-top: 1em;}
	   .proimg p{color:black;padding:2em;}
    .pfish-team img{border-radius: 50%;;border: 2px solid silver;width: 80px;height: 80px;
	margin-bottom: 1em;}
    .pfish-team p{line-height: 0.3em;}
    .sname{color: #5ebbed;}
    .proimg img{    padding: 5px;
    border: solid 1px #EFEFEF; -webkit-box-shadow: 0 15px 10px #777;
   -moz-box-shadow: 0 15px 10px #777;
   box-shadow: 0 15px 10px #777;;}
    .suh-hed{padding-top: 1em;padding-bottom: 1em;}
    .name{color: #1a6aa7;font-size:25px;}
     .desg{margin-left: 0.6em;font-size: 17px;color: black;}
      .name1{font-size:25px;margin-left: -1em;color: #1a6aa7;}
      .desg1{margin-left: 0.6em;font-size: 17px;color: black;margin-left: 3em;}
      .name2{font-size:25px;color: #1a6aa7;}
      .desg2{margin-left: 0.1em;}
      .name3{font-size:25px;color: #1a6aa7;}
      .desg3{margin-left: -2em;}
      .name4{font-size:25px;color: #1a6aa7;}
      .desg4{margin-left: -2em;}
      .name5{font-size:25px;color: #1a6aa7;}
      .desg5{margin-left: -2em;}
      .name6{font-size:25px;color: #1a6aa7;}
      .desg6{margin-left: -2em;}
      .name7{font-size:25px;color: #1a6aa7;}
      .desg7{margin-left: 1em;}
      .name8{font-size:25px;margin-left: 0.5em;color: #1a6aa7;}
      .desg8{margin-left: 1.5em;}
      .name9{font-size:25px;color: #1a6aa7;}
      .desg9{margin-left: 2em;}
      .name10{font-size:25px;color: #1a6aa7;}
      .desg10{margin-left: -2em;}
/*End------*/
a {
   outline: 0;
}
ul li {list-style:none;}
.container .fullon img{width:100%; height:auto;}

#process {background:url(../img/img1.jpg)no-repeat  center center/cover; padding:40px 0px 30px; }
#process .col-lg-4, #process h1 {text-align:center; margin-bottom:50px;}
#process p {color:#333; font-weight:500; font-size:18px;}


.process2 { padding:50px 30px 40px; } .para {color:#333; font-weight:500; font-size:18px;}
#process1 { padding:40px 0px 30px; }
#process1 .col-lg-4, #process h1 {text-align:center; margin-bottom:50px;}
#process1 p {color:#333; font-weight:500; font-size:18px;}


#contract h1, #contract h2, #contract p {color:#fff;}
.blacky {background:rgba(0,0,0,.7); color:#fff; width:100%;}
.blacky p{margin-top:40px;}
#footer-contact {background:#212121; padding:30px 0 40px; color:#aaa;}
#footer-contact h2 {color:#5EBAEC; padding:0 15px;}

#hi {margin:-55px 0 0 20px;}

#contact h1, #contact p{color:#fff;}
#contact ul li{list-style:none!important; font-size:26px; padding-bottom:30px;}
.orange {padding:8px; border-radius:4px; float:left; display:block; background-color:#eca202; margin-right:20px;}
.panel-title .orange {color:#fff;}
h4.panel-title {text-transform:none; line-height:2;}
footer {background-color:#000; color:#fff; padding:20px;}
footer img{ float:left; margin-right:15px; width:auto!important;}
footer p {margin:0; color:#666;}

.grey-bg {background-color:#e5e5e5;}
.white-bg, .grey-bg {border-bottom:1px solid #9e9e9e;padding:40px 0; text-align:center;}

#no-margin {margin:0!important;}
#no-pad {padding:0!important;}

#contact-bg {background:url(../img/contact.jpg) center top;}
#contact-overlay {background:rgba(0,0,0,.6); margin:200px auto 100px auto; padding:40px 0;}

#request {margin-bottom:30px;}
#request input, #request select, #request textarea {padding:20px; border:1px solid #b0b0b0; border-radius:4px; width:100%; color:#333; font-size:20px;}
#request .col-lg-3, #request .col-lg-2, #request .col-lg-1, #request .col-lg-4, #request p {padding-top:20px; color:#333; font-size:20px;}

.products {margin-bottom:40px;}
.products .col-lg-6 {background-color:#5EBBED; color:#FFF; padding:0; width:45%; margin:0 2.5%; min-height:600px;}
.products h2 {text-align:center; color:#fff;}

.products .btn-default {background-color:#fff; color:#5EBBED; display:block; margin:12px auto; text-align:center; width:30%; }
 #process .btn-default {width:15%; border:1px solid #fff;}
.products .btn-default:hover{background-color:#000; color:#fff; border:1px solid #fff;}
.pad {padding:20px;}
.blacq {background-color:#000; margin-bottom:40px; padding:30px 0;}
.blacq .container {; color:#fff;}

.role a{text-decoration: none; color: white;}
         .button {background-color: #5EBBED;width: 200px;height: 100px;padding: 0.5em;border-radius: 5%;}
         .button:hover{background-color: black;}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
#fixnav {
	position:absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background:rgba(255, 255, 255, 0.9);
}

#no-bor {border:none!important;}
.navbar-inverse li#no-bor a{border:none!important;}
.navbar-inverse .btn-primary:hover{color:#fff;background:rgba(236, 162, 2, 0.6)!important;border:none;}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  width:100%!important;
  margin:auto;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.6);
  border-top:4px solid #5EBBED;
}
.bluez {background-color:#5EBBED; display:inline-block; margin: 0 auto; padding:8px 20px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; font-size:44px;}
.carousel-caption h1 {font-size:44px; color:#fff;}
.carousel-caption p{margin:20px auto; padding:0 0 20px; max-width:1024px;}

/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: #777;
}
.carousel-inner > .item > img {
  min-width: 100%;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing {
  margin-bottom: 80px;
  padding-bottom:5em;
}

.certificate {   margin-bottom: 60px; padding:15px 0;}
.certificate .row {text-align:right;}
.certificate .row img {margin:0 2px;}


.certificates { background:#DCF0FB;  margin-bottom: 60px; padding:15px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center;}
.certificates h1 {margin-bottom:10px; color:#00458E}

#contact-area {
	width: 98%;
	padding: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 70%;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #3bb3c2;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background:#5EBBED;
	color:#fff;
	border:none;
	font-size:14px;
	text-transform:uppercase;
}

label {
	float: left;
	text-align: left;
	margin-right: 5%;
	width: 25%;
	padding-top: 5px;
	font-size: 1.4em;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
 
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
  .oring {margin-bottom:30px;}
}
@media (max-width: 1200px) {
.products .col-lg-6 {width:98%; margin:0 auto; padding:20px;}
}
@media (max-width: 768px) {
	#fixnav {
	position:relative;
  background:rgba(255, 255, 255, 1);
}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { margin-bottom:25px;}
	.certificate .row {text-align:center;}
#hi {display:none;}
.carousel-caption p {display:none;}
.carousel-caption h1 {font-size:20px;}
.navbar-inverse .navbar-nav>li>a{padding:10px; border-right:none; font-size:16px; font-weight:bold;}
.navbar-inverse .btn-primary {margin-left:0;}
.navbar-wrapper {background:rgba(255,255,255,1); position:relative}
.navbar-brand>img {max-height:74px!important;}

#contact ul li{list-style:none!important; font-size:20px; padding-bottom:30px;}
.oring {margin-bottom:30px;}
h1 {font-size:40px;}
h2 {font-size:24px;}
.con-marg {margin:0;}

.products .col-lg-6 {margin-bottom:10px;}

}

 @media screen and (max-width:700px)
{
    *{}
.width_100,
.width_90,
.width_80,
.width_75,
.width_70,
.width_66,
.width_60,
.width_50,
.width_40,
.width_33,
.width_30,.width_35,
.width_25,
.width_20,
.width_10
    {
        width: 95%;
        }
        
        .navbar-brand img{width: 230px;margin-top: -4em;}
        .crab{width: 250px;}
        .role a{text-decoration: none; color: white;}
         .button {background-color: #5EBBED;width: 200px;height: 100px;padding: 0.5em;border-radius: 5%;}
         .button:hover{background-color: black;}
          .location{width: 250px; height: 200px;}
         .pimg img{width: 100%; height: 200px;margin-left: -2em;}
         .sust{font-size: 25px;}
         .banner {margin-top: -11em;}
         .suh-hed{font-size: 25px;}
         .slider {margin-top: -8em;}