@font-face {
  font-family: GothamBold;
  src: url("../fonts/Gotham-Bold.woff");
}
@font-face {
  font-family: GothamBook;
  src: url("../fonts/Gotham-Book.woff");
}
@font-face {
  font-family: GothamMedium;
  src: url("../fonts/Gotham-Medium.otf");
}
/***********************************************************************/
/***********************************************************************/
/* HTML tags */
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: GothamBook;
  font-size: 12pt;
  width: 100%;
  height: 100%;
  padding-top: 101px;
  /* background-color: green; */
}

h2, h3 {
  text-transform: uppercase;
  font-family: GothamBold;
  color: #bb3d27;
  padding-top: 24px;
  /* font-size: 16pt; */
}

h2 {
  font-size: 24pt;
}

h3 {
  font-size: 20pt;
}

/***********************************************************************/
/* background */
.rasa-bkg {
  background-color: #ffffff;
}

/***********************************************************************/
/* margens */
@media screen and (min-width: 850px) {
  .rasa-margem-l {
    background-image: url(../img/planta.png);
    padding-left: 200px;
  }

  .rasa-margem-lr {
    background-image: url(../img/planta.png);
    padding-left: 100px;
    padding-right: 100px;
  }
}
/*
@media screen and (min-width: 850px) {
  .rasa-margem-l {
    padding-left: 150px;
  }
}
*/
.rasa-margem-port {
  background-image: url(../img/planta.png);
}

@media screen and (min-width: 1200px) {
  .rasa-margem-lr {
    padding-left: 200px;
    padding-right: 200px;
  }
}
@media screen and (min-width: 1400px) {
  .rasa-margem-lr {
    padding-left: 300px;
    padding-right: 300px;
  }
}
/***********************************************************************/
/* grid */
/*
.container-fluid {
  background-color: white;
}
*/
.row {
  margin: 0 10px;
}

/***********************************************************************/
/* navbar */
.rasa-logo, .rasa-logo-small {
  position: relative;
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  color: transparent;
}

.rasa-logo {
  width: 180px;
  height: 85px;
  /* margin: 15px auto 10px; */
  background-size: 180px;
}

.rasa-logo {
  margin: auto;
}

@media (min-width: 991px) {
  .rasa-logo {
    margin: initial;
  }
}
/*
.navbar-fixed-top {
  border-width: 0;
}
*/
.rasa-navbar-container.container-fluid {
  align-items: start;
}

.rasa-navbar {
  font-family: GothamBold;
  background-color: #e7ebec;
  background-image: initial;
  background-repeat: initial;
  box-shadow: initial;
  border-color: initial;
  align-items: flex-start;
}

.rasa-navbar a {
  text-decoration: none;
}

.rasa-navbar .navbar-nav > li > a {
  color: #bb3d27;
}

.rasa-navbar .navbar-nav > .open > a,
.rasa-navbar .navbar-nav > .open > a:hover,
.rasa-navbar .navbar-nav > .open > a:focus {
  color: #9da5ab;
  background-color: #e7ebec;
}

.rasa-navbar .navbar-nav > .open > a,
.rasa-navbar .navbar-nav > .active > a {
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar {
  margin-bottom: 0;
  border: none;
  display: block;
}

@media (min-width: 991px) {
  .navbar {
    display: flex;
  }
}
.rasa-navbar-header {
  width: 35px;
}

@media (min-width: 576px) {
  .rasa-navbar-header {
    width: 170px;
  }
}
@media (min-width: 991px) {
  .rasa-navbar-header {
    display: none;
  }
}
.rasa-navbar-header .navbar-toggler {
  padding: 0;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.dropdown-menu {
  border: 0;
  margin: 0 0 0 10px;
  background-color: #e7ebec;
  padding: 0;
}

@media (min-width: 991px) {
  .dropdown-menu {
    margin: 7px 0 0 0;
    padding: 0.25rem 0 0.3rem 0;
    background-color: white;
    border-left: solid 15px white;
    border-right: solid 10px white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
}
.dropdown-menu > a {
  border-top: solid 1px #bb3d27;
}

.dropdown-menu > a.li-first {
  border-top: none;
}

.dropdown-menu > a {
  color: #bb3d27;
  height: 30px;
  padding-left: 0;
  padding-top: 5px;
}

.dropdown-menu > a:hover,
.dropdown-menu > a:focus {
  background-image: none;
  background-color: initial;
  color: #9da5ab;
}

.dropdown-toggle::after {
  content: initial;
}

/*
.navbar-toggler {
  padding: 1px 6px;
}

@media only screen /* iPad - vertical 
  and (min-device-width: 768px) 
  and (max-device-height: 1024px)
  and (orientation: portrait) {
    .rasa-navbar {
      background-image: url(../img/stripes.png);
      background-position: right top;
      background-repeat: no-repeat;
    }

    .rasa-navbar-small {
      margin-left: 30px;
    }

    /*
    .navbar-nav > li > a {
      padding: 15px 10px;
    }
}
*/
.navbar-header {
  order: 1;
  flex-grow: 1;
}

@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (orientation: landscape) {
  .rasa-navbar {
    background-image: url(../img/stripes.png);
    background-position: right top;
    background-repeat: no-repeat;
  }

  .navbar-header {
    margin-right: 50px;
  }

  .rasa-navbar-small {
    margin-top: 30px;
  }
}
@media (min-width: 991px) {
  /*
  .navbar-header {
    margin-left: 20px;
  }
  */
  .rasa-navbar {
    background-image: url(../img/stripes.png);
    background-position: right top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 991px) {
  .navbar-header {
    order: 0;
    margin-right: 15px;
    flex-grow: 0;
  }
}
#rasa-menu {
  order: 2;
}

@media (min-width: 991px) {
  .nav-link {
    padding-bottom: 0;
  }

  #rasa-menu {
    height: 85px;
    width: auto;
    align-items: flex-end;
    order: 1;
    flex-grow: 1;
  }
}
/*
@media (min-width: 894px) {
  .rasa-navbar-small {
    margin-top: 30px;
  }
}
*/
/***********************************************************************/
/* flags */
.rasa-flag {
  display: block;
  /* float: right; */
  width: 30px;
  /* margin-top: 8px; */
}

@media (min-width: 576px) {
  .rasa-flag {
    display: flex;
    justify-content: space-between;
    align-self: flex-end;
    /* float: initial; */
    line-height: 0;
    /*
    font-family: initial;
    font-size: initial;
    line-height: initial;
    */
    width: 70px;
    margin-top: 0;
    /* border: solid 1px red; */
    /*
    height: 55px;
    float: right;
    */
  }

  /*
  .rasa-flag img {
    margin-right: 10px;
  }
  */
}
/***********************************************************************/
/* cities */
.rasa-cities {
  display: none;
}

.rasa-cities-mobile {
  font-family: GothamBook;
  /* margin-top: 60px; */
  width: auto;
  /* padding: 15px; */
  /* border: solid 1px red; */
  /* color: darkgrey; */
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-transform: lowercase;
}

.rasa-links {
  /* float: right; */
  display: flex;
  flex-direction: row-reverse;
  order: 2;
  /* width: 32px; */
}

@media (min-width: 576px) {
  .rasa-links {
    /* order: initial; */
    display: flex;
    height: 85px;
    float: right;
    flex-direction: column;
    justify-content: space-between;
  }

  .rasa-cities {
    font-family: GothamBook;
    /* margin-top: 60px; */
    width: auto;
    /* padding: 15px; */
    /* border: solid 1px red; */
    /* color: darkgrey; */
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-transform: lowercase;
  }

  .rasa-cities-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .rasa-links {
    order: 2;
  }
}
/***********************************************************************/
/* footer */
.rasa-footer {
  width: 100%;
  color: #bb3d27;
  background-color: #e7ebec;
  /* background-color: green; */
  padding: 10px;
  font-size: 8pt;
}

/***********************************************************************/
/* home */
.home-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/planta.png);
}

.home-container .home-img {
  display: block;
  margin: auto;
}

.rasa-preload {
  display: none;
}

/***********************************************************************/
/* quem */
.rasa-intro {
  margin-bottom: 50px;
}

.rasa-bio {
  margin: 10px auto;
  /* border: 1px solid $rasa-red; */
  padding: 10px;
}

.rasa-bio .row {
  margin-top: 10px;
  margin-left: 0;
  /* border: solid 1px red; */
}

.rasa-bio .rasa-foto {
  width: 70%;
}

.rasa-nome,
.rasa-nome-line {
  font-size: 14pt;
  font-weight: bold;
  /* color: $rasa-red; */
  color: #7b7f82;
  /* text-align: center; */
  margin-bottom: 10px;
}

.rasa-nome-line {
  text-align: center;
}

/*
.rasa-bio-thumbnails {
  display: none;
}
*/
.rasa-thumb {
  width: 40px;
  height: 40px;
  float: left;
  margin: 5px 5px 10px 0;
}

.rasa-quem-bg {
  background-color: white;
}

@media screen and (min-width: 375px) {
  .rasa-thumb {
    width: 50px;
    height: 50px;
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .rasa-bio {
    padding: 10px 0 30px 0;
  }

  .rasa-bio .rasa-foto {
    width: 100%;
  }

  .rasa-bio-thumbnails {
    display: inline;
  }

  .rasa-thumb {
    width: 90px;
    height: 90px;
    margin: 10px 10px 15px 0;
  }
}
@media screen and (min-width: 1200px) {
  .rasa-bio .rasa-foto {
    width: 80%;
    max-width: 300px;
  }
}
/***********************************************************************/
/* clientes */
.logo-cli {
  margin: 10px auto;
  /* width: 75%; */
}

/***********************************************************************/
/* contato */
.rasa-cont {
  min-height: 380px;
  /* iPhone 5 */
}

.rasa-bold {
  font-weight: bold;
  color: #bb3d27;
  padding: 10px 0;
}

/***********************************************************************/
/* portfolio */
.port-name {
  text-align: left;
  font-family: GothamBold;
  color: #bb3d27;
  /* font-size: 8pt; */
  text-transform: uppercase;
  padding: 0 20px;
  /* margin-top: 3px; */
}

.port-desc {
  position: relative;
  text-align: left;
  /* top: -5px; */
  /* font-size: 1.3vw; */
  font-weight: bold;
  color: black;
  /* line-height: 2.1rem; */
  vertical-align: middle;
  width: 100%;
  /* display: table-cell; */
  padding: 0 20px;
}

/***********************************************************************/
/* historico profissional */
.hp-pic {
  /* border: solid 1px red; */
  margin-bottom: 10%;
}

.hp-pic div {
  text-align: center;
}

/***********************************************************************/
/* obra */
.rasa-hide {
  display: none;
}

.rasa-obra {
  margin: 10px 0;
  width: 100%;
}

/***********************************************************************/
/* helper */
#preload {
  display: none;
}

/*# sourceMappingURL=rasa.css.map */
