body {
  color: #444;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

a {
  text-decoration: none!important;
  font: inherit;
}

.service-thumb,
.btn,
a img,
a, button {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}

.font-20 {
  font-size: 20px;
}

.img-margin {
  margin-bottom: 30px;
}

.row-custom {
  margin: 0 -8px;
}

.row-custom > div {
  padding: 0 8px;
}

.stretch {
  padding: 0;
}

.caret {
  border-top: 4px solid !important;
}

.dropup .caret {
  border-top: 0!important;
}

.img-responsive {
  width: 100%;
  max-width: none!important;
}

.img-holder {
  overflow: hidden;
}

.form-control {
  border-radius: 0;
  height: 38px;
  font-size: 16px;
}

textarea {
  resize: vertical;
}

.dropdown-menu {
  border-radius: 0;
}

/*OWL CAROUSEL*/

.owl-theme .owl-controls .owl-nav div {
  padding:5px 9px;
}

.owl-theme .owl-nav {
  margin: 0;
}

.owl-theme .owl-nav i {
  margin-top:2px;
}

.owl-theme .owl-controls .owl-dots {
  text-align:center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index:100;
}

.owl-theme .owl-controls .owl-dot {
  display: inline-block;
  margin: 10px;
  border-radius: 50%;
  opacity: 0.5;
}

.owl-theme .owl-dots .owl-dot span {
  margin: 0;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
  display: none!important;
  position:absolute;
  top:40%;
  margin: 0!important;
  padding:0px!important;
  color:#fff;
  border-radius: 0;
  background-color: rgba(115,115,115,.5);
  font-size: 30px;
  opacity: 0.5;
  text-shadow: 0.5px 0.5px 2px #000;
  -webkit-transition:all .3s ease;
     -moz-transition:all .3s ease;
      -ms-transition:all .3s ease;
       -o-transition:all .3s ease;
          transition:all .3s ease;
}

.owl-theme .owl-controls .owl-prev:hover,
.owl-theme .owl-controls .owl-prev:focus,
.owl-theme .owl-controls .owl-next:hover,
.owl-theme .owl-controls .owl-next:focus {
  opacity:1;
}

.owl-theme .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: 0;
}

.owl-theme .owl-controls .owl-dot {
  width: 5px;
  height: 5px;
}

.owl-theme .owl-controls .owl-dot.active span,
.owl-theme .owl-controls.clickable .owl-dot:hover span {
  opacity: 0.9;
}

/*OWL CAROUSEL END*/

/*====BACK TO TOP====*/

.back-to-top {
  padding: 6px;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  position: fixed;
  bottom: 50px;
  right: 15px;
  text-align: center;
  font-size: 16px;
  z-index: 999;
  color: #fff;
  background-color: rgba(70,186,235,.7);
  display: none;
}

.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active {
  color: #fff;
  background-color: rgba(70,186,235,.9);
}

/*====BACK TO TOP end====*/

/*LIGHTCASE*/

#lightcase-overlay {
  background: none;
  background-color: rgba(0,0,0,.9);
}

/*LIGHTCASE END*/

/*BREADCRUMB*/
.breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.breadcrumb li,
.breadcrumb li a {
  display: inline;
  color: #fff;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-shadow: 0 0 5px #666;
}

.breadcrumb .active {
  color: #fff;
}
/*BREADCRUMB END*/

/*====PAGINATION====*/

.pagination {
  margin-top: 30px;
}

.pagination li {
  display: inline-block;
}

.pagination li a {
  box-shadow: 0 0 3px 0px #ddd;
  -webkit-box-shadow: 0 0 3px 0px #ddd;
  -moz-box-shadow: 0 0 3px 0px #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 0;
}

.pagination li span {
  border: none;
}

.pagination li span:hover {
  background-color: transparent;
}

.pagination li + li {
  margin-left: 3px;
}

.pagination > li > a, .pagination > li > span {
  color: #000;
}

.pagination > li > a:hover {
  color: #000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #333;
  background-color: #333;
  color: #fff;
}

/*====PAGINATION END====*/

/*NAVBAR*/

.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  background-color: #fff;
}

.navbar-right {
  margin-right: 0;
}

.nav-lang img {
  width: 18px;
}

.navbar-custom .dropdown-menu {
  text-align: center;
  background-color: rgba(255,255,255,.8);
}

.navbar-custom .dropdown-menu li a {
  padding: 10px;
}

.navbar-custom .dropdown-center {
  left: 50%;
  right: auto;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.navbar-custom .navbar-toggle {
  margin-top: 18px;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: transparent;
  font-size: 12px;
}

.navbar-toggle .icon-bar {
  background-color: #666;
}

.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}

.navbar-custom .navbar-brand {
  padding: 10px 15px;
  font-weight: 700;
}

.navbar-brand img {
  max-width: 350px;
}

.navbar-custom .navbar-brand:focus {
  outline: none;
}

.navbar-custom a {
  color: #555;
}

.navbar-custom .nav > li > a {
  padding: 15px 10px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:active {
  outline: none;
  background-color: transparent;
}

.navbar-brand {
  height: auto;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: transparent;
}

.navbar-custom .dropdown-menu {
  padding: 0;
}

.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:active {
  background-color: #fff!important;
}

/*NAVBAR END*/

/*BOX*/

.border-round {
  border: 1px solid #ddd;
}

.box-white-desc {
  padding: 15px 20px;
  height: 550px;
  background-color: rgba(255,255,255,.8);
}

.box-header {
  padding-top: 50px;
  height: 400px;
  background-image: url("../images/bg-header.jpg");
}

.box-header > div {
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.container-sm {
  max-width: 1000px;
}

.container-xs {
  max-width: 800px;
}

.box-mid-out {
  height: 100%;
  width: 100%;
  display: table;
}

.box-mid-in {
  display: table-cell;
  vertical-align: middle;
}

.box-standard {
  padding: 40px 0;
}

.pad-bot-40 {
  padding-bottom: 40px;
}

.border-bot {
  border-bottom: 1px solid #ddd;
}

.box-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.box-sky {
  background-image: url("../images/blue-sky.jpg")
}

.box-bg-bottom-grey,
.box-bg-bottom {
  padding-bottom: 200px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.box-bg-bottom-grey:before,
.box-bg-bottom:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 500px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-image: url('../images/bg-bottom.jpg');
  z-index: -1;
}

.box-bg-bottom-grey {
  background-color: #ddd;
}

.box-bg-bottom-grey:before {
  background-image: url('../images/bg-bottom-grey.jpg');
}

.box-grad-black {
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(34,34,34,1)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
  background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222', GradientType=1 );
}

.box-grey {
  background-color: #efefef;
}

/*BOX END*/

/*BUTTON*/

.btn {
  padding: 7px 25px;
  border-radius: 0;
}

.btn-border,
.btn-standard,
.btn-grey {
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.btn-standard {
  background-color: #1c6383;
  color: #fff;
}

.btn-standard:hover,
.btn-standard:focus,
.btn-standard:active {
  color: #fff;
  background-color: #124258;
}

.btn-grey {
  background-color: #333;
  color: #fff;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active {
  background-color: #111;
  color: #fff;
}

.btn-full {
  width: 100%;
}

.btn-border {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.btn-border:hover,
.btn-border:focus,
.btn-border:active {
  background-color: #fff;
  color: #333;
}

/*BUTTON END*/

/*TITLE*/

.title {
  color: #222;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.2;
}

.title-standard {
  margin-bottom: 10px;
  font-size: 30px;
}

.title-standard-sm span,
.title-standard span {
  display: block;
  color: #666;
  font-size: 20px;
  font-weight: 400;
}

.title-standard-sm .no-block {
  display: inline;
  font-size: 24px;
}

.title-standard-sm {
  margin-bottom: 10px;
  font-size: 24px;
}

.title-standard-xs {
  margin-bottom: 5px;
  font-size: 18px;
}

.title-footer {
  margin-bottom: 5px;
  color: #fff;
  font-size: 20px;
}

.title-bordered,
.title-white {
  color: #fff;
  font-size: 34px;
}

.title-white-md {
  color: #fff;
  font-size: 24px;
}

.title-white-sm {
  color: #fff;
  font-size: 20px;
}

.title-white span {
  display: block;
  color: #ddd;
  font-size: 20px;
  font-weight: 400;
}

.title-bordered {
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  text-shadow: 0px 0px 5px #555;
}

.title-bordered:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  height: 1px;
  background-color: #fff;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.title-white-xs {
  color: #fff;
  font-size: 18px;
}

.title-no-up {
  text-transform: none;
}

.title-header {
  font-size: 45px;
  text-shadow: 0 0 5px #666;
}

/*TITLE END*/

/*QUOTES*/

.quotes-desc {
  font-size: 20px;}

.quotes-name {
  color: #000;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

/*QUOTES END*/

/*FOOTER*/

.footer-top {
  padding: 25px 0 10px 0;
}

.footer-bottom {
  padding: 20px 0;
  border-top: 1px solid #333;
}

.footer-col {
  margin-bottom: 30px;
}

footer p {
  margin-bottom: 5px;
  color: #fff;
}

.list-footer li a,
.list-footer li {
  color: #fff;
}

.list-footer.list-contact li span {
  color: #aaa;
}

.list-contact li {
  padding-left: 30px;
  position: relative;
}

.list-contact li:before {
  position: absolute;
  font-family: FontAwesome;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 2px 0;
}

.address:before {
  content: "\f1ad";
  background-color: #f48a1e;
}

.phone:before {
  content: "\f095";
  background-color: #36959d;
}

.email:before {
  content: "\f0e0";
  background-color: #52a884;
}

.whatsapp:before {
  content: "\f232";
  background-color: #55c73c;
}

.list-contact li + li {
  margin-top: 7px;
}

.list-link {
  margin: 0;
}

.list-link a {
  padding: 3px 0;
  display: inline-block;
}

/*
.list-socmed li {
  display: inline-block;
}
*/

.list-socmed li a {
  display: inline-block;
  padding: 5px 7px 5px 30px;
/*  font-size: 24px;*/
  position: relative;
}

.list-socmed li a span {
  position: absolute;
  left: 0;
  top: 5px;
  width: 22px;
  height: 22px;
  text-align: center;
  font-size: 14px;
  border-radius: 100%;
  color: #fff;
}

.icon-ig {
  background-color: #a14f99;
}

.icon-fb {
  background-color: #3d4898;
}

.footer-bottom a {
  color: #fff;
}

/*FOOTER END*/

/*HOME*/
.home-quote {
  height: 400px;
}

.home-carousel .item {
  padding: 50px 15px 15px 15px;
  background-position: center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  height: 670px;
  text-align: center;
}

.text-slider {
  color: #fff;
  font-size: 40px;
  text-shadow: 0.5px 0.5px 2px #000;
}

.title-welcome {
  padding-right: 35px;
  margin-bottom: 40px;
  position: relative;
  z-index: 0;
}

.title-welcome:before {
  content: " ";
  position: absolute;
  top: -15px;
  right: 25px;
  bottom: -15px;
  left: -50px;
  background-color: #1b89af;
  z-index: -1;
}

.box-welcome {
  position: relative;
}

.box-welcome:before {
  position: absolute;
  content: " ";
  left: 15px;
  right: 0;
  top: 50px;
  bottom: 0;
  border: 5px solid #ddd;
}

.welcome-desc {
  padding-right: 40px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 1.7;
}

.welcome-desc p {
  margin-bottom: 15px;
}

.list-welcome {
  padding: 15px 0;
  text-align: right;
}

.list-welcome li {
  margin-bottom: 5px;
  color: #247596;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}

.test-carousel {
  margin-top: 30px;
  padding-bottom: 60px;
}

.test-carousel .item {
  font-size: 20px;
}

.test-name {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: "Lato", sans-serif;
  color: #256785;
  font-weight: 700;
  font-size: 24px;
}

.test-company {
  line-height: 1;
  font-weight: 600;
}

.project-display {
  padding: 15px 20px;
  height: 490px;
  position: relative;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

.project-display .title-white {
  margin-bottom: 5px;
}

.sub-title {
  margin: 0;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px #555;
}

.desc {
  background-color: #1676a2;
}

.desc p {
  margin-bottom: 20px;
  color: #fff;
}

.project-display:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  z-index: 1;
}

.project-display .box-mid-out {
  position: relative;
  z-index: 2;
}

.orange:after {
  background-color: rgba(250,167,8,.7);
}

.purple:after {
  background-color: rgba(154,59,168,.7);
}

.green:after {
  background-color: rgba(159,211,27,.7);
}

.box-service {
  background-image: url('../images/service-bg.jpg');
}

.service-bottom {
  padding: 8px;
}

.service-thumb {
  padding: 15px;
  height: 350px;
  background-color: rgba(0,0,0,.7);
/*  cursor: pointer;*/
}

.service-thumb:hover {
  background-color: rgba(0,0,0,.5);
}

.service-top {
  background-color: rgba(0,0,0,.8);
}

.service-top > div {
  padding: 20px;
}

.service-desc {
  border-left: 1px solid #444;
}

.service-title .title,
.service-desc p {
  margin: 0;
  color: #fff;
}

.service-title {
  text-align: right;
}

.service-title .title span {
  font-size: inherit;
}

/*HOME END*/

/*CONTACT*/

.contact-desc {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  font-size: 30px;
}

.box-contact + .box-contact {
  margin-top: 40px;
}

.map-canvas {
  height: 400px;
}

.map-holder {
  padding-top: 15px;
  position: relative;
  z-index: 0;
}

.map-btn {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}

.box-office-left,
.box-office {
  padding: 60px 15px;
  position: relative;
  z-index: 1;
}

.box-office-left {
  padding-left: 40px;
}

.box-office-left:before,
.box-office:before {
  position: absolute;
  left: -30px;
  top: 0;
  right: 0;
  bottom: 0;
  content: " ";
  background-color: #fff;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
  z-index: 0;
}

.box-office-left:before {
  right: -30px;
  left: 0;
}

.box-office-left:after,
.box-office:after {
  position: absolute;
  left: -40px;
  top: 15px;
  bottom: 15px;
  width: 10px;
  background-color: #1676a2;
  content: " ";
}

.box-office-left:after {
  right: -40px;
  left: auto;
}

.box-office-left .title,
.box-office .title {
  position: relative;
  z-index: 2;
}

.list-contact li a {
  color: inherit;
}

.list-contact li span {
  color: #888;
}

.socmed-contact li a {
  padding: 0;
  padding-left: 25px;
  color: inherit;
}

.socmed-contact li a span {
  top: 0;
}

.socmed-contact li + li {
  margin-top: 7px;
}

/*CONTACT END*/

/*HISTORY*/

.owner-opening {
  margin: 0 auto;
  max-width: 850px;
}

.owner-opening-text {
  font-size: 24px;
}

.history-section + .history-section {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}

.owner-thumb {
  margin-top: 40px;
  position: relative;
  z-index: 0;
}

.owner-thumb:before {
  position: absolute;
  left: 1px;
  top: 15px;
  bottom: 15px;
  right: 0;
  content: " ";
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
  z-index: -1;
}

.owner-desc .box-mid-in {
  padding: 30px 30px;
}

.owner-img {
  position: relative;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.owner-img:before {
  position: absolute;
  left: -10px;
  width: 10px;
  bottom: 15px;
  top: 15px;
  content: " ";
  background-color: #46bced;
}

.history-desc {
  margin-top: 40px;
}

/*HISTORY END*/

/*PHILOSOPHY*/

.philosophy-desc {
  height: 550px;
}

.title-line {
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
}

.title-line img {
  margin-right: 15px;
  width: 170px;
}

.title-line:before {
  position: absolute;
  left: 15px;
  right: 0;
  top: 50%;
  height: 5px;
  content: " ";
  background-color: #ddd;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: -1;
}

.title-line .title {
  margin: 0;
  padding-right: 15px;
  display: inline-block;
  background-color: #fff;
  line-height: 1;
  color: #666;
  font-size: 36px;
}

.title-line .title span {
  color: #999;
  font-weight: 400;
}

.pillars-thumb {
  margin-bottom: 30px;
  padding: 15px;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.pillars-thumb .title {
  margin-bottom: 5px;
}

.pillars-thumb img {
  max-width: 100px!important;
  display: inline;
}

/*PHILOSOPHY END*/

/*PROJECT*/

.box-project {
  padding-bottom: 50px;
}

.box-filter {
  margin-top: -30px;
  margin-bottom: 20px;
  padding: 20px 15px;
  padding-bottom: 5px;
  background-color: #fff;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.project-thumb {
  margin-bottom: 8px;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.project-thumb-title {
  padding: 10px 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
/*  background-color: rgba(0,0,0,.8);*/
  background: rgba(0,0,0,.8);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(51%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.8)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  text-shadow: 0.5px 0.5px 2px #000;
}

.project-thumb .title {
  margin-bottom: 0!important;
}

.project-thumb-title span {
  color: #ddd;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.project-hover {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.8);
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  z-index: 1;
}

.project-hover > div {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 2;
}

.project-hover .btn {
  font-size: 16px;
}

.project-thumb:hover .project-thumb-title {
  opacity: 0;
}

.project-thumb:hover img {
  transform: scale(1.1,1.1);
}

.project-opening {
  padding-bottom: 40px;
}

.project-thumb:hover .project-hover,
.project-thumb:hover .project-hover > div {
  opacity: 1;
}

.row-project {
  padding-top: 40px;
  margin-left: -4px;
  margin-right: -4px;
}

.row-project > div {
  padding: 0 4px;
}

.gallery-thumb {
  margin-bottom: 8px;
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-hover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.7);
  opacity: 0;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

.gallery-hover span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  text-align: center;
  font-size: 36px;
  color: rgba(255,255,255,.7);
}

.gallery-thumb:hover .gallery-hover {
  opacity: 1;
}

.gallery-thumb:hover img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

.project-section {
  margin-bottom: 50px;
}

.project-description {
  margin-bottom: 30px;
}

.project-detail {
/*  padding-right:120px;*/
  margin-top: 30px;
  margin-bottom: 30px;
}

.list-project {
  padding: 20px 20px 20px 50px;
  position: relative;
}

.list-project:before {
  position: absolute;
  left: 25px;
  top: -15px;
  bottom: -15px;
  width: 1px;
  background-color: #ddd;
  content: " ";
}

.list-project li {
  padding-left: 28px;
  position: relative;
}

.list-project li span {
  color: #222;
  font-weight: 600;
}

.list-project li + li {
  margin-top: 8px;
}

.list-project li:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  color: #222;
  font-family: FontAwesome;
  text-align: center;
}

.year:before {
  content: "\f073";
}

.type:before {
  content: "\f1ad";
}

.location:before {
  content: "\f041";
}

.scope:before {
  content: "\f0b1";
}

.architect:before {
  content: "\f0c0";
}

.project-video {
  padding-left: 120px;
  margin-bottom: 30px;
}

.project-video a {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.project-video a:hover img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

.project-video a:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: " ";
  background-color: rgba(0,0,0,.5);
  z-index: 1;
}

.project-video a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  color: rgba(255,255,255,.6);
  font-family: FontAwesome;
  content: "\f16a";
  font-size: 72px;
  z-index: 2;
}

/*PROJECT END*/

/*OVERVIEW*/

.overview-section + .overview-section {
  margin-top: 40px;
}

.mission-col + .mission-col,
.vision-col + .vision-col {
  border-left: 1px solid #ddd;
}

.mission-col,
.vision-col {
  padding: 30px;
}

.title-overview {
  color: #666;
  font-size: 42px;
}

.title-overview span {
  display: block;
  color: #999;
  font-size: 24px;
  font-weight: 400;
}

/*OVERVIEW END*/

/*TEAM MANAGEMENT*/

.team-section + .team-section {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}

.team-desc {
  position: relative;
  z-index: 0;
}

.team-desc:before {
  position: absolute;
  left: -25px;
  right: 0;
  top: -15px;
  bottom: -15px;
  content: " ";
  z-index: -1;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.team-desc .box-mid-in {
  padding: 30px;
}

.team-img {
  position: relative;
  z-index: 2;
}

.company-thumb {
  margin-bottom: 30px;
  display: block;
  padding: 15px;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.company-thumb .img-responsive {
  max-width: 150px!important;
  margin: 0 auto;
}

.company-thumb-desc {
  padding-top: 10px;
}

.company-thumb p {
  color: #444;
}

.company-section {
  padding: 15px 0;
  margin-bottom: 30px;
}

.company-title {
  padding: 40px 60px 40px 15px;
  position: relative;
  text-align: right;
}

.company-title:after {
  position: absolute;
  right: 30px;
  bottom: -15px;
  top: -15px;
  content: " ";
  width: 1px;
  background-color: #ddd;
}

/*TEAM MANAGEMENT END*/

/*CSR*/

.list-csr {
  padding-left: 36px;
}

.list-csr li {
  margin-bottom: 10px;
  font-size: 18px;
}

.csr-title {
  margin-bottom: 20px;
  padding: 40px 15px 40px 60px;
  position: relative;
/*  text-align: right;*/
}

.csr-title:after {
  position: absolute;
  left: 30px;
  bottom: 0;
  top: 0;
  content: " ";
  width: 1px;
  background-color: #ddd;
}

.act-thumb {
  margin-bottom: 30px;
  padding: 15px;
  padding-left: 100px;
  position: relative;
  min-height: 100px;
  box-shadow: 0 0 3px 0px #aaa;
  -webkit-box-shadow: 0 0 3px 0px #aaa;
  -moz-box-shadow: 0 0 3px 0px #aaa;
}

.act-thumb:before {
  position: absolute;
  left: 10px;
  top: 0;
  width: 75px;
  height: 8px;
  content: " ";
  background-color: #1676a2;
}

.act-thumb:after {
  position: absolute;
  left: 10px;
  top: 8px;
  width: 75px;
  text-align: center;
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 48px;
  color: #aaa;
}

.act-thumb p {
  margin: 0;
}

/*CSR END*/

/*MODAL*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal-content {
  border-radius: 0;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-service .modal-header {
  background-color: #1b89af;
}

.list-service li {
  position: relative;
  padding-left: 30px;
}

.list-service li:before {
  position: absolute;
  content: "\f00c";
  font-family: "FontAwesome";
  left: 5px;
  top: 0;
}

.service-text {
  margin: 0;
  font-weight: 600;
}

.modal-header .close {
  padding: 0 10px;
  font-size: 28px;
}

.modal-service .modal-body {
  padding: 30px 15px;
}

.modal-service.modal-lg {
  max-width: 700px;
}

.service-thumb-desc {
  padding: 15px 20px;
  position: relative;
  min-height: 220px;
  z-index: 0;
}

.service-thumb-img {
  z-index: 2;
}

.service-thumb-desc:before {
  position: absolute;
  left: -10px;
  right: 0;
  bottom: -10px;
  top: -10px;
  border: 1px solid #ddd;
  z-index: -1;
  content: " ";
  background-color: #fff;
  box-shadow: 0 0 3px 0px #ddd;
  -webkit-box-shadow: 0 0 3px 0px #ddd;
  -moz-box-shadow: 0 0 3px 0px #ddd;
}

/*MODAL END*/

/*PROJECT ON MEDIA*/

.media-thumb {
  margin-bottom: 16px;
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.media-thumb-title {
  padding: 10px 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
/*  background-color: rgba(0,0,0,.8);*/
  background: rgba(0,0,0,.8);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(51%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.8)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 51%, rgba(0,0,0,0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  text-shadow: 0.5px 0.5px 2px #000;
}

.media-thumb .title {
  margin-bottom: 0!important;
  
}

.media-thumb-title span {
  color: #ddd;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}

.media-thumb:hover {
  box-shadow: 0 0 7px 0px #aaa;
  -webkit-box-shadow: 0 0 7px 0px #aaa;
  -moz-box-shadow: 0 0 7px 0px #aaa;
}

.media-thumb:hover img {
  transform: scale(1.07,1.07);
  -webkit-transform: scale(1.07,1.07);
  -moz-transform: scale(1.07,1.07);
  -o-transform: scale(1.07,1.07);
  -ms-transform: scale(1.07,1.07);
}

/*PROJECT ON MEDIA END*/

.box-thanks {
  padding-top: 120px;
  height: 500px;
}

.box-thanks .box-mid-in {
  padding-bottom: 70px;
}

.text-md {
  font-size: 20px;
}

.box-thanks p {
  margin-bottom: 20px;
}

.box-error {
  padding-top: 150px;
  min-height: 400px;
}