/* Add here all your css styles (customizations) */
.one-page-header .navbar-nav > li > a {
    color: #eee;
    font-size: 16.5px;
    font-family: 'Ropa Sans', sans-serif;
    text-transform: uppercase;
}

.one-page-header .navbar-nav > .active > a, .one-page-header .navbar-nav > .active > a:hover, .one-page-header .navbar-nav > .active > a:focus, .one-page-header .navbar-nav > li > a:hover {
    z-index: 1;
    background: none;
    background-color: #E46C33;
    color: #fff !important;
}

.one-page-header .navbar-nav > li > a:before {
	display: none;
}

.orangecria {
    background-color: #E46C33;
    padding: 2px 5px;
}

/* Bounce To Top */
.hvr-bounce-to-top {
  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-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E46C33;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top: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);
}

.cube-portfolio #filters-container .cbp-filter-item-active, i.icon-bg-u {
 /** background-color: #C75722; **/
  background-color: #E46C33;
}

.cube-portfolio #filters-container .cbp-filter-item-active {
  background: #E46C33;
  border-color: #E46C33;
}

.testimonials-v3 .testimonials-v3-title p {
  font-size: 16.5px;
  font-family: 'Ropa Sans', sans-serif;
  text-transform: uppercase;
  color: #E46C33;
}

.caixa-negra:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.4);
}

.arch-service h3 {
  color: #fff;
  font: 700 26px "Roboto", Arial, sans-serif;
  text-transform: uppercase;
  margin: 20px 0 25px;
}

.arch-service-in {
  padding: 100px 30px;
  transition: opacity 0.4s ease-in-out;
}

.arch-service-in p {
  color: #ffffff;
}

.arch-service-in .icon {
  color: #c74645;
  font-size: 30px;
}

.arch-service-1 {
  background: #363643;
}

.arch-service-2 {
  background: #2e2e3b;
}

.arch-service-3 {
  background: #171724;
}

.arch-service-4 {
  background: #10101c;
}

/*Gallery tabs and content design*/
.tab-v2 .tab-content {
  padding: 10px 20px;
  border: none;
}

.tab-v2 .nav-tabs > li > a {
  color: #fff;
  padding: 60px 45px 26px;
  margin: 0;
  position: relative;
  max-width: 300px;
  margin-bottom: 20px;
}

.tab-v2 .nav-tabs > li > a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -1px;
  right: -25px;
  border-top: 68px solid transparent;
  border-bottom: 68px solid transparent;
  z-index: 1;
}

.tab-v2 .nav-tabs > li > a.tab-1 {
  background: #363643;
}

.tab-v2 .nav-tabs > li > a.tab-1:after {
  border-left: 26px solid #363643;
}

.tab-v2 .nav-tabs > li > a.tab-2 {
  background: #33333f;
}

.tab-v2 .nav-tabs > li > a.tab-2:after {
  border-left: 26px solid #33333f;
}

.tab-v2 .nav-tabs > li > a.tab-3 {
  background: #30303b;
}

.tab-v2 .nav-tabs > li > a.tab-3:after {
  border-left: 26px solid #30303b;
}

.tab-v2 .nav-tabs > li > a.tab-4 {
  background: #2d2d37;
}

.tab-v2 .nav-tabs > li > a.tab-4:after {
  border-left: 26px solid #2d2d37;
}

.tab-v2 .nav-tabs > li > a:before {
  position: absolute;
  content: "";
  font-family: FontAwesome;
  font-size: 20px;
  width: 76px;
  height: 76px;
  padding: 20px 23px;
  background: inherit;
  top: -38px;
  left: 50%;
  margin-left: -38px;
  border: 4px solid #fff;
  border-radius: 50px;
}

.tab-v2 .nav-tabs > li > a.tab-1:before {
  content:"\f0f4";
}

.tab-v2 .nav-tabs > li > a.tab-2:before {
  content:"\f040";
}

.tab-v2 .nav-tabs > li > a.tab-3:before {
  content:"\f03e";
}

.tab-v2 .nav-tabs > li > a.tab-4:before {
  content:"\f004";
}


.tab-v2 .nav-tabs > li:last-child > a:after {
  visibility: hidden;
}
.tab-v2 .nav-tabs > li > a > strong {
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 10px;
}
/*.tab-v2 .nav-tabs > li > a > span {
	color: #9797a2;
	font-size: 14px;
}*/

.tab-v2 .nav-tabs li.active a {
  background: #c94645;
  padding: 60px 45px 26px;
  border: none;
  color: #fff;
}

.tab-v2 .nav-tabs li.active a:before  {
  background: #c94645;
}

.tab-v2 .nav-tabs li.active a:after  {
  border-left: 26px solid #c94645;
}

/*.tab-v2 .nav-tabs > li.active > a > span {
	color: #f7f7f7;
}*/

@media (max-width: 1200px) {
  .tab-v2 .nav-tabs > li > a,
  .tab-v2 .nav-tabs li.active a {
    padding: 70px 15px 28px;
  }

  .tab-v2 .nav-tabs > li > a:after, .tab-v2 .nav-tabs li.active a:after {
    right: -10px;
  }
}

@media (max-width: 992px) {
  .tab-v2 .nav-tabs > li > a,
  .tab-v2 .nav-tabs li.active a {
    padding: 70px 15px 28px;
  }
  .navbar-collapse {
    padding: 0;
  }

  .one-page-header .navbar-nav {
    margin: 0 0 0px;
    float: none !important;
  }
  .one-page-header .navbar-nav > li > a {
    padding: 10px 10px;
  }
}

@media (max-width: 480px) {
  .fullcoveredvideo {
    top:0px !important;
  }
  #back-mobile {
    display: block;
  }

  .video-js {
    display: none;
  }

  .tp-caption.sft.start img {
    width: 150px !important;
    height: auto !important;
  }

  .tp-caption.rs-caption-2.sft.start {
    top: 415px !important;
    font-size: 20px !important;
  }

}

/*--------------------------------------------------
    [9. Awards Section]
----------------------------------------------------*/
.bg-color-com {
  background: #121212;
}

.awards-section .content-md {
  padding-top: 80px;
  padding-bottom: 68px;
}
/* Awards section design */
.awards-desc {
  padding: 50px 20px 10px;
  text-align: center;
  text-transform: uppercase;;
}
.awards-desc img {
  margin: 0 auto 35px;
  max-width: 202px;
  max-height: 350px;
  display: block;
}
.awards-desc em {
  font: 300 11px "Roboto", Arial, sans-serif;
  font-style: normal;
  color: #9797a2;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 10px;
}
.awards-desc h3 {
  font: 500 18px "Roboto", Arial, sans-serif;
  color: #000;
  margin: 0 0 25px;
  letter-spacing: 2px;
}
.awards-desc a {
  font-size: 11px;
  color: #c94645;
  font-weight: bold;
}

/* Clients block */
.clients-list {
  overflow: hidden;
  margin-bottom: 0;
}

.clients li.client-cell {
  padding: 60px 10px;
  float: left;
  width: 25%;
  margin: 0;
  background: transparent;
  border: 1px solid #1e1e26;
}

.client-cell img {
  margin: 0 auto;
  opacity: .5;
}
.client-cell a:hover img {
  opacity: 1;
}

/*Setting 1px border to the cells*/
.clients li.client-cell.first-cell, .clients li.client-cell.fourth-cell {
  border: 1px solid transparent;
}

.clients li.client-cell.fifth-cell, .clients li.client-cell.last-cell {
  border: 1px solid transparent;
  border-top: 1px solid #1e1e26;
}

.clients li.client-cell.second-cell, .clients li.client-cell.third-cell,
.clients li.client-cell.sixth-cell, .clients li.client-cell.seventh-cell {
  border-bottom: 1px solid transparent;
}

.clients li.client-cell.second-cell, .clients li.client-cell.sixth-cell {
  border-right: 1px solid transparent;
}

.clients li.client-cell.second-cell, .clients li.client-cell.third-cell {
  border-top: 1px solid transparent;
}

@media (max-width:992px) {
  .award-div {
    margin-bottom: 50px;
  }
}

@media (max-width:668px) {
  .clients li.client-cell {
    width: 50%;
  }

  .clients li.client-cell.first-cell {
    border: 1px solid #1e1e26;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
  }

  .clients li.client-cell.second-cell {
    border: 1px solid #1e1e26;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
  }

  .clients li.client-cell.third-cell, .clients li.client-cell.seventh-cell {
    border-left: 1px solid transparent;
  }

  .clients li.client-cell.fifth-cell {
    border-right: 1px solid #1e1e26;
  }

  .clients li.client-cell.sixth-cell {
    border-left: 1px solid transparent;
  }
}

/*Fifth owl carousel*/
.awards-section .owl-carousel-v4 .owl-slider-v4-testo .item {
  text-align: center;
  margin: 0;
  padding: 0;
}

.awards-section .owl-carousel-v4 .owl-slider-v4-testo .item img {
  margin:0 auto 20px;
  display: block;
  max-width: 80px;
  min-height: 80px;
  border-radius: 50%;
}
.awards-section .owl-carousel-v4 .owl-slider-v4-testo p {
  margin: 0 auto 25px;
  color: #9797a2;
  text-transform: none;
}
.awards-section .owl-carousel-v4 .owl-slider-v4-testo h3 {
  text-transform: uppercase;
  color: #fff;
  font: 500 16px "Roboto", Arial, sans-serif;
  margin: 0 0 25px;
}
.awards-section .owl-carousel-v4 .owl-slider-v4-testo h3 em {
  font-size: 9px;
  font-weight: 300;
  font-style: normal;
  display: block;
  padding-top: 10px;
}

/*--------------------------------------------------
  [41. Clients Carousel]
----------------------------------------------------*/
.clients {
  border: 0;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 30px;
  box-shadow:none !important;
  margin-bottom: 0 !important;
}
.clients li {
  overflow: hidden;
  margin-left: 1px;
  position: relative;
  background: #fafafa;
}
.clients li:hover {

}
.clients li img.color-img {
  top: 0;
  left: 0;
  display: none;
  position: absolute;
}
.clients li:hover img.color-img {
  display: block;
}
.clients li img {
  filter: gray; /* IE6-9 */
  float: none !important;
  margin: 0 auto !important;
}
.clients li img:hover {
  filter: none;
}


/* Contact Section Section BEGIN */
.contact-section {
  background: #121212; /** background: #31353e; **/
  color: rgba(255,255,255,.7);
}
.contact-section-map {
  min-height: 680px;
}
.contact-section-col {
  padding: 0;
  min-height: 695px;
}
.contact-section-content {
  padding: 100px 50px;
  height: auto;
}
.contact-section-info {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 45px;
  color: rgba(255,255,255,.7);
}
.contact-section .address {
  text-transform: uppercase;
  margin-bottom: 40px;
}
.contact-section .address li {
  margin-bottom: 20px;
  color: rgba(255,255,255,.7);
}
.contact-section .address strong {
  color: #fff;
}
.contact-section a {
  color: #fff;
}
.contact-section h2,
.contact-section .h2 {
  color: #fff;
  font-family: 'Ropa Sans', sans-serif;
  text-transform: uppercase;
}
.contact-section h2 strong,
.contact-section .h2 strong {
  color: #31353e;
}

.contact-section h3,
.contact-section .h3 {
  color: #ee4136;
  font-style: 26px;
  margin: 15px 0 30px;
  font-family: 'Ropa Sans', sans-serif;
  text-transform: uppercase;
}
.contact-section h3 strong,
.contact-section .h3 strong {
  color: #fff;
}

.contact-section .wpcf7-form {
  box-shadow: none;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea.form-control {
  box-shadow: inset 5px 5px 5px #252930 !important;
  border: none !important;
  background: #282c34 !important;
  color: rgba(255,255,255,.7) !important;
}
.contact-section .wpcf7-form .textarea-expandable textarea,
.contact-section .wpcf7-form .textarea-expandable textarea:hover,
.contact-section .wpcf7-form .textarea-expandable textarea:focus {
  height: 125px !important;
}
.contact-section ::-webkit-input-placeholder {color: rgba(255,255,255,.7); opacity: 1;}
.contact-section ::-moz-placeholder {color: rgba(255,255,255,.7); opacity: 1;} /* Firefox 19+ */
.contact-section :-moz-placeholder {color: rgba(255,255,255,.7); opacity: 1;} /* Firefox 18- */
.contact-section :-ms-input-placeholder {color: rgba(255,255,255,.7); opacity: 1;}
/* Contact Section Section END */
.g-bg-default-color {
  background: #e74c3c;
}

.g-social-icons-v2 {
  margin: 0;
  padding: 0;
}
.g-social-icons-v2 li {
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
.g-social-icons-v2 a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: #fff;
  color: #e74c3c;
  transition: all 0.3s ease-in-out;
}
.g-social-icons-v2 a:hover {
  background: #31353e;
  color: #fff;
}
.g-social-icons-v2 a i {
  color: #e74c3c;
}
.g-social-icons-v2 a:hover i {
  color: #fff;
}

.contact-section .wpcf7-form .input input, .contact-section .wpcf7-form .textarea textarea, .contact-section .wpcf7-form .input input:hover, .contact-section .wpcf7-form .textarea textarea:hover, .contact-section .wpcf7-form .input input:focus, .contact-section .wpcf7-form .textarea textarea:focus {
  background: #282c34 !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  box-shadow: none;
}

::-webkit-input-placeholder {
   color: #e74c3c;
}

:-moz-placeholder { /* Firefox 18- */
   color: #e74c3c;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #e74c3c;
}

:-ms-input-placeholder {
   color: #e74c3c;
}


.btn-u.btn-u-red {
  background: #e74c3c;
  font-size: 18px;
  padding: 10px 25px;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  box-shadow: none;
}