/**
 *  Theme Name: DW Page Metro
 *  Description: Wordpress Bootstrap Onepage Basetheme
 *  Author: DesignWall
 *  Author URI: http://designwall.com
 *  Version: 1.0
 *  License: GNU General Public License v2 or later
 *  License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

body {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  
}
/* Links
------------------------- */
a {
  color: #fff;
  text-decoration: underline;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Images
------------------------- */
/* Forms
------------------------- */
/* Buttons
------------------------- */
.btn {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.btn-large {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 24px;
  padding: 15px 55px;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
}
.btn-large:hover {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 24px;
  padding: 15px 55px;
  line-height: 1.2;
  color: #000;
  text-decoration: none;
}
.btn-primary {
  font-family: "brandon-grotesque",sans-serif;
  border-color: #264aae;
  background-color: #264aae;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #264aae;
  border-color: #264aae;
  color: #000;
}
.btn-inverse {
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #000;
}
.btn-inverse:hover,
.btn-inverse:visited {
  background-color: #f09609;
  border-color: #f09609;
}
/*
 * COMPONENTS
---------------------------------------------------------- */
/* Buttons groups
------------------------- */
/* Dropdowns
------------------------- */
.btn-group.open .btn-primary.dropdown-toggle {
  border-color: #f09609;
  background-color: #f09609;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  border-color: #f09609;
  background-color: #f09609;
  color: #ffffff;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  background-image: none;
  background-color: #f09609;
}
/* Thumbnails
------------------------- */
/* Alerts
------------------------- */
/*
 * COMMON ELEMENTS
---------------------------------------------------------- */
/* Arrow
------------------------- */
[class*="arrow"] {
  border-color: #ffffff;
}
/* Social
------------------------- */
.social {
  list-style: none;
  margin: 0;
}
.social [class^="icon-"] {
  background: url("assets/img/netro-social-icons.png") no-repeat;
}
.social [class^="icon-"] {
  width: 23px;
  height: 23px;
}
.social.social-inline li {
  margin-left: 10px;
}
.social .icon-facebook-1 {
  background-position: 0 -23px;
}
.social .icon-twitter-1 {
  background-position: -23px -23px;
}
.social .icon-flickr-1 {
  background-position: -46px -23px;
}
.social .icon-facebook-2 {
  background-position: 0 0;
}
.social .icon-twitter-2 {
  background-position: -23px 0;
}
.social .icon-flickr-2 {
  background-position: -46px 0;
}
.social .icon-facebook-3 {
  background-position: 0 -46px;
}
.social .icon-twitter-3 {
  background-position: -23px -46px;
}
.social .icon-flickr-3 {
  background-position: -46px -46px;
}
.social li:hover [class*="icon-facebook"] {
  background-position: 0 -23px;
}
.social li:hover [class*="icon-twitter"] {
  background-position: -23px -23px;
}
.social li:hover [class*="icon-flickr"] {
  background-position: -46px -23px;
}
/* Modal
------------------------- */
h3.modal-title {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 32px;
}
/* Grayscale
------------------------- */
/* Icon
------------------------- */
[class*="icon-tpl"] {
  background-image: url("assets/img/intro-white-icons.png");
  width: 60px;
  height: 60px;
}
/* Contact form 7
------------------------- */
/*
 * COMMON ELEMENTS
---------------------------------------------------------- */
/* Main Nav
------------------------- */
.navbar-inner {
  min-height: 80px;
  background-color: #4fa8a6;
  width:100%;
}

@media (max-width: 767px) {
  .navbar-inner  {
  min-height: 105px;
  background-color: #4fa8a6;
  width:100%;
  }
}
.navbar-static-top .container,
.navbar-fixed-top .container {
  border-bottom: none;
  background-color: #4fa8a6;
  width:100%;
}

@media (max-width: 767px) {
  .navbar-static-top .container,
  .navbar-fixed-top .container  {
  border-bottom: none;
  background-color: #4fa8a6;
  width:100%;
  }
}
.navbar .nav {
  font-family: "brandon-grotesque",sans-serif;
  margin-bottom: 0;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #4fa8a6;
}

@media (max-width: 767px) {
  .navbar .nav  {
  font-family: "brandon-grotesque",sans-serif;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #4fa8a6;
  width:100%;
  }
}
.nav .active {
  border-bottom: none;
}
.navbar .nav > li > a {
  color: #ffffff;
  padding-top: 27px;
  padding-bottom: 27px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  font-family: "brandon-grotesque",sans-serif;
  color: #fff;
  text-decoration: underline;
}
.navbar .nav > li > a:focus {
  color: #ffffff;
}
/* Brand */
.navbar .brand {
  font-family: "brandon-grotesque",sans-serif;
  font-weight: normal;
  font-size: 30px;
  height: 80px;
  line-height: 74px;
  margin-left: 20px;
  background-image: url(assets/img/NDR.png);
}
@media (max-width: 767px) {
  .navbar .nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #4fa8a6;
    width:100%;
}
  .navbar .btn-navbar {
    margin-top: 22.5px;
  }
}
/* Select themes
------------------------- */
/* Other Pages
------------------------- */
.select-page {
  top: 8px;
}
.select-page .dropdown-menu a {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 16px !important;
}
/* Arrow down
------------------------- */
.arrow-down {
  background: url("assets/img/arrow-down.png") no-repeat center;
}
/*
 * PAGE LAYOUT
---------------------------------------------------------- */
/*
 * SECTIONS
---------------------------------------------------------- */
/* Section title
------------------------- */
.section-title h1,
.section-title p {
  font-family: "brandon-grotesque",sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.5;
  color: #4fa8a6;
  letter-spacing: 1px;
}
.section-title p {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 700;
  font-size: 17.5px;
}
@media (max-width: 767px) {
  .section-title h1,
  .section-title p {
    font-family: "brandon-grotesque",sans-serif;
    line-height: 1.2;
  }
}
/* Section content
------------------------- */
.section-content .section-content-title,
.section-content .section-content-title a {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 17.5px;
  font-weight: normal;

}
.section-content .section-content-title a:hover {
  font-family: "brandon-grotesque",sans-serif;
  color: #f09609;
}
.section-content .thumbnail .meta {
  font-family: "brandon-grotesque",sans-serif;
  margin: 5px 0 10px;
}
/*
 * SPECIAL STYLES
---------------------------------------------------------- */
/* Header
------------------------- */
.section.header {
  background: url("assets/img/LISBON-90.png") repeat center top #4fa8a6;
  height: 680px;
}

@media (max-width: 767px) { .section.header {
  background: url("assets/img/LISBON-767px.png") repeat center top #4fa8a6;
  height: 380px;
}
}
.header .hero-unit h1 {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 40px;
  line-height: 44px;
  margin-top: 400px;
  margin-left: -80px;
  margin-right: 0px;
}

@media (max-width: 860px) {.header .hero-unit h1 {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 22px;
  margin-top: 350px;
  margin-left: -80px;
  margin-right: 200px;
}
}

@media (max-width: 767px) { .header .hero-unit h1 {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 22px;
  margin-top: -20px;
  margin-left: 10px;
  margin-right: 10px;
}
}
.header .hero-unit p {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 24px;
  margin-top: -20px;
  margin-left: -80px;
  margin-right: 200px;
}

@media (max-width: 860px) {.header .hero-unit p {
  font-family: "brandon-grotesque",sans-serif;
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 24px;
  margin-top: -20px;
  margin-left: -80px;
  margin-right: 200px;
}
}

@media (max-width: 767px) {.header .hero-unit p {
  color: #4fa8a6;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  line-height: 16px;
  margin-top: -20px;
  margin-left: 10px;
  margin-right: 10px;
}
}
.header .hero-unit .arrow-down {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  visibility: hidden;
}
/* Introducing
------------------------- */
.introducing .section-img {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.introducing .block:first-child .section-img {
  background-color: #fff;
}
.introducing .block:first-child + .block .section-img {
  background-color: #fff;
}
.introducing .block:first-child + .block + .block .section-img {
  background-color: #fff;
}
.introducing .section-content-title a,
.introducing .section-content-title {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 28px;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
  color: #4fa8a6;
}
.introducing .content {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 22px;
  line-height: 28px;
  text-align: justify;
  color: #000;
  
}
.introducing .content2 {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 18px;
  text-align: center;
}
.email {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 18px;
  text-align: center;
}

.email a {
  color: #4fa8a6;
  text-decoration: underline;
}
.email a:hover {
  color: #4fa8a6;
  text-decoration: underline;
}

/* Portfolio
------------------------- */
.section.portfolio {
  background-color: #1ba1e2;
}
.section.portfolio .section-title h1,
.section.portfolio .section-title p {
  font-family: "brandon-grotesque",sans-serif;
  color: #ffffff;
}
.portfolio .section-content-title,
.portfolio .section-content-title a,
.portfolio .thumbnail:hover h2 a,
.portfolio .thumbnail .meta {
  font-family: "brandon-grotesque",sans-serif;
  color: #ffffff;
}
.portfolio .thumbnail .meta {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 14px;
}
.portfolio .carousel-nav ul {
  background: #1ba1e2;
}
.portfolio .carousel-nav li {
  border: 1px solid #ffffff;
}
.portfolio .carousel-nav li.active span,
.portfolio .carousel-nav li:hover span {
  background: #ffffff;
}
@media (max-width: 767px) {
  .portfolio .carousel-nav .carousel-control {
    background: url(assets/img/arrow-left-right.png) no-repeat 9px center transparent;
  }
  .portfolio .carousel-nav .carousel-control.right {
    background-position: -30px center;
  }
}
.project-details {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 18px;
  color: #4fa8a6;

}
.project-data a {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 18px;
  color: #4fa8a6;

}
.project-data a:hover {
  font-family: "brandon-grotesque",sans-serif;
  font-size: 184px;
  color: #4fa8a6;

}
.project-data [class*="icon-"] {
  background-image: url(assets/img/glyphicons-halflings-white.png);
}
/* About
------------------------- */
.about .team .personal:hover .section-content-title,
.about .team .personal:hover .section-content-title a {
  font-family: "brandon-grotesque",sans-serif;
  color: #f09609;
}
.about .team .personal:hover .icon-facebook-2 {
  background-position: 0 -23px;
}
.about .team .personal:hover .icon-twitter-2 {
  background-position: -23px -23px;
}
.about .team .personal:hover .icon-flickr-2 {
  background-position: -46px -23px;
}
.about .team .social {
  margin: 30px 0 0;
}
/* Clients
------------------------- */
.section.clients {
  background-color: #4fa8a6;
}
.section-content .testimonials .testimonial {
  border-color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.section-content .testimonials img {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.section-content .testimonials cite a {
  font-family: "brandon-grotesque",sans-serif;
  color: #e6472a;
}
.section-content .clients {
  border-top: none;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  padding: 50px 0 30px;
  margin-top: 50px;
  visibility: hidden;
}
.section-content .clients .thumbnails {
  max-width: 940px;
  margin: 0 auto;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .section-content .clients .thumbnails {
    max-width: 1050px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .section-content .clients .thumbnails {
    max-width: 724px;
  }
}
@media (max-width: 767px) {
  .section-content .clients .thumbnails {
    max-width: auto;
    padding: 0 20px;
  }
}
/* Contact
------------------------- */
.section.contact {
  background-color: #4fa8a6;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .section.contact {
    margin-top: 0px;
  }
}
@media (max-width: 599px) {
  .section.contact {
    margin-top: 0px;
  }
}
.contact .section-title h1,
.contact .section-title p {
  font-family: "brandon-grotesque",sans-serif;
  color: #ffffff;
}
.contact .section-content {
  font-family: "brandon-grotesque",sans-serif;
  color: #ffffff;
  padding: 0 20px;

  
}
.contact .mail {
  color: #ffffff;
  display: block;
  margin-top: 20px;
}
.contact .mail:hover {
  color: #4fa8a6;
}
.contact .phone a {
  color: #ffffff;
}
.contact .phone a:hover {
  color: #4fa8a6;
}
.contact .info address {
  font-family: "brandon-grotesque",sans-serif;
  line-height: 25px;
}
.contact .info address [class*="icon"] {
  left: 0;
  top: 0;
}
.contact .info .adr,
.contact .info .phone,
.contact .info .mail {
  padding-left: 35px;
}
.contact [class*="icon"] {
  background-image: url("assets/img/glyphicons-halflings-white.png");
  border: 2px solid #ffffff;
  padding: 4px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.contact .icon-map-marker {
  background-position: -20px -68px;
}
.contact .icon-user {
  background-position: -164px 3px;
  margin-top: -3px;
}
.contact .icon-envelope {
  background-position: -68px 4px;
}
.contact form textarea,
.contact form input[type="text"],
.contact form input[type="password"],
.contact form input[type="datetime"],
.contact form input[type="datetime-local"],
.contact form input[type="date"],
.contact form input[type="month"],
.contact form input[type="time"],
.contact form input[type="week"],
.contact form input[type="number"],
.contact form input[type="email"],
.contact form input[type="url"],
.contact form input[type="search"],
.contact form input[type="tel"],
.contact form input[type="color"],
.contact form .uneditable-input {
  margin-bottom: 20px;
  background-color: #fff;
  border-color: #fff;
  color: #4fa8a6 !important;
  min-height: 40px;
  -webkit-appearance: none;
}
.contact div.wpcf7 .watermark {
  color: #ffffff;
}
.contact .btn-primary {
  border-color: #000000;
  background-color: #000000;
  color: #fff;
}
.contact .btn-primary:hover,
.contact .btn-primary:active,
.contact .btn-primary.active,
.contact .btn-primary.disabled,
.contact .btn-primary[disabled] {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.contact .wpcf7-not-valid {
  background-color: #ffffff !important;
  color: #f00 !important;
  border-color: #ffffff !important;
}
.contact .wpcf7-form div.wpcf7-mail-sent-ng,
.contact .wpcf7-form div.wpcf7-validation-errors {
  background-color: #ffffff !important;
  color: #f00 !important;
  border-color: #ffffff !important;
}
.contact .wpcf7-form div.wpcf7-mail-sent-ok {
  color: #339933;
  border-color: #ffffff;
  background-color: #ffffff;
}
.contact .map {
  background-color: #fff;
  border-color: #fff;
}
.ie8 .contact form input[type="text"],
.ie9 .contact form input[type="text"],
.ie8 .contact form input[type="password"],
.ie9 .contact form input[type="password"],
.ie8 .contact form input[type="datetime"],
.ie9 .contact form input[type="datetime"],
.ie8 .contact form input[type="datetime-local"],
.ie9 .contact form input[type="datetime-local"],
.ie8 .contact form input[type="date"],
.ie9 .contact form input[type="date"],
.ie8 .contact form input[type="month"],
.ie9 .contact form input[type="month"],
.ie8 .contact form input[type="time"],
.ie9 .contact form input[type="time"],
.ie8 .contact form input[type="week"],
.ie9 .contact form input[type="week"],
.ie8 .contact form input[type="number"],
.ie9 .contact form input[type="number"],
.ie8 .contact form input[type="email"],
.ie9 .contact form input[type="email"],
.ie8 .contact form input[type="url"],
.ie9 .contact form input[type="url"],
.ie8 .contact form input[type="search"],
.ie9 .contact form input[type="search"],
.ie8 .contact form input[type="tel"],
.ie9 .contact form input[type="tel"],
.ie8 .contact form input[type="color"],
.ie9 .contact form input[type="color"],
.ie8 .contact form .uneditable-input,
.ie9 .contact form .uneditable-input {
  line-height: 30px;
}
/* 
 * LANDING PAGE 
---------------------------------------------------------- */
#landingpage {
  background: #000;
}
.error404 .header {
  background: #000;
}
.error404 .header h2 {
  font-family: "brandon-grotesque",sans-serif;
  font-weight: 200;
}