body {color:#333;font:300 15px/15px Roboto,Arial,Helvetica;background:url(../images/basefiles/bg.jpg) right no-repeat fixed #fff; -webkit-font-smoothing:antialiased;}

a{color:#bb6628; text-decoration:none;}
a:hover{color:#9d5202; text-decoration:none;}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h5{margin: 0;line-height: 1em;}
h1{font:700 5em Roboto,Arial,Helvetica;margin:0.25em 0;text-transform: uppercase;}
h2{font:600 1.4em Roboto,Arial,Helvetica;margin-bottom: 1.5em;}
h3{font:300 2em Roboto,Arial,Helvetica;margin:2em 0 1em 0;}
h4{font:300 1.5em Roboto,Arial,Helvetica;margin-bottom: 1em;}
h4 b {font-weight:500;}
h4 i{margin-right: 0.5em;}
h6{font:500 2.6em Roboto,Arial,Helvetica;margin:1.7em 0 1.4em 0;color:#bb6628;}

p{font-size: 1.1em;line-height: 1.7em;margin-bottom: 0.5em;}

.p0 {
  padding: 0 20px 0 0;
}

.btn,a,.btn:hover,a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none !important;
}

.colorbk {color:#333;}
.colorpk {
	background-color: #cba68b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}
.colorpkl {color:#bb6628;}
.colorpklb {
  color: #bb6628;
  font-weight: bold;
}
.colorblk {background-color:#000;}
.colorblp {background-color: rgba(0,0,0,0.9);}

.spacer {padding: 5.5em 0;}
.spacerfin {padding: 4.9em 0 2em 0;}
.spacertra {padding: 5.5em 0;}
.spacertracont {padding: 5.5em 0;}
.spacerenv {padding: 10em 0 6em 0;}
.spacerpotf {padding: 0 15em;}
.spacerfooter {padding: 2em 0 2em 0;}
.spacerterms {padding: 7.5em 0;}
.spacer404 {padding-top: 5.5em;}

#head,.carousel{margin-top: 0;}

#home {padding-top: 8.6em;}
#portfolio {padding-top: 8.6em;}
#portfoliomid {padding-top: 2em;}
#service {padding-top: 8.6em;}
#404 {padding-top: 10em;}

.section-padding-100 {
  padding-top: 40px;
  padding-bottom: 100px;
}

#preloader {
  overflow: hidden;
  background-color: #22140f;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
}

.mosh-preloader {
  overflow: hidden;
  -webkit-animation: 3000ms linear 0s normal none infinite running mosh-preloader;
  animation: 3000ms linear 0s normal none infinite running mosh-preloader;
  background-color: transparent;
  border-color: #f1f2f3 #f1f2f3 #bb6628;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  height: 50px;
  left: calc(50% - 25px);
  position: relative;
  top: calc(50% - 25px);
  width: 50px;
  z-index: 9;
}

@-webkit-keyframes mosh-preloader {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes mosh-preloader {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.btn {
  border: none;
  border-radius: 0;
  padding: 1em 4em;
  background: rgba(0,0,0,0.5);
  text-transform: uppercase;
}
.btn:hover,.btn:active {
  color: #fff;
}
.btn-default {
  color: #ccc;
  border: 1px solid #aaa;
}
.btn-default:hover,.btn-default:active {
  background: rgba(0,0,0,0.8);
}
.btn-primary {
  color: #fff;
  background: #e89f10;
  width: 100%;
  outline: none;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
  background: #bb6628;
  box-shadow: none;
}
.btn-close {
  color: #fff;
  background: #bb6628;
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
}
.btn-close:hover,.btn-close:active {
  color: #312b2f;
  background: rgba(203,166,139,1.2);
  border-radius: 3px;
  font-weight: bold;
}

.btn-close-modal {
  color: #fff;
  background: #bb6628;
  display: inline-block;
  padding: 8px 25px;
  margin-top: 8px;
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
}
.btn-close-modal:hover,.btn-close-modal:active {
  color: #312b2f;
  background: rgba(203,166,139,1.2);
  border-radius: 3px;
  font-weight: bold;
}

.header {
  background:#00283a;
  border-bottom: 5px solid #92c500;
}
section {
  padding: 0;
}
.section-title {
  padding-bottom: 10px;
}
.section-title h2 {
  font-size: 45px;
  text-transform: uppercase;
}
.section-title p {
  font-size: 18px;
  font-weight: 300;
  line-height: 33px;
  margin: 50px 100px 25px 100px;
}
.mz-module .section-title {
  padding: 40px 0;
}
.row-0-gutter {
  margin-left: -13px;
  margin-right: -13px;
}
.col-0-gutter {
  padding-left: 0;
  padding-right: 0;
}
.no-gutter [class*=col-] {
  padding-right: 0;
  padding-left: 0; }

/*topbar*/

.topbar {
  background: url(../images/basefiles/lines.png);
  height: 5px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/*
.top_header_area {
  background: #111f29;
}
.top_header_area .top_nav li a {
  font: 400 14px/50px "Roboto", sans-serif;
  color: #fff;
  padding: 0;
  padding-left: 30px;
}
.top_header_area .top_nav li a i {
  color: #ff60d5;
  font-size: 18px;
  padding-right: 10px;
}
.top_header_area .top_nav li a:hover, .top_header_area .top_nav li a:focus {
  background-color: transparent;
  color: #ff60d5;
}
.top_header_area .top_nav li:first-child a {
  padding: 0;
}
.top_header_area .social_nav {
  margin: 0;
  padding-top: 12px;
}
.top_header_area .social_nav li a {
  font-size: 14px;
  color: #fff;
  padding: 0;
  text-align: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
}
.top_header_area .social_nav li a i {
  line-height: 24px;
}
.top_header_area .social_nav li a:hover, .top_header_area .social_nav li a:focus {
  background: #ff60d5;
  color: #111f29;
}
*/
/* End Top header */
/* Top header 2 */
/*.top_header_area.top_header {
  background-color: transparent;
  position: relative;
  overflow: hidden;
}
.top_header_area.top_header .right_top_header {
  background: #111f29;
  display: block;
  overflow: hidden;
  padding-left: 20px;
}
.top_header_area.top_header .right_top_header:after {
  content: "";
  position: absolute;
  right: 0;
  width: 50%;
  background: #111f29;
  height: 50px;
  z-index: -1;
}*/
/*topbar*/

.navbar-brand {
  padding: 0;
  margin:0;
}
.navbar-mark {
  padding: 0;
  margin:0;
}
.navbar {
  margin-bottom: 0;
  border: none;
}
.navbar-nav {
  float: left;
  margin-left: 0;
  font-size:21px;
}
.navbar-nav > li > a { /*dimensiones botones menu abierto*/
  padding: 25px 18px;
}
.navbar-nav > li > a {
  font-size: 1em;
  line-height: 3.6em;
}
.navbar-collapse {
  padding: 0;
  box-shadow: none;
}
.navbar-default {
  background: none;
  border: none;
}
.navbar-fixed-top {
  top: 5px;
}
.navbar-inverse {
  background-color: rgba(0,0,0,0.9);
}
.navbar-inverse > li > a {
  padding: 5px 12px;
  margin: 0;
  border-radius: 3px;
  color: #fff;
  line-height: 24px;
  display: inline-block;
}
.navbar-inverse > li > a:hover {
  background: none;
  color: #fbd1e9;
}
.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-brand .navbar-mark {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background: none;
  color: #bb6628;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 0;
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 1px;
  left: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  font-size: 18px;
  padding: 15px 20px;
  color: #dc70c7;
  background-color: rgba(0,0,0,0.10);
  border-radius: 1px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #e4007c;
  color: #fff;
  padding: 15px 5px;
  border-left-width: 15px;
  border-left-style: solid;
  border-left-color: #a00058;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #212121;
  background-color: #fbd1e9;
}
/*
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #212121;
}
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-bottom-color: #bb6628;
  background:#cba68b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Banner Area --------------------------------------------------------------*/
.banner_area_btv {
  background: url("../images/services/trabajos-verticales-construcciones-creativas/trabajos-verticales-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_btv:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_btv h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_btv h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_btv .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_btv .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_btv .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_on {
  background: url("../images/services/obra-nueva-construcciones-creativas/obra-nueva-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_on:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_on h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_on h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_on .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_on .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_on .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_rf {
  background: url("../images/services/reformas-construcciones-creativas/reformas-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_rf:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_rf h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_rf h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_rf .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_rf .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_rf .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_rhb {
  background: url("../images/services/rehabilitacion-construcciones-creativas/rehabilitacion-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_rhb:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_rhb h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_rhb h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_rhb .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_rhb .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_rhb .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_ing {
  background: url("../images/services/ingenieria-construcciones-creativas/ingenieria-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_ing:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_ing h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_ing h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_ing .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_ing .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_ing .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_elec {
  background: url("../images/services/electricidad-construcciones-creativas/electricidad-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_elec:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_elec h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_elec h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_elec .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_elec .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_elec .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_fc {
  background: url("../images/services/fachadas-construcciones-creativas/fachadas-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_fc:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_fc h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_fc h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_fc .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_fc .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_fc .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_am {
  background: url("../images/services/amianto-construcciones-creativas/amianto-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_am:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_am h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_am h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_am .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_am .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_am .breadcrumb li a.active {
  color: #f6b60b;
}

.banner_area_imp {
  background: url("../images/services/impermeabilizacion-construcciones-creativas/impermeabilizacion-construcciones-creativas-banner.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_imp:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_imp h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_imp h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_imp .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_imp .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_imp .breadcrumb li a.active {
  color: #f6b60b;
}


.banner_area_portf {
  background: url("../images/carousel/resultados-construcciones-creativas.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_portf:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_portf h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_portf h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_portf .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_portf .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_portf .breadcrumb li a.active {
  color: #f6b60b;
}


.banner_area_mw {
  background: url("../images/carousel/mapaweb-construcciones-creativas.jpg") no-repeat fixed;
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 1em;
}
.banner_area_mw:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.banner_area_mw h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.banner_area_mw h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.banner_area_mw .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.banner_area_mw .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.banner_area_mw .breadcrumb li a.active {
  color: #f6b60b;
}


.page_404 {
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.page_404:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.page_404 h2 {
  color: #f4e6ee;
  font: 400 40px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 6em;
  padding-bottom: 2em;
}
.page_404 h2 p {
  color: #fff;
  font: 400 17px "Oswald", sans-serif;
  text-transform: none;
  padding-top: 0.2em;
  padding-bottom: 0em;
}
.page_404 .breadcrumb {
  background-color: transparent;
  padding-bottom: 6em;
}
.page_404 .breadcrumb li a {
  font: 400 14px "Roboto", sans-serif;
  color: #fefefe;
}
.page_404 .breadcrumb li a.active {
  color: #f6b60b;
}


/* End Banner Area --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
/*--------------------------------------------------*/
.building_construction_area .building_construction_row {
  padding-top: 85px;
  padding-bottom: 95px;
}
.building_construction_area .building_construction_row .constructing_laft h2 {
  font: 700 32px "Roboto", sans-serif;
  color: #bb6628;
  text-transform: uppercase;
  padding-bottom: 0;
}
.building_construction_area .building_construction_row .constructing_laft h2 span {
  padding-bottom: 30px;
}
.building_construction_area .building_construction_row .constructing_laft h2 .fa{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 15px;
}
.building_construction_area .building_construction_row .constructing_laft h2 .fa-bolt{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 24px;
}
.building_construction_area .building_construction_row .constructing_laft h2 .fa-building-o{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 18px;
}
.building_construction_area .building_construction_row .constructing_laft img {
  max-width: 100%;
}
.building_construction_area .building_construction_row .constructing_laft a {
  font: 700 24px "Roboto", sans-serif;
  color: #222222;
  text-transform: uppercase;
  padding-bottom: 25px;
  padding-top: 25px;
  display: block;
  text-decoration: none;
}
.building_construction_area .building_construction_row .constructing_laft a:hover, .building_construction_area .building_construction_row .constructing_laft a:focus {
  color: #bb6628;
}
.building_construction_area .building_construction_row .constructing_laft p {
  font: 400 17px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum {
  padding-left: 0;
  padding-top: 15px;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum {
  padding: 0;
  padding-top: 15px;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum {
  list-style: none;
  font: 400 14px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum {
  color: #ff60d5;
  padding-right: 30px;
}
.building_construction_area .excavator {
  padding: 0;
  padding-top: 15px;
}
.building_construction_area .excavator li {
  list-style: none;
  font: 400 17px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .excavator li i {
  color: #cba68b;
  padding-right: 10px;
  padding-left: 5px;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum_img {
  padding-top: 25px;
  padding-bottom: 16px;
}
.building_construction_area .building_construction_row .constructing_laft .ipsum_img img {
  max-width: 100%;
}
.building_construction_area .building_construction_row .constructing_right h2 {
  font: 700 32px "Roboto", sans-serif;
  color: #bb6628;
  text-transform: uppercase;
  padding-bottom: 0px;
}
.building_construction_area .building_construction_row .constructing_right h2 .fa{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 32px 0px 0px 13px;
}
.building_construction_area .building_construction_row .constructing_right .painting {
  padding: 0;
  padding-bottom: 40px;
}
.building_construction_area .building_construction_row .constructing_right .painting li {
  list-style: none;
  padding-bottom: 10px;
}
.building_construction_area .building_construction_row .constructing_right .painting li a {
  font: 700 17px/50px "Roboto", sans-serif;
  color: #555555;
  background: rgba(245, 245, 245, 0.8);
  display: block;
  padding-left: 30px;
  text-align: left;
}
.building_construction_area .building_construction_row .constructing_right .painting li a i {
  font-size: 18px;
  padding-right: 22px;
}

.building_construction_area .building_construction_row .constructing_right .painting li a:hover, .building_construction_area .building_construction_row .constructing_right .painting li a:focus {
	color: #fff;
	background: #cba68b;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
}
.building_construction_area .building_construction_row .constructing_right .painting .fa {
	width: 2.1em;
	height: 2.1em;
	border: 2px solid #D7D7D7;
	padding: 0;
	border-radius: 50%;
	margin: 0 1.3em 0 0;
	line-height: 1.85em;
	color: #D7D7D7;
	font-size: 20px;
	text-align: center;
}
.building_construction_area .building_construction_row .constructing_righta .painting .fa a:hover {
  color: #fff;
}
.building_construction_area .building_construction_row .constructing_right .contact_us {
  background: #cba68b;
  padding: 62px 30px 37px 30px;
}
.building_construction_area .building_construction_row .constructing_right .contact_us h4 {
  font: 700 18px/1 "Roboto", sans-serif;
  color: #fefefe;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_number {
  font: 700 18px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 18px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.building_construction_area .building_construction_row .constructing_right .contact_us p {
  font: 400 17px/26px "Roboto", sans-serif;
  color: #fefefe;
  padding-top: 30px;
  padding-bottom: 6px;
}
.building_construction_area .building_construction_row .constructing_right .contact_us .button_all {
  width: 210px;
  border: 2px solid #fff;
  background-color: transparent;
  font: 400 14px/36px "Roboto", sans-serif;
  color: #fefefe;
}



.building_construction_area .building_construction_row .constructing_rightmw h2 {
  font: 700 32px "Roboto", sans-serif;
  color: #bb6628;
  text-transform: uppercase;
  padding-bottom: 0px;
}
.building_construction_area .building_construction_row .constructing_rightmw h2 .fa{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 0 0 18px;
}
.building_construction_area .building_construction_row .constructing_rightmw .painting {
  padding: 0;
  padding-bottom: 40px;
}
.building_construction_area .building_construction_row .constructing_rightmw .painting li {
  list-style: none;
  padding-bottom: 10px;
}
.building_construction_area .building_construction_row .constructing_rightmw .painting li a {
  font: 700 17px/50px "Roboto", sans-serif;
  color: #555555;
  background: rgba(245, 245, 245, 0.8);
  display: block;
  padding-left: 30px;
  text-align: left;
}
.building_construction_area .building_construction_row .constructing_rightmw .painting li a i {
  font-size: 18px;
  padding-right: 22px;
}

.building_construction_area .building_construction_row .constructing_rightmw .painting li a:hover, .building_construction_area .building_construction_row .constructing_right .painting li a:focus {
	color: #fff;
	background: #cba68b;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
}
.building_construction_area .building_construction_row .constructing_rightmw .painting .fa {
	width: 2.1em;
	height: 2.1em;
	border: 2px solid #D7D7D7;
	padding: 0;
	border-radius: 50%;
	margin: 0 1.3em 0 0;
	line-height: 1.85em;
	color: #D7D7D7;
	font-size: 20px;
	text-align: center;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us {
  background: #cba68b;
  padding: 62px 30px 37px 30px;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us h4 {
  font: 700 18px/1 "Roboto", sans-serif;
  color: #fefefe;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us .contact_number {
  font: 700 18px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us .contact_email {
  font: 700 18px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us p {
  font: 400 17px/26px "Roboto", sans-serif;
  color: #fefefe;
  padding-top: 30px;
  padding-bottom: 6px;
}
.building_construction_area .building_construction_row .constructing_rightmw .contact_us .button_all {
  width: 210px;
  border: 2px solid #fff;
  background-color: transparent;
  font: 400 14px/36px "Roboto", sans-serif;
  color: #fefefe;
}


.building_construction_area .building_construction_row .constructing_404 h2 {
  font: 700 32px "Roboto", sans-serif;
  color: #bb6628;
  text-transform: uppercase;
  padding-bottom: 0;
}
.building_construction_area .building_construction_row .constructing_404 h2 span {
  padding-bottom: 30px;
}
.building_construction_area .building_construction_row .constructing_404 h2 .fa{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 15px;
}
.building_construction_area .building_construction_row .constructing_laft h2 .fa-bolt{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 24px;
}
.building_construction_area .building_construction_row .constructing_404 h2 .fa-building-o{
  width: 2em;
  height: 2em;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin: 0 0.2em 0 0;
  line-height: 0em;
  color: #999;
  padding: 30px 18px;
}
.building_construction_area .building_construction_row .constructing_404 img {
  max-width: 100%;
}
.building_construction_area .building_construction_row .constructing_404 a {
  font: 700 24px "Roboto", sans-serif;
  color: #222222;
  text-transform: uppercase;
  padding-bottom: 15px;
  padding-top: 25px;
  display: block;
  text-decoration: none;
}
.building_construction_area .building_construction_row .constructing_404 a:hover, .building_construction_area .building_construction_row .constructing_404 a:focus {
  color: #bb6628;
}
.building_construction_area .building_construction_row .constructing_404 p {
  font: 400 17px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum {
  padding-left: 0;
  padding-top: 15px;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum {
  padding: 0;
  padding-top: 15px;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum {
  list-style: none;
  font: 400 14px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum {
  color: #ff60d5;
  padding-right: 30px;
}
.building_construction_area .excavator404 {
  padding: 0;
  padding-top: 15px;
}
.building_construction_area .building_construction_row .constructing_404 .excavator404 li {
  list-style: none;
  font: 400 17px/26px "Roboto", sans-serif;
  color: #555555;
}
.building_construction_area .building_construction_row .constructing_404 .excavator404 li i {
  color: #cba68b;
  padding-right: 10px;
  padding-left: 5px;
}
.building_construction_area .building_construction_row .constructing_404 .excavator404 li a {
  list-style: none;
  font: 400 17px/26px "Roboto", sans-serif;
  color: #555555;
  text-transform: none;
  padding-bottom: 0;
  padding-top: 0;
  display: inline;
  text-decoration: none;
}
.building_construction_area .building_construction_row .constructing_404 .excavator404 a:hover, .building_construction_area .building_construction_row .constructing_404 .excavator404 a:focus {
  color: #cba68b;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum_img {
  padding-top: 25px;
  padding-bottom: 16px;
}
.building_construction_area .building_construction_row .constructing_404 .ipsum_img img {
  max-width: 100%;
}



a.con-button.buttonserv {
    font: 400 18px/36px "Roboto", sans-serif;
    color: #fefefe;
    padding: 0.6em 2em;
    margin-top: 0;
    display: inline-block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	text-decoration: none;
	outline: none;
}   
.buttonserv a{
	color: #000;
	text-decoration: none;
	display: block;
}
.buttonserv::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border: 2px solid #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.buttonserv:hover::before{
	opacity: 0;
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
.buttonserv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-color: #bb6628;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
.buttonserv:hover::after{
	opacity: 1 ;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
} 
a.con-button.buttonserv:hover {
    color: #fff;
}
/*--------------------------------------------------*/

/*about
#aboutus{
  padding-top: 8.8em;
}*/
.about.spacer {
  padding-left: 4em;
  padding-right: 4em;
  padding-bottom: 0;
}

/*services*/
.services ul li {
  width: 10.5em;
  height: 10.5em;
  border: 2px solid #ccc;
  padding: 0;
  border-radius: 50%;
  margin: 0 1.25em;
  line-height: 13.5em;
  color: #999;
}
.services ul li span {
  line-height: 2em;
  display: inline-block;
  font-weight: 300;
}
.services ul li span i {
  font-size: 3em;
}
.services ul li span b {
  display: block;
  font-size: 1em;
  font-weight: 300;
}
/*testimonials*/
.partners img {
  float: left;
  margin:0 75px 30px 0;
}
.testimonails {
  min-height: 195px;
}
.testimonails img {
  margin-top: 5px;
}
.testimonails span {
  color: #888;
}
.testimonails span b {
  font-weight: 400;
}
.carousel-indicators li {
  border: 1px solid #f3c024;
}
.carousel-indicators {
  bottom: 0;
}

/*works*/

#works {
  padding-top: 8.6em;
}
/*#works i.fa {
  font-size: 20px;
  padding: 5px;
  color: #F4D03F;
}*/
#works figcaption a {
  border:1px solid #fff;
  margin-top: 1em;
  display: inline-block;
  color: #fff;
  padding: 0 2em;
}
#works figcaption a:hover {
  text-decoration: none;
  padding: 0 3em;
}
/*works*/
.work {
  -moz-box-shadow: 0 0 0 1px #fff;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
  min-height: 350px;
  overflow: hidden;
  position: relative;
  visibility: hidden; 
}
.work .overlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-transition: opacity, 0.3s;
  -o-transition: opacity, 0.3s;
  -webkit-transition: opacity, 0.3s;
  transition: opacity, 0.3s; 
}
.work .overlay-caption {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.work h5, .work p, .work span, .work img {
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s; 
}
.work h5{
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  opacity: 0; 
}
.work p {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin: 0 2em; 
}
.work h5 {
  margin-bottom: 5px;
  -moz-transform: translate3d(0, -200%, 0);
  -ms-transform: translate3d(0, -200%, 0);
  -webkit-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0); 
}
.work p {
  -moz-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0); 
}
.work span {
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.work span {
  border:1px solid #fff;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 9em;
  display: inline-block;
  color: #fff;
  padding: 0.5em 2em;
}
.work span:hover {
  text-decoration: none;
  padding: 0.5em 3em;
}
.work-box:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); 
}
.work-box:hover .overlay {
  opacity: 1; 
}
.work-box:hover .overlay h5, .work-box:hover .overlay p {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); 
}

.work:nth-child(1) {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; 
}
.work:nth-child(2) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; 
}
.work:nth-child(3) {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; 
}
.work:nth-child(4) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; 
}
.work:nth-child(5) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; 
}
.work:nth-child(6) {
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; 
}
.work:nth-child(7) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; 
}
.work:nth-child(8) {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; 
}

.animated {
  visibility: visible; 
}

.work-result {
  position: absolute;
  text-align: center;
  top: 10%;
  width: 100%;
}
.work-title{
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  margin: 1em 0 1em 0;
}
.work-text {
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 0.7em 2em 0.7em; 
}
.work-textver{
  color: #c3c3c3;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 0 0.5em 0; 
}
.work-span {
  border:1px solid #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3em;
  display: inline-block;
  color: #fff;
  padding: 0.5em 2em;
}
.work-span:hover {
  color: #fff;
  padding: 0.5em 3em;
}
	
/*#portfolio{padding-top:7em;}*/

#portfoliopage {
  padding-top: 5em;
  padding-bottom: 0.1em;
}
.centerportf {
  text-align: center;
  padding-bottom: 60px;
}
.centerportf p {
  color:#333;
  font-size: 16px;
  line-height: 1.7em;
}

.centerportinf {
  text-align: center;
  padding-bottom: 30px;
}
.centerportinf p {
  color: #c3c3c3;
  font-size: 16px;
  line-height: 1.7em;
}

.titleportf {
  font: 300 3em Roboto,Arial,Helvetica;
  margin: 0.5em 0 0.5em 0;
  color: #bb6628;
}
.titleportinf {
  font: 300 2.5em Roboto,Arial,Helvetica;
  margin: 0.5em 0 0.5em 0;
  color: #c3c3c3;
}
.groupportf {
  padding-bottom: 30px;
}
.imgportf {
  position:relative;
  min-height:1px;
  padding-right:5px;
  padding-left:5px
}

.textportinf{
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 0 0.5em 0; 
}

figure {
  position: relative;
  overflow: hidden;
  margin: 0 1px 1px 0;
  background: #726FB9;
  text-align: center;
  cursor: pointer;	
}

figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ot-portfolio-item figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figure.effect-bubba {
  background: #000;
  margin-bottom: 1px;
}
figure.effect-bubba img {
  opacity: 0.8;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
  opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
}
figure.effect-bubba h2 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.modal-content {
  border-radius: 0;	
}
.modal-header .close {
  font-size: 30px;	
}
.modal-title {    
  text-transform: uppercase;
  font-size: 23px;
}
.modal-body {
  padding: 0;
}
.modal-body p {
  margin: 10px 20px;
  color: #2D2D2D;		
}
.modal-works {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  margin: 25px 20px;
}
.modal-works span {
  background-color: #cba68b;
  border-radius: 5px;	
  margin-right: 15px;
  padding: 5px 10px;
}

.portfolio-menu {
  margin-top: 0;
  margin-bottom: 50px;
  background-position: center;
}
.portfolio-menu > p {
  display: inline-block;
  font-size: 1.1em;
  color: #cba68b;
  padding: 5px 15px;
  border: 1px solid #cba68b;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  margin-left: 5px;
}
.portfolio-menu > p.active {
  color: #f6f6f6;
  border: 1px solid #cba68b;
  background: #cba68b;
}
.portfolio-menu > p:hover {
  color: #f6f6f6;
  border: 1px solid #cba68b;
  background: #cba68b;
}
.single_gallery_item {
  width: 25%;
  display: inline-block;
  float: left;
  z-index: 3;
  position: relative;
  overflow: hidden;
}
.single_gallery_item > img {
  width: 100%;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single_gallery_item:hover > img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: blur(8px);
  filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=8);
}
.gallery-hover-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single_gallery_item:hover .gallery-hover-overlay {
  opacity: 1;
}
.port-hover-text h4 {
  font-family: 'Roboto', sans-serif;
  color: #f5f5f5;
  font-size: 22px;
  font-weight: 400;
  margin-top: 80px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-family: 'Roboto', sans-serif;
  color: #dedede;
  font-size: 15px;
  font-weight: 300;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text > a {
  color: #fff;
  font-size: 15px;
}

.port-hover-text span {
  border:1px solid #fff;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 9em;
  display: inline-block;
  color: #fff;
  padding: 0.5em 2em;
}

.port-hover-text .overlay {
  -moz-transition: opacity, 0.3s;
  -o-transition: opacity, 0.3s;
  -webkit-transition: opacity, 0.3s;
  transition: opacity, 0.3s; 
}
.port-hover-text .overlay-caption {
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.port-hover-text span {
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s; 
}
.port-hover-text span {
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.port-hover-text span:hover {
  text-decoration: none;
  padding: 0.5em 3em;
}
.port-hover-text:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); 
}
.port-hover-text:hover .overlay {
  opacity: 1; 
}
.port-hover-text:hover .overlay h5, .port-hover-text:hover .overlay p {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); 
}

.port-hover-text:nth-child(1) {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; 
}
.port-hover-text:nth-child(2) {
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; 
}
.port-hover-text:nth-child(3) {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; 
}
.port-hover-text:nth-child(4) {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; 
}
.port-hover-text:nth-child(5) {
  -moz-animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; 
}
.port-hover-text:nth-child(6) {
  -moz-animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s; 
}
.port-hover-text:nth-child(7) {
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; 
}
.port-hover-text:nth-child(8) {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s; 
}

.highlight-info {
  background:url("../images/basefiles/fondo-md-consrucciones-creativas.jpg") center fixed;
  background-size: cover;
  color:#fff;
}
.highlight-info .overlay {
  background: rgba(186,255,96,0.4);
}
.highlight-info h4 {
  color: #fff;
  margin: 0 0 0.5em 0 ;
}
.highlight-info li {
  list-style: none;
  text-align: left;
}
/*about us*/

/*contact*/
.contact {
  font: 300 2.5em Roboto,Arial,Helvetica;
  margin: 1.4em 0 0 0;
  color:#bb6628;
}
.contactform textarea {
  width: 20%;
  padding: 1.5em;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  border-radius: 0;
  outline: none;
}
.contactform .form-control {
  padding: 1.5em;
}
.contactform .title {
  font: 300 1.3em Roboto,Arial,Helvetica;
  margin-top: 1.7em;
  text-align: left;
  color: #cba68b;
}
.contactform p {
  font: 300 1.1em Roboto,Arial,Helvetica;
  margin: 0.5em 0 1em 0;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
  line-height: 1.5em;
}
.contactform li {
  list-style: none;
  text-align: left;
}
.contactform i.fa {
  padding-top: 0.3em;
  margin-right: 0.5em;
  font-size: 1.5em;
  color: #333333;
}
.contactform .column {margin-left: 1.6em;}
.contactform .checkboxform{
  margin-right: 0.5em;
  margin-top: 2em;
}
.send {
  font-size: 18px;
  font-weight: 400;
  margin: auto 0;
  text-align: center;
  line-height: 1.5em;
  padding: 15px 15px 15px 25px;
  color: #333;
}

#condic {
  width: 100%;
  position: relative;
  padding-top: 15px;
}

.condic {
	font: 300 2.0em Roboto,Arial,Helvetica;
	line-height: 1.2em;
	margin: 1.4em 0 0 0;
	color: #bb6628;
}

.termsuse textarea {
  width: 20%;
  padding: 1.5em;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  border-radius: 0;
  outline: none;
}
.termsuse .form-control {
  padding: 1.5em;
}
.termsuse .title {
	font: 300 1.6em Roboto,Arial,Helvetica;
	margin-top: 1em;
	text-align: left;
	color: #cba68b;
}
.termsuse .numbtitle {
	font: 300 0.95em Roboto,Arial,Helvetica;
	margin-top: 1em;
	text-align: left;
	color: #bb6628;
}
.termsuse .subtitle {
  font: 300 1.2em Roboto,Arial,Helvetica;
  color: #333333;
}
.termsuse .text {
	font: 300 1.1em Roboto,Arial,Helvetica;
	line-height: 1.5em;
	margin: 0.5em 0 0.5em 0;
}
.termsuse p {
  font: 300 1.1em Roboto,Arial,Helvetica;
  margin: 0.5em 0 1em 0;
  padding-left: 1em;
  padding-right: 1em;
  text-align: justify;
  line-height: 1.5em;
}
.termsuse li {
  list-style: none;
  line-height: 1.3em;
  text-align: left;
  padding-top: 0.3em;
  margin-right: 0.5em;
  font-size: 1em;
  color: #333333;
}
.termsuse i.fa {
  padding-top: 0.3em;
  margin-right: 0.5em;
  font-size: 1.3em;
  color: #333333;
}
/*.termsuse .column {margin-left: 1.6em;}*/


input:focus::-webkit-input-placeholder  {color:transparent !IMPORTANT;}
input:focus::-moz-placeholder   {color:transparent !IMPORTANT;}
input:-moz-placeholder   {color:transparent !IMPORTANT;}
textarea:focus::-webkit-input-placeholder  {color:transparent !IMPORTANT;}
textarea:focus::-moz-placeholder   {color:transparent !IMPORTANT;}
textarea:-moz-placeholder   {color:transparent !IMPORTANT;}
input[type="file"] {
  color:#000 !IMPORTANT;    
}
input.file[type="text"] {
  background-color:white !IMPORTANT;
}
.control-label {font-size:14px; font-weight:bold; margin-bottom:5px; !IMPORTANT;}
.input-row {
  display:block;
  min-height:85px;
  margin-bottom:-5px;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset !important; /* Change the color to your own background color */
    -webkit-text-fill-color: #333 !important;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset !important;
    -webkit-text-fill-color: #333 !important;
}

/*contact*/


/*footer*/
.footer_area {
  background: url("../images/footer.jpg") no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.footer_area:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.9);
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.recent_footer_small {
  margin-top: 20px;
}
.footer_area .footer_row {
  padding-top: 80px;
  padding-bottom: 30px;
}
.footer_area .footer_row .footer_about {
  padding-bottom: 10px;
}
.footer_area .footer_row .footer_about h2 {
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 25px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 1em;
  border-bottom: 1px dotted #fff;
  font-weight: 200;
  margin: 0 0 1.5em;
}
.footer_area .footer_row .footer_about img {
  max-width: 100%;
}
.footer_area .footer_row .footer_about p {
  font: 400 12px/26px "Oswald", sans-serif;
  color: #fefefe;
  padding-top: 0;
  text-align: center;
}
.footer_area .footer_row .footer_about .socail_icon {
  padding: 0;
  margin: 0;
  padding-top: 25px;
}
.footer_area .footer_row .footer_about .socail_icon li {
  display: inline-block;
  list-style: none;
  padding-left: 8px;
}
.footer_area .footer_row .footer_about .socail_icon li:first-child {
  padding: 0;
}
.footer_area .footer_row .footer_about .socail_icon li a {
  border: 2px solid #ff60d5;
  display: block;
  line-height: 26px;
  width: 30px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.footer_area .footer_row .footer_about .socail_icon li a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ff60d5;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.footer_area .footer_row .footer_about .socail_icon li a i {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding-top: 7px;
}
.footer_area .footer_row .footer_about .socail_icon li a:hover:after, .footer_area .footer_row .footer_about .socail_icon li a:focus:after {
  transform: scaleY(1);
}
.footer_area .footer_row .footer_about .quick_link {
  padding: 0;
  margin: 0;
}
.footer_area .footer_row .footer_about .quick_link li {
  list-style: none;
}
.footer_area .footer_row .footer_about .quick_link li a {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #fefefe;
  position: relative;
  padding-left: 30px;
}
.footer_area .footer_row .footer_about .quick_link li a i {
  font-size: 14px;
  color: #cba68b;
  padding-right: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 300ms linear 0s;
}
.footer_area .footer_row .footer_about .quick_link li a:hover, .footer_area .footer_row .footer_about .quick_link li a:focus {
  color: #cba68b;
}
.footer_area .footer_row .footer_about .quick_link li a:hover i, .footer_area .footer_row .footer_about .quick_link li a:focus i {
  left: 8px;
}
.footer_area .footer_row .footer_about .twitter {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
  padding-bottom: 15px;
}
.footer_area .footer_row .footer_about .twitter:hover, .footer_area .footer_row .footer_about .twitter:focus {
  color: #ff60d5;
}
.footer_area .footer_row .footer_about address p {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #fff;
  padding: 0;
}
.footer_area .footer_row .footer_about address .my_address {
  padding: 0;
  margin: 0;
  padding-top: 15px;
}
.footer_area .footer_row .footer_about address .my_address li {
  list-style: none;
}
.footer_area .footer_row .footer_about address .my_address li a {
  font: 400 14px/28px "Roboto", sans-serif;
  color: #fff;
}
.footer_area .footer_row .footer_about address .my_address li a i {
  color: #bb6628;
  padding-right: 20px;
  font-size: 14px;
  display: inline-block;
}
.footer_area .footer_row .footer_about address .my_address li a:hover, .footer_area .footer_row .footer_about address .my_address li a:focus {
  color: #bb6628;
}
.footer_area .footer_row .footer_about address .my_address li span {
  display: inline-block;
  padding-left: 35px;
  margin-top: -30px;
}
.footer_area .subfooter_area {
  font: 400 14px/100px "Roboto", sans-serif;
  color: #fefefe;
  text-align: left;
}
.footer_area .subfooter_area a {
  font-weight: 700;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  color: #bb6628;
}
.footer_area .subfooter_area a:hover, .footer_area .subfooter_area a:focus {
  color: #fefefe;
}
.footer_area .inline {
  text-align: center;
  list-style: none;
  margin-top: -25px;
}
.footer-nav > li> a {
  padding-top:10px;
  padding-bottom:10px;
  line-height:20px;
}
.footer-nav {
  float:left;
  margin:0;
 }
.footer-nav > li {float:left;}
.footer-nav >li > a {
  padding-top:15px;
  padding-bottom:15px;
}
.footer-nav {margin-right:-15px;}

.padbot30 {padding-bottom:30px !important;}

/* __________ Recent Posts Small __________ */

.recent_posts_small {margin-bottom:15px;}
.post_item_img_small {
	overflow:hidden;
	float:left;
	width:70px;
	height:50px;
	margin:2px 15px 13px 0;
}
.post_item_img_small img {
	width:auto;
	max-width:none;
	height:100%;
	transition: opacity 0.3s ease-in-out; 
	-webkit-transition: opacity 0.3s ease-in-out;
}
.recent_posts_small:hover .post_item_img_small img {opacity:0.5;}
.post_item_content_small a.title {
	display:block;
	line-height:17px;
	font-size:14px;
	color:#ccc;
}
.post_item_content_small a.title:hover {color:#666;}
.post_item_inf_small li {
	display:inline-block;
	padding-top:4px;
	padding-right:10px;
	line-height:17px;
	font-size:11px;
	color:#666;
	list-style: none;
}

.subfooter {
  background-color: rgba(0,0,0,0.9);
  color: #fff;
  font-size: 1em;
  color: #aaa;
 }
.subfooter a {
  color: #aaa;
  margin: 0;
}

.sub_header_area {
  background-color: rgba(0, 0, 0, 0.9);
}
.sub_header_area .sub_nav li a {
  font: 400 14px/50px "Roboto", sans-serif;
  color: #fff;
  padding: 0;
  padding-left: 30px;
}
.sub_header_area .sub_nav li a i {
  color: #cba68b;
  font-size: 18px;
  padding-right: 10px;
}
.sub_header_area .sub_nav li span {
  color: #cba68b;
  font-size: 18px;
  padding-right: 10px;
}
.sub_header_area .sub_nav li a:hover, .sub_header_area .sub_nav li a:focus {
  background-color: transparent;
  color: #cba68b;
}
.sub_header_area .sub_nav li:first-child a {
  padding: 0;
}
.sub_header_area .social_nav {
  padding-right: 3em;
  padding-top: 2px;
}
.sub_header_area .social_nav li a {
  font-size: 14px;
  color: #fff;
  padding: 0;
  text-align: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
}
.sub_header_area .social_nav li a i {
  line-height: 50px;
}
.sub_header_area .social_nav li a:hover, .sub_header_area .social_nav li a:focus {
  background: #ff60d5;
  color: #111f29;
}

.social{
  text-align: right;
}
.social-share{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.social-share li {
  display: inline-block;
}
ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}
ul.social-share li a:hover {
  background: #c52d2f;
  color: #fff;
}
.socialmedia-icons li{
  display: inline-block;
  list-style: none;
  padding-top: 0.4em;
  margin: 0 0.3em;
}
.socialmedia-icons li a {
  display: inline-block;
  color: rgba(233, 233, 233, 0.5);
  font-size: 1.1em;
  font-weight: 600;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; 
  border-radius: 50%;
  border: 2px solid;
  border-color: rgba(233, 233, 233, 0.5);
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 2.3em;
}
.social-facebook:hover{
  border-color: #3b5998;
  background-color: #3b5998;
}
.social-twitter:hover{
  border-color: #00acee;
  background-color: #00acee;
}
.social-googleplus:hover{
  border-color: #dd4b39;
  background-color: #dd4b39;
}
.social-instagram:hover{
  border-color: #3f729b;
  background-color: #3f729b;
}
.social-pinterest:hover{
  border-color: #c8232c;
  background-color: #c8232c;
}
.social-linkedin:hover{
  border-color: #0e76a8;
  background-color: #0e76a8;
}



.socialmodal{
  text-align: right;
}
.socialmodal-share{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.socialmodal-share li {
  display: inline-block;
}
ul.socialmodal-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}
ul.socialmodal-share li a:hover {
  background: #c52d2f;
  color: #fff;
}
.socialmediamod-icons li{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 0.3em;
}
.socialmediamod-icons li a {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.8em;
  font-weight: 600;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; 
  border-radius: 50%;
  border: 2px solid;
  border-color: rgba(0, 0, 0, 0.5);
  width: 45px;
  height: 45px;
  padding-left: 1px;
  text-align: center;
  line-height: 1.6em;
}
/*.socialmodal-facebook:hover{
  border-color: #3b5998;
  background-color: #3b5998;
}*/
.socialmodal-twitter:hover{
  color: rgba(233, 233, 233, 0.5);	
  border-color: #00acee;
  background-color: #00acee;
}
.socialmodal-googleplus:hover{
  color: rgba(233, 233, 233, 0.5);
  border-color: #dd4b39;
  background-color: #dd4b39;
}
.socialmodal-instagram:hover{
  color: rgba(233, 233, 233, 0.5);
  border-color: #3f729b;
  background-color: #3f729b;
}
.socialmodal-pinterest:hover{
  color: rgba(233, 233, 233, 0.5);
  border-color: #c8232c;
  background-color: #c8232c;
}
.socialmodal-linkedin:hover{
  color: rgba(233, 233, 233, 0.5);
  border-color: #0e76a8;
  background-color: #0e76a8;
}


/*footer*/

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background: rgba(157,82,2,0.8);
  padding: 10px;
  color: #fff;
  border-radius: 5px;
}
.gototop i {
  line-height: 0.5em;
  color: #fff;
}
.gototop:hover {
  bottom: 20px;
  right: 20px;
  padding: 0.8em;
  background: rgba(203,166,139,1.1);
  color: #bb6628;
}
.gototop i.fa:hover {
  color: #9d5202;
}

.features-right img {
  padding: 0;
}
.features-left img {
  padding: 0 0 0 25px;
}
.features-grid.features-grid-mdl {
  margin: 0.5em 0;
}
.features h3.agileits-title { 
  margin-bottom: 0.1em;
}
.features p.pagile-text {
  width: 60%;
  margin: 0 auto 5em;
  text-align: center;
}
.features h4 {
  font-size: 1.8em;
  margin-bottom: 0.1em;
  color: #312b2f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.features-grid:hover h4 {
	background: #cba68b;
}
.features i.fa.fa-check {
  font-size: 1.5em;
  padding: 0.8em;
  background: #cba68b;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.features-grid:hover i.fa.fa-check {
  background: #bb6628;
}
@media(max-width: 2600px){
#home {padding-top: 8.53em;}
.spacerenv {padding: 50em 0 6em 0;}
.port-hover-text h4 {
  font-size: 20px;
  margin-top: 210px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}
}
@media(max-width: 1920px){
.spacerenv {padding: 40em 0 6em 0;}
.port-hover-text h4 {
  font-size: 20px;
  margin-top: 120px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}
}
@media(max-width: 1600px){
.spacerenv {padding: 34em 0 6em 0;}
}
@media(max-width: 1500px){
#home {padding-top: 8.53em;}
.spacerenv {padding: 32em 0 6em 0;}
.port-hover-text h4 {
  font-size: 20px;
  margin-top: 100px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}
}
@media(max-width: 1440px){
.spacerenv {padding: 32em 0 6em 0;}
}
@media(max-width: 1360px){
.spacerenv {padding: 28em 0 6em 0;}
}
@media(max-width: 1200px){
body{font:300 13px/13px Roboto,Arial,Helvetica;}
#home {padding-top: 10em;}
.navbar-brand{padding-top: 11px;}
.navbar-mark{padding-top: 11px;}
.spacerenv {padding: 10em 0 6em 0;}
.services ul li{margin:0 0.5em; }
.partners img{margin: 0 25px 25px 0;}

.features-right img {
  padding: 0;
}
.features-left img {
  padding: 0 0 0 25px;
}
.features-grid.features-grid-mdl {
  margin: 0.5em 0;
}
.features h3.agileits-title { 
  margin-bottom: 0.1em;
}
.features p.pagile-text {
  width: 60%;
  margin: 0 auto 5em;
  text-align: center;
}
.features h4 {
  font-size: 1.8em;
  margin-bottom: 0.1em;
  color: #312b2f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.features-grid:hover h4 {
  background: #9fc368;
}
.features i.fa.fa-check {
  font-size: 1.5em;
  padding: 0.8em;
  background: #cba68b;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.features-grid:hover i.fa.fa-check {
  background: #bb6628;
}
.spacerenv {padding: 30em 0 6em 0;}
}
@media(min-width: 1200px) {
.grid figure h2{font: 700 1.8em Roboto,Arial,Helvetica;}
.grid figure h3{font: 600 1.45em Roboto,Arial,Helvetica;}
.dropdown:hover .dropdown-menu {
  display: block;
  -webkit-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}
}
@media(max-width: 1024px){
#home {padding-top: 6.4em;}
.navbar-toggle{margin-top: 12px;}
.navbar-toggle{visibility: visible}
.navbar-nav > li > a {font-size: 0.8em;line-height: 1em;padding: 32px 10px 32px; 10px}	
.navbar-brand{padding: 0px 60px; 0 0}
.navbar-brand img{height: 96px;}
.navbar-mark{padding: 0px 60px; 0 0}
.navbar-mark img{height: 96px;}
.container > .navbar-header, .container > .navbar-collapse{
  margin-left: 0;
}
.navbar-nav > li {
  padding-bottom: 0;
}
.nav-tabs > li.active > a:after{
  display: none;
}
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 16px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
a.con-button.buttonserv {
  font: 400 17px/36px "Roboto", sans-serif;
}   
.spacer {
  padding: 4em 0 0 0;
}
#works {
  padding-top: 6.5em;
}
.work-text {
  margin: 0 5em 2em 5em;
}
.spacerfin {
  padding: 3em 0 0 0;
}
.features p.pagile-text {
  width: 75%; 
  margin: 0 auto 4em;
}
.features-grid-right {
  padding: 0;
}
.features h4 {
  font-size: 2em; 
}
#portfolio {
  padding-top: 6.6em;
}
.spacerenv {padding: 25em 0 6em 0;}
.spacertra {
  padding: 4em 0;
}

.socialmediamod-icons li a {
  font-size: 2.1em;
  line-height: 1.6em;
}

.port-hover-text h4 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}


.post_item_img_small {
  margin: 2px 5px 13px 0;

}
.post_item_content_small a.title {
  font-size: 14px;
}
.post_item_inf_small li {
  line-height: 16px;
  font-size: 11px;
}

.footer_area .footer_row .footer_about img {
  max-width: 100%;
}
.footer_area .footer_row .footer_about h2 {
  padding-bottom: 25px;
  font-size: 16px;
}
.sub_header_area .sub_nav li a {
  font: 400 13px/50px "Roboto", sans-serif;
  color: #fff;
  padding: 0;
  padding-left: 15px;
}
.sub_header_area .sub_nav li a i {
  padding-right: 6px;
}

.socialmedia-icons{
  padding-right: 35px;
}
.socialmedia-icons li{
  padding-top: 0.4em;
  margin: 0 0.2em;
}
.socialmedia-icons li a {
  font-size: 1.1em;
  font-weight: 600;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 2.1em;
}
}
@media(min-width: 1024px){
.portfolio-item .hover-bg{
  font-size: 0.9em;
}
}
@media(min-width: 992px) and (max-width: 1199px) {
.dropdown:hover .dropdown-menu {
  display: block;
  -webkit-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}
.navbar-nav > li {
  margin-left: 10px;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
}
@media(max-width: 991px){
.building_construction_area .building_construction_row .constructing_laft .ipsum_img {
  padding-left: 0;
}
.features p.pagile-text {
  width: 100%; 
}
.features-right {
  text-align: center;
  margin-bottom: 1.5em;
  padding: 0 7em;
}
.footer_about.quick {
  padding-bottom: 70px !important;
}
.top_header_area .top_nav li a {
  padding-left: 20px;
}
.top_header .top_nav li a {
  padding-left: 10px;
}
.top_header_area.top_header {
  background: #111f29 !important;
}
.top_header_area.top_header .right_top_header::after {
  display: none;
}
.sub_header_area .top_nav li a {
  padding-left: 20px;
}
.sub_header .top_nav li a {
  padding-left: 10px;
}
.sub_header_area.sub_header {
  background: #111f29 !important;
}
.sub_header_area.sub_header .right_sub_header::after {
  display: none;
}
}
@media(max-width: 900px) {
h1{font: 700 3.5em Roboto,Arial,Helvetica;}
h4{font: 300 1.3em Roboto,Arial,Helvetica;}
.btn{padding: 1em 2em;}
.partners img{margin: 0 15px 25px 0;width: 157px;}
.services ul li{width: 9em;height: 9em;}
figure.effect-chico figcaption {padding: 2em;}	
figure.effect-peter figcaption {padding: 20% 14% 10%;}
figure.effect-oscar figcaption {padding: 20%;}
figure.effect-harold figcaption {padding: 20%;}
figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;}
.grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;}	
}
@media(max-width: 800px){
h6 {
  margin: 0 2px 15px 2px;
}
.features-grid-left {
  text-align: center;
}
#home {padding-top: 6.4em;}
.navbar-toggle{margin-top: 12px;}
.navbar-toggle{visibility: visible}
.navbar-nav > li > a {font-size: 0.7em;line-height: 1em;padding: 33px 7px;}
.navbar-brand{padding: 0px 30px;}
.navbar-brand img{height: 96px;}
.navbar-mark{padding: 0px 30px;}
.navbar-mark img{height: 96px;}
.container > .navbar-header, .container > .navbar-collapse{
  margin-left: 0;
}
.navbar-nav > li {
  padding-bottom: 0;
}
.nav-tabs > li.active > a:after{
  display: none;
}

.spacer {
  padding: 7em 0 0 0;
}

#works {
  padding-top: 6.5em;
}

.services ul li {
  width: 9em;
  height: 9em;
  border: 2px solid #ccc;
  padding: 0;
  border-radius: 50%;
  margin: 0.2em 0.5em;
  line-height: 11.8em;
  color: #999;
}
.services ul li span {
  line-height: 2em;
  display: inline-block;
  font-weight: 300;
}
.services ul li span i {
  font-size: 2.5em;
}
.services ul li span b {
  display: block;
  font-size: 0.9em;
  font-weight: 300;
}

.spacerfin {
  padding: 7em 0 0 0;
}

.features-left img {
  padding: 0 0 10px 100px;
}
.features-right { 
  padding: 0 3em;
}
.features h4 {
  font-size: 1.8em;
}
.features i.fa.fa-check {
  font-size: 2em;
  margin: 12px 0 0 60px;
}
.features h4 {
  padding: 0 40px 0 0;
  margin: 10px 10px 0 35px;
  font-size: 1.8em;
  text-align: left;
}
.features p {
  padding: 0 45px 0 35px;
}


#portfolio {
  padding-top: 6.6em;
}


.contactform i.fa{
  margin-left: -1.3em;
}
.contactform .column {
  margin-left: -0.3em;
}

.socialmedia-icons {
  float: right;
  padding: 0 0 0 0.6em;
  margin: 0.3em 17em 0 1em;
}
.socialmedia-icons li a {
  font-size: 1.1em;
}

}
@media(max-width: 768px) {
.building_construction_area .building_construction_row .constructing_right .painting li a {
  font: 700 17px/50px "Roboto", sans-serif;
  color: #555555;
  background: rgba(245, 245, 245, 0.8);
  display: block;
  padding-left: 6px;
  text-align: left;
}
.building_construction_area .building_construction_row .constructing_right .painting .fa {
  width: 2.1em;
  height: 2.1em;
  border: 2px solid #ccc;
  padding: 0;
  border-radius: 50%;
  margin: 0.4em 0.5em 0 0;
  line-height: 1.7em;
  color: #ccc;
  font-size: 20px;
  text-align: center;
}
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 11px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.work-text {
  margin: 0 4em 1em 4em;
}
.work-textver{
  font-size: 1.1em;
}
a.con-button.buttonserv {
  font: 400 12px/36px "Roboto", sans-serif;
}

.socialmediamod-icons li a {
  font-size: 2.1em;
  line-height: 1.6em;
}

.port-hover-text h4 {
  font-size: 20px;
  margin-top: 120px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}
.spacerenv {padding: 65em 0 6em 0;}

.btn-close-modal {padding: 8px 26px;}

}
@media(min-width: 768px) {
section {padding: 0;}

}
@media(min-width: 768px) and (max-width: 991px) {
.dropdown:hover .dropdown-menu {
  display: block;
  -webkit-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav > li {
  margin-left: 0;
}
.spacerterms {padding: 7.5em 1.5em;}
}
@media(max-width: 767px) {
body{font:300 12px/12px Roboto,Arial,Helvetica;}
h2.text-center{text-align: left;font-size: 1.7em;}
h4 {font: 300 1.2em Roboto,Arial,Helvetica;}
#partners h2{padding: 0 1em;} 
#home {padding-top: 4.92em;}
.container > .navbar-header, .container > .navbar-collapse{
  margin-left: 0;
}
.navbar-nav > li > a {line-height: 1em;}	
/*.navbar-brand{padding: 7px;}
.navbar-brand img{height: 37px;}*/
.navbar-toggle{margin-top: 12px;}
.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:#bb6628}
.navbar-brand{padding: 0px 10px; 0 0}
.navbar-brand img{height: 67px;}
.navbar-mark{padding: 0px 10px; 0 0}
.navbar-mark img{height: 67px;}
.carousel-caption,.carousel-control,.carousel-indicators{display: none;}
.navbar-nav > li {
  padding-bottom: 0;
}
.nav-tabs > li.active > a:after{
  display: none;
}
.partners{display: block;float: left;}
.partners img{width: 120px;}
.about.spacer{padding-left: 2em;padding-right: 2em;}
.spacer{padding:2em 0 0 0;}
.services ul li{margin-bottom: 1em;}
.highlight-info .overlay{padding-bottom: 2em;}
.grid.team div{margin: 0;padding: 0;}
figure.effect-peter figcaption {padding: 10%;}
figure.effect-chico figcaption {padding: 1.5em;}
.footer_about.quick {padding-bottom: 50px !important;}
.footer_area .footer_row {padding-bottom: 0;}
.footer_area .footer_row .footer_about address .my_address li span {padding-left: 0;}
.subfooter{margin-top: 2em;padding-bottom: 2em;}
.top_header_area .top_nav li {
  display: inline-block;
}
.top_header_area .top_nav li:first-child a {
  padding-left: 15px;
}
.top_header_area .top_nav li a {
  line-height: 28px;
 }
.top_header_area .social_nav {
  padding-top: 0;
  padding-bottom: 10px;
}
.top_header_area .social_nav li {
  display: inline-block;
}
.top_header_area .social_nav li:first-child a {
  margin-left: 0;
}
.top_header_area.top_header {
  display: none;
}
.sub_header_area .sub_nav li {
  display: inline-block;
}
.sub_header_area .sub_nav li:first-child a {
  padding-left: 15px;
}
.sub_header_area .sub_nav li a {
  line-height: 28px;
}
.sub_header_area .social_nav {
  padding-top: 0;
  padding-bottom: 10px;
}
.sub_header_area .social_nav li {
  display: inline-block;
}
.sub_header_area .social_nav li:first-child a {
  margin-left: 0;
}
.sub_header_area.sub_header {
  display: none;
}
}
@media(max-width: 736px){
.features p.pagile-text { 
  margin: 0 auto 2em;
}
}
@media(max-width: 480px){
h6 {
  margin: 0 2px 5px 2px;
}
.navbar-collapse {
  padding: 5px 15px 0 20px;
  float: right;
}
.navbar-nav > li {
  text-align: center;
  border-top: 1px solid #cba68b;
  text-decoration: none;
}
.navbar-nav > li > a {
  padding: 25px 180px;
  font-size: 0.8em;
}

.spacer {
  padding: 5.5em 0 0 0;
}

.spacerterms {
  padding: 7.5em 1.5em;
}

#works {
  padding-top: 5em;
}

.spacerfin {
  padding: 6em 0 0 0;
}

#portfolio {
  padding-top: 5.1em;
}

.modal-works {
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 1px;
  font-weight: 500;
}

.features-left img {
  padding: 0 10px 10px 20px;
}
.features-right { 
  padding: 0 3em;
}
.features h4 {
  font-size: 1.8em;
}
.features i.fa.fa-check {
  font-size: 2em;
  margin: 12px 0 0 20px;
}

.spacertra{padding: 3em 0 4em 0;
}

.highlight-info img {
  padding: 0 0 1em 0;
}
.highlight-info h4 {
  margin: 0 0 0 0.1em;
  line-height: 20px;
}
.highlight-info i {
  margin: 0 0.3em 0 0.1em;
}
.highlight-info li {
  padding: 0 0.5em 0 0.6em;
}

.footer-nav {
  float:left;
  margin: 0 10px 10px 0px;
}
.footer-nav > li {float:left;}
.footer-nav >li > a {
  padding-top: 50px;
  padding-bottom: 1px;
}
.footer-nav {
  margin-left: 45px;
}


.sub_header_area .sub_nav li a {
  padding-left: 15px;
}
.sub_header_area .sub_nav li a i {
  padding-right: 10px;
}


.socialmedia-icons {
  float: right;
  padding: 0 0 0 0.6em;
  margin: 0.3em 8.5em 0 1em;
}
.socialmedia-icons li a {
  font-size: 1.3em;
}

}
@media(max-width: 425px){
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 17px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
a.con-button.buttonserv {
  font: 400 18px/36px "Roboto", sans-serif;
}

.work-title{
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin: 0.8em 0 0.8em 0;
}
.work-text {
  margin: 0 2em 1em 2em;
  font-size: 1.2em;
}
.work-textver{
  color: #fff;
  font-size: 1.15em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 0 0.5em 0; 
}
.spacerenv {padding: 145em 0 6em 0;}

.socialmediamod-icons li a {
  font-size: 2.2em;
  line-height: 1.6em;
}

}
@media(max-width: 414px){
.features-grid-left {
  text-align: left;
  padding: 0;
}
.features-right {
  padding: 0 2em;
}
}
@media(max-width: 384px){
.spacer {
  padding: 5.5em 0 0 0;
}

#works {
  padding-top: 5em;
}

.spacerfin {
  padding: 6em 0 0 0;
}

#portfolio {
  padding-top: 5.1em;
}

.features-left img {
  padding: 0 10px 10px 20px;
}
.features i.fa.fa-check {
  padding: 1.2em;
  margin: 12px 30px;
}
.features h4 {
  padding: 0 40px 0 0;
  margin: 10px 10px 0 35px;
  font-size: 1.8em;
  text-align: left;
}
.features p {
  padding: 0 35px;
}
.navbar-nav > li > a {
  padding: 25px 155px;
  font-size: 0.7em;
}

.features-left {
  padding: 0;
}
.features i.fa.fa-check {
  font-size: 1.5em; 
}

.spacertra{padding: 3em 0 4em 0;
}

.banner_area_portf h2 {
  font: 400 36px "Oswald", sans-serif;
}

.work-title{
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0.8em 0 0.8em 0;
}
.work-text {
  margin: 0 1em 1em 1em;
  font-size: 1.2em;
}
.work-textver{
  font-size: 1.2em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 1em 0.5em 1em; 
}

.highlight-info img {
  padding: 0 0 1em 0;
}
.highlight-info h4 {
  margin: 0 0 0 0.1em;
  line-height: 20px;
}
.highlight-info i {
  margin: 0 0.3em 0 0.1em;
}
.highlight-info li {
  padding: 0 0 0 0.7em;
}

.spacerenv {padding: 127em 0 6em 0;}

.footer-nav {
  float:left;
  margin: 0 10px 10px 0px;
}
.footer-nav > li {float:left;}
.footer-nav >li > a {
  padding-top: 50px;
  padding-bottom: 1px;
}
.footer-nav {
  margin-left: 15px;
}

.sub_header_area .sub_nav li a {
  padding-left: 15px;
}
.sub_header_area .sub_nav li a i {
  padding-right: 10px;
}

.socialmedia-icons {
  float: right;
  padding: 0 0 0 0.6em;
  margin: 0.3em 6.8em 0 0em;
}
.socialmedia-icons li a {
  font-size: 1.3em;
}

.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 17px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
a.con-button.buttonserv {
  font: 400 17px/36px "Roboto", sans-serif;
}  
}
@media(max-width: 360px) {
h6 {
  margin: 0 1px 3px 1px;
}

.navbar-nav > li > a {
  padding: 25px 125px;
  font-size: 0.7em;
}

.spacer {
  padding: 5.5em 0 0 0;
}

#works {
  padding-top: 5em;
}

.condic {
  font: 300 1.5em Roboto,Arial,Helvetica;
}

.features-left img {
  padding: 0 10px 10px 20px;
}
.features i.fa.fa-check {
  padding: 1.2em;
  margin: 50px 30px;
}
.features h4 {
  padding: 0 40px 0 0;
  margin: 10px 10px 0 35px;
  font-size: 1.8em;
  text-align: left;
}
.features p {
  padding: 0 35px;
}

.modal-works {
  font-size: 9px;
  margin: 25px 0;
}

.spacerfin {
  padding: 6em 0 0 0;
}

#portfolio {
  padding-top: 5.2em;
}

.highlight-info img {
  padding: 0 0 1em 0;
}
.highlight-info h4 {
  margin: 0 0 0 0.1em;
  line-height: 20px;
}
.highlight-info i {
  margin: 0 0.3em 0 0.1em;
}
.highlight-info li {
  padding: 0 0 0 0.7em;
}

.port-hover-text h4 {
  font-size: 20px;
  margin-top: 70px;
  margin-bottom: 10px;
}
.port-hover-text p {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.9;
  margin: 0 2em;
}
.port-hover-text span {
  font-size: 12px;
  margin-bottom: 9em;
  padding: 0.5em 2em;
}

.spacertra{padding: 5.5em 0;
}
.contact {
  margin: 0.1em 0 0 0;
}

.footer-nav {
  float:left;
  margin: 0 10px 10px 0px;
}
.footer-nav > li {float:left;}
.footer-nav >li > a {
  padding-top: 50px;
  padding-bottom: 1px;
}
.footer-nav {
  margin-left:-18px;
}

.sub_header_area .sub_nav li a {
  padding-left: 15px;
}
.sub_header_area .sub_nav li a i {
  padding-right: 10px;
}

}
@media(max-width: 320px){
.building_construction_area .building_construction_row .constructing_right .contact_us .contact_email {
  font: 700 15px/26px "Roboto", sans-serif;
  color: #fefefe;
  display: block;
}
.building_construction_area .building_construction_row .constructing_laft a {
  font-size: 22px;
}
.features-right {
  padding: 0 1.5em;
}
.features i.fa.fa-check {
  font-size: 1.3em;
  margin-top: 10px;
}
.banner_area_portf h2 {
  font: 400 31px "Oswald", sans-serif;
}
.banner_area_portf h2 p {
  font: 400 15px "Oswald", sans-serif;
}
.work-title{
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 0.5em 0;
}
.work-text {
  margin: 0 0.2em 1em 0.2em;
  font-size: 1.2em;
}
.work-textver{
  color: #fff;
  font-size: 1.15em;
  font-weight: 300;
  line-height: 23px;
  margin: 0 2.5em 0.5em 2.5em; 
}
.spacerenv {padding: 110em 0 6em 0;}
}