@charset "UTF-8";
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
  html, body {
    width: 100%;
    max-width: 100vw;
   /* overflow-x: hidden */
  }
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-align-bottom {
  position: relative;
  top: 100%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.horizontal-align {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.horizontal-align-right {
  position: relative;
  left: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.align-right-center {
  position: relative;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.heading-style {
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}
.heading-style:after {
  content: '';
  display: block;
  margin: 7px auto auto;
  height: 2px;
  background: transparent;
  width: 0%;
  background-color: #f3746b;
}
.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  padding-top: 5px!important;
  height:auto !important;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url('ajax-loader.gif') center center no-repeat;
}
/* Icons */
/* @font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 2;
  display: block;
  height: 220px;
  width: 55px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  top: 50%;
  margin-top: -110px \9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background: center no-repeat;
  background-size: 18px 30px;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
/* .slick-prev:before, .slick-next:before {
    font-family: @slick-font-family;
    font-size: 20px;
    line-height: 1;
    color: @slick-arrow-color;
    opacity: @slick-opacity-default;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */
.slick-prev {
  left: -55px;
  background-image: url("../images/arrow-left.png");
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "";
}
.slick-prev:before[dir="rtl"] {
  content: "→";
}
.slick-next {
  right: -55px;
  background-image: url("../images/arrow-right.png");
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "";
}
.slick-next:before[dir="rtl"] {
  content: "←";
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -77px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 2px 0px 1px;
  padding: 0;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ebedef;
  border-color: #ee3527;
  overflow: hidden;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 12px;
  width: 12px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  background-color: #ee3527;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.slick-dots li.slick-active button:before {
  background-color: #ee3527;
}
/*
   .-----------------------------------------------------.
   |                    BASIC ELEMENTS                   |
   '-----------------------------------------------------'
*/
body {
  font: 400 12px/1.6em 'Roboto', sans-serif;
  background-color: #ffffff;
}
input[type='text'],
textarea {
  outline: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type='submit'] {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #393838;
  font-weight: 400;
  line-height: 1.25em;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 35px;
}
h2 {
  font-size: 45px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 18px;
}
p,
address {
  padding: 0;
  margin: 0;
  font-style: normal;
}
p.is-small,
address.is-small {
  font-size: 14px;
}
p.is-large,
address.is-large {
  font-size: 16px;
}
p.is-ext-large,
address.is-ext-large {
  font-size: 18px;
}
a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #41403f;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 51px;
  }
  h3 {
    font-size: 36px;
  }
  h4 {
    font-size: 21px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  h1 {
    font-size: 46px;
  }
  h2 {
    font-size: 60px;
  }
  h3 {
    font-size: 42px;
  }
  h4 {
    font-size: 24px;
  }
  body {
    font-size: 16px;
  }
  p.is-small,
  address.is-small {
    font-size: 16px;
  }
  p.is-large,
  address.is-large {
    font-size: 18px;
  }
  p.is-ext-large,
  address.is-ext-large {
    font-size: 24px;
  }
}
/*
   .-----------------------------------------------------.
   |                       HEADER                        |
   '-----------------------------------------------------'
*/
.b-header {
  padding: 28px 0 0;
  position: relative;
  z-index: 3;
  background-color: #ffffff;
}
.b-header .logo {
  display: inline-block;
  margin: 15px 0px;
}
.b-header .logo img {
  height: 25px;
  display: block;
  margin: 0 auto;
}
.b-header .b-menu {
  margin-left: -20px;
  margin-right: -20px;
}
.b-header .menu-control {
  background: url(../images/menu-icon.png) center center no-repeat;
  background-size: 28px 16px;
  width: 55px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  transition: none;
  position: relative;
  top: 3px;
}
.b-header .menu-control.is-opened {
  background-image: url(../images/close-menu-icon.png);
  background-size: 20px 19px;
}
.b-header nav {
  display: none;
  /*#eeedee*/
  background-color: #eeedee;
}
.b-header nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 0px;
}
.b-header nav ul li {
  font: 400 19px/24px 'Roboto', sans-serif;
}
.b-header nav ul li a {
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  text-align: center;
}
.b-header nav .b-social {
  border-top: 1px solid rgba(65, 64, 63, 0.2);
  padding-top: 20px;
  text-align: center;
}
.b-header nav .b-social li {
  display: inline-block;
}
.b-header nav .b-social li a {
  text-indent: -90000em;
  width: 20px;
  height: 20px;
  background: center center no-repeat;
  background-size: 20px 20px;
}
.b-header nav .b-social li.facebook a {
  background-image: url(../images/ok/social-facebook.svg);
}
.b-header nav .b-social li.twitter a {
  background-image: url(../images/ok/social-twitter.svg);
}
.b-header nav .b-social li.linkedIn a {
  background-image: url(../images/ok/social-linkedin.svg);
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-header .b-menu {
    margin-left: -30px;
    margin-right: -30px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-header .logo {
    margin: 22px 0px 11px;
  }
  .b-header .logo img {
    height: auto;
  }
  .b-header .b-menu {
    float: right;
    background: none;
    margin: 0px;
  }
  .b-header nav {
    display: block;
    background: none;
  }
  .b-header nav ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 24px;
  }
  .b-header nav ul li {
    padding-left: 49px;
    font: 400 12px/28px 'Roboto', sans-serif;
    display: inline-block;
  }
  .b-header nav ul li a {
    padding: 0px;
  }
  .b-header nav ul li.menu-item a {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
  }
  .b-header nav ul li.menu-item a:after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: transparent;
    transition: width 0.3s ease, background-color 0.3s ease;
  }
  .b-header nav ul li.menu-item a:hover:after,
  .b-header nav ul li.menu-item a.active:after {
    width: 62%;
    background-color: #f3746b;
  }
  .b-header nav .b-social {
    border: none;
    border-left: 1px solid #ee3527;
    padding: 0px;
    margin: 28px 0px 0px 25px;
    text-align: left;
    height: 20px;
  }
  .b-header nav .b-social li {
    padding-left: 20px;
  }
  .b-header nav .b-social li:first-child {
    padding-left: 23px;
  }
  .b-header nav .b-social li a {
    width: 18px;
    height: 18px;
    background-size: 100% auto;
  }
}
/*
   .-----------------------------------------------------.
   |                   VIDEO BACKGROUND                  |
   '-----------------------------------------------------'
*/
.b-hero-banner {
  /*#eeedee*/
  background-color: #eeedee;
  position: relative;
  z-index: 100;
}
.b-video-background {
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 0px;
  top: 0px;
  max-height: 250px;
  overflow: hidden;
}
.b-video-background video,
.b-video-background object,
.b-video-background embed {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.is-background .full-background-container {
  background: url(../files/bg-photos/services.jpg) center top no-repeat;
  background-size: cover;
  height: 250px;
}
.is-background .full-background-container.is-about-page {
  background-image: url(../files/bg-photos/about.jpg);
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-video-background {
    max-height: 400px;
  }
  .is-background .full-background-container {
    height: 645px;
    max-height: none;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-video-background {
    max-height: 500px;
  }
  .is-background .full-background-container {
    height: 645px;
  }
}
/*
   .-----------------------------------------------------.
   |                     TOP SECTION                     |
   '-----------------------------------------------------'
*/
.b-top-section {
  position: relative;
  z-index: 2;
}
.b-top-section .b-head {
  margin: 15px 0px 30px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-top-section .b-head h2 {
  color: #ffffff;
  font-size: 25px;
  text-transform: uppercase;
}
.b-top-section .b-head h2 strong {
  font-size: 13px;
  display: block;
}
.b-top-section .b-body {
  background-color: #ffffff;
  padding: 20px 10px;
  text-align: center;
}
.b-top-section .b-body p,
.b-top-section .b-body h3 {
  padding-bottom: 20px;
  color: #9c9a9a;
}
.b-top-section .b-body h3 {
  font-size: 20px;
  color: #3e3d3d;
  text-transform: uppercase;
}
.b-top-section .b-body p {
  font-weight: 300;
}
.is-background .b-head {
  padding-top: 15px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-top-section .b-head {
    height: 270px;
    margin-bottom: 65px;
  }
  .b-top-section .b-head .row-fluid {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .b-top-section .b-head h2 {
    font-size: 31px;
    line-height: 31px;
  }
  .b-top-section .b-head h2 strong {
    font-size: 15px;
  }
  .b-top-section .b-body {
    padding: 50px 0px;
  }
  .b-top-section .b-body p,
  .b-top-section .b-body h3 {
    font-size: 20px;
    line-height: 25px;
    font-family: "Lato", sans-serif;
  }
  .b-top-section .b-body h3 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: bolder;
    padding-bottom: 28px;
  }
  .b-top-section .b-body p {
    line-height: 20px;
    padding-bottom: 30px;
  }
  .b-top-section .b-body .b-content {
    margin: 0px auto !important;
    float: none;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-top-section {
    margin-top: 0;
  }
  .b-top-section .b-head {
    height: 400px;
    margin: 0px;
  }
  .b-top-section .b-head h2 {
    font-size: 60px;
    font-weight: bolder;
    line-height: 64px;
  }
  .b-top-section .b-head h2 strong {
    font-size: 24px;
    line-height: 48px;
  }
  .b-top-section .b-body {
    padding: 70px 0px;
  }
  .b-top-section .b-body p,
  .b-top-section .b-body h3 {
    font-size: 22px;
  }
  .b-top-section .b-body h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .b-top-section .b-body p {
    line-height: 30px;
  }
  .is-background .b-head {
    height: 580px;
  }
  .is-background .b-body h3 {
    font-size: 28px;
    line-height: 42px;
    padding-bottom: 20px;
  }
  .is-background .b-body p {
    padding-bottom: 44px;
  }
}
/*
   .-----------------------------------------------------.
   |              FEATURE PROJECT SECTION                |
   '-----------------------------------------------------'
*/
.b-feature-project-section {
  position: relative;
  z-index: 1;
  top: -175px;
}
body .projects-page {
	top: 0;
	padding-top: 83px;
	padding-bottom: 50px;
	background-color: #e3e3e2;
	margin-bottom: 0;
  }
.b-feature-project-section .b-head {
  text-align: center;
}
.b-feature-project-section .b-head .heading-effect:after {
  width: 40%;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.b-feature-project-section .filter_ul {
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 30px 0px;
}
.b-feature-project-section .filter_ul li {
  display: inline-block;
  padding-left: 6px;
}
.b-feature-project-section .filter_ul li a {
  color: #898686;
}
.b-feature-project-section .filter_ul li a.current,
.b-feature-project-section .filter_ul li a:hover {
  color: #ef3828;
}
.b-feature-project-section .filter_ul li:before {
  content: "";
  border-left: 1px solid #8d8b8b;
  padding-right: 6px;
}
.b-feature-project-section .filter_ul li:first-child {
  padding-left: 0px;
}
.b-feature-project-section .filter_ul li:first-child:before {
  display: none;
  padding-right: 0px;
}
.b-feature-project-section .item,
.b-similar-project .similar-project .item {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  display: block;
  margin-bottom: 33px;
  text-align: center;
}
.b-feature-project-section .item h4,
.b-similar-project .similar-project .item h4 {
  font: 700 14px/18px 'Lato', sans-serif;
  padding-top: 15px;
}
.b-feature-project-section .item h5,
.b-similar-project .similar-project .item h5 {
  font: italic 14px/18px 'Lato', sans-serif;
  padding-bottom: 15px;
}
.b-feature-project-section .item .thumbnail,
.b-similar-project .similar-project .item .thumbnail {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.b-feature-project-section .item .thumbnail img,
.b-similar-project .similar-project .item .thumbnail img {
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  z-index: 1;
  height: 100%;
  width: auto;
}
.b-feature-project-section .item .thumbnail:before,
.b-similar-project .similar-project .item .thumbnail:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: url('../images/read-more-icon.png') center no-repeat;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-feature-project-section .item .thumbnail:hover:before,
.b-similar-project .similar-project .item .thumbnail:hover:before {
  background-color: rgba(128, 128, 128, 0.7);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.b-feature-project-section .item .thumbnail:hover img,
.b-similar-project .similar-project .item .thumbnail:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.b-feature-project-section .see-more {
  color: #ee3527;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  text-align: center;
}
.b-feature-project-section .see-more:after {
  content: "";
  background: url("../images/arrow-down.svg") center bottom no-repeat;
  background-size: 40px 30px;
  height: 30px;
  width: 40px;
  position: absolute;
  z-index: 2;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-feature-project-section .see-more:hover:after {
  bottom: -40px;
}

.b-section-service{position: relative; text-align: center; margin: 25px auto 50px;}
.b-section-service .see-more {
	color: #ee3527;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	width: 100px;
	margin:0 auto;
}
.b-section-service .see-more:after {
  content: "";
  background: url("../images/arrow-down.svg") center bottom no-repeat;
  background-size: 40px 30px;
  height: 30px;
  width: 40px;
  position: absolute;
  z-index: 2;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-section-service .see-more:hover:after {
  bottom: -40px;
}


/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-feature-project-section {
    top: -175px;
    margin-bottom: 30px;
  }
  .projects-page {
	top: 0;
  }
  .b-feature-project-section .item,
  .b-similar-project .similar-project .item {
    text-align: center;
  }
  .b-feature-project-section .item h4,
  .b-similar-project .similar-project .item h4 {
    font: 700 14px/18px 'Lato', sans-serif;
    padding-top: 15px;
  }
  .b-feature-project-section .item h5,
  .b-similar-project .similar-project .item h5 {
    font: italic 14px/18px 'Lato', sans-serif;
    padding-bottom: 15px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-feature-project-section {
    top: -188px;
  }
  .projects-page {
	top: 0;
  }
  .b-feature-project-section .filter_ul {
    margin: 14px 0px 75px;
  }
  .b-feature-project-section .item,
  .b-similar-project .similar-project .item {
    margin-bottom: 33px;
  }
  .b-feature-project-section .item h4,
  .b-similar-project .similar-project .item h4 {
    padding-top: 15px;
  }
  .b-feature-project-section .item h5,
  .b-similar-project .similar-project .item h5 {
    padding-bottom: 15px;
  }
}
/*
   .-----------------------------------------------------.
   |                 TEAMWORK SECTION                    |
   '-----------------------------------------------------'
*/
.b-teamwork-section,
.b-single-source-section {
  background: url("../files/bg-photos/teamwork-front.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  top: -243px;
}

.b-teamwork-section.no-negative-top {
  top:0
}

.no-negative-top.b-feature-project-section {
  top:0;
  margin-top:80px
}
.b-teamwork-section:before,
.b-single-source-section:before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #000000;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  -webkit-opacity: 0.1;
  opacity: 0.1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  filter: alpha(opacity=10);
  -webkit-transition: all 4s ease-out;
  -moz-transition: all 4s ease-out;
  -o-transition: all 4s ease-out;
  transition: all 4s ease-out;
}
.b-teamwork-section.b-teamwork-section-ext,
.b-single-source-section.b-teamwork-section-ext {
  top: 0px;
  background-image: url(../files/bg-photos/teamwork-trust.jpg);
  padding-bottom: 100px;
}
.b-teamwork-section.b-teamwork-section-ext h3,
.b-single-source-section.b-teamwork-section-ext h3 {
  font: 700 45px/62px "Roboto", sans-serif;
  padding: 100px 0px 0px;
}
.b-teamwork-section.b-teamwork-section-ext p,
.b-single-source-section.b-teamwork-section-ext p {
  font: 500 27px/38px "Roboto", sans-serif;
  font-style: italic;
  padding: 20px 0px 0px;
  text-transform: inherit;
}
.b-teamwork-section h3,
.b-teamwork-section p,
.b-single-source-section h3,
.b-single-source-section p {
  color: #ffffff;
  font: 700 35px/40px "Roboto", sans-serif;
  text-align: center;
  padding: 255px 0px 165px;
  -moz-opacity: 0.01;
  -khtml-opacity: 0.01;
  -webkit-opacity: 0.01;
  opacity: 0.01;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  filter: alpha(opacity=1);
  text-transform: uppercase;
  position: relative;
  z-index: 3;
  -webkit-transition: all 4s ease-out;
  -moz-transition: all 4s ease-out;
  -o-transition: all 4s ease-out;
  transition: all 4s ease-out;
}
.b-teamwork-section.fade-in:before,
.b-single-source-section.fade-in:before {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
.b-teamwork-section.fade-in h3,
.b-teamwork-section.fade-in p,
.b-single-source-section.fade-in h3,
.b-single-source-section.fade-in p {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
@media screen and (min-device-width: 300px) and (max-device-width: 600px) { 
	.b-our-team-section .b-container .desc{ display: none; }
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-teamwork-section,
  .b-single-source-section {
    top: -243px;
  }
  .b-teamwork-section h3,
  .b-single-source-section h3 {
    font: 700 62px/60px "Roboto", sans-serif;
    padding: 255px 0px 165px;
  }
  .b-teamwork-section.b-teamwork-section-ext,
  .b-single-source-section.b-teamwork-section-ext {
    padding-bottom: 100px;
  }
  .b-teamwork-section.b-teamwork-section-ext h3,
  .b-single-source-section.b-teamwork-section-ext h3 {
    font: 700 51px/72px "Roboto", sans-serif;
  }
  .b-teamwork-section.b-teamwork-section-ext p,
  .b-single-source-section.b-teamwork-section-ext p {
    font: 500 31px/48px "Roboto", sans-serif;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-teamwork-section,
  .b-single-source-section {
    top: -258px;
  }
  .b-teamwork-section h3,
  .b-single-source-section h3 {
    font: 700 72px/100px "Roboto", sans-serif;
    padding: 220px 0px 140px;
  }
  .b-teamwork-section.b-teamwork-section-ext,
  .b-single-source-section.b-teamwork-section-ext {
    padding-bottom: 150px;
  }
  .b-teamwork-section.b-teamwork-section-ext h3,
  .b-single-source-section.b-teamwork-section-ext h3 {
    font: 700 60px/72px "Roboto", sans-serif;
    padding: 165px 0px 0px;
  }
  .b-teamwork-section.b-teamwork-section-ext p,
  .b-single-source-section.b-teamwork-section-ext p {
    font: 500 36px/48px "Roboto", sans-serif;
    font-style: italic;
    padding: 20px 0px 0px;
    text-transform: inherit;
  }
}
/*
   .-----------------------------------------------------.
   |                  OUR TEAM SECTION                   |
   '-----------------------------------------------------'
*/
.b-our-team-section {
  position: relative;
  z-index: 2;
  top: -50px;
}
.b-our-team-section .inner-container {
  background-color: #ffffff;
  padding-bottom: 80px;
}
.b-our-team-section .b-head {
  text-align: center;
  padding: 52px 0px 15px;
}
.b-our-team-section .b-head .heading-effect:after {
  width: 50%;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.b-our-team-section .b-container .media {
  text-align: center;
}
.b-our-team-section .b-container .media .avatar {
  display: block;
  position: relative;
  width: 160px;
  margin: 0px auto;
}
.b-our-team-section .b-container .media .avatar img,
.b-our-team-section .b-container .media .avatar canvas {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  height: auto;
}
.b-our-team-section .b-container .media .name {
  padding-top: 15px;
  color: #ee3527;
  font: 14px/18px "Lato", sans-serif;
}
.b-our-team-section .b-container .media .position {
  font-size: 10px;
  color: #575656;
  line-height: 1.2;
}
.b-our-team-section .b-container .desc {
  padding: 15px;
  font: 14px/20px "Lato", sans-serif;
  color: #575656;
}
.b-our-team-section .b-container .slick-slider .slick-slide img {
  display: inline-block;
}
.b-our-team-section .b-container .slick-slider .slick-next,
.b-our-team-section .b-container .slick-slider .slick-prev {
  right: -15px;
  width: 20px;
}
.b-our-team-section .b-container .slick-slider .slick-prev {
  left: -15px;
}
.b-our-team-section .b-container .slick-slider .slick-next {
  left: auto;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-our-team-section {
    top: -130px;
  }
  .b-our-team-section .inner-container {
    padding-bottom: 80px;
  }
  .b-our-team-section .b-head {
    padding: 52px 0px 15px;
  }
  .b-our-team-section .b-container .media {
    text-align: center;
  }
  .b-our-team-section .b-container .media .avatar {
    width: 100%;
  }
  .b-our-team-section .b-container .media .name {
    padding-top: 15px;
    font: 16px/18px "Lato", sans-serif;
  }
  .b-our-team-section .b-container .media .position {
    font-size: 12px;
  }
  .b-our-team-section .b-container .desc {
    padding: 0px;
    font: 16px/30px "Lato", sans-serif;
  }
  .b-our-team-section .b-container .slick-slider .slick-next,
  .b-our-team-section .b-container .slick-slider .slick-prev {
    width: 30px;
  }
  .b-our-team-section .b-container .slick-slider .slick-next {
    right: -30px;
  }
  .b-our-team-section .b-container .slick-slider .slick-prev {
    left: -30px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-our-team-section {
    top: -138px;
  }
  .b-our-team-section .inner-container {
    padding-bottom: 80px;
  }
  .b-our-team-section .b-head {
    padding: 52px 0px 15px;
  }
  .b-our-team-section .b-container .media {
    text-align: center;
  }
  .b-our-team-section .b-container .media .avatar {
    margin-top: 12px;
  }
  .b-our-team-section .b-container .media .name {
    padding-top: 15px;
    font: 18px/18px "Lato", sans-serif;
  }
  .b-our-team-section .b-container .media .position {
    font-size: 13px;
    margin-top: 5px;
  }
  .b-our-team-section .b-container .desc {
    padding-top: 15px;
    font: 18px/30px "Lato", sans-serif;
  }
  .b-our-team-section .b-container .slick-slider .slick-next,
  .b-our-team-section .b-container .slick-slider .slick-prev {
    width: 55px;
  }
  .b-our-team-section .b-container .slick-slider .slick-next {
    right: -55px;
  }
  .b-our-team-section .b-container .slick-slider .slick-prev {
    left: -55px;
  }
}
/*
   .-----------------------------------------------------.
   |                   HEADER SECTION                    |
   '-----------------------------------------------------'
*/
.b-sub-header-section-wrap .bottom-block {
  background-color: #ffffff;
  color: #333333;
  font-size: 21px;
  line-height: 30px;
  padding: 20px;
  text-align: center;
  position: absolute;
  z-index: 102;
  bottom: 0px;
  left: 20px;
  right: 20px;
}
.b-sub-header-section-wrap .bottom-block.in-view {
  -webkit-transform: translate(0%, 50%);
  -moz-transform: translate(0%, 50%);
  -o-transform: translate(0%, 50%);
  -ms-transform: translate(0%, 50%);
  transform: translate(0%, 50%);
}
.b-sub-header-section-wrap .bottom-block p {
  margin-left: 0px;
}
.b-header-section-wrap {
  /*#e3e3e2*/
  background-color: #e3e3e2;
  position: relative;
  z-index: 101;
}
.b-header-section {
  /*#e3e3e2*/
  background-color: #e3e3e2;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.b-header-section:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  -webkit-transform: rotate(-13deg) scale(2);
  -moz-transform: rotate(-13deg) scale(2);
  -o-transform: rotate(-13deg) scale(2);
  -ms-transform: rotate(-13deg) scale(2);
  transform: rotate(-13deg) scale(2);
  /*#eeedee*/
  background-color: #eeedee;
  height: 60vw;
}
.b-header-section .b-head {
  text-align: center;
  padding: 35px 0px 33px;
}
.b-header-section .b-head h3 {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-header-section .b-head .heading-effect:after {
  width: 65%;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.b-header-section .b-head .b-container {
  padding-bottom: 20px;
}
.b-header-section .b-container {
  padding-bottom: 130px;
  position: relative;
  z-index: 1;
}
.b-header-section .b-container .item {
  text-align: center;
}
.b-header-section .b-container .item .icon {
  position: relative;
  width: 57.5%;
  /* desired width */
  margin: 0px auto;
  background: center no-repeat;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.b-header-section .b-container .item .icon:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* ratio of 1:1*/
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: background-color 0.5s;
}
.b-header-section .b-container .item:hover .icon:before {
	background-color: rgba(0, 0, 0, 0.2);
}
.b-header-section .b-container .item .icon span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat;
  background-size: 30%;
  overflow: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-header-section .b-container .item .icon.icon-01 {
  background-image: url("../images/icon-01-bg.png");
}
.b-header-section .b-container .item .icon.icon-01 span {
  background-image: url("../images/creativity-icon.png");
}
.b-header-section .b-container .item .icon.icon-02 {
  background-image: url("../images/icon-02-bg.png");
}
.b-header-section .b-container .item .icon.icon-02 span {
  background-image: url("../images/icon-02.svg");
}
.b-header-section .b-container .item .icon.icon-03 {
  background-image: url("../images/icon-03-bg.png");
}
.b-header-section .b-container .item .icon.icon-03 span {
  background-image: url("../images/integrity-icon.png");
}
.b-header-section .b-container .item .icon.icon-02 span {
  background-size: 20%;
}
/*.b-header-section .b-container .item .icon.icon-01:before {
  background: none;
}*/
.b-header-section .b-container .item h4 {
  color: #ee3527;
  text-transform: uppercase;
  font-size: 23px;
  line-height: 16px;
  padding: 35px 0px 10px;
  font-weight: 700;
}
.b-header-section .b-container .item p {
  color: #000000;
  font: 300 14px/25px 'Lato', sans-serif;
  padding-bottom: 20px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-sub-header-section-wrap .bottom-block {
    font-size: 24px;
    line-height: 32px;
    padding: 40px 0px;
    left: 30px;
    right: 30px;
  }
  .b-header-section:after {
    -webkit-transform: rotate(-13deg) translate(0%, -340px) scale(1.18);
    -moz-transform: rotate(-13deg) translate(0%, -340px) scale(1.18);
    -o-transform: rotate(-13deg) translate(0%, -340px) scale(1.18);
    -ms-transform: rotate(-13deg) translate(0%, -340px) scale(1.18);
    transform: rotate(-13deg) translate(0%, -340px) scale(1.18);
  }
  .b-header-section .b-head {
    padding: 35px 0px;
  }
  .b-header-section .b-container .item h4 {
    font-size: 26px;
    line-height: 18px;
    padding: 35px 0px 10px;
  }
  .b-header-section .b-container .item p {
    font: 300 16px/25px 'Lato', sans-serif;
    padding-bottom: 0px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-sub-header-section-wrap .bottom-block {
    font-size: 28px;
    line-height: 42px;
    padding: 68px 0px;
    left: 55px;
    right: 55px;
  }
  .b-header-section:after {
    -webkit-transform: rotate(-13deg) translate(0%, -685px) scale(1.18);
    -moz-transform: rotate(-13deg) translate(0%, -685px) scale(1.18);
    -o-transform: rotate(-13deg) translate(0%, -685px) scale(1.18);
    -ms-transform: rotate(-13deg) translate(0%, -685px) scale(1.18);
    transform: rotate(-13deg) translate(0%, -685px) scale(1.18);
  }
  .b-header-section .b-head {
    padding: 60px 0px 67px;
  }
  .b-header-section .b-container .item .icon {
    width: 62%;
  }
  .b-header-section .b-container .item h4 {
    font-size: 30px;
    line-height: 18px;
    padding: 70px 0px 25px;
  }
  .b-header-section .b-container .item p {
    font: 300 18px/25px 'Lato', sans-serif;
    padding-bottom: 0px;
  }
}
/*
   .-----------------------------------------------------.
   |                      EXPERTISE                      |
   '-----------------------------------------------------'
*/
.b-expertise-section {
  position: relative;
  overflow: hidden;
}
.b-expertise-section .full-background-container {
  background: url('../files/bg-photos/frontpage-services.jpg') top center no-repeat;
  background-size: cover;
  bottom: 0px;
}
.b-expertise-section .b-head {
  text-align: center;
  padding-top: 205px;
}
.b-expertise-section .b-head h3.heading-style {
  color: #ffffff;
  padding-bottom: 47px;
}
.b-expertise-section .b-head .heading-effect:after {
  width: 50%;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.b-expertise-section .frame-wrap {
  padding-bottom: 100px;
}
.b-expertise-section .frame {
  -webkit-transform: translate(100vw, 0%);
  -moz-transform: translate(100vw, 0%);
  -o-transform: translate(100vw, 0%);
  -ms-transform: translate(100vw, 0%);
  transform: translate(100vw, 0%);
}
.b-expertise-section .frame-load .frame {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-expertise-section .expertise-listing {
  margin: 0;
  padding: 0;
  list-style: none;
}
.b-expertise-section .expertise-listing .item {
  position: relative;
  z-index: 1;
  float: left;
  width: 270px;
  margin: 20px 10px 20px 0px;
  border: 3px solid #fff;
  padding: 70px 20px 30px;
  min-height: 390px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.b-expertise-section .expertise-listing .item p {
  font-family: "Lato", sans-serif;
  color: #ffffff;
  line-height: 24px;
}
.b-expertise-section .expertise-listing .item h4 {
  color: #ee3527;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.b-expertise-section .expertise-listing .item:before {
  content: "";
  display: block;
  background: center no-repeat;
  background-size: 40px 35px;
  position: absolute;
  height: 35px;
  top: 25px;
  left: 0px;
  right: 0px;
}
.b-expertise-section .expertise-listing .item.expertise-icon-01:before {
  background-image: url("../images/ok/icon_bulb_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-02:before {
  background-image: url("../images/ok/icon_book_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-03:before {
  background-image: url("../images/ok/icon_laptop_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-04:before {
  background-image: url("../images/ok/icon_charts_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-05:before {
  background-image: url("../images/ok/icon_translate_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-06:before {
  background-image: url("../images/ok/icon_stamp_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-07:before {
  background-image: url("../images/ok/icon_sheets_white.svg");
}
.b-expertise-section .expertise-listing .item.expertise-icon-08:before {
  background-image: url("../images/ok/icon_paperplane_white.svg");
}
.b-expertise-section .expertise-listing .item:hover {
  background-color: #000000;
  margin-top: 0px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .section-wrapper {
    /*#e3e3e2*/
    background-color: rgba(227, 227, 226, 0.5);
  }
  .b-expertise-section .b-head {
    padding-top: 160px;
  }
  .b-expertise-section .frame-wrap {
    padding-bottom: 208px;
  }
  .b-expertise-section .expertise-listing .item {
    position: relative;
    z-index: 1;
    float: left;
    width: 300px;
    margin-right: 33px;
    margin-bottom: 13px;
    border: 7px solid #fff;
    min-height: 525px;
    padding: 155px 30px 20px 30px;
  }
  .b-expertise-section .expertise-listing .item h4 {
    line-height: 30px;
    font-weight: 700;
    padding-bottom: 10px;
  }
  .b-expertise-section .expertise-listing .item:before {
    background-size: contain;
    height: 73px;
    top: 47px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-expertise-section .b-head {
    padding-top: 193px;
  }
  .b-expertise-section .b-head .heading-style {
    padding-bottom: 44px;
  }
  .b-expertise-section .expertise-listing .item {
    min-height: 610px;
  }
  .b-expertise-section .frame-wrap .scrollbar {
    position: relative;
  }
}
/*
   .-----------------------------------------------------.
   |                    CONTACT FORM                     |
   '-----------------------------------------------------'
*/

.section-contact-head .b-body {
	padding: 40px;
	min-height: 367px;
}

.b-container-specialbg {
	position: absolute;
	top: 580px;
	left: 0;
	bottom: 0;
	right: 0;
	background: #e3e3e2;
}

.b-container-specialbg .bginner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.b-container-specialbg .bginner:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0px;
  right: 0px;
  top: -500px;
  -webkit-transform: rotate(-13deg) scale(2);
  -moz-transform: rotate(-13deg) scale(2);
  -o-transform: rotate(-13deg) scale(2);
  -ms-transform: rotate(-13deg) scale(2);
  transform: rotate(-13deg) scale(2);
  /*#eeedee*/
  background-color: #eeedee;
  background-repeat: no-repeat;
  height: 80%;
}

.contact-details {
	overflow: hidden;
}

.contact-details > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.contact-texts {
	text-align: left;
	font-size: 18px;
	font-family: Lato, sans-serif;
	padding-bottom: 39px;
}

.contact-texts * {
	margin: 0;
	padding: 0;
}

.contact-texts dt {
	font-weight: 600;
}

.contact-texts dd {
	margin-bottom: 1em;
}

.contact-texts dd:last-child {
	margin-bottom: 0;
}

.contact-texts a {
	color: #ee3124;
}

.contact-texts a:hover {
	color: #ee3124;
	text-decoration: underline;
}

.weight-600 {
	font-weight: 600;
}

.map-tooltip {
	font-size: 15px;
	font-family: Lato, sans-serif;
	font-weight: 600;
	padding: 10px 7px 4px;
}

.map-tooltip-link {
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #ee3124;
}

.map-tooltip-link a {
	color: #ee3124;
}


.b-contact-form,
.b-more-information-section {
  padding: 0px 0px 15px;
}
.b-contact-form .row,
.b-more-information-section .row {
  margin-bottom: 10px;
}
.b-contact-form .row label,
.b-more-information-section .row label {
  color: #ffffff;
  font-size: 11px;
}
.b-contact-form .row input[type='text'],
.b-contact-form .row textarea,
.b-more-information-section .row input[type='text'],
.b-more-information-section .row input[type='email'],
.b-more-information-section .row textarea {
  width: 100%;
  border: 0px none;
  font-size: 11px;
  line-height: 35px;
  padding: 0px 14px;
  background: transparent;
  border: 1px solid #fff;
  color: #ffffff;
}
.b-contact-form .row textarea,
.b-more-information-section .row textarea {
  height: 70px;
  line-height: 1.6em;
  margin-top: 5px;
}
.b-contact-form .button,
.b-more-information-section .button {
  width: 100%;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
	.contact-details {
		margin-left: -30px;
	}

	.contact-details > * {
		float: left;
		padding-left: 30px;
	}

	.contact-texts {
		width: 33.3333%;
		padding-bottom: 0;
	}
	
	.contact-map {
		width: 66.6666%;
	}
	
  .b-contact-form .row label,
  .b-more-information-section .row label {
    font-size: 12px;
  }
  .b-contact-form .row input[type='text'],
  .b-contact-form .row textarea,
  .b-more-information-section .row input[type='text'],
  .b-more-information-section .row textarea {
    font-size: 12px;
    line-height: 45px;
  }
  .b-contact-form .row textarea,
  .b-more-information-section .row textarea {
    line-height: 1.6em;
  }
  .b-contact-form .button,
  .b-more-information-section .button {
    width: auto;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-contact-form .row label,
  .b-more-information-section .row label {
    font-size: 14px;
  }
  .b-contact-form .row input[type='text'],
  .b-contact-form .row textarea,
  .b-more-information-section .row input[type='text'],
  .b-more-information-section .row textarea {
    font-size: 14px;
  }
}
/*
   .-----------------------------------------------------.
   |                     OUR HISTORY                     |
   '-----------------------------------------------------'
*/
.b-our-history,
.b-our-services-section,
.projects-page {
  /*#e3e3e2*/
  background-color: #e3e3e2;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.b-our-history:before,
.b-our-services-section:before,
.projects-page:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0px;
  right: 0px;
  top: 0px;
  -webkit-transform: rotate(-13deg) scale(2);
  -moz-transform: rotate(-13deg) scale(2);
  -o-transform: rotate(-13deg) scale(2);
  -ms-transform: rotate(-13deg) scale(2);
  transform: rotate(-13deg) scale(2);
  /*#eeedee*/
  background-color: #eeedee;
  background-repeat: no-repeat;
  height: 60vw;
}
.b-our-history .b-head,
.b-our-services-section {
  text-align: center;
}
.b-our-history .b-body {
  padding: 20px 0px 50px;
}
.b-our-history .b-body p {
  padding: 20px 0px;
  color: #5f5e5e;
  font: 400 14px / auto 'Roboto', sans-serif;
}
.b-our-history.b-our-history-ext:before {
  display: none;
}
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-our-history,
  .b-our-services-section {
    padding-top: 83px;
  }
  .b-our-history:before,
  .b-our-services-section:before,
.projects-page:before  {
    height: 200px;
    -webkit-transform: rotate(-13deg) scale(2) translate(0, -23%);
    -moz-transform: rotate(-13deg) scale(2) translate(0, -23%);
    -o-transform: rotate(-13deg) scale(2) translate(0, -23%);
    -ms-transform: rotate(-13deg) scale(2) translate(0, -23%);
    transform: rotate(-13deg) scale(2) translate(0, -23%);
  }
  .b-our-history .b-head .heading-style:after,
  .b-our-services-section .heading-style:after {
    width: 38%;
    margin-top: 20px;
  }
  .b-our-history .b-body {
    padding: 56px 0px 120px;
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule-color: none;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 0px;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule-color: none;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 0px;
    column-width: auto;
    column-count: 2;
    column-gap: 30px;
    column-rule-color: none;
    column-rule-style: solid;
    column-rule-width: 0px;
  }
  .b-our-history .b-body p {
    font: 400 18px/30px 'Roboto', sans-serif;
    padding: 0px 0px 15px;
  }
  .b-our-history.b-our-history-ext {
    padding-top: 110px;
  }
  .b-our-history.b-our-history-ext .b-body {
    padding-bottom: 157px;
  }
}
/*
   .-----------------------------------------------------.
   |                OUR SERVICES SECTION                 |
   '-----------------------------------------------------'
*/
.b-our-services-section .b-head {
  padding: 40px 0px;
}
.b-our-services-section .b-body {
  padding-bottom: 25px;
}
.b-our-services-section .b-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.b-our-services-section .b-body ul li {
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  z-index: 1;
  padding: 0px 20px 20px;
  margin-bottom: 20px;
  min-height: 360px;
}
.b-our-services-section .b-body ul li:hover {
  background-color: #ffffff;
}
.b-our-services-section .b-body ul li:hover .read-more {
  display: block;
}
.b-our-services-section .b-body ul li:hover h4 {
  color: #ef3828;
}
.b-our-services-section .b-body ul li h4 {
  text-transform: uppercase;
  color: #585555;
  font: 700 14px/24px 'Roboto', sans-serif;
  padding-bottom: 4px;
}
.b-our-services-section .b-body ul li p {
  color: #5f5e5e;
  font-family: 'Lato', sans-serif;
}
.b-our-services-section .b-body ul li p span {
  display: inline-block;
}
.b-our-services-section .b-body ul li .read-more {
  display: none;
  background: url(../images/plus-icon.svg) left top no-repeat;
  text-indent: -1000em;
  background-size: cover;
  position: absolute;
  z-index: 2;
  bottom: 5px;
  left: 50%;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  /*&:hover {
						background-position: left -28px;
					}*/
}
.b-our-services-section .b-body ul li .icon {
  background: center no-repeat;
  background-size: auto 60px;
  height: 100px;
}

.b-our-services-section .b-body ul li .icon.service-icon-01 {
  background-image: url("../images/ok/icon_bulb_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-02 {
  background-image: url("../images/ok/icon_book_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-03 {
  background-image: url("../images/ok/icon_laptop_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-04 {
  background-image: url("../images/ok/icon_charts_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-05 {
  background-image: url("../images/ok/icon_translate_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-06 {
  background-image: url("../images/ok/icon_stamp_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-07 {
  background-image: url("../images/ok/icon_sheets_red.svg");
}
.b-our-services-section .b-body ul li .icon.service-icon-08 {
  background-image: url("../images/ok/icon_paperplane_red.svg");
}



.b-our-services-section .b-body ul li.view-more {
  background-color: #ffffff;
}
.b-our-services-section .b-body ul li.view-more .read-more {
  display: none;
}
.b-our-services-section .b-body ul li.view-more h4 {
  color: #ef3828;
}
.b-our-services-section .b-body ul li.view-more .more-content {
  position: absolute;
  z-index: 3;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: #ef3828;
  color: #ffffff;
  height: 230px;
  text-align: left;
}
.b-our-services-section .b-body ul li.view-more .more-content dl {
  margin: 0px;
  padding: 21px 18px;
}
.b-our-services-section .b-body ul li.view-more .more-content dl dt {
  font-weight: 700;
}
.b-our-services-section .b-body ul li.view-more .more-content dl dd {
  margin: 0px;
}
.b-our-services-section .b-body ul li.view-more:nth-child(3) .more-content,
.b-our-services-section .b-body ul li.view-more:nth-child(5) .more-content {
  height: 205px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-our-services-section .b-head {
    padding: 40px 0px;
  }
  .b-our-services-section .b-body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .b-our-services-section .b-body ul li {
    padding: 0px 10px 20px;
    min-height: 385px;
  }
  .b-our-services-section .b-body ul li:nth-child(5) {
    margin-left: 0px;
  }
  .b-our-services-section .b-body ul li h4 {
    font: 700 16px/24px 'Roboto', sans-serif;
  }
  .b-our-services-section .b-body ul li.view-more .more-content {
    overflow: hidden;
    height: 305px;
  }
  .b-our-services-section .b-body ul li.view-more .more-content dl dt,
  .b-our-services-section .b-body ul li.view-more .more-content dl dd {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 4px;
  }
  .b-our-services-section .b-body ul li.view-more:nth-child(3) .more-content {
    height: 280px;
  }
  .b-our-services-section .b-body ul li.view-more:nth-child(5) .more-content {
    height: 215px;
  }
  .b-our-services-section .b-body ul li.view-more:nth-child(n+6):nth-child(-n+8) .more-content {
    height: 260px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-our-services-section .b-head {
    padding: 80px 0px 120px;
  }
  .b-our-services-section .b-body {
    padding-bottom: 43px;
  }
  .b-our-services-section .b-body ul li {
    padding: 0px 15px 60px;
    margin-bottom: 35px;
    min-height: 416px;
  }
  .b-our-services-section .b-body ul li .icon {
    height: 164px;
    background-size: auto 93px;
  }
  .b-our-services-section .b-body ul li:nth-child(n+5) .icon {
    height: 154px;
  }
  .b-our-services-section .b-body ul li h4 {
    font: 700 18px/24px 'Roboto', sans-serif;
  }
  .b-our-services-section .b-body ul li p {
    font-family: 'Lato', sans-serif;
    line-height: 22px;
  }
  .b-our-services-section .b-body ul li .read-more {
    bottom: 15px;
  }
  .b-our-services-section .b-body ul li.view-more .more-content {
    height: 235px;
  }
  .b-our-services-section .b-body ul li.view-more .more-content dl dt,
  .b-our-services-section .b-body ul li.view-more .more-content dl dd {
    font-size: 14px;
    line-height: 18px;
  }
  .b-our-services-section .b-body ul li.view-more:nth-child(3) .more-content,
  .b-our-services-section .b-body ul li.view-more:nth-child(5) .more-content {
    height: 210px;
  }
  .b-our-services-section .b-body ul li.view-more:nth-child(n+6):nth-child(-n+8) .more-content {
    height: 230px;
  }
}
/*
   .-----------------------------------------------------.
   |                   SINGLE SOURCE                     |
   '-----------------------------------------------------'
*/
.b-single-source-section {
  top: 0px;
}
.b-single-source-section h3,
.b-single-source-section p {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.68);
  padding: 10px;
  font: 700 42px / normal "Roboto", sans-serif;
}
.b-single-source-section h3 {
  margin-bottom: 20px;
  padding: 10px;
}
.b-single-source-section p {
  font-size: 21px;
  padding: 10px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-single-source-section h3 {
    font-size: 47px;
    margin-bottom: 28px;
    padding: 10px 5px;
  }
  .b-single-source-section p {
    font-size: 24px;
    padding: 10px 5px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-single-source-section {
    padding: 190px 0px 148px;
    background-image: url("../files/bg-photos/single-source.jpg");
  }
  .b-single-source-section h3 {
    font-size: 55px;
    margin-bottom: 28px;
    padding: 15px 12px;
  }
  .b-single-source-section p {
    font-size: 28px;
    padding: 15px 12px;
  }
}
/*
   .-----------------------------------------------------.
   |                   MORE INFORMATION                  |
   '-----------------------------------------------------'
*/
.b-more-information-section {
  /*#e3e3e2*/
  background-color: #e3e3e2;
  padding: 110px 0px 100px;
}
.b-more-information-section p,
.b-more-information-section a,
.b-more-information-section .row label,
.b-more-information-section .row input[type='text'],
.b-more-information-section .row textarea {
  color: #5f5e5e;
  font: 400 14px/25px "Lato", sans-serif;
}
.b-more-information-section p {
  padding-bottom: 20px;
}
.b-more-information-section .row input[type='text'],
.b-more-information-section .row input[type='email'],
.b-more-information-section .row textarea {
  border-color: #ee3527;
  border-width: 2px;
  padding: 5px 0px;
}
.b-more-information-section .row label {
  display: inline-block;
}
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-more-information-section {
    padding: 67px 0px 112px;
  }
  .b-more-information-section p,
  .b-more-information-section .row label,
  .b-more-information-section .row input[type='text'],
  .b-more-information-section .row input[type='email'],
  .b-more-information-section .row textarea {
    font-size: 18px;
    line-height: 30px;
  }
  .b-more-information-section .row-fluid {
    padding-bottom: 40px;
  }
  .b-more-information-section .row-fluid:nth-child(2) {
    padding-bottom: 23px;
  }
  .b-more-information-section p {
    padding-bottom: 26px;
  }
  .b-more-information-section .row label {
    padding-bottom: 3px;
  }
  .b-more-information-section .row textarea {
    height: 139px;
    margin-bottom: 18px;
  }
  .b-more-information-section .button {
    font-weight: 500;
  }
}
/*
   .-----------------------------------------------------.
   |                       FOOTER                        |
   '-----------------------------------------------------'
*/
.b-footer {
  position: relative;
  z-index: 3;
}
.b-footer .full-background-container {
  /*background: url("../files/bg-photos/footer.jpg") center top no-repeat;*/
  background-size: cover;
  bottom: 0px;
}
.b-footer .b-head {
  padding-top: 100px;
}
.b-footer .b-head .btn-download {
  position: absolute;
  z-index: 2;
  top: -10vw;
  width: 40vw;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.b-footer .b-body {
  padding-bottom: 50px;
}
.b-footer .head-line {
  color: #ee3527;
  margin-bottom: 20px;
  font: 400 18px/1.6em 'Lato', sans-serif;
}
.b-footer p,
.b-footer address,
.b-footer dl {
  color: #ffffff;
  font-size: 12px;
  padding-bottom: 20px;
}
.b-footer .b-contact-footer {
  font-weight: bolder;
}
.b-footer .b-contact-footer dl,
.b-footer .b-contact-footer dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
.b-footer .b-contact-footer dl dt,
.b-footer .b-contact-footer dd dt,
.b-footer .b-contact-footer dl dd,
.b-footer .b-contact-footer dd dd {
  margin-bottom: 20px;
}
.b-footer .b-contact-footer dl dt a,
.b-footer .b-contact-footer dd dt a,
.b-footer .b-contact-footer dl dd a,
.b-footer .b-contact-footer dd dd a {
  color: #ffffff;
}
.b-footer .b-contact-footer dl dt,
.b-footer .b-contact-footer dd dt {
  margin-bottom: 0px;
}
.b-footer .copyright {
  color: #ffffff;
  background-color: #ee3527;
  font: 400 12px/1.6em 'Roboto', sans-serif;
  text-transform: uppercase;
  padding: 20px 0px 23px;
  text-align: center;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-footer .b-head {
    padding-top: 180px;
  }
  .b-footer .b-head .btn-download {
    width: 20vw;
    top: -5vw;
  }
  .b-footer .b-body {
    padding-bottom: 110px;
  }
  .b-footer .head-line {
    font-size: 21px;
  }
  .b-footer .b-about-footer {
    padding-right: 10%;
  }
  .b-footer .b-contact-footer {
    border-left: 1px solid #8d8b8b;
    border-right: 1px solid #8d8b8b;
    padding: 0px 18% 14px;
  }
  .b-footer .copyright {
    text-align: left;
    font-size: 13px;
    padding: 14px 0px 17px;
  }
  .b-footer p,
  .b-footer address,
  .b-footer dl {
    font-size: 13px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-footer .b-about-footer {
    padding-right: 12.5%;
  }
  .b-footer .head-line {
    font-size: 24px;
  }
  .b-footer .b-contact-footer {
    padding: 0px 22% 15px;
  }
  .b-footer .b-head {
    padding-top: 138px;
  }
  .b-footer .b-head .btn-download {
    width: 163px;
  }
  .b-footer p,
  .b-footer address,
  .b-footer dl {
    font-size: 15px;
  }
  .b-footer .b-head .btn-download {
    top: -50px;
  }
}
/*
   .-----------------------------------------------------.
   |                    DETAIL PAGE                      |
   '-----------------------------------------------------'
*/
.b-detail-page {
  /*#e3e3e2*/
  background-color: #e3e3e2;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.b-detail-page .shape {
  position: absolute;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  -webkit-transform: rotate(-13deg) scale(2);
  -moz-transform: rotate(-13deg) scale(2);
  -o-transform: rotate(-13deg) scale(2);
  -ms-transform: rotate(-13deg) scale(2);
  transform: rotate(-13deg) scale(2);
  /*#eeedee*/
  background-color: #eeedee;
  height: 60vw;
}
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */
/*
   .-----------------------------------------------------.
   |                 PROJECT DESCRIPTION                 |
   '-----------------------------------------------------'
*/
.b-project-desciption {
  padding-top: 20px;
  color: #4f4e4d;
}
.b-project-desciption h2 {
  font: 300 23px/24px 'Roboto', sans-serif;
}

.new-project  .b-project-desciption h2 {
font: 500 23px/24px 'Roboto', sans-serif; }

.b-project-desciption h3 {
  font: 300 16px/24px 'Roboto', sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
}
.b-project-desciption p,
.b-project-desciption li,
.b-project-desciption blockquote {
  font: 400 14px/24px 'Roboto', sans-serif;
}
.b-project-desciption p.is-small,
.b-project-desciption li.is-small,
.b-project-desciption blockquote.is-small {
  font-size: 9px;
  padding-bottom: 7px;
}
.b-project-desciption p.is-large,
.b-project-desciption li.is-large,
.b-project-desciption blockquote.is-large {
  font-size: 14px;
}
.b-project-desciption p.link-wrap,
.b-project-desciption li.link-wrap,
.b-project-desciption blockquote.link-wrap {
  padding: 13px 0px 0px;
}
.b-project-desciption p.link-wrap a,
.b-project-desciption li.link-wrap a,
.b-project-desciption blockquote.link-wrap a {
  color: #ef3828;
  font-size: 9px;
  line-height: 18px;
}
.b-project-desciption p .link,
.b-project-desciption li .link,
.b-project-desciption blockquote .link {
  text-decoration: underline;
}
.b-project-desciption ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.b-project-desciption ul li {
 /* background: url(../images/check-icon.svg) left 9px no-repeat;*/
 position: relative;
  padding-left: 20px;
  background-size: 10px auto;
}
.b-project-desciption ul  li:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 13px;
    background: #ee3527;
    margin: auto;
}
.b-project-desciption blockquote {
  text-align: left;
  padding: 30px 65px 30px 25px;
}
.b-project-desciption blockquote.triangle {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 1px 15px -2px rgba(0, 0, 0, 0.25);
}
.b-project-desciption blockquote.triangle:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -2em;
  left: 16%;
  border: 1em solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.b-project-desciption .media .avatar {
  float: left;
  width: 40px;
  margin-right: 10px;
}
.b-project-desciption .media .avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.b-project-desciption .media .desc {
  padding-top: 4px;
}
.b-project-desciption .media .desc p {
  font-weight: 300;
  font-size: 11px;
  line-height: 18px;
}
.b-project-desciption .media .desc p:first-child {
  font-size: 16px;
  line-height: 18px;
}
.b-project-desciption .small-contact {
  clear: both;
  border-top: 1px solid #babbbd;
  margin-top: 35px;
  padding: 23px 0px 30px;
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-project-desciption {
    padding-top: 40px;
  }
  .b-project-desciption h2 {
    font: 500 26px/18px 'Roboto', sans-serif;
  }
  .new-project  .b-project-desciption h2 {
    font: 500 30px/18px 'Roboto', sans-serif;
    padding-bottom: 8px;
  }
  .b-project-desciption h3 {
    font: 300 16px/24px 'Roboto', sans-serif;
  }
  .b-project-desciption p,
  .b-project-desciption li,
  .b-project-desciption blockquote {
    font: 400 12px/24px 'Roboto', sans-serif;
  }
  .b-project-desciption p.is-small,
  .b-project-desciption li.is-small,
  .b-project-desciption blockquote.is-small {
    font-size: 11px;
  }
  .b-project-desciption p.is-large,
  .b-project-desciption li.is-large,
  .b-project-desciption blockquote.is-large {
    font-size: 16px;
  }
  .b-project-desciption p.link-wrap a,
  .b-project-desciption li.link-wrap a,
  .b-project-desciption blockquote.link-wrap a {
    font-size: 11px;
    line-height: 18px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-project-desciption {
    padding-top: 68px;
  }
  .b-project-desciption h2 {
    font: 300 30px/33px 'Roboto', sans-serif;
    padding-bottom: 8px;
  }
  .new-project  .b-project-desciption h2 {
    font: 500 30px/30px 'Roboto', sans-serif;
    padding-bottom: 8px;
  }
  .b-project-desciption h3 {
    font: 300 18px/24px 'Roboto', sans-serif;
    padding-top: 23px;
  }
  .b-project-desciption h3:nth-of-type(3) {
    padding: 16px 0px 3px;
  }
  .b-project-desciption p,
  .b-project-desciption li,
  .b-project-desciption blockquote {
    font: 400 14px/24px 'Roboto', sans-serif;
  }
  .b-project-desciption p.is-small,
  .b-project-desciption li.is-small,
  .b-project-desciption blockquote.is-small {
    font-size: 12px;
    padding-bottom: 7px;
  }
  .b-project-desciption p.is-large,
  .b-project-desciption li.is-large,
  .b-project-desciption blockquote.is-large {
    font-size: 18px;
  }
  .b-project-desciption p.link-wrap,
  .b-project-desciption li.link-wrap,
  .b-project-desciption blockquote.link-wrap {
    padding: 13px 0px 0px;
  }
  .b-project-desciption p.link-wrap a,
  .b-project-desciption li.link-wrap a,
  .b-project-desciption blockquote.link-wrap a {
    font-size: 12px;
    line-height: 18px;
  }
  .b-project-desciption ul {
    padding-bottom: 12px;
  }
  .b-project-desciption ul li {
    padding-left: 25px;
    background-size: auto auto;
  }
  .b-project-desciption blockquote {
    font-weight: 300;
    line-height: 20px;
    margin-top: 20px;
  }
  .b-project-desciption .media {
    margin-top: 30px;
  }
  .b-project-desciption .media:before,
  .b-project-desciption .media:after {
    content: ' ';
    display: table;
  }
  .b-project-desciption .media:after {
    clear: both;
  }
  .b-project-desciption .media:before,
  .b-project-desciption .media:after {
    content: ' ';
    display: table;
  }
  .b-project-desciption .media:after {
    clear: both;
  }
  .b-project-desciption .media .avatar {
    width: 45px;
    margin-right: 25px;
  }
  .b-project-desciption .media .desc {
    padding-top: 4px;
  }
  .b-project-desciption .media .desc p {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
  }
  .b-project-desciption .media .desc p:first-child {
    font-size: 16px;
    line-height: 18px;
  }
  .b-project-desciption .small-contact {
    padding-right: 100px;
  }
  .b-project-desciption .small-contact p {
    font-weight: 300;
  }
  .b-project-desciption .button {
    width: 100%;
    padding-left: 20%;
  }
}
/*
   .-----------------------------------------------------.
   |                    PHOTO LIST                       |
   '-----------------------------------------------------'
*/
.b-photo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 56px;
}
.b-photo-list li {
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 8px;
  padding: 95px 10px 55px;
}
.b-photo-list li img {
  display: block;
  margin: 0px auto;
}
.b-photo-list li:first-child {
  padding: 40px 0px 45px;
}
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */
/*
   .-----------------------------------------------------.
   |                   SIMILAR PROJECT                   |
   '-----------------------------------------------------'
*/
.b-similar-project {
  padding-top: 60px;
}
.b-similar-project h2 {
  color: #4f4e4d;
  font: 500 18px/18px 'Roboto', sans-serif;
  padding-bottom: 10px;
}
.b-similar-project .slick-slider .slick-slide img {
  display: inline-block;
}
.b-similar-project .slick-slider .slick-next,
.b-similar-project .slick-slider .slick-prev {
  right: 0px;
  left: auto;
  width: 25px;
  height: 25px;
  top: -20px;
  background: url(../images/red-arrow-next.svg) center no-repeat;
  background-size: 25px 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.b-similar-project .slick-slider .slick-prev {
  right: 36px;
  background-image: url(../images/red-arrow-prev.svg);
}
/* ________________    768px - 1000px    _______________ */
@media only screen and (min-width: 768px) {
  .b-similar-project {
    padding-top: 154px;
  }
  .b-similar-project h2 {
    font: 500 21px/18px 'Roboto', sans-serif;
    padding-bottom: 14px;
  }
  .b-similar-project .item {
    width: 362px;
    margin: 0px 21px;
  }
}
/* ________________    1001px - Max    _______________ */
@media only screen and (min-width: 1001px) {
  .b-similar-project {
    padding-bottom: 86px;
  }
  .b-similar-project h2 {
    font: 500 24px/18px 'Roboto', sans-serif;
  }
}
/*
   .-----------------------------------------------------.
   |                       BLOCK                         |
   '-----------------------------------------------------'
*/
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */
/*
   .-----------------------------------------------------.
   |                       BLOCK                         |
   '-----------------------------------------------------'
*/
/* ________________    768px - 1000px    _______________ */
/* ________________    1001px - Max    _______________ */

div.wpcf7-validation-errors{
  border:1px solid #f00;
  color: #f00;
}
div.wpcf7-mail-sent-ok{
  border:0 !important;
  color:#5f5e5e;
}
.request_info div.wpcf7-validation-errors{
  color: #fff !important;
}
.request_info div.wpcf7-mail-sent-ok{
border:0 !important;
 color: #fff !important;
}

.wp-pagenavi{text-align: center;margin-bottom: 30px;}
.wp-pagenavi a, .wp-pagenavi span{border:0;color: #898686;}
  .wp-pagenavi a:hover, .wp-pagenavi span.current{color:#ee3527;}

@media (max-width: 500px){
  p, address{font-size: 15px !important;}
  .b-our-services-section .b-body ul li .read-more { display: block; }
  .hidden{font-size: 15px}
}

/*
   .-----------------------------------------------------.
   |                     Single page NewLayout           |
   '-----------------------------------------------------'
*/



.hero_image {max-height: 700px;overflow-y: hidden;}
.hero_image_2 img,
.hero_image img {width: 100%; height: auto; margin: auto}
.project_quote_text blockquote{
  padding-top: 100px;
  background: url('../images/blockquote.png') no-repeat top left;
  background-size: 60px auto;
    font-size: 22px;
    line-height: 1.6;
    text-align: left;
    font-style: normal;
    color:#69878b
}
.project_quote_text blockquote cite {
  display: block;
  margin-top: 20px;
  padding-top:20px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  position: relative;
  color:#69878b
} 
.project_quote_text blockquote cite:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px; 
  width:100px; 
  background:#69878b
}