a{ text-decoration:none;}
.navbar-default {
  background-color: transparent;
  border-color: transparent; 
  margin-bottom:0px;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
  color: black;
  font-family: "MyriadPro";
  font-size: 17px;
  padding: 28px 8px;
  text-transform: uppercase; }

.col-bg {
  padding: 0; }

.nav-pills > li {
  float: left;
  list-style-type: none !important; }

.navbar-default {
  background-color: transparent;
  border-color: transparent; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 11, 2016, 11:44:06 AM
    Author     : Naureen
*/
/*********fonts********/
@font-face {
  font-family: "MyriadPro";
  font-weight: normal;
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("ttf"), url("../fonts/Roboto-Condensed-webfont.ttf") format("ttf"), url("../fonts/Roboto-Condensed-webfont.woff") format("woff"); }
/******************Gallery*************/
/* Global */
.carousel-control.left {
  background: #dfdfdf;
  color: #5d5e69; }

.carousel-control.right {
  background: #dfdfdf;
  color: #5d5e69; }

.carousel-control {
  text-shadow: none; }



a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 8 */
  filter: alpha(opacity=50);
  /* IE7 */
  opacity: 1;
  text-decoration: none; }

/* Container */
.container-fluid {
  background: #FFFFFF;
  margin: 40px auto 10px;
  padding: 20px 40px 0;
  max-width: 960px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

/* Page Header */
.page-header {
  background: #f9f9f9;
  margin: -30px -40px 40px;
  padding: 20px 40px;
  border-top: 4px solid #ccc;
  color: #999;
  text-transform: uppercase; }

.page-header h3 {
  line-height: 0.88rem;
  color: #000; }

/* Thumbnail Box */
.caption h4 {
  font-size: 1rem;
  color: #444; }

.caption p {
  font-size: 0.75rem;
  color: #999; }

.btn.btn-mini {
  font-size: 0.63rem; }

/* Carousel Control */
.control-box {
  text-align: right;
  width: 100%; }

.carousel-control {
  background: #666;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 34px;
  font-weight: 200;
  line-height: 18px;
  opacity: 1;
  padding: 4px 10px 0px;
  position: static;
  height: 30px;
  width: 15px; }

/********Button********/
.btn-primary:hover {
  background: transparent none repeat scroll 0 0;
  border: 1px solid dimgray;
  color: dimgray;
  font-family: "MyriadPro"; }

.event-btns {
  padding-bottom: 28px;
  padding-top: 17px; }

.event-btn {
  font-size: 18px;
  font-weight: bold;
  font-family: "MyriadPro";
  color: white;
  background: #b1b1b1;
  text-transform: uppercase;
  border: solid 1px #b1b1b1;
  padding: 10px 25px; }

.event-btn a {
  font-size: 18px;
  font-weight: bold;
  font-family: "MyriadPro"; }

.collabs-area {
  background: #fff !important; }

.collab-sections {
  margin-bottom: 40px; }
.Clients-Area {
    height: 68px;
	overflow:hidden;
}
.collabs > .read {
  background: #4da6c8 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-family: "MyriadPro";
  font-size: 13px;
  font-weight: bold;
  padding: 10px 13px;
  text-transform: uppercase; }

.colabs-paragrah p {
  color: #217089;
  display: block;
  font-family: "MyriadPro";
  margin: 0px auto;
  padding: 0px 13% 32px;
  text-align: center;
  font-size: 19px;
  font-weight: normal; }

.contact-paragraph p {
  color: #217089;
  display: block;
  font-family: "MyriadPro";
  margin: 0px auto;
  padding: 0px 13% 32px;
  text-align: center;
  font-size: 19px;
  font-weight: normal; }

.main-area-form {
  padding: 0; }

.read {
  background: transparent none repeat scroll 0 0;
  border: 1px solid dimgray;
  color: dimgray;
  font-family: "MyriadPro";
  font-size: 18px;
  font-weight: bold;
  padding: 10px 40px;
  text-transform: uppercase; }

.projs {
  padding: 0; }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
  border: solid 1px dimgray;
  color: dimgray;
  background-color: transparent; }

/**********Index*********/
/************Top menu*********/
body {
  font-family: "MyriadPro"; }

.top_menu {
  background: #2e3841 none repeat scroll 0 0;
  color: #a1b1bc;
  font-size: 15px;
  padding: 4px 0 6px; }

.contactinfo ul li a {
  font-size: 12px;
  color: #a1b1bc;
  font-family: "MyriadPro"; }
.li a .fa{color:#a1b1bc;}
.contactinfo ul li a {
  color: #a1b1bc;
  font-family: "MyriadPro";
  font-size: 15px; }

.nav-pills li a .fa {
  font-size: 20px; }

.nav-pills {
  margin-left: -24px; }

.social-icons ul li {
  display: inline-block;
  font-family: 'Myriad Pro Condensed'; }

.social-icons {
  float: left; }
.icons li a:hover{ color:rgb(255,255,255);   transform: scale(1.1);
    transition: all 0.9s ease-in-out 0s;}
.social-icons ul li a {
  border: 0 none;
  border-radius: 0;
  color: #a1b1bc;
  padding: 0; }

.social-icons ul li a i {
  padding: 11px 6px;
   transform: scale(1.1);
}
.fa {
  font-size: 15px; }

.tabs-section li a::before {
  content: "\f068";
  font-family: fontawesome;
  padding-right: 18px;
  text-indent: 12px; }

.tabs-section li:first-child a::before {
  content: "";
  padding-right: 18px;
  text-indent: 12px; }

.nav > li > a:focus, .nav > li > a:hover {
  background: transparent; }

.nav-pills > li {
  float: right;
  list-style-type: none !important; }

.contactinfo ul li a {
  color: #a1b1bc;
  font-size: 17px;
  padding: 0 20px 0 0; }

.icons li:last-child a::before {
  content: "\f0e0";
  float: left;
  font-family: fontAwesome;
  padding: 0px 5px; }

.icons li:last-child {
  color: white !important;
  display: inline-block;
  padding: 6px 14px; }

h1 {
  color: #217089;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold; }

.icons li:last-child a {
  padding: 3px 7px;
  border-radius: 3px;
  background: #a1b1bc;
  color: #2e3841;
  font-family: "MyriadPro"; }

/************contnet*********/
.contents {
  padding-top: 40px;
  padding-bottom: 20px; }

.contents h1::before {
  background: transparent url("images/home/left-line.html") repeat scroll 0 0; }

.contents img, .contents h1 {
  display: block;
  margin: 0 auto;
  text-align: center; }

.contents img {
  padding-top: 56px;
  padding-bottom: 14px; }

.panel {
  box-shadow: none; }

.thumbnail {
background:transparent !important;
border:solid 1px transparent !important;
 }

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

.conts {
  padding: 0; }

.img-cont {
  padding: 0; }

.nav-tabs {
  display: inline-block; }


.nav-tabs > li > a:hover {
  border-color: white; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border-color: transparent; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {
  color: #217089; }

.nav-tabs {
  border-bottom: transparent; }

.panel {
  box-shadow: white !important; }

.panel-default {
  border-color: transparent; }

.panel-heading ul li a {
  font-size: 18px;
  text-transform: uppercase;
  color: #217089; }

.panel-heading ul li {
  display: block;
  margin: 0 auto;
  text-align: center; }

.img-cont {
  border-radius: 5px;
  padding: 0; }

.contents img {
  padding-bottom: 14px;
  padding-top: 8px; }

h2.title:before {
  background: transparent url("../images/home/left-line.png") no-repeat scroll 0 0;
  content: " ";
  display: inline-block;
  height: 9px;
  margin: 0 15px 8px 22px;
  text-shadow: none;
  width: 172px;
  position: relative;
  top: 12px; }

h2.title {
  color: #217087;
  font-size: 24px;
  font-weight: bold;
  font-family: "MyriadPro";
  text-transform: uppercase; }

h2.title:after {
  background: transparent url("../images/home/right-line.png") no-repeat scroll 0 0;
  content: " ";
  display: inline-block;
  height: 9px;
  margin: 0 0 8px 20px;
  text-shadow: none;
  width: 172px;
  position: relative;
  top: 12px; }

/*********LiNE Beore Title*******/
h2.titles:before {
  background: transparent url("../images/home/left-white-line.png") no-repeat scroll 0 0;
  content: " ";
  display: inline-block;
  height: 9px;
  margin: 0 15px 8px 22px;
  text-shadow: none;
  width: 79px;
  position: relative;
  top: 12px; }

h2.titles {
  color: white;
  font-size: 24px;
  font-weight: bold;
  margin-top: 0;
  text-transform: uppercase; }

h2.titles:after {
  background: transparent url("../images/home/right-white-line.png") no-repeat scroll 0 0;
  content: " ";
  display: inline-block;
  height: 9px;
  margin: 0 0 8px 20px;
  text-shadow: none;
  width: 79px;
  position: relative;
  top: 12px; }

/**************/
.about-img img {
  padding-right: 15px; }

.about-sections {
  margin-bottom: 25px; }

.about-img img {
  display: inline-block; }

.about-sections h3 {
  font-size: 18px;
  color: #217089;
  text-transform: uppercase; }

.about-sect {
  margin-top: 30px; }

.about-det p {
  font-size: 18px;
  font-family: "MyriadPro"; }

.about-sections p {
  color: black;
  font-family: "MyriadPro";
  font-size: 16px;
  padding-bottom: 20px;
  padding-top: 20px; }

.quote-det > p {
  font-size: 22px;
  color: #217089;
  font-family: "MyriadPro";
  font-style: italic; }

.quote-det p {
  padding: 0 0px 0 31px; }

.quote-icon {
  margin-left: 0; }

.comt {
  padding-left: 22px;
  padding-top: 10px; }

.tab-content {
  padding-bottom: 35px; }

.feilds-section {
  margin-bottom: 20px;   border-radius:5px; }

.about-section {
  background: transparent url("../images/home/about-layer.png") repeat scroll 0 0; }

.about-section {
  padding-top: 23px;
  background: transparent url("../images/home/about-layer.png") repeat scroll 0 0; }

.proj-tabs li.active > a, .proj-tabs li.active > a:focus, .proj-tabs li.active > a:hover {
  color: #5fcaec !important; }

.proj-tabs > li > a:hover {
  background: #13586c none repeat scroll 0 0 !important;
  border-color: transparent;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px; }

.proj-tabs li, .proj-tabs li a {
  padding: 0px !important;
  font-size: 14px;
  font-family: "MyriadPro";
  background: transparent; }

.proj-tabs li {
  margin: 0px 0px 0px 35px !important; }

.proj-tabs li.active a {
  color: white !important; }

.proj-tabs li a {
  padding: 5px 5px !important;
  font-size: 14px !important;
  color: #5fcbec !important;
  font-family: "MyriadPro" !important;
  background: transparent !important; }

.proj-tabs li.active > a, .proj-tabs li.active > a:focus, .proj-tabs li.active > a:hover {
  font-size: 14px;
  color: white;
  font-family: "MyriadPro";
  background: transparent; }

.proj-tabs ul li a:hover, .proj-tabs ul li a.active {
  background: #13566b;
  padding: 5px 5px;
  color: white; }

.proj-tabs li.active {
  background: #13566b; }

.proj-tabs > li a:hover, .proj-tabs > li.active a:hover {
  padding: 5px 5px;
  font-size: 14px;
  border-radius: 3px;
  color: white !important;
  background: #13566b; }

.proj-tabs li.active {
  font-size: 14px;
  border-radius: 3px;
  color: white !important;
  background: #13566b; }

.proj-tabs > li {
  padding: 5px 5px; }

.proj-tabs > li a {
  color: #a1b1bc; }

.project-section {
  clear: both;
  background: url("../images/home/Layer-181.png") repeat scroll 0 0;
  padding-bottom: 40px; }

.projects-section h4 {
  color: white;
  font-size: 16px;
  font-family: "MyriadPro"; }

.projects-section p {
  color: white;
  font-size: 12px;
  font-family: "MyriadPro"; }

.project-section h1 {
  color: white;
  font-size: 16px;
  font-family: "MyriadPro"; }

/**************News Section**********/
.collaboration {
  background: url("../images/home/Layer-40.jpg") no-repeat scroll 0 0;
  height: 344px; }

.collaboration h1 {
  font-size: 24px;
  color: white;
  text-indent: 10px;
  padding-top: 15px;
  font-family: "MyriadPro"; }

.collaboration p {
  font-size: 14px;
  padding-bottom: 20px;
  color: white;
  font-family: "MyriadPro"; }

.collaboration a {
  background: #46a2c0;
  color: white;
  border: solid 1px white; }

collaboration a:hover {
  background: #46a2c0;
  color: white;
  border: solid 1px white; }

.events-dets h5 {
  color: #217089;
  font-size: 20px;
  font-family: "MyriadPro";
  text-transform: uppercase; }

.event-detail a {
  color: #217089;
  font-size: 14px;
  font-family: "MyriadPro"; }

.event-detail h5 {
  color: #217089;
  font-size: 14px;
  font-family: "MyriadPro";
  text-transform: uppercase; }

.news-event {
  padding-right: 0; }

.collabrate-section {
  margin-top: 0px; }
  .collabs-areas{ padding-top:20px;}

.events-section p::before {
  background: url("../images/home/Forma-13.png") no-repeat scroll 0 0;
  background-image: url("images/h_ltr.html");
  background-position: left center; }

.fa-spin {
  animation: 2s linear 0s normal none infinite running fa-spin;
  font-size: 26px !important;
  margin-bottom: 0 !important;
  margin-right: 10px !important;
  margin-top: 0 !important; }

.events-section {
  padding-bottom: 7px;
  background: #e5e5e5; }

.dates {
  background: #217089 none repeat scroll 0 0;
  border-radius: 3px;
  color: white;
  font-family: "MyriadPro";
  font-size: 18px;
  margin-top: 10px;
  padding: 5px 0 7px 12px;
  text-transform: uppercase; }

/**************Footer**********/
/* Mobile Only */
@media (max-width: 767px) {
	.tablesaw-cell-label{ text-align:center;}
.col-bg{ margin-bottom:10px;}
.addres{ text-align:center;}
  .about-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    text-align: center; }
.collaboration{ padding-bottom:16px;}


.collaboration {
    background: transparent url("../images/home/Layer-40.jpg") no-repeat scroll 0px 0px / 100% auto;
    height: 100%;
    clear: both;
    width: 100% !important;
    float: left!important;
}
  .sort {
    padding: 0 !important; }

  .sorting {
    display: block !important;
    padding: 0 !important; }

  .sorting span {
    display: block !important;
    padding: 0 !important; }

  .goto-section {
    padding: 0 !important; }

  .go-to {
    display: block !important;
    float: none !important; }

  .sorts {
    padding: 0 !important;
    width: 100% !important; }

  .sort {
    display: block !important;
    width: 100% !important; }

  .labels {
    text-align: center !important;
    float: none !important;
    display: block !important; }

  .power-tabel {
    overflow-y: unset !important;
    float: left !important;
    width: 100% !important; }

  .accor-area a {
    font-size: 14px !important; }

  .about-img img {
    width: auto !important;
    margin-bottom: 10px; }

  .page-header, .control-box {
    text-align: center; }

  .panel-heading ul li {
    width: auto; }

  .collab-sections {
    padding-bottom: 10px; }

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

  .quote-det p {
    padding: 0;
    text-align: center; }

  .panel-heading.proj-panel {
    padding: 0;
    width: 100%; }

  .nav-pills li {
    padding-top: 10px; }

  .nav.navbar-nav.icons {
    padding: 0;
    margin: 0; }

  .nav-pills > li {
    float: none; }

  .navbar-header img {
    float: left !important; }

  .projects-section {
    border-bottom: medium dashed white; }

  .projects-section:last-child {
    border-bottom: 0px; }

  .panel-heading ul li {
    width: auto; }

  .nav.nav-tabs.proj-tabs {
    padding: 0;
    width: 100%; }

  .panel-heading ul li {
    display: block;
    text-align: center; }

  .navbar-default .navbar-brand {
    display: block;
    float: none;
    margin: 0 auto;
    float: none;
    text-align: center; }

  .img-cont img {
    padding: 0;
    width: 100%; }

  .img-cont {
    border-radius: 5px;
    margin: 20px 20px 0 0;
    padding: 10px 7px; }

  .feilds-section {
    display: inline-block;
    margin: 0 auto;
    text-align: center; }

 

  .panel-heading ul li {
    display: inline-block;
    margin: 0 auto;
    text-align: center; }

  h2.title {
    font-size: 16px; }

  h2.titles {
    font-size: 16px; }

  h2.titles::before {
    width: 50px; }

  h2.titles::after {
    width: 50px; }

  h2.title::before {
    width: 50px; }

  h2.title::after {
    width: 50px; }

  .navbar-toggle {
    margin-top: 25px; }

  .nav > li {
    text-align: left; }

  navbar-default .navbar-toggle {
    border-color: #ce8740; }

  .nav-tabs > li > a:hover {
    border-color: transparent; }

  .navbar-toggle {
    background: white;
    border: 1px solid #2f3942;
    border-radius: 0px;
    float: right; }

  .contactinfo {
    display: block;
    margin-left: auto;
    text-align: center; }

  .social-icons {
    display: block;
    float: none;
    margin: 0 auto;

    text-align: center; }

  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent !important; }

  .nav-sect {
    padding: 0 !important; }

  .menues > li:hover {
    background: #2f3942 none repeat scroll 0 0;padding: 0px 0px  8px 0px;}

 
  .menues {
    margin-top: 20px !important; }

  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    padding: 8px 10px; }

  
  .footers {
    border-bottom: 1px dashed white;
    display: block;
    margin: 0 auto 10px;
    text-align: center; }

  .footers:last-child {
    border-bottom: 0px; }

  .footer-section-one img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0; }

  .collab-sections {
    padding-bottom: 0px; }

  .footer-section-one {
    padding-bottom: 10px !important; } }
@media (max-width: 479px) {
  .about-section h2 {
    font-size: 14px; }

  h2.title::before {
    display: none; }

  h2.title::after {
    display: none; }

  h2.title {
    font-size: 13px; }
.navbar-toggle{ float:right;}
.navbar-brand img {
    float: left !important;
    width: 184px;
	margin-top:7px !important;
}
  .caption {
    word-break: break-all; }

  .nav.nav-tabs.tabs-section > li {
    padding: 0; }

  .panel-heading ul li a {
    font-size: 12px; } }
/* ADD-ON
-------------------------------------------------- */
li.span3 {
  list-style-type: none; }

.prevs {
  position: absolute;
  top: 40%;
  font-size: 25px !important;
  padding: 3px 19px 10px 15px; }

.nexts {
  position: absolute;
  top: 40%;
  font-size: 25px !important;
  padding: 3px 19px 10px 15px;
  margin-right: 30px; }

a, a:focus, a:active, a:hover, object, embed {
  outline: none; }

:-moz-any-link:focus {
  outline: none; }

input::-moz-focus-inner {
  border: 0; }

.span3 {
  float: left;
  width: 13%; }

.links h4 {
  color: white;
  font-family: "MyriadPro";
  font-size: 14px; }

.links p {
  color: white;
  font-family: "MyriadPro";
  font-size: 14px; }

.footer-section {
  background: #42474c; }

.links li::before {
  content: "\f068";
  color: white;
  text-indent: 12px;
  padding-right: 5px;
  font-family: fontawesome; 
  display:none;
  }

.links li {
  list-style-type: none;
  }
 .projs li {
	   margin-bottom: 10px;
  }

.footer-section-one p {
  color: white;
  font-size: 14px;
  font-family: "MyriadPro"; }

.copyright {
  background: #5e5f69;
  background: #5d5e69 none repeat scroll 0 0;
  padding: 17px 20px;
  text-align: center; }

.copyright p {
  color: #d0d0d0; }

.esp {
  color: white; }

.footer-section-one {
  padding-bottom: 50px; }

.footer-section-one:hover img {
  margin-bottom: 20px;transform: scale(1.1); transition: all 0.5s!important; }

.footer-section-one p {
  color: white;
  font-family: "MyriadPro";
  font-size: 14px;
  padding-bottom: 20px;
  padding-right: 30px; }

.footer-icons .fa:hover{transform: scale(1.1);color: rgb(255,255,255); }
.footer-section-one img {
  margin-bottom: 20px; }

.footer-icons .fa {
  font-size: 25px;
  color: #949699; }

.footer-icons {
  padding: 0; }

.footer-icons .fa {
  padding: 0px 16px 0px 0px; }

.links > ul {
  padding: 0; }

@media (max-width: 1199px) and (min-width: 992px) {
  .contents {
    padding: 0; }
	
	
	.client-img-section{height:270px;}

  .navbar-right.menues {
    display: inline-flex;
    margin: 0 auto;
    text-align: center; }

  .accor-area {
    font-size: 14px; }

  .about-img {
    padding: 0 6px 0 0; }

  .about-img {
    display: block;
    margin-right: auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 6px;
    text-align: center; }

  .about-img img {
    margin-bottom: 10px; }

  .about-det p {
    font-size: 16px;
    text-align: center; }

  .about-img img {
    display: inline-block !important;
    padding: 0 !important; }

  .about-img {
    padding: 0 !important; }

  .img-cont {
    padding: 0px 10px; }

  .navbar-default .navbar-brand {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center; }

  .navbar-nav > li {
    float: none;
    display: inline-block; }

  .navbar-default .navbar-nav > li > a {
    padding: 5px; }

  .col-bg {
    float: left;
    width: 45%; }

  .img-cont h2 {
    font-size: 13px; }

  .navbar-header {
    width: 100%; }

  .navbar-brand {
    display: block;
    font-size: 18px;
    line-height: 20px;
	height:auto !important;
    margin: 0 auto;
    text-align: center;  }

  .navbar-brand > img {
    display: block;
    margin: 0 auto;
    text-align: center;   }

  .navbar-brand {
    height: auto; }

  .collaboration {
    width: 100%; }

  .news-event {
    width: 55%; }

  .events-section {
    text-align: center;
    padding-top: 10px; }

  .dates {
    font-size: 13px; }

  .event-btns {
    padding-bottom: 16px;
    padding-top: 8px; }

  .nav.navbar-nav.navbar-right.menues {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%; }

  .img-cont h2 {
    font-size: 12px; }

  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    padding: 0px 10px; } }
@media (max-width: 991px) {
  .about-sections {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px; }
.tablesaw-cell-content{
	padding:0 25px!important;
}
.client-img-section {

    float: left;
    height: 248px;
    padding: 0;
    
    width: 100%;
}
.collaboration {
    margin-bottom: 15px !important;
}
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label{ width:100% !important;}
  

  .about-img img {
    display: inline-block;
    width: 33%; }

  .about-img {
    padding: 0; }

  .gallery {
    width: 100%;
    float: left; }

  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px; }

  .navbar-header {
    display: block;
    float: none;
    padding-bottom: 16px; }

  .navbar-default .navbar-brand {
    display: block;
    float: none;
    margin: 0 auto;
    float: none;
    text-align: center; }

  .img-cont img {
    padding: 10px;
    width: 100%; }

  .collab-sections {
    margin-bottom: 9px !important;
    padding-bottom: 0px; }

  .main-collab {
    margin-bottom: 20px; }

  .navbar-header img {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center; }

  .menues {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center; }

  .about-section {
    padding-top: 10px;
    padding-botton: 10px; } }
/*************End Media Queries******/
.links li a {
  color: white;
  font-family: "MyriadPro";
  font-size: 14px; }

.projects-section {
  margin: 0 auto;
  display: block;
  text-align: center; }

.links h5 {
  color: #919294;
  text-transform: uppercase;
  font-family: "MyriadPro";
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 20px; }

.footer-area {
  padding-top: 30px; }

/***********************Team***********/
/***********************Team***********/
.about-section h2 {
  text-align: center;
  display: block;
  margin: 0 auto;
  color: #217089;
  font-family: "MyriadPro";
  font-size: 22px;
  padding-top: 0px;
  padding-bottom: 40px; }
div.team-sections .name{
	background: #217089;
	padding: 5px 3px 3px 5px;
}
.name {
 
    font-family: "MyriadPro";
    color: white;
    font-size: 18px;
    }

.desig {
  background: #4e9fb9;
  font-family: "MyriadPro";
  color: white;
  font-size: 18px;
  padding: 5px 3px 3px 5px; }

.edu {
  background: #e9e9e9;
  font-family: "MyriadPro";
  color: black;
  font-size: 18px;
  padding: 5px 3px 3px 5px;
  border-top: 3px solid white;
  border-bottom: 3px solid white; }

.exp {
  background: #efefef;
  font-family: "MyriadPro";
  color: black;
  font-size: 18px;
  padding: 5px 3px 3px 5px; }

.team-sect {
  text-align: center;
  margin-bottom: 30px; }

/*************************collaboration********/
.main-collab {
  background-color: #fcfcfc;
  text-align: center;
  border: solid 1px #f6f6f6;
  padding: 0 0 14px;
  background-image: -webkit-linear-gradient(top, #ededed 0%, white 100%);
  background-image: -moz-linear-gradient(top, #ededed 0%, white 100%);
  background-image: -ms-linear-gradient(top, #ededed 0%, white 100%);
  background-image: -o-linear-gradient(top, #ededed 0%, white 100%);
  background-image: linear-gradient(top, #ededed 0%, white 100%); }

.main-collab img {
  margin-top: -21px; }

/*************************About********/
.quote-sect {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #f2f2f2 none repeat scroll 0 0;
  border: 1px solid gainsboro; }

.about-img img {
  padding: 0 7px;
  display: inline-block; }

.about-det {
  font-family: "MyriadPro";
  font-size: 18px;
  margin: 0 0 10px; }


.icon-fixed-width.fa.fa-plus {
  background: white none repeat scroll 0 0;
  padding: 2px 3px;
  color: #217089; }


.accor-area a {
  color: white; }

.fa.fa-quote-left {
  color: #217089;
  /*green*/
  font-size: 70px; }

.quote-det p {
  color: #217089;
  font-size: 22px;
  padding-top: 10px;
  font-style: italic;
  font-family: "MyriadPro"; }

/********************Contact***********/
.add-cont {
  background: #f9f9f9; }

.addres {
  padding: 30px 10px 40px 40px; }

.addres h1 {
  font-size: 22px;
  font-family: "MyriadPro"; }

.addres p {
  font-size: 18px;
  font-family: "MyriadPro";
  color: #000; }

.emails {
  color: #217089;
  /*green*/ }

.addresses:hover {
  background: whitesmoke; transition: all 0.8s;} 

.addresses-one:hover {
  background: whitesmoke; transition: all 0.8s;  }

.addres img {
  display: block;
  margin: 0 auto; }

.forms {
  margin-top: 10px; }

.names {
  padding: 0; }

.feilld {
  border: 1px solid #d1d1d1;
  border-radius: 0; }

.cont-btn {
  padding: 0; }

.send-btn {
  border: 1px solid #6b6b6b;
  border-radius: 0;
  width: 100%;
  background: #217089;
  padding: 9px 0px 12px 6px;
  font-family: "MyriadPro";
  font-weight: bold;
  text-transform: uppercase;
  color: white; }

.cont-load {
  margin-top: 10px; }

.load-btn {
  border: 1px solid #d9d9d9;
  border-radius: 0;
  width: 100%;
  background: #f9f9f9;
  padding: 9px 0px 12px 6px;
  font-family: "MyriadPro";
  font-weight: bold;
  color: #d9d9d9; }

.load-btn::before {
  background: transparent url("images/tools/Forma-13.html") no-repeat scroll 0 0;
  content: ""; }

.load-btn a {
  border: 1px solid #d9d9d9;
  border-radius: 0; }

.send-btn a {
  border: 1px solid #6b6b6b;
  border-radius: 0; }

.forms {
  padding: 0; }

.feilld {
  height: 62px; }

.area-box {
  height: 80px; }

/***************Clients************/
.client-paragrah img {
  padding-bottom: 30px;
  padding-top: 30px; }

.client-paragrah h1 {
  padding-bottom: 10px; }


.clients {
  padding: 0; }

.client-paragrah {
  padding: 0; }

.client-paragrah h1 {
  color: #217089;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.client-img-section {
  background-color: #fcfcfc;
  background-image: -moz-linear-gradient(center top, #ededed 0%, white 100%);
  border: 1px solid #f6f6f6;
  padding: 0 0 14px;
  text-align: center; }

/*******************Tabel Css***************/
@media (min-device: 20px) {
  #fg-logo {
    background-size: 287px 52px; } }
/* Customized Demo CSS for our Demo Tables */
.tablesaw-columntoggle td.title a,
.tablesaw-swipe td.title a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 10em; }

@media (max-width: 48em) {
  td.title {
    max-width: 100%; }

  .tablesaw-stack td.title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10em;
    max-width: 40vw; }

  tr td.title {
    margin-bottom: 0px;
    margin-top: 0px; }

  .tablesaw td {
    line-height: 23px; }

  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    margin-top: -6px; } }
@media (max-width: 48em) {
  td.title {
    max-width: 100%; }

  .tablesaw-stack td.title a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10em;
    max-width: 100%; }

  tr td.title {
    margin-bottom: 0px;
    margin-top: 0px; }

  .tablesaw td {
    line-height: 23px; }

  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    margin-top: -6px; } }
/*************Tabel saw css*******/
/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed  */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%; }

.tablesaw {
  border-collapse: collapse;
  width: 100%; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .5em .7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

.tablesaw-enhanced .tablesaw-bar .btn {
  border: 1px solid #cccccc;
  background: none;
  background-color: #fafafa;
  box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: .5em .85em .4em .85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 white;
  width: 100%;
  /* Theming */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: .25em; }

.tablesaw-enhanced .tablesaw-bar a.btn {
  color: #1c95d4; }

.tablesaw-enhanced .tablesaw-bar .btn:hover {
  text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%); }

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .btn:focus {
  color: #208de3;
  background-color: white;
  outline: none; }

.tablesaw-bar .btn:focus {
  box-shadow: 0 0 0.35em #4faeef !important; }

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em; }

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent; }

.tablesaw-bar .btn select option {
  background: white;
  color: black;
  font-family: sans-serif; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0; }

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .btn.btn-micro {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0; }

.tablesaw-bar .btn.btn-small {
  font-size: 1.0625em;
  line-height: 19px;
  padding: .3em 1em .3em 1em; }

.tablesaw-bar .btn.btn-micro {
  font-size: .8125em;
  padding: .4em .7em .25em .7em; }

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left; }

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  content: " ";
  display: block;
  position: absolute; }

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em; }

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: .25em .45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em; }

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0; }

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em; }

.tablesaw-advance .btn.btn-micro {
  font-size: .8125em;
  padding: .3em .7em .25em .7em; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid gray; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid gray; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid gray; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid gray; }

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
  font-family: sans-serif; }

.tablesaw-toolbar {
  font-size: .875em;
  float: left; }

.tablesaw-toolbar label {
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase; }

.tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .btn {
  margin-top: .5em;
  margin-bottom: .5em; }

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0; }

.tablesaw-bar .tablesaw-toolbar .btn {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em; }

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0; }

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em; }

.tablesaw-bar .tablesaw-toolbar select {
  color: #888888;
  text-transform: none;
  background: transparent; }

.tablesaw-toolbar ~ table {
  clear: both; }

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible; } }
table.tablesaw tbody th {
  font-weight: bold; }

table.tablesaw thead th,
table.tablesaw thead td {
  color: #444;
  font-size: .9em; }

.tablesaw th,
.tablesaw td {
  line-height: 1em;
  text-align: left;
  vertical-align: middle; }

.tablesaw td,
.tablesaw tbody th {
  vertical-align: middle;
  font-size: 1.17em;
  /* 19px */ }

.tablesaw td, .tablesaw tbody th {
  font-size: 16px;
  text-transform: lowercase;
  vertical-align: middle; }

.table-det {
  background: #e3e3e3; }

.t-client-det {
  background: #ececec;
  font-weight: bold;
  padding: 30px 0 30px 20px !important; }

.t-edu-det {
  background: #ececec;
  font-weight: bold;
  padding: 30px 0 30px 20px !important; }

.date-det {
  background: #f1f1f1;
  font-weight: bold;
  padding: 30px 0 30px 20px !important; }

.title.table-det {
  padding: 30px 12px 30px 12px;
  text-transform:none; }

.tablesaw-stack.power-list tbody tr {
  border-bottom: solid 5px white !important; }

.tablesaw-stack tbody tr td.t-edu-det {
  border-right: solid 1px white !important;
  padding: 30px 0 30px 20px; }

.tablesaw-stack tbody tr td.t-client-det {
  border-right: solid 1px white !important;
  padding: 30px 0 30px 20px;
  text-transform:none;
   }

.tablesaw-stack tbody tr td.date-det {
  border-right: solid 1px white !important;
  padding: 30px 0 30px 20px;
  text-align: center; }

tr td.table-det {
  width: 52%; }

.power-list {
  border-bottom: solid 1px black !important; }

.tablesaw thead {
  border: 1px solid #e5e5e4;
  background: #ecdfdc;
  background-image: -webkit-linear-gradient(top, white, #ecdfdc);
  background-image: linear-gradient(to bottom, white, #ecdfdc); }

.tablesaw thead th {
  font-weight: 100;
  color: #7777dc;
  text-transform: uppercase;
  text-shadow: 0 1px 0 white;
  text-align: left; }

.tablesaw thead tr:first-child th {
  font-weight: normal;
  font-family: sans-serif;
  border-right: 1px solid #e4e1de; }

/* Table rows have a gray bottom stroke by default */
.tablesaw tbody tr {
  border-bottom: 1px solid #dfdfdf; }

.tablesaw caption {
  text-align: left;
  margin-bottom: 0;
  opacity: .5;
  filter: alpha(opacity=50);
  line-height: 2.4; }

@media (min-width: 25em) {
  .tablesaw caption {
    margin-bottom: .6em;
    line-height: 1.2; } }
/* Stack */
.tablesaw-cell-label-top {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: normal; }

@media only all {
  .tablesaw-swipe .tablesaw-cell-persist {
    border-right: 1px solid #e4e1de; }

  .tablesaw-swipe .tablesaw-cell-persist {
    box-shadow: 3px 0 4px -1px #e4e1de; } }
/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #e9e9e9; }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media (max-width: 991px) and (min-width: 30px) {
  /* Show the table cells as a block level element */
  .act {
    display: none !important; }

  .action-btns i {
    float: right;
    padding: 10px; }

  .action-btns .tablesaw-cell-label {
    visibility: hidden; }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }

  .tablesaw-stack tr {
    clear: both;
    display: table-row; }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 100%;
    display: inline-block; }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }

  .tablesaw-cell-label {
    display: block; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }
@media (max-width: 991px) and (min-width: 30px) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%; }

  .tablesaw-cell-label {
    vertical-align: top; }

  .power-tabel {
    overflow-x: unset; }

  .tablesaw-cell-content {
    max-width: 67%; }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }

  tr td.title {
    margin-bottom: 0px;
    margin-top: -15px; }

  td.title {
    max-width: 100%; }

  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    float: left;
    width: 30%; }

  .edu-table tr td input {
    border: 1px solid #cccccc;
    float: right;
    width: 70%;
    padding: 0; }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block; }

  .input-sm.form-control.datepicker {
    padding: 5px; }

  .tablesaw-cell-label {
    vertical-align: top; }

  .tablesaw-cell-content {
    max-width: 100%; }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; } }
/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (max-width: 767px) {
	.menues{ margin-top:0px !important;margin-bottom:10px !important;}
  .tablesaw-stack tr {
    display: table-row; }
	.panel-heading ul li {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
	float:none;
	 .title.icon-det{display:block; text-align: center;}
    .title.icon-det > span > a > .fa {display:block; text-align: center;}
    
}
.collaboration {
   
    float: none;
    margin: 0 auto;
    text-align: center;
   
}
  .tablesaw-stack tbody tr td.t-client-det {
    text-align: center; }

  .tablesaw-stack tbody tr td.table-det {
    text-align: center; }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }

  /* Hide the labels in each cell */
  .tablesaw-sortable-btn {
    display: none; } }
.tablesaw-fix-persist {
  table-layout: fixed; }

.btn.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block; }

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */ }

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em; }

.tablesaw-columntoggle tbody td {
  line-height: 1.5; }

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none; }

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: .5em .8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1; }

.tablesaw-columntoggle-popup fieldset {
  margin: 0; }

/* Hide all prioritized columns by default */
.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0; }

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none; }

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
/* Show priority 2 at 480px (30em x 16px) */
/* Show priority 3 at 640px (40em x 16px) */
.tablesaw-columntoggle-popup .btn-group > label {
  display: block;
  padding: .2em 0;
  white-space: nowrap; }

.tablesaw-columntoggle-popup .btn-group > label input {
  margin-right: .8em; }

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative; }

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top; }

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0; }

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: 1.6em; }

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  background: transparent;
  border: 0;
  padding: 0;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "MyriadPro";
  position: relative; }

.responsive-table {
  padding: 0; }

.res-tabels {
  padding: 0; }

.work {
  background: #217089;
  color: white !important;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "MyriadPro"; }

.t-client {
  background: #2d819c;
  color: white !important;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "MyriadPro"; }

.year {
  background: #419dbb;
  color: white !important;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "MyriadPro"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  width: 7px;
  height: 10px;
  content: "\0020";
  position: absolute;
  right: .5em; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "\2191"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "\2193"; }

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block; }

.tablesaw-sortable .not-applicable span {
  display: none; }

.tablesaw-advance {
  float: right; }

.tablesaw-advance.minimap {
  margin-right: .4em; }

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none; }

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: .4em .2em; }

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block; }

.tablesaw-advance-dots-hide {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

.new-event-section {
  padding-top: 2px; }

.main-go-area {
  padding-right: 0; }

.goto-section {
  padding-right: 0; }

/*****Tools********/
.events-dets > h5::before {
  background: transparent url("../images/home/Forma-13.png") no-repeat scroll 0 0;
  bottom: -14px;
  content: "";
  display: inline-block;
  height: 39px;
  margin-left: 8px;
  position: relative;
  width: 56px; }

.go-to {
  float: right;
  display: inline-flex; }

.sorting span {
  display: inline-flex;
  padding-left: 0; }

.labels {
  color: #217089;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  padding-right: 10px;
  padding-top: 10px; }

.sorts {
  border: solid 1px #d1d1d1;
  padding: 7px 9px !important;
  color: #d1d1d1;
  position: relative; }

.caret {
  margin-top: 6px;
  float: right; }

.sort {
  padding-left: 0; }

.sorting {
  display: inline-flex;
  padding-left: 0; }

.sorts {
  width: 160px;
  padding-left: 0; }

.sorts a {
  color: #d1d1d1; }

.table-det1 {
  background: #e3e3e3; }

.tablesaw tbody tr td.titles {
  border-top: 1px solid transparent;
  border-bottom: 3px solid white; 
  text-transform:none;}

.table-det1 {
  color: #115165; }

.t-client-det1 {
  background: #ececec; }

.t-edu-det1 {
  background: #f1f1f1;
  border-left: solid 5px white;
  border-right: solid 5px white; }

.t-edu-det2 {
  background: whitesmoke; }

/**********Custome********/
#w {
  position: relative; }

.slidernav {
  display: block;
  float: left;
  margin: 0 auto;
  padding: 100px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99999; }
#navbtns{ border:solid 1px transparent !important;}
#navbtns {
  border: medium solid;
  display: inline-block;
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%; }

#navbtns a.previous {
  float: left; }

#navbtns a.next {
  float: right; }
  
  
*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
#navbtns a.previous {
    float: left;
}
.slidernav a {
    background: #217089 none repeat scroll 0 0 !important;
    border-radius: 0px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff!important;
    display: inline-block;
    font-size: 1.4em;
   
   
    text-decoration: none;
    text-transform: uppercase!important; font-size:15px !important;
	
}
img.one-img{
 -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}

.thumbnail.itemss{ padding:0 !important;}

.thumbnail.itemss img {
    display: inline-flex;
    float: left;
    margin: 4px -81px 22px 114px;
	}
	
	.h_iframe        {position:relative;padding-bottom:300px;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%; }

img.one-img{
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray;
}

.abouts-area{height: 260px;
overflow: hidden;
margin-right: 51px;
display: block;
float: left;
width: 100%;}
.experts-area{ margin-top:20px;}
/*# sourceMappingURL=style.css.map */
.menues li{
padding: 0px 0px  8px 0px;
}
.menues li:hover a {
    color:hsl(194, 61%, 33%) !important;
}
.tabs-section li:hover a,.tabs-section li:active a{ color:hsl(0, 0%, 20%)!important;}
 .exp-heading h2 {
		font-size: 15px;
		font-weight: normal; 
		padding-bottom: 10px;
		color: black;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	   }
.inner-img{ border-radius:5px; border: 1px solid #d6d6d6;}
.inner-img:hover{transform: scale(1.1); transition: all 0.5s;}
	.navbar-brand:hover > img {transform: scale(1.1); transition: all 0.5s!important;}

.about-dets-AREA p{ overflow:hidden!important;}
.exp-heading{overflow:hidden;}
.owl-prev{ background: #e5e5e5 none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    color: #000000;
    
    
  }
.owl-next{ background: #e5e5e5 none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    color: #000000;
    
  
}
.owl-theme .owl-controls .owl-buttons div{opacity:1!important; color:rgb(0,0,0)!important;}
.gallery-forma img{ display:block;  margin:0 auto;  text-align:center; padding-top:10px; }
.owl-theme .owl-controls .owl-buttons div{  padding: 4px 15px 4px 16px !important;
}

/*************Owl-Carousal**********/

  #owl-demo2 .item{
        margin: 3px;
    }
    #owl-demo2 .item img, #owl-demo3 .item img, #owl-demo1 .item img{
        display: block;
        width: 100%;
        height: auto;
    }



	 #owl-demo1 .item{
        margin: 3px;
    }
    #owl-demo1 .item img{
        display: block;
        width: 100%;
        height: auto;
    }
   

   

    #owl-demo .item{
      background: #3fbf79;
   
      margin: 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
    }
    .customNavigation{
      text-align: center;
    }
    //use styles below to disable ugly selection
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
	
.table-cell{
  width:500px!important;
  display: inline-block;
  display: table-cell;
  
  vertical-align:middle;
  text-align: center;
  overflow:hidden;
  height:134px;
}
.table-cell img{

  vertical-align:middle !important;
}


.about-dets-AREA p {
    height: 131px;overflow:hidden;}
    
.Clients-Area p{overflow:hidden;}
.about-dets-AREA h3{ white-space: nowrap; 
  
    overflow: hidden;
    text-overflow: ellipsis; 
    }
	.Clients-Area h1{white-space: nowrap; 
  
    overflow: hidden;
    text-overflow: ellipsis; }
	
	.Clients-Area p{overflow:hidden;}
	.team-sect .name {white-space: nowrap; 
   
    overflow: hidden;
    text-overflow: ellipsis;}
	.team-sect .desig{white-space: nowrap; 
   
    overflow: hidden;
    text-overflow: ellipsis;}
	.team-sect .edu{white-space: nowrap; 
   
    overflow: hidden;
    text-overflow: ellipsis;}
	.team-sect .exp{white-space: nowrap; 
   
    overflow: hidden;
    text-overflow: ellipsis;}
.item.thumbnail.projects-section h4{white-space: nowrap; 
   
    overflow: hidden;
    text-overflow: ellipsis; }
	
	.item.thumbnail.projects-section p{
   white-space: nowrap; 
    
    overflow: hidden;
    text-overflow: ellipsis; 
    }
	.collab-sect {
    margin-bottom: 30px !important; }
.main-collab p {
    height: 20px;
    overflow: hidden;
}





/************Accordian********/

.accordion-group {
    background: hsl(194, 61%, 33%) none repeat scroll 0 0 !important;
}
.accor-group-area {
    clear: both;
   
    height: auto;
    margin: 0 0 10px;
    width: 100%;
}
.accor-area {
    background: hsl(194, 61%, 33%) none repeat scroll 0 0 !important;
    color: hsl(0, 0%, 100%);
    font-size: 18px;
    padding: 1px 15px 1px 24px;
}


.accor-det {
    color: hsl(0, 0%, 100%);
    font-size: 16px;
    padding: 0 10px 32px 14px;
}


.innser-accor-sect {
  padding-bottom: 25px;
  padding-left: 0;
  padding-right: 0; }
  
  
  .accor-det {
    color: hsl(0, 0%, 100%);
    font-size: 16px;
    padding: 0 10px 32px 14px;
}

.innser-accor-sect {
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
}
.panel-det{ background:#206f87 none repeat scroll 0 0;}
.panel-title{padding:30px 0px;}


.proj-panel{ background-color:transparent !important; border-color:transparent !important;}
/*************Accordian**********/
.panel-det{
border-top-color:#217089 !important;}

/*.panel-title > a:after*/h4.panel-title::after {
    font-family: FontAwesome;
    content:"\f068"; float:right;
    
	 background: #ffffff none repeat scroll 0 0;
    color: #217089;
  
    float: right; text-decoration:none;
	padding:2px 5px;
}
/*.panel-title > a.collapsed:after*/a.collapsed h4.panel-title::after {
    content:"\f067";font-family: FontAwesome;      background: #ffffff none repeat scroll 0 0;
    color: #217089;
   
    float: right;
	padding:2px 5px;
}
a.collapsed h4.panel-title:hover, 
a.collapsed h4.panel-title:active, 
a.collapsed h4.panel-title:focus  {
    text-decoration:none;
}
h4.panel-title{ text-align:left;}


a:hover{ text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}div.wpcf7-validation-errors{	display: inline-block !important;}


@media (max-width: 767px) {
.event-det-head{ text-align: center;}
}





.event-det-head > .event-detail h5{ font-size: 20px;}
.read-det img{ display: block; margin: 0 auto;}
.event-det-head{ margin: 20px 0px;}
.jobs-p p{
  text-align: left !important;
}


.wpcf7-response-output , .wpcf7-mail-sent-ng
{
  display: inline-block;
}




.pdf a {
    background: hsl(194, 63%, 33%) none repeat scroll 0 0;
    border-radius: 4px;
    color: hsl(0, 0%, 100%);
    font-weight: bold;
    overflow: hidden;
    padding: 5px 17px;
    position: relative;
}

.title.icon-det > span > a > .fa {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.icon-det{
    background: hsl(0, 0%, 95%) none repeat scroll 0 0;
    font-weight: bold;
   
}

.tool_and_plant_type b{
  display: none !important;
}