/*

@Author: Themezinho

@URL: http://www.themezinho.net

This file contains the styling for the actual theme, this

is the file you need to edit to change the look of the

theme.

	<-- TABLE OF CONTENTS -->

	1. Body

		1.1 Elements of body

		1.2 Form Elements

		1.3 Links

		1.4 Spacing

		1.5 Html Elements

		1.6 Table Valign

	2. Loading

		2.1 Elements of Loading

		2.2 Transition elements

		2.3 Yellow Background

	3. Side Menu

		3.1 Elements of side menu

		3.2 Form & Inputs

		3.3 Social Media Icons

	4. Header

		4.1 Elements of header

		4.2 Slide Content Box

		4.3 Internal Header

	5. Navigation

		5.1 Elements of navigation

		5.2 Site Logo

		5.3 Navbar

		5.4 Dropdown

		5.5 Fixed Navigation

	6. About Us

		6.1 Elements of about us

		6.2 Left side

		6.3 Right side

	7. Services

		7.1 Elements of services

		7.2 Box

		7.3 Icon

		7.4 Expand button

		7.5 Expanded List

	8. Team Members

		8.1 Elements of team-members

		8.2 Member Image

		8.3 Member Info

	9. Fun Facts

		9.1 Elements of fun facts

		9.2 Box

		9.3 Icon

		9.4 Counting numbers

	10. Latest Work

		10.1 Elements of works

		10.2 Transition

		10.3 Section title

		10.4 Works Filter

		10.5 List of works

		10.6 Hover Caption

	11. Works

		11.1 Elements of works

		11.2 Transition

		11.3 Section title

		11.4 Works Filter

		11.5 List of works

		11.6 Hover Caption

	12. Logos

		12.1 Elements of logos

		12.2 Carousel

		12.3 Controls - Arrows

	13. Latest News

		13.1 Elements of news

		13.2 Section title

		13.3 News box

	14. Quote

		14.1 Elements of quote

		14.2 Section title

		14.3 Paragraph

		14.4 Button

	15. Blog

		15.1 Elements of blog

		15.2 Transitions

		14.3 Blog posts

		14.4 Pagination

	16. Side Bar

		16.1 Elements of sidebar

		16.2 Widgets

		16.3 Social Media

		16.4 Search

		16.5 Tags

		16.6 Categories

		16.7 Gallery

	17. Contact Info

		17.1 Elements of contact info

		17.2 Section Title

		17.3 Form Elements

		17.4 Map

	18. Contact

		18.1 Elements of contact

		18.2 Icons

		18.3 Spacing

	19. Footer

		19.1 Elements of footer

		19.2 Transition

		19.3 Section Titles

		19.4 Gallery

		19.5 Form elements

	20. Sub Footer

		20.1 Elements of sub-footer

	21. Responsive Fixes

		21.1 Tablet Fixes

		21.2 Mobile Fixes

	22. Customs for Guia

*/

@import url(//fonts.googleapis.com/css?family=Raleway:400,500,300,700);

@import url(//fonts.googleapis.com/css?family=Pacifico);

* {
  outline: none;
  scrollbar-width: thin;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  height: 100%;
}

/* FORM ELEMENTS */

input[type="text"] {
  height: 42px;
  padding: 0 10px;
  border: 1px solid #eee;
}

button[type="submit"] {
  height: 42px;
  padding: 0 20px;
  border: none;
  font-weight: 700;
}

button[type="button"] {
  height: 42px;
  padding: 0 20px;
  border: none;
  font-weight: 700;
}

textarea {
  height: 120px;
  padding: 10px;
  border: 1px solid #eee;
}

/* LINKS */

a {
  color: #febd0e;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  text-decoration: none;
}

/* SPACING */

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

/* CUSTOMIZED HTML ELEMENTS */

p {
  margin-bottom: 15px;
}

b {
  font-weight: 700;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* BOXED LAYOUT*/

.gray-background {
  background: #eee;
}

.boxed-container {
  max-width: 1200px;
  margin: 0 auto;
}

.boxed-wrapper {
  width: 100%;
  float: left;
  background: #fff;
}

/* TABLE VALIGN MIDDLE */

.table {
  width: 100%;
  height: 100% !important;
  display: table;
  margin: 0;
}

.table .inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px !important;

  font-family: 'quicksand' sans-serif;

  color: #000;
}

.table .inner1 {

  display: flex;

  vertical-align: inherit;

  font-size: 16px !important;

  font-family: 'quicksand' sans-serif;

  color: #000;

}

.img-full {
  width: 100%;
}

/* LOADING */

.loading {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

.loading img {
  max-width: 270px;
  margin-bottom: 30px;
  display: inline-block;
}

.loading .spinner {
  width: 30px;
  height: 30px;
  border: 3px solid #174A2E;
  border-top: 3px solid #fff;
  border-radius: 30px;
  display: inline-block;
}

.loading .spinner {
  -webkit-animation: spinner 0.5s infinite linear;

  animation: spinner 0.5s infinite linear;
}

.fade-out {
  opacity: 0;
  visibility: hidden;
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

/* TRANSITION */

.transition-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
}

.transition-overlay.show-me {
  opacity: 1;
  visibility: visible;
}

.transition-overlay {
  transition-duration: 700ms;
  -webkit-transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

/* YELLOW BACKGROUND */

.yellow-bg {
  background: #F1F1F1F2;
  /* Old browsers */
}

.wallbg {
  background-image: linear-gradient(#174A2E), url(../images/hero4.jpg) !important;
}

/* SIDE MENU */

.side-menu {
  width: 270px;
  height: 100%;
  position: fixed;
  right: -270px;
  top: 0;
  background: #381B5D;
  padding: 20px;
  z-index: 9999;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.side-menu {
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.side-menu.show-me {
  right: 0;
}

.side-menu .side-menu-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 27px 20px;
  cursor: pointer;
}

.side-menu .side-menu-close i {
  font-size: 20px;
  color: #fff;
}

.side-menu h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
}

.side-menu form {
  width: 100%;
  float: left;
}

.side-menu form input[type="text"] {
  color: #000;
  width: 100%;
  height: 44px;
  float: left;
  padding: 0 10px;
  background: #fff;
  border: none;
  margin-bottom: 16px;
}

.side-menu form textarea {
  color: #000;
  width: 100%;
  height: 124px;
  float: left;
  padding: 10px;
  background: #fff;
  border: none;
  margin-bottom: 16px;
}

.side-menu form button[type="button"] {
  width: 100%;
  height: 44px;
  float: left;
  background: #E09500;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border: none;
}

.side-menu ul {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.side-menu ul li {
  width: 34px;
  height: 34px;
  line-height: 34px;
  float: left;
  text-align: center;
  background: red;
  margin-right: 4px;
}

.side-menu ul li a {
  display: inline-block;
  font-size: 17px;
  color: #fff;
}

.side-menu ul li.facebook {
  background: #3b5999;
}

.side-menu ul li.twitter {
  background: #00bcf8;
}

.side-menu ul li.googleplus {
  background: #d3492d;
}

.side-menu ul li.instagram {
  background: #5989b9;
}

.side-menu ul li.pinterest {
  background: #f63234;
}

.side-menu ul li.youtube {
  background: #fe0000;
}

/* HEADER */

header {
  width: 100%;
  height: 100%;
  float: left;

  background-image: url(../images/hero1-d.jpg);
  background-size: cover;
  color: #fff;
}

header.int-header {
  height: 220px;
}

header.int-header .title {
  font-family: 'Comfortaa', cursive;
  width: 100%;
  float: left;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin-top: 150px;
}

header.int-header .sub-title {
  width: 100%;
  float: left;
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}

header .banner {
  width: 100%;
  float: left;
  min-height: 100vh;
}

header .banner .banner-item {
  background-image: var(--banner-d);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

header .slide-content {

  text-align: center;

  display: inline-block;

  color: #fff;

  position: absolute;

  z-index: 99;

  left: 50%;

  margin-left: -140px;

  bottom: 10%;

  /* margin-left: 32%; */

}

header .slide-content.spacing {
  margin-top: 220px;
}

header .slide-content h1 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 60px;
}

header .slide-content h5 {
  width: 600px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

header .slide-content a {
  font-family: 'Comfortaa', cursive;
  color: #174A2E;
  display: inline-block;
  padding: 25px 50px;
  background: #FAEF18;
  font-size: 15px;
  font-weight: 700;
}

header .slide-content a:hover {
  text-decoration: none;
}

header .slide-content .icon {
  display: inline-block;
  margin-top: 30px;
}

header video {
  min-width: 100%;
  min-height: 100%;
  transform: scale(1.3);
  float: left;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
}

/* NAVIGATION */

.navbar-default {
  font-family: 'Comfortaa', cursive;
  height: 85px;
  padding-top: 4px;
  border-radius: 0;
  background: url(../images/rainbow-bar.jpg) top repeat-x;
  border-bottom: 3px;
}

.navbar-default {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.navbar-default .navbar-brand {
  height: auto;
}

.navbar-default .navbar-brand img {
  height: 52px;
  margin-top: 0px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(352deg) brightness(116%) contrast(112%);
}

.navbar-default .navbar-nav {
  float: right;
}

.navbar-default .navbar-nav>li {
  float: left;
}

.navbar-default .navbar-nav>li>a {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #FFF;
  font-weight: 700;
  text-shadow: 0 0 8px #000;
}

.navbar-default .navbar-nav>li>a:hover {
  border-bottom: 3px solid #F5B603;
  color: #174A2E;
}

.navbar-default .navbar-nav>li>a:focus {
  color: #174A2E;
}

.navbar-default .navbar-nav>li>a.hamburger-menu {
  float: left;
  margin-top: 0px;
  font-size: 14px;
}

.navbar-default .navbar-nav>li:hover .dropdown-menu {
  display: block;
}

.navbar-default .navbar-nav>li:hover a {
  border-bottom: 3px solid #F5B603;
  color: #F5B603;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background: none;
  color: #F5B603;
}

.navbar-default .dropdown-menu {
  float: left;
  margin-right: -8px;
  background: none;
  color: #fff;
  box-shadow: none;
  border-radius: 0;
  border: none;
  display: none;
}

.navbar-default .dropdown-menu li {
  width: 100%;
  float: left;
  text-align: right;
}

.navbar-default .dropdown-menu li a {
  color: #fff;
  font-weight: 700;
  border: none !important;
}

.navbar-default .dropdown-menu li a:hover {
  background: none;
  opacity: 0.8;
}

.fixed-nav {
  background:
    url(../images/rainbow-bar.jpg) top repeat-x #F1F1F1F2 !important;
}

.fixed-nav a {
  color: #174A2E !important;
  text-shadow: none !important;
}

.fixed-nav img {
  filter: none !important;
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(352deg) brightness(116%) contrast(112%); */
}

.fixed-nav .dropdown-menu {
  background: #febd0e;
}

.fixed-nav .dropdown-menu a {
  color: #fff !important;
}

/* ABOUT US*/

.about-us {
  width: 100%;
  float: left;
}

.about-us .left-side {
  height: 500px;
  background: url(../images/image1.jpg) no-repeat;
}

.about-us .left-side1 {
  height: 500px;
}

.about-us .right-side {
  height: 500px;

  background: #174A2E;

}

.about-us .right-side .table {
  width: 100%;
  padding: 30px;
}

.about-us .right-side h3 {
  font-family: 'Comfortaa', cursive;
  color: #febd0e;
  font-size: 30px;
  margin-bottom: 30px;
}

.about-us .right-side h3 span {
  display: inline-block;
  font-weight: 700;
}

.about-us .right-side p {
  font-family: 'Quicksand', sans-serif;
  color: #174A2E !important;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 20px;
}

.about-us .right-side a {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid #febd0e;
  padding-bottom: 6px;
  color: #febd0e;
}

.about-us .right-side a:hover {
  text-decoration: none;
}

blockquote {

  font-family: 'Quicksand', sans-serif;
  color: #000 !important;

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 21px;

  border-left: 1px solid #eee !important;

}

.about-us .right-side1 {
  height: 500px;

  background: #fff;
}

.about-us .right-side1 .table {
  width: 100%;
  padding: 30px;
}

.about-us .right-side1 h3 {
  font-family: 'Comfortaa', cursive;
  color: #174A2E;
  font-size: 30px;
  margin-bottom: 10px;
}

.about-us .right-side1 h3 span {
  display: inline-block;
  font-weight: 700;
}

.about-us .right-side1 p {
  font-family: 'Quicksand', sans-serif;
  color: #174A2E !important;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
}

.about-us .right-side1 a {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid #febd0e;
  padding-bottom: 6px;
  color: #febd0e;
}

.about-us .right-side1 a:hover {
  text-decoration: none;
}

blockquote {

  font-family: 'Quicksand', sans-serif;
  color: #174A2E !important;

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 21px;

  border-left: 1px solid #eee !important;

}

.about-us .right-side3 {

  background: #fff;
}

.about-us .right-side3 .table {
  width: 100%;
  padding: 30px;
}

.about-us .right-side3 h3 {
  font-family: 'Comfortaa', cursive;
  color: #174A2E;
  font-size: 30px;
  margin-bottom: 10px;
}

.about-us .right-side3 h3 span {
  display: inline-block;
  font-weight: 700;
}

.about-us .right-side3 p {
  font-family: 'Quicksand', sans-serif;
  color: #174A2E !important;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 10px;
}

.about-us .right-side3 a {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid #febd0e;
  padding-bottom: 6px;
  color: #febd0e;
}

.about-us .right-side3 a:hover {
  text-decoration: none;
}

blockquote {

  font-family: 'Quicksand', sans-serif;
  color: #174A2E !important;

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 21px;

  border-left: 1px solid #eee !important;

}

/* SERVICES */

.suites {
  text-align: center;
  font-size: 70px;
  font-family: 'quicksand' sans-serif;
  color: #174A2E;
  margin-bottom: 40px;
  font-weight: 700;
  margin-top: -20px;
}

.services {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.services .box {
  width: 100%;
  padding: 40px 20px;
  margin-bottom: 40px;
  position: relative;
}

.services * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.services .box:hover img {
  margin-bottom: 45px;
}

.services .box img {
  height: 80px;
  display: inline-block;
  margin-bottom: 20px;
}

.services .box h4 {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  color: #174A2E;
  margin-bottom: 5px;
}

.services .box p {
  font-family: 'Quicksand', sans-serif;
  color: #174A2E;
  line-height: 22px;
  font-weight: 500;
  font-size: 16px;
}

.services .box .expand {
  width: 70px;
  height: 75px;
  float: left;
  text-indent: -9999px;
  background: url(../images/icon-expand.png) top left no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
}

.services .box ul {
  height: 0;
  overflow: hidden;
}

.services .box ul li {
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 700;
  margin: 3px 0;
}

.services .box ul.show-me {
  height: auto;
}

.especial ul li table tbody td tr {

  font-size: 16px !important;

  font-family: 'quicksand' sans-serif;

  color: #000;

}

.especial table tbody td tr {

  font-size: 16px !important;

  font-family: 'quicksand' sans-serif;

  color: #000;

}

.specs ul li table tbody td tr {

  font-size: 16px !important;

  font-family: 'quicksand' sans-serif;

  color: #000;

}

/* TEAM MEMBERS*/

.team-members {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.team-members * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.team-members figure {
  width: 100%;
  float: left;
  text-align: center;
}

.team-members figure:hover img {
  margin-left: -30px;
}

.team-members figcaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* FUN FACTS*/

.fun-facts {
  width: 100%;
  float: left;
  background: #f5f5f5;
  padding: 100px 0;
  text-align: center;
}

.fun-facts * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.fun-facts .content-box {
  width: 100%;
  float: left;
  padding: 50px 10%;
}

.fun-facts .content-box:hover {
  background: #fed20f;
}

.fun-facts .content-box:hover i {
  color: #fff;
}

.fun-facts .content-box:hover span {
  color: #fff;
}

.fun-facts .content-box:hover h5 {
  color: #fff;
}

.fun-facts i {
  display: inline-block;
  color: #fed20f;
  font-size: 40px;
}

.fun-facts span {
  display: block;
  color: #babac2;
  font-size: 40px;
  font-weight: 700;
}

.fun-facts h5 {
  display: inline-block;
  color: #babac2;
  font-size: 18px;
}

/* LATEST WORKS */

.latest-works {
  width: 100%;
  float: left;
  padding-top: 100px;
  text-align: center;
}

.latest-works * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.latest-works h3 {
  color: #febd0e;
  font-size: 30px;
  margin-bottom: 30px;
}

.latest-works h3 span {
  display: inline-block;
  font-weight: 700;
}

.latest-works .works-filter {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.latest-works .works-filter a {
  display: inline-block;
  margin: 0 10px;
  padding-bottom: 6px;
  font-weight: 500;
  color: #febd0e;
}

.latest-works .works-filter a:hover {
  text-decoration: none;
}

.latest-works .works-filter a.current {
  border-bottom: 2px solid #febd0e;
}

.latest-works ul {
  width: 100%;
  float: left;
}

.latest-works ul li {
  width: 33.33333%;
  float: left;
}

.latest-works ul li figure {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.latest-works ul li figure:hover figcaption {
  opacity: 1;
  padding: 10px;
}

.latest-works ul li figure img {
  width: 100%;
  float: left;
}

.latest-works ul li figure figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.latest-works ul li figure figcaption h4 {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}

.latest-works ul li figure figcaption h4 a {
  color: #fff;
}

.latest-works ul li figure figcaption h4 a:hover {
  color: #fff;
  text-decoration: none;
}

.latest-works ul li figure figcaption small {
  color: #fff;
  font-weight: 500;
}

.latest-works ul li figure figcaption .table {
  background: rgba(254, 210, 15, 0.8);
}

/* WORKS */

.works {
  width: 100%;
  float: left;
  padding: 100px 0;
  text-align: center;
}

.works * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.works h3 {
  color: #febd0e;
  font-size: 30px;
  margin-bottom: 30px;
}

.works h3 span {
  display: inline-block;
  border-top: 3px solid #febd0e;
  font-weight: 700;
}

.works .works-filter {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.works .works-filter a {
  display: inline-block;
  margin: 0 10px;
  padding-bottom: 6px;
  font-weight: 500;
  color: #febd0e;
}

.works .works-filter a:hover {
  text-decoration: none;
}

.works .works-filter a.current {
  border-bottom: 2px solid #febd0e;
}

.works ul {
  width: 100%;
  float: left;
}

.works ul.spacing {
  width: 100%;
}

.works ul.spacing li {
  padding: 10px;
}

.works ul.masonry {
  width: 100%;
}

.works ul li {
  width: 33.33333%;
  float: left;
}

.works ul li figure {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.works ul li figure:hover figcaption {
  opacity: 1;
  padding: 10px;
}

.works ul li figure img {
  width: 100%;
  float: left;
}

.works ul li figure figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.works ul li figure figcaption h4 {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}

.works ul li figure figcaption h4 a {
  color: #fff;
}

.works ul li figure figcaption h4 a:hover {
  color: #fff;
  text-decoration: none;
}

.works ul li figure figcaption small {
  color: #fff;
  font-weight: 500;
}

.works ul li figure figcaption .table {
  background: rgba(254, 210, 15, 0.8);
}

/* PROJECT DETIAL */

.project-detail {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.project-detail .project-header {
  width: 100%;
  float: left;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.project-detail .about-project {
  width: 100%;
  float: left;
  margin-top: 40px;
  padding: 0 20%;
}

.project-detail .screenshot {
  margin-bottom: 50px;
}

/* LOGOS */

.logos {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.logos h2 {
  font-size: 0;
}

.logos figure {
  width: 100%;
  float: left;
}

.logos figure img {
  width: 100%;
}

.logos .owl-nav {
  width: 100%;
  float: left;
  text-align: center;
}

.logos .owl-nav .owl-prev {
  display: inline-block;
  text-indent: -9999px;
  margin: 0 15px;
  padding: 10px;
}

.logos .owl-nav .owl-prev:hover {
  opacity: 0.4;
}

.logos .owl-nav .owl-prev:after {
  content: '\f124';
  font-family: ionicons;
  font-size: 20px;
  float: left;
  text-indent: 0;
}

.logos .owl-nav .owl-next {
  display: inline-block;
  text-indent: -9999px;
  margin: 0 15px;
  padding: 10px;
}

.logos .owl-nav .owl-next:hover {
  opacity: 0.4;
}

.logos .owl-nav .owl-next:after {
  content: '\f125';
  font-family: ionicons;
  font-size: 20px;
  float: left;
  text-indent: 0;
}

/* LATEST NEWS */

.latest-news {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: #f5f5f5;
}

.latest-news h3 {
  width: 100%;
  text-align: center;
  color: #febd0e;
  font-size: 30px;
  margin-bottom: 30px;
}

.latest-news h3 span {
  display: inline-block;
  font-weight: 700;
}

.latest-news .news-box {
  width: 100%;
  float: left;
}

.latest-news .news-box figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
}

.latest-news .news-box figure img {
  width: 100%;
}

.latest-news .news-box h4 {
  width: 100%;
  float: left;
  font-weight: 700;
}

.latest-news .news-box small {
  display: block;
  font-size: 12px;
  color: #999;
  margin-bottom: 30px;
}

.latest-news .news-box p {
  line-height: 26px;
  font-size: 15px;
  margin-bottom: 20px;
}

.latest-news .news-box .link {
  float: left;
  padding: 10px 20px;
  background: #febd0e;
  color: #fff;
  font-weight: 700;
}

/* QUOTE */

.quote {
  width: 100%;
  float: left;
  padding: 100px 0;
  background: url(../images/hero1.jpg) no-repeat;
  text-align: center;
}

.quote h3 {
  display: block;
  margin: 0;
  margin-bottom: 30px;
  color: #fff;
  font-weight: 700;
}

.quote p {
  display: block;
  margin-bottom: 50px;
  padding: 0 10%;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
}

.quote a {
  display: inline-block;
  background: #febd0e;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 30px;
}

.quote a:hover {
  text-decoration: none;
  background: #fff;
  color: #febd0e;
}

/* BLOG */

.blog {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.blog * {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog .blog-post {
  width: 100%;
  float: left;
  padding-right: 20px;
  margin-bottom: 100px;
}

.blog figure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  position: relative;
  background: #febd0e;
}

.blog figure img {
  width: 100%;
  float: left;
}

.blog figure:hover img {
  opacity: 0.7;
}

.blog h3 {
  display: block;
  margin-top: 0;
  color: #febd0e;
}

.blog small {
  display: block;
  margin-bottom: 10px;
  color: #98989a;
  font-weight: 700;
}

.blog .border {
  width: 38px;
  height: 3px;
  display: inline-block;
  margin-bottom: 30px;
  background: #febd0e;
}

.blog .link {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid #febd0e;
  padding-bottom: 6px;
  color: #febd0e;
}

.blog .link:hover {
  text-decoration: none;
}

.blog .pagination {
  width: 100%;
  float: left;
}

.blog .pagination>li {
  float: left;
}

.blog .pagination>li a {
  float: left;
  border: 1px dotted #ccc;
  font-weight: 700;
  font-size: 12px;
  padding: 6px 22px;
  color: #2f2e33;
  border-radius: 0 !important;
}

.blog .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background: #febd0e;
  color: #fff;
}

/* SIDEBAR */

.blog-sidebar {
  width: 100%;
  padding-left: 30px;
}

.blog-sidebar .widgets {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.blog-sidebar .social-media {
  width: 100%;
  float: left;
}

.blog-sidebar .social-media ul {
  width: 100%;
  float: left;
}

.blog-sidebar .social-media ul li {
  width: 34px;
  height: 34px;
  line-height: 34px;
  float: left;
  text-align: center;
  background: red;
  margin-right: 4px;
}

.blog-sidebar .social-media ul li a {
  display: inline-block;
  font-size: 17px;
  color: #fff;
}

.blog-sidebar .social-media ul li.facebook {
  background: #3b5999;
}

.blog-sidebar .social-media ul li.twitter {
  background: #00bcf8;
}

.blog-sidebar .social-media ul li.googleplus {
  background: #d3492d;
}

.blog-sidebar .social-media ul li.instagram {
  background: #5989b9;
}

.blog-sidebar .social-media ul li.pinterest {
  background: #f63234;
}

.blog-sidebar .social-media ul li.youtube {
  background: #fe0000;
}

.blog-sidebar .search {
  width: 100%;
  float: left;
}

.blog-sidebar .search form {
  width: 100%;
  float: left;
}

.blog-sidebar .search form input[type="text"] {
  width: 80%;
  float: left;
}

.blog-sidebar .search form button[type="submit"] {
  width: 20%;
  padding: 0;
  text-align: center;
  float: left;
  background: #febd0e;
  color: #fff;
  margin-left: -3px;
}

.blog-sidebar .tags {
  width: 100%;
  float: left;
}

.blog-sidebar .tags a {
  float: left;
  padding-bottom: 5px;
  border-bottom: 2px solid #eee;
  font-size: 12px;
  color: #999;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blog-sidebar .tags a:hover {
  text-decoration: none;
  color: #00cadf;
}

.blog-sidebar .categories {
  width: 100%;
  float: left;
}

.blog-sidebar .categories ul {
  width: 100%;
  float: left;
}

.blog-sidebar .categories ul li {
  width: 100%;
  float: left;
  margin: 4px 0;
}

.blog-sidebar .categories ul li a {
  float: left;
  color: #febd0e;
  font-weight: 500;
}

.blog-sidebar .categories ul li a:hover {
  color: #00cadf;
}

.blog-sidebar .gallery-thumbs {
  width: 100%;
  float: left;
  margin-left: -5px;
  margin-right: -5px;
}

.blog-sidebar .gallery-thumbs a {
  width: 33.33333%;
  float: left;
  padding: 5px;
}

.blog-sidebar .gallery-thumbs a img {
  width: 100%;
  float: left;
}

/* CONTACT INFO */

.contact-info {
  width: 100%;
  float: left;
  padding: 100px 0;
}

.contact-info h3 {
  font-weight: 700;
}

.contact-info h5 {
  margin-bottom: 20px;
  color: #ccc;
}

.contact-info a {
  text-decoration: underline;
  font-weight: 500;
}

.contact-info form {
  width: 100%;
  max-width: 600px;
  display: inline-block;
}

.contact-info form .form-group {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.contact-info form input[type="text"] {
  width: 49%;
  float: left;
}

.contact-info form .spacing {
  margin-right: 2%;
}

.contact-info form textarea {
  width: 100%;
  max-width: 600px;
}

.contact-info form button[type="button"] {
  background: #febd0e;
  color: #fff;
}

.map {
  width: 100%;
  height: 400px;
}

/* CONTACT */

.contact {
  width: 100%;
  float: left;
  background: #174A2E;
}

.contact h2 {
  font-size: 0;
}

.contact figure {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.contact dl {
  display: block;
}

.contact dl dt {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.contact dl dd {
  color: #fff;
  font-weight: 500;
}

.contact .container {
  padding-bottom: 80px;
  padding-top: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* FOOTER */

footer {
  width: 100%;
  float: left;
  padding: 50px 0;
  background: #174A2E;
  color: #fff;
}

footer .logo {
  height: 20px;
  margin-bottom: 30px;
}

footer * {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

footer p {
  line-height: 22px;
  font-weight: 500;
}

footer h4 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

footer .gallery {
  width: 100%;
  float: left;
  margin-left: -5px;
}

footer .gallery li {
  width: 33.33333%;
  float: left;
  padding: 5px;
}

footer .gallery li img {
  width: 100%;
  float: left;
}

footer .gallery li figure {
  width: 100%;
  float: left;
  position: relative;
}

footer .gallery li figure figcaption {
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
  background: rgba(254, 210, 15, 0.8);
  opacity: 0;
}

footer .gallery li figure figcaption a {
  color: #fff;
}

footer .gallery li figure figcaption i {
  margin-top: 20%;
  display: inline-block;
  font-size: 30px;
}

footer .gallery li figure:hover figcaption {
  opacity: 1;
}

footer form {
  width: 100%;
  float: left;
}

footer form input[type="text"] {
  width: 100%;
  max-width: 280px;
  height: 42px;
  border: none;
  padding: 0 10px;
  margin-bottom: 6px;
}

footer form button[type="submit"] {
  height: 42px;
  border: none;
  background: #00cadf;
  padding: 0 20px;
  margin-bottom: 6px;
}

footer h3 {
  text-align: center;
  font-size: 70px;
  font-family: 'quicksand' sans-serif;
  color: #fff;
  margin-bottom: 100px;
  font-weight: 700;
  margin-top: -20px;
}

/* SUB FOOTER */

.sub-footer {
  width: 100%;
  float: left;
  background: #174A2E;
  padding: 20px 0;
}

.sub-footer h6 {
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

/*MAPA*/

#gm-mapa {

  width: 100%;

  height: 500px;

}

#infobox {

  border: none;

  position: absolute;

  background: transparent;

  color: #820101;

  font-family: sans-serif;

  font-size: 12px;

  font-weight: bold;

  padding: 0;

  text-shadow: 1px 1px 1px #FFF;

}

@media only screen and (max-width: 1300px),
only screen and (max-device-width: 1300px) {

  .about-us .left-side {

    height: 500px;

    background: url(../images/imagepad.jpg) no-repeat;

  }

}

@media only screen and (max-width: 1024px),
only screen and (max-device-width: 1024px) {

  .about-us .left-side {

    height: 500px;

    background: url(../images/imagepad.jpg) no-repeat;

  }

}

@media only screen and (max-width: 989px),
only screen and (max-device-width: 989px) {

  .navbar-default .navbar-brand img {
    height: 48px;
  }

  .navbar-default .nav>li>a {
    padding: 30px 10px;
  }

  .latest-works ul li {
    width: 50%;
  }

  .works ul li {
    width: 50%;
  }

  .team-members figure img {
    width: 100%;
  }

  .blog-sidebar {
    padding-left: 0;
  }

  .blog .blog-post {
    padding-right: 0;
  }

  .contact-info form input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
  }

  .contact-info form .form-group {
    margin-bottom: 0;
  }

  .contact-info form .spacing {
    margin-right: 0;
  }

  .suites {

    text-align: center;

    font-size: 30px;

    font-family: 'quicksand' sans-serif;

    color: #174A2E;

    margin-bottom: 40px;

    font-weight: 700;

    margin-top: -20px;

  }

  footer h3 {

    text-align: center;

    font-size: 40px;

    font-family: 'quicksand' sans-serif;

    color: #fff;

    margin-bottom: 100px;

    font-weight: 700;

    margin-top: -20px;

  }

}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
  
  header .slide-content {
    bottom: unset;
  }

  .navbar-default .navbar-nav>li>a {
    color: #174A2E;
    text-shadow: none;
  }

  header .banner .banner-item {
    background-image: var(--banner-m);
  }

  header#go-cta {
    height: auto !important;
    background-image: none !important;
  }

  header {
    width: 100%;
    height: 100%;
    float: left;

    background-image: url(../images/hero1-m.jpg);
  }

  .navbar-default .navbar-toggle {
    border: none;
    background: #F1F1F1F2;
    margin-top: 20px;
    color: #174A2E;
  }

  .navbar-default .navbar-toggle:hover {
    background: #F1F1F1F2;
  }

  .navbar-default .navbar-toggle:focus {
    background: #F1F1F1F2;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background: #174A2E;
  }

  .navbar-default .navbar-nav {
    width: 100%;
  }

  .navbar-default .navbar-nav>li {
    width: 100%;
    padding: 0;
  }

  .navbar-default .navbar-nav>li a {
    width: 100%;
    float: left;
    padding: 10px 0;
  }

  .navbar-default .navbar-nav>li a:hover {
    border: none;
    opacity: 0.7;
  }

  .navbar-default .navbar-nav>li:hover a {
    border: none;
  }

  .navbar-nav>li>.dropdown-menu {
    width: 100%;
    position: static;
  }

  .navbar-default .dropdown-menu li {
    text-align: left;
  }

  .navbar-default .navbar-collapse {
    background: #F1F1F1F2;
    border: none;
    margin-top: 0px;
    opacity: 0.95;
    filter: alpha(opacity=95);
  }

  .fixed-nav img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
  }

  .fixed-nav {
    background: url(../images/rainbow-bar.jpg) top repeat-x #F1F1F1F2 !important;
  }

  .services .no-padding {
    padding: 0 30px;
  }

  header .slide-content h5 {
    width: auto;
    font-size: 14px;
  }

  .fun-facts h5 {
    font-size: 16px;
  }

  .latest-works ul li {
    width: 100%;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .latest-news .news-box {
    margin-bottom: 40px;
  }

  footer .gallery {
    margin-bottom: 40px;
  }

  .sub-footer h6 {
    float: center !important;
  }

  .about-us .left-side1 {

    height: 260px;

  }

  .table .inner {

    display: table-cell;

    vertical-align: middle;

    font-size: 12px !important;

    font-family: 'quicksand' sans-serif;

    color: #000;

  }

  .about-us .right-side1 .table {

    width: 100%;

    padding: 0px;

  }

  body_map {
    padding: 15px;
  }

  .margemobile {
    margin-top: 90px !important
  }

}

.alta {

  text-transform: uppercase;

}

.previewsuite {

  width: 100%;

}

/*MAPA MEDIA*/

@media only screen and (max-width: 568px),
only screen and (max-device-width: 568px) {

  header.int-header .title {

    font-family: 'Comfortaa', cursive;

    width: 100%;

    float: left;

    font-size: 40px;

    font-weight: 700;

    color: #fff;

    margin-top: 93px;

  }

}

.rev_slider {

  background-image: url(.../images/hero1-d.jpg)
}

.cortesiabold {

  font-weight: bold;

}

.display_outras {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .display_outras a {
    width: 31%;
  }
}

@media screen and (max-width: 768px) {
  .display_outras {
    flex-direction: column;
  }
}

/* Botão do WhatsApp */
.btn-whats {
  background-color: transparent;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: fixed;
  right: 1%;
  bottom: 5%;
  z-index: 9999;
  transition: background .3s, transform .5s;
}

.btn-whats:hover {
  transform: scale(1.04);
}

.btn-whats svg {
  width: 50px;
  margin-right: 20px;
}


/* ajustes de height para a resenha aparecer sem scroll */
.right-side1:has(.resenha) {
  height: auto;
}

.resenha {
  text-align: justify;
}

/* fim - ajustes de height para a resenha aparecer sem scroll */