@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,600);
@import url("font-awesome.min.css");
body, .pure-g [class*="pure-u"] {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #222;
}
.form-control1 {
	display:block;
	width:100%;
	height:28px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#ccc;
	background-image:none;
	border:1px solid #284bac;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: white url("../img/loader-sk.gif") 50% 50% no-repeat;
}

#header {
  position: relative;
  z-index: 999;
}
#header .wrap {
  width: 100%;
  display: table;
  padding: 0px 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 6px solid #9f2925;
  max-height: 100px;
}
#header .wrap .logo, #header .wrap .right {
  display: block;
  text-align: center;
  vertical-align: middle;
  width:235px;
}
#header .wrap .logo img, #header .wrap .right img {
  width: auto;
  -webkit-transition: .5s linear all;
  transition: .5s linear all;
}
#header .wrap .logo .social, #header .wrap .logo .menu, #header .wrap .right .social, #header .wrap .right .menu {
  text-align: center;
  margin-top: 18px;
}
#header .wrap .logo .social a, #header .wrap .logo .menu a, #header .wrap .right .social a, #header .wrap .right .menu a {
  color: #333;
  text-decoration: none;
}
#header .wrap .logo .social .fa, #header .wrap .logo .menu .fa, #header .wrap .right .social .fa, #header .wrap .right .menu .fa {
  padding-left: 15px;
}
#header .wrap .logo .toggle-nav, #header .wrap .right .toggle-nav {
  display: inline-block;
  position: fixed;
  z-index: 999;
  color: #555;
  background: #fff;
  top: 25px;
  right: 15px;
  padding: 10px 15px;
  font-size: 60px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
#header .wrap .logo ul, #header .wrap .right ul {
  list-style: none;
  display: none;
  float: right;
  position: fixed;
  background: #fff;
  top: 102px;
  right: 15px;
  padding: 0;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
}
#header .wrap .logo ul li, #header .wrap .right ul li {
  padding: 5px 10px 5px 30px;
  font-size: 30px;
  border-bottom: 1px solid #777;
  text-align: right;
}

#home .slider {
  position: relative;
  overflow: auto;
  text-align: center;
  max-height: 100vh;
}
#home .slider .direction {
  display: none;
}
#home .slider ul {
  margin: 0;
  padding: 0;
}
#home .slider ul li {
  list-style: none;
  float: left;
}
#home .slider ul li:before {
  content: '';
  position: absolute;
  background: #000;
  opacity: 0.3;
  display: block;
  width: 100%;
  height: 100%;
}
#home .slider ul li img {
  width: 100%;
}
#home .slider ul li .slide-content {
  position: absolute;
  top: 30%;
  color: #fff;
  text-align: center;
  width: 100%;
}
#home .slider ul li .slide-content h3 {
  font-size: 10px;
  margin: 0.25em 0;
  font-weight: 300;
}
#home .slider ul li .slide-content h6 {
  font-size: 24px;
  margin: 0.25em 0;
  font-weight: 400;
  color:#f9e398;
}
#home .slider ul li .slide-content dl {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}
#home .slider ul li .slide-content dl dd {
  margin: 0;
}
#home .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}
#home .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  opacity: .4;
}
#home .dots li.active {
  opacity: 1;
}

section h2 {
  border: none;
  font-size: 30px;
  font-family: "Open Sans", sans-serif !important;
  color: #c0392b;
  font-weight: 300;
  margin-top: 0px;
  padding-top: 20px;
  margin-bottom: 0;
  text-align: center;
}
section span.tagline {
  font-size: 24px;
  text-transform: none;
  font-weight: 300;
  color: #333;
  text-align: center;
  display: block;
}

#about-us {
  padding: 15px 15%;
  margin-bottom: 40px;
  text-align:center;
}
#about-us .left, #about-us .right {
  width: 100%;
}
#about-us .quote-wrap {
  position: relative;
  overflow: auto;
  display: block;
  margin: auto;
  min-height: 50px;
  text-align: center;
}
#about-us .quote-wrap .direction {
  display: none;
}
#about-us .quote-wrap ul {
  padding: 0;
  margin: 0;
}
#about-us .quote-wrap ul li {
  float: left;
  list-style: none;
}
#about-us .quote-wrap ul li span.quote {
  display: block;
  font-size: 24px;
  padding: 20px 0;
  z-index: 300;
}
#about-us .quote-wrap ul li span.quote .fa {
  color: #34495e;
}
#about-us .quote-wrap ul li span.by {
  display: block;
  z-index: 300;
}
#about-us .quote-wrap ul li span.by .name {
  font-weight: bold;
}

#services {
  background:#f5f5f5;;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}
#services .controls {
  display: table;
  text-align: center;
  margin: 20px auto;
}
#services .controls .filter {
  padding: 0 15px;
  color: #333;
  cursor: pointer;
  display: table-cell;
}
#services .controls .filter .text {
  padding-bottom: 3px;
}
#services .controls .active {
  color: #d35400;
}
#services .controls .active .text {
  border-bottom: 2px solid #27ae60;
}
#services .service-container {
  text-align: center;
  margin-top: 10px;
  padding: 0 5% 20px;
}
#services .service-container .mix {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  background: none;
}
#services .service-container .mix .fa {
  font-size: 100px;
  display: block;
}
#services .service-container .mix .title {
  font-size: 16px;
  font-weight: bold;
}
#services .service-container .mix .byline {
  color: #d35400;
}
#services .service-container .mix a.button {
  background: #d35400;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  margin-top: 5px;
  display: inline-block;
}
#services .service-container .hide {
  display: none;
}

#team {
  margin-bottom: 40px;
}
#team .team-wrap {
  margin-top: 30px;
}
#team .team-wrap ul.wrap {
  margin: 0;
  padding: 0;
}
#team .team-wrap ul.wrap li {
  margin-bottom: -4px;
  position: relative;
}
#team .team-wrap ul.wrap li img {
  width: 100%;
}

.sliphover-container {
  z-index: 499 !important;
}
.sliphover-container .info {
  bottom: 10%;
  position: absolute;
  width: 100%;
}
.sliphover-container .info .name {
  text-align: center;
  display: block;
  font-size: 28px;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.sliphover-container .info .title {
  text-align: center;
  display: block;
  font-size: 16px;
}

#expertise {
  overflow: hidden;
  margin-bottom: 40px;
}
#expertise ul.items {
  list-style-type: none;
  background: url("../img/bg/expertise.jpg") center 0 fixed;
  padding: 6% 5%;
  position: relative;
  margin-top: 30px;
  margin-bottom: 0;
}
#expertise ul.items .pattern {
  background: url("../img/pattern/square.png");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#expertise ul.items li.item {
  margin: 25px 0;
  font-size: 30px;
  color: #fff;
  text-align: center;
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
  background: none;
}
#expertise ul.items li.item span {
  display: block;
  text-transform: uppercase;
}

#office .office-wrap {
  margin-top: 0;
  margin-bottom: -20px;
}
#office .office-wrap ul.wrap {
  margin: 0;
  padding: 20px 0;
  overflow: hidden;
}
#office .office-wrap ul.wrap li.img-wrap {
  position: relative;
  z-index: 1;
  background: #000;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .1s ease all;
  transition: .1s ease all;
}
#office .office-wrap ul.wrap li.img-wrap:hover {
  z-index: 50;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}
#office .office-wrap ul.wrap li.img-wrap img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#news .news-wrap {
  margin-top: 40px;
}
#news .news-wrap .news {
  position: relative;
  display: table;
}
#news .news-wrap .news .left {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 15px 0;
}
#news .news-wrap .news .left img {
  width: 100%;
}
#news .news-wrap .news .right {
  display: block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 15px 0;
}
#news .news-wrap .news .right img {
  width: 100%;
}
#news .news-wrap .news .divider {
  display: none;
}
#news .news-wrap .news h4 {
  font-size: 18px;
  font-weight: normal;
  font-family: 'Source Sans Pro' !important;
  margin: 1em 0;
}
#news .news-wrap .news a {
  text-decoration: none;
  color: #fff;
  background: #e67e22;
  padding: 5px;
}

#info {
  background: url("../img/pattern/bg-orange.jpg") repeat;
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 40px;
}
#info h2 {
  text-align: left;
  margin: 0;
  font-size: 30px;
  color: #fff;
}
#info .info-wrap {
  padding: 3% 5%;
}
#info .jobs, #info .branding, #info .people {
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}
#info .jobs a, #info .branding a, #info .people a {
  color: #fff;
  text-decoration: none;
}
#info .divider {
  display: none;
}

#contact .contact-bg {
  background: url("../img/bg/prism.jpg") center;
  color: #fff;
  margin-top: 30px;
  overflow: hidden;
}
#contact h3 {
  font-size: 20px;
  display: inline-block;
  border-bottom: 1px solid #222;
  padding-bottom: 5px;
}
#contact .form {
  padding: 3% 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
}
#contact .form .pure-form-aligned .pure-control-group label {
  text-align: left;
}
#contact .form .pure-form-aligned .pure-control-group label i {
  float: left;
  padding-right: 5px;
}
#contact .form .pure-form-aligned .pure-control-group input[type=text], #contact .form .pure-form-aligned .pure-control-group input[type=tel], #contact .form .pure-form-aligned .pure-control-group input[type=email], #contact .form .pure-form-aligned .pure-control-group textarea, #contact .form .pure-form-aligned .pure-control-group select {
  width: 60%;
  background: rgba(255, 255, 255, 0.5);
  color: #444;
  padding: 5px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-top: 5px;
}
#contact .form .pure-form-aligned .pure-control-group textarea {
  height: 100px;
}
#contact .form .pure-form-aligned .pure-control-group span.upload {
  display: inline-block;
  vertical-align: top;
  width: 60%;
}
#contact .form .pure-form-aligned .pure-control-group span.upload input.fileUploadText {
  width: 60%;
  color: #777;
}
#contact .form .pure-form-aligned .pure-control-group span.upload .fileUpload {
  position: relative;
  overflow: hidden;
  float: left;
  display: inline-block;
  margin-bottom: 10px;
}
#contact .form .pure-form-aligned .pure-control-group span.upload .fileUpload input.uploadButton {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
#contact .form .pure-form-aligned .pure-control-group span.upload .pure-button {
  font-size: 0.83em;
  margin-left: 5%;
  opacity: 0.8;
  background-image: none;
}
#contact .form .pure-form-aligned .pure-control-group span.upload .pure-button:hover {
  opacity: 1;
}
#contact .form .pure-form-aligned .pure-control-group span.upload .info {
  display: block;
  clear: both;
  margin-bottom: 5px;
  color: #fff;
  font-size: 15px;
}
#contact .form .pure-form-aligned .pure-control-group .pure-button-primary {
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-transition: .2s ease all;
  transition: .2s ease all;
}
#contact .form .pure-form-aligned .pure-control-group .pure-button-primary:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
#contact .address {
  padding: 3% 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
}
#contact .address .wrap {
  margin-top: -15px;
  font-weight: 400;
}
#contact .address .wrap span.block {
  display: table;
  margin: 15px 0;
}
#contact .address .wrap span.block i, #contact .address .wrap span.block span {
  display: table-cell;
}
#contact .address .wrap span.block i a, #contact .address .wrap span.block span a {
  color: #222;
  text-decoration: none;
  vertical-align: top;
}
#contact .address .wrap span.block i {
  min-width: 18px;
}
#contact .address .wrap span.block span:before {
  content: ":";
  font-weight: bold;
  padding: 0 5px;
}
#contact .social .wrap {
  display: block;
  border: none;
  padding: 0;
  margin-top: -5px;
}
#contact .social .wrap a {
  font-size: 20px;
  color: #222;
  text-decoration: none;
  padding-right: 15px;
}

.footer {
font-family: "Open Sans",sans-serif !important; color: #fff; text-align:center; font-size:18px; font-weight:300; line-height:30px;}
.footer a {
  color: #fff;
  text-decoration: none;
  padding:0px 7px;
}

@media (min-width: 1020px) {
  #header .wrap {
    position: fixed;
  }
  #header .wrap .logo, #header .wrap .right {
    display: table-cell;
  }
  #header .wrap .logo .social, #header .wrap .logo .menu, #header .wrap .right .social, #header .wrap .right .menu {
    display: block;
    height: 50%;
    text-align: right;
  }
  #header .wrap .logo .toggle-nav, #header .wrap .right .toggle-nav {
    display: none;
  }
  #header .wrap .logo ul, #header .wrap .right ul {
    display: table;
    margin-bottom: 0px;
    position: relative;
    background: none;
    top: 0px;
    right: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #header .wrap .logo ul li, #header .wrap .right ul li {
    display: table-cell;
    padding: 0 0 0 30px;
    border-bottom: 0;
    font-size: 15px;
  }
  #header .wrap .logo ul li a, #header .wrap .right ul li a {
    padding: 0 0 5px;
    border-bottom: 0;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
  }
  #header .wrap .logo ul li a:hover, #header .wrap .right ul li a:hover {
    border-bottom: 2px solid #555;
  }
  #header .wrap .logo ul li.current a, #header .wrap .right ul li.current a {
    border-bottom: 7px solid #9f2925;
  }
  #header .fixed {
    position: fixed;
    max-height: 75px;
    background: white;
  }
  #header .fixed .logo img {
    width: 110px;
  }

  #home .slider .direction {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 400;
    cursor: pointer;
    font-size: 60px;
    color: #fff;
  }
  #home .slider .prev {
    left: 0%;
  }
   #home .slider .prev .fa{ background:rgba(255, 255, 255, 0.4); padding:20px;} 
      #home .slider .next .fa{ background:rgba(255, 255, 255, 0.4); padding:20px;} 
  #home .slider .next {
    right: 0%;
  }
  #home .slider ul li .slide-content {
    top: 37%;
    padding: 0 15%;
    width: 70%;
  }
  #home .slider ul li .slide-content h3 {
    font-size: 30px;
  }
  #home .slider ul li .slide-content h6 {
    font-size: 40px;
  }
  #home .slider ul li .slide-content dl {
    font-size: 24px;
    line-height: 24px;
  }

  section h2 {
    font-size: 45px;
	padding-top:0px;
  }
  section span.tagline {
	  margin-top:40px;
    font-size: 35px;
	 font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  }

  #about-us .left {
    float: left;
    padding: 1% 1% 1% 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  #about-us .right {
    float: right;
    padding: 1% 10% 1% 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }
  #about-us .quote-wrap .direction {
    position: absolute;
    top: 25%;
    z-index: 400;
    cursor: pointer;
    display: none;
    font-size: 50px;
    color: #777;
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
  }
  #about-us .quote-wrap .direction:hover {
    color: #555;
  }
  #about-us .quote-wrap .prev {
    left: 10%;
  }
  #about-us .quote-wrap .next {
    right: 10%;
  }

  #services .controls .filter {
    margin: 0 10px;
  }
  #services .service-container {
    margin-top: 20px;
    padding: 0 10% 20px;
  }

  #expertise ul.items li.item {
    margin: 40px 0;
  }

  #news .news-wrap .news {
    padding: 0 10%;
  }
  #news .news-wrap .news .left {
    display: inline-block;
    text-align: right;
    padding-right: 5%;
  }
  #news .news-wrap .news .right {
    display: inline-block;
    text-align: left;
    padding-left: 5%;
  }
  #news .news-wrap .news .divider {
    display: inline-block;
    content: '';
    background: url(../img/bg/divider.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 30px;
  }

  #info h2 {
    font-size: 50px;
  }
  #info .info-wrap {
    padding: 7% 5%;
  }
  #info .divider {
    display: block;
    content: '';
    border: 1px dashed #fff;
    width: 90%;
    margin: 10% auto 5%;
  }

  #contact .form .pure-form-aligned .pure-control-group label i {
    float: right;
    padding: 0;
  }
  #contact .form .pure-form-aligned .pure-control-group input[type=text], #contact .form .pure-form-aligned .pure-control-group input[type=tel], #contact .form .pure-form-aligned .pure-control-group input[type=email], #contact .form .pure-form-aligned .pure-control-group textarea, #contact .form .pure-form-aligned .pure-control-group select {
    margin-top: 0;
  }
  #contact .form .pure-form-aligned .pure-control-group span.upload input.fileUploadText {
    width: 70%;
  }
  #contact .form .pure-form-aligned .pure-control-group span.upload .pure-button {
    margin-left: 5%;
  }
  #contact .address .wrap span.block i a, #contact .address .wrap span.block span a {
    display: inline-block;
  }

  .footer {
    font-size: 16px;
  }
}
.slide-content{ background:rgba(0, 0, 0, 0.6); text-align:center;}


.read{ border:1px #555555 solid;
padding:20px 60px; color:#555555; text-decoration:none; margin-top:20px; clear:both;}

p{
	  font-family: 'Roboto Condensed', sans-serif;
	  font-weight: 300;
	  line-height:24px;
	  color: #000;
      font-size:17px;
	 }
.text{
	  font-family: 'Roboto Condensed', sans-serif;
	  font-size:20px;
	  font-weight: 300;
	  line-height:24px;
	  color: #222;
	}
.yelowcolor{ background:#f6c10c; padding:0 0 0 20px; overflow:hidden; height:244px;}		 
.content{ width:260px; text-align:left;}	
.colimg{ width:210px;}	

.title1{
	 font-family: 'Roboto Condensed', sans-serif;
	  font-size:20px;
	  font-weight: 400;
	  line-height:24px;
	  color: #ffffff;
	  margin-bottom:0px;
	}
.redmor{ background:#ffffff; color:#333333; text-decoration:none; font-size:14px; padding:10px 20px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}	
#contact .condet{ font-family: "Open Sans",sans-serif !important; text-align:center; font-size:22px; font-weight:300; }
#contact{background:url(../img/bgre.jpg) repeat-x bottom center !important;}
.form-control{ background:#333333; font-size:15px; color:#ffffff; width:100%; padding:13px 20px; margin-bottom:10px; border:none;}
.subbtn{ background:#000000; border:1px #ffffff solid; padding:10px 20px; font-weight:bold; color:#ffffff;}