/*
Template 2019 - CreativTi
*/

body {
	background: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  position: relative;
}

.heading {
  font-size: 22px;
  font-weight: 500;
}

.subheading {
  font-size: 16px;
  padding-bottom: 60px;
}

p {
  color: #848484;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 28px;
}

hr {
	border-top: 2px solid #828282;
	width: 120px;
}

a {
	color: white;
}
a:hover {
  color: #F6D76B;
  text-decoration: none;
}
a:focus {
  color: #F6D76B;
  text-decoration: none;
  border: none;
}

textarea {
	min-height: 200px;
}

.hr-style-titulos {
	width: 30%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

#about, #gallery, #locale {
	padding-top: 100px;
	padding-bottom: 100px;
}
#about, #contact {
  background: #f0f0f0;
}

.parallax-section {
  background-attachment: fixed !important;
  background-size: cover !important;
  /*efeito troca de imagem*/
	-webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
	padding: 20px !important;
}

/* preloader section */
.preloader  {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: none repeat scroll 0 0 #fff;
    }
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  background-color: #000000;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }


/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
.carousel-area{
  	margin: 0px 0px 0px 0px;
  	width: 100%;
  	height: 100%;
		min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel{
  background: #2f4357;
  margin: 0px;
	width: 100%;
	height: 100%;
}
.carousel .carousel-control{
	padding-top: 50vh;
}
.carousel .item{
	margin: 50px 0px 0px 0px;
  min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
	width: 100%;
	height: calc(100%-50px);
}
.carousel .item img{
  margin: 0 auto; /* Align slide image horizontally center */
	width: 100%;
	height: 100%;
}
/*---------------------------------------*/


@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }


/* start navigation */
.navbar-default {
  background: #363636;
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.04);
  border: none;
  margin-bottom: 0;
  background-image: linear-gradient(to top, #FAFAFA, #A4A4A4);
}
.navbar-default li:hover {
  background: #424242;
}
.navbar-brand, .navbar-nav li a {
  line-height: 40px;
}
.navbar-default .navbar-brand  {
  color: #5C5C5C;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2px;
}
.navbar-default .navbar-nav li a {
  font-size: 12px;
  letter-spacing: 1px;
	color: #2E2E2E;
	font-weight: bold;
}
.navbar-default .navbar-nav li a:hover {
	color: white;
}
.navbar-collapse {
	border: none;
	margin: 0px;
}


/* CARROSSEL ANTIGO -  ESMAECER - JS */
/* home section */
/*
#home {
  background: url('../images/home/home-01-bg.jpg') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50vh;
  text-align: center;
}
#home h1 {
  font-size: 20px;
  letter-spacing: 8px;
  font-style: normal;
  padding-top: 10px;
}
#home .btn {
  background: transparent;
  border-radius: 0;
  border: 3px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 16px 42px;
  margin-top: 40px;
  transition: all 0.4s ease-in-out;
}
#home .btn:hover {
  background: #ffffff;
  color: #202020;
}
*/
/*---------------------------------------*/


/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
/* home section */
#home-slide {
  color: #ffffff;
  height: auto;
  text-align: center;
}
/*---------------------------------------*/


/* locale section */
#locale {
  text-align: center;
}
#locale h3 {
  font-size: 18px;
  line-height: 4px;
}
#locale h4 {
  color: #5C5C5C;
  padding-top: 24px;
}
#locale .col-md-4 {
 padding-top: 42px;
}

/* about section */
#about h4 {
	line-height: 1.5;
}
#about .col-md-8 {
  padding-bottom: 42px;
}
#about .col-md-6 {
  padding-bottom: 18px;
}
#about span {
  color: #5C5C5C;
}

/* gallery section */
#gallery {
  padding-top: 80px;
  padding-bottom: 80px;
}
#gallery .col-md-4 {
  padding-top: 52px;
}
#gallery img {
  width: 100%;
  padding-bottom: 18px;
}
#gallery .col-md-4 div {
  position: relative;
  bottom: 18px;
  padding-bottom: 12px;
}
#gallery h3 {
  font-size: 18px;
  line-height: 8px;
}

/* contact section */
#contact {
  padding-top: 80px;
  padding-bottom: 100px;
}
#contact .col-md-8 {
  margin-bottom: 32px;
}
#contact .form-control {
  background: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
}
#contact .form-control:focus {
  border-color: #f9f9f9;
}
#contact input {
  height: 48px;
}
#contact input[type="submit"] {
  background: transparent;
  border: 2px solid #999;
  border-radius: 10px;
  letter-spacing: 2px;
  margin-top: 12px;
  height: 50px;
}
#contact input[type="submit"]:hover {
  background: #999;
  color: #ffffff;
}

#div_map{
	width: 100%;
	height: 400px;
}

/* footer section */
footer {
  background: url('../images/footer/footer-bg.jpg') 50% 0 repeat-y fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
}
footer h2 {
  padding-bottom: 14px;
}
footer h3 {
  padding-top: 8px;
}
footer p {
  color: #ffffff;
}
footer span {
  font-weight: bold;
  padding-left: 24px;
}
footer .ph, footer .address, footer .hr {
  padding-top: 12px;
  padding-bottom: 12px;
}
footer .fa {
  font-size: 12px;
  padding-right: 10px;
}

/* social icon */
.social-icon {
  padding: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 0;
}
.social-icon li a {
  background: #f0f0f0;
  border-radius: 50%;
  color: #5C5C5C;
  font-size: 16px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
  margin-top: 12px;
  margin-right: 16px;
  top: 0;
  position: relative;
  padding: 0;
}
.social-icon li a:hover {
  background: #F6D76B;
  top: 5px;
}

/* copyright section */
#copyright {
  background: #000000;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
#copyright p {
  color: #ffffff;
}
#copyright a {
  color: #ffffff;
}
#copyright a:hover {
  color: #FF0;
}
.div-exib-produtos{
  margin: 0px;
}
.div-exib-produtos hr {
	width: 90%;
	border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.logo{
  height: 62px;
  width: auto;
	position: absolute;
	top: 0px;
	margin-top: 5px;
}
.logo-link-creativiti{
  height: 20px;
  width: auto;
}
.div-button{
  higth: 100%;
  width: 100%;
  text-align: center;
}
.font_size_10{
  font-size: 10px;
}
.font_size_11{
  font-size: 11px;
}
.font_size_12{
  font-size: 12px;
}

.gallery-img-left {
	width: 50%;
	height: 100%;
	float: left;
	padding: 5px;
}
.gallery-img-left a img {
	width: 100%;
	height: auto;
}
.gallery-img-right {
	width: 50%;
	height: 100%;
	float: right;
	padding: 5px;
}
.gallery-img-right a img {
	width: 100%;
	height: auto;
}

.gallery-txt-left {
	width: 50%;
	height: 446px;
	float: left;
}
.gallery-txt-left iframe {
	width: 100%;
	height: 100%;
}
.gallery-txt-right {
	width: 50%;
	height: 446px;
	float: right;
}
.gallery-txt-right iframe {
	width: 100%;
	height: 100%;
}

.about-txt {
	width: 100%;
	height: 400px;
}
.about-txt iframe {
	width: 100%;
	height: 100%;
}

.quadro-flutuante {
	background: rgb(158, 158, 158, 0.6);
	border: 4px solid #293B2A;
	border-radius: 0px 30px 30px 30px;
	height: 50%;
	width: 25%;
	top: 30%;
	right: 15%;
	z-index: 99;
	position: absolute;
	text-align: center;
	padding-top: 35px;
}

.quadro-flutuante label {
	font-size: 40px;
	color: #E6E6E6;
	font-weight: 900;
	font-family: arial;
	text-transform: uppercase;
	margin: 5px;
	text-shadow: 3px 3px 3px #000000;
}

.quadro-flutuante a {
	background-color: #0A2A1B;
	border: 2px solid white;
	border-radius: 5px;
	font-size: 16px;
	color: white;
	font-weight: 900;
	font-family: arial;
	text-transform: uppercase;
	padding: 15px;
	text-align: center;
	width: 80%;
	height: auto;
}

.quadro-flutuante a:hover {
	background-color: #0B6138;
	text-decoration: none;
}

/********************************
IPAD LANDSCAPE (1024x768)
********************************/
@media only screen and (max-width: 1200px) {
  .navbar-brand, .navbar-nav li a {
      line-height: 28px;
  }
  .logo{
      height: 50px;
      width: auto;
			position: absolute;
			margin-top: 5px;
  }

	.gallery-img-left {
		width: 50%;
		height: 100%;
	}
	.gallery-img-right {
		width: 50%;
		height: 100%;
	}

	.gallery-txt-left {
		width: 50%;
		height: 500px;
	}
	.gallery-txt-right {
		width: 50%;
		height: 500px;
	}

	.about-txt {
		width: 100%;
		height: 500px;
	}

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
			margin: 0px 0px 0px 0px;
			width: 100%;
			height: auto;
			min-height: 0px;
	}
	.carousel{
		background: #2f4357;
		margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 15vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
		min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
		margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante label{
	  font-size: 14px;
	}

	.quadro-flutuante a {
		font-size: 8px;
	}
}

/********************************
IPAD PORTRAIT (768x1024)
********************************/
@media only screen and (max-width: 960px) {
  .navbar-brand, .navbar-nav li a {
      line-height: 28px;
  }
  .logo{
      height: 50px;
      width: auto;
			position: absolute;
			margin-top: 5px;
  }

	.gallery-img-left {
		width: 100%;
		height: 100%;
	}
	.gallery-img-right {
		width: 100%;
		height: 100%;
	}

	.gallery-txt-left {
		width: 100%;
		height: 500px;
	}
	.gallery-txt-right {
		width: 100%;
		height: 500px;
	}

	.about-txt {
		width: 100%;
		height: 500px;
	}

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
			margin: 0px 0px 0px 0px;
			width: 100%;
			height: auto;
			min-height: 0px;
	}
	.carousel{
		background: #2f4357;
		margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 15vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
		min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
		margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante{
		display: none;
	}
}

/********************************
IPHONE 4-4S-5 LANDSCAPE (568x320)
********************************/
/********************************
IPHONE 4-4S-5 PORTRAIT (320x568)
********************************/
@media only screen and (max-width: 450px) {
  .navbar-brand, .navbar-nav li a {
      line-height: 28px;
  }
  .logo{
      height: 40px;
      width: auto;
			position: absolute;
			margin-top: 5px;
  }

	.gallery-img-left {
		width: 100%;
		height: 100%;
	}
	.gallery-img-right {
		width: 100%;
		height: 100%;
	}

	.gallery-txt-left {
		width: 100%;
		height: 500px;
	}
	.gallery-txt-right {
		width: 100%;
		height: 500px;
	}

	.about-txt {
		width: 100%;
		height: 500px;
	}

	.quadro-flutuante{
		display: none;
	}
}

/********************************
SMARTPHONE
********************************/
@media only screen and (max-width: 500px) and (max-height: 900px) {

	.logo{
      height: 40px;
      width: auto;
			position: absolute;
			margin-top: 5px;
  }

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
	  	margin: 0px 0px 0px 0px;
	  	width: 100%;
	  	height: auto;
			min-height: 0px;
	}
	.carousel{
	  background: #2f4357;
	  margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 15vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
	  min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
	  margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante{
		display: none;
	}
}

/********************************
SMARTPHONE WIDE
********************************/
@media only screen and (max-width: 900px) and (max-height:500px) {

	.logo{
      height: 40px;
      width: auto;
			position: absolute;
			margin-top: 5px;
  }

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
	  	margin: 0px 0px 0px 0px;
	  	width: 100%;
	  	height: auto;
			min-height: 0px;
	}
	.carousel{
	  background: #2f4357;
	  margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 25vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
	  min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
	  margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante{
		display: none;
	}
}

/********************************
IPAD PRO (1024X1366)
********************************/
@media only screen and (width: 1024px) and (height: 1366px) {

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
			margin: 0px 0px 0px 0px;
			width: 100%;
			height: auto;
			min-height: 0px;
	}
	.carousel{
		background: #2f4357;
		margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 15vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
		min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
		margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante {
	  padding-top: 15px;
  }
	.quadro-flutuante label{
	  font-size: 18px;
	}
}

/********************************
IPAD PRO WIDE (1366X1024)
********************************/
@media only screen and (width: 1366px) and (height: 1024px) {

	/* CARROSSEL NOVO -  SLIDE - BOOTSTRAP 3 */
	.carousel-area{
	  	margin: 0px 0px 0px 0px;
	  	width: 100%;
	  	height: auto;
			min-height: 0px;
	}
	.carousel{
	  background: #2f4357;
	  margin: 0px;
		width: 100%;
		height: auto;
	}
	.carousel .carousel-control{
		padding-top: 15vh;
	}
	.carousel .item{
		margin: 50px 0px 0px 0px;
	  min-height: 0px;
		width: 100%;
		height: calc(100%-50px);
	}
	.carousel .item img{
	  margin: 0 auto; /* Align slide image horizontally center */
		width: 100%;
		height: auto;
	}
	/*---------------------------------------*/

	.quadro-flutuante label{
	  font-size: 20px;
	}
}