/**/
@font-face {
  font-family: 'entypo';
  src: url('../fonts/entypo.eot?71205724');
  src: url('../fonts/entypo.eot?71205724#iefix') format('embedded-opentype'),
       url('../fonts/entypo.woff?71205724') format('woff'),
       url('../fonts/entypo.ttf?71205724') format('truetype'),
       url('../fonts/entypo.svg?71205724#entypo') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  /*padding-bottom: 40px;*/
  color: #5a5a5a;
}

#header {
	background: url(../img/bg/bg-darkest-chocolate.png) repeat;
	color: #ccc;
	z-index: 20;
}

#logo-container {
	background: url(../img/bg/bg-dark-chocolate.png) repeat; 
	height: 175px; 
	margin-bottom: 155px; 
	text-align: center;"
}

#logo {
	width: 250px; 
	margin: 0px auto; 
	padding: 50px 15px;
}

#empresa {
	/*background: url(../img/bg/bg-logo.png) repeat;*/
	/*background-color: #261B0F;*/
	margin: 0 auto;
	width: 100%;
	color: #ccc;
	padding-bottom: 20px;
}

#albuns {
	background-color: #F6FAFB;
	margin: 0 auto;
	width: 100%;
	color: #ccc;
	padding-bottom: 20px;
}


#contato {
	background: url(../img/bg/bg-dark-chocolate.png) repeat;
	margin: 0 auto;
	width: 100%;
	color: #ccc;
	padding-top: 30px;
	padding-bottom: 30px;
}

footer {
	background: url(../img/bg/bg-footer.png) repeat-x;
	color: #969696;
	height: 56px;
	padding-top: 15px;
	padding-bottom: 25px;
}


a.link, a.link:hover, a.link:visited{
	color:#ccc;
}

.social {
	line-height: 32px;
	padding:0 0 0 32px;
	white-space:nowrap;
	width: 24px;
	height: 24px;
}

.social-fone {
	background: url(../img/mail.png) center left no-repeat;
}
.social-mail {
	background: url(../img/mail.png) center left no-repeat;
}
.social-fb {
	background: url(../img/facebook.png) center left no-repeat;
}


.dotted{position:relative; z-index:1; }
.dotted:before, 
.dotted:after{z-index:-1; top:0; left:0; right:0; bottom:0;}

.dotted-both:before{content:url(../img/dotted2.png); padding-left:3%; text-align:left; margin-right: 20px;}
.dotted-both:after{content:url(../img/dotted2.png); padding-right:3%; text-align:right; margin-left: 20px;}
.dotted-before:before{content:url(../img/dotted2.png); padding-left:3%; text-align:left; margin-right: 20px;}
.dotted-after:after{content:url(../img/dotted2.png); padding-right:3%; text-align:right; margin-left: 20px;}

.dotted2{background:url(img/dot3.png) repeat-x center center;height:7px;margin-bottom:15px;width:100%}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  z-index: 15;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 20px;

  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  /*margin-top: -90px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  font-size: 0.9em;
  color: #333;
}



/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 300px;*/
  
		overflow:hidden;
    width:1920px;
    height:1200px;  
  
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  
  width: auto;
  height: 300px;
  max-height: 300px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  font-size: 2em;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 40px;
  }

}

@media (max-width: 767px) {
	/* Declare heights because of positioning of img element */
	.carousel .item {
	  height: 200px;
	}
	.carousel-inner > .item > img {
	  height: auto;
	  max-height: auto;
	}
}

@media (min-width: 768px) {
	/* Declare heights because of positioning of img element */
	.carousel .item {
	  height: 570px;
	}
	.carousel-inner > .item > img {
	  height: 570px;
	  max-height: 570px;
	}
	#conttao h2 {
		text-align: center;
	}
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
	
	/* Declare heights because of positioning of img element */
	.carousel .item {
	  height: 410px;
	}
	.carousel-inner > .item > img {
	  height: 410px;
	  max-height: 410px;
	}
}

@media (min-width: 1200px) {
	/* Declare heights because of positioning of img element */
	.carousel .item {
	  height: 490px;
	}
	.carousel-inner > .item > img {
	  height: 490px;
	  max-height: 490px;
	}
}


.estreito {
	padding: 0 15px;
}


/* PORTFOLIO */
@media screen and (max-width: 767px) {
  .portfolio-widget {
    margin: 20px 0;
  }
  .portfolio-widget .portfolio-item {
    margin-top: 40px;
  }
}

.dark-chocolate {
	background: url(../img/bg/bg-dark-chocolate.png) repeat;
}

.portfolio-widget {
  margin: 50px 0;
}
.portfolio-widget .portfolio-info h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.portfolio-widget .portfolio-info h3 a {
  color: #303641;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-widget .portfolio-info h3 a:hover {
  color: #E8DEC6;
}

#contato .portfolio-widget .portfolio-info h3 a {
  color: #E8DEC6;
} 
#contato .portfolio-widget .portfolio-info h3 a:hover {
  color: #f2f2f2;
} 

.portfolio-widget .portfolio-info p {
  margin-top: 10px;
  color: #999999;
}

.portfolio-item {
	margin-bottom: 15px;
}

.portfolio-item .image,
.gallery-item .image {
  display: block;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.portfolio-item .image img,
.gallery-item .image img {
  width: 100%;
  display: block;
  max-width: 100%;
  height: auto;
}
.portfolio-item .image:after,
.gallery-item .image:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(48, 54, 65, 0.5);
  z-index: 5;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.portfolio-item .image .hover-zoom,
.gallery-item .image .hover-zoom {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  background: url(../img/zoom-icon.png) no-repeat center center;
  z-index: 10;
  width: 32px;
  height: 32px;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -o-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
  transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.portfolio-item .image .title,
.gallery-item .image .title {
  position: absolute;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 11;
  bottom: -100px;
  -webkit-border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  border-radius: 0 0 3px 3px;
  background-clip: padding-box;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.portfolio-item .image:hover:after,
.gallery-item .image:hover:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.portfolio-item .image:hover .hover-zoom,
.gallery-item .image:hover .hover-zoom {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.portfolio-item .image:hover .title,
.gallery-item .image:hover .title {
  bottom: 0;
}
.portfolio-item h4,
.gallery-item h4 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 18px;
}
.portfolio-item h4 a.name,
.gallery-item h4 a.name {
  color: #303641;
  font-size: 15px;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item h4 a.name:hover,
.gallery-item h4 a.name:hover {
  color: #E8DEC6;
}

#contato .portfolio-item h4 a.name{
  color: #E8DEC6;
} 
#contato .portfolio-item h4 a.name:hover{
  color: #f2f2f2;
	}



.portfolio-item h4 a.like,
.gallery-item h4 a.like {
  float: right;
  margin-left: 10px;
  color: #999999;
  font-size: 13px;
  margin-top: 2px;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item h4 a.like.liked,
.gallery-item h4 a.like.liked,
.portfolio-item h4 a.like:hover,
.gallery-item h4 a.like:hover {
  color: #ff4e50;
}
.portfolio-item .categories,
.gallery-item .categories {
  padding-top: 5px;
}
.portfolio-item .categories a,
.gallery-item .categories a {
  color: #999999;
  font-size: 12px;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item .categories a:hover,
.gallery-item .categories a:hover {
  color: #737373;
}
.portfolio-container,
.gallery-container {
  margin: 60px 0;
  margin-top: 30px;
}
.portfolio-container .portfolio-item,
.gallery-container .portfolio-item,
.portfolio-container .gallery-item,
.gallery-container .gallery-item {
  margin-top: 30px;
}
.portfolio-container .portfolio-item .like,
.gallery-container .portfolio-item .like,
.portfolio-container .gallery-item .like,
.gallery-container .gallery-item .like {
  font-size: 15px;
}
.portfolio-container .portfolio-item h4,
.gallery-container .portfolio-item h4,
.portfolio-container .gallery-item h4,
.gallery-container .gallery-item h4 {
  font-size: 20px;
}
.portfolio-container .pagination,
.gallery-container .pagination {
  margin-bottom: 0;
  margin-top: 40px;
}
.portfolio-container .item,
.gallery-container .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #portfolio-items .col-xs-6 {
    width: 49.9%;
  }
}
.portfolio-item-details {
  background: #f2f2f2;
  padding: 40px 0;
}
.portfolio-item-details .item-title {
  margin-bottom: 40px;
}
.portfolio-item-details .item-title h1 {
  margin: 0;
}
.portfolio-item-details .item-title .categories {
  margin-top: 10px;
}
.portfolio-item-details .item-title .categories a {
  color: #999999;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item-details .item-title .categories a:hover {
  color: #595959;
}
.portfolio-item-details .item-title .item-detail {
  color: #999999;
  margin-top: 10px;
}
.portfolio-item-details .item-title .item-detail span {
  display: inline-block;
  font-weight: bold;
  padding-right: 5px;
  color: #595959;
}
.portfolio-item-details .item-title .item-detail i {
  color: #b3b3b3;
}
.portfolio-item-details .item-title .item-detail .liked i {
  color: #ff4e50;
}
.portfolio-item-details .item-images {
  position: relative;
  margin-bottom: 40px;
}
.portfolio-item-details .item-images a {
  display: block;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.portfolio-item-details .item-images img {
  width: 100%;
  line-height: 1;
  display: block;
  max-width: 100%;
  height: auto;
}
.portfolio-item-details .item-images .next-prev-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -15px;
  z-index: 200;
}
.portfolio-item-details .item-images .next-prev-nav a {
  float: left;
  display: block;
  background: url(../images/prev-next-icons.png) no-repeat left center;
  width: 18px;
  height: 30px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item-details .item-images .next-prev-nav a.prev {
  margin-left: 20px;
}
.portfolio-item-details .item-images .next-prev-nav a.next {
  background-position: right center;
  float: right;
  margin-right: 20px;
}
.portfolio-item-details .item-images .items-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  z-index: 215;
}
.portfolio-item-details .item-images .items-nav a {
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
  margin: 0 2px;
  text-indent: -9999px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
.portfolio-item-details .item-images .items-nav a.active,
.portfolio-item-details .item-images .items-nav a:hover {
  background: rgba(0, 0, 0, 0.8);
}
.portfolio-item-details .item-images:hover .next-prev-nav a,
.portfolio-item-details .item-images:hover .items-nav a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.portfolio-item-details .item-description p {
  color: #999999;
}
.portfolio-item-details .item-description dl {
  position: relative;
  text-align: right;
}
.portfolio-item-details .item-description dl:before,
.portfolio-item-details .item-description dl:after {
  content: " ";
  display: table;
}
.portfolio-item-details .item-description dl:after {
  clear: both;
}
.portfolio-item-details .item-description dl:before {
  content: '';
  display: block;
  position: absolute;
  left: 4%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #dcdcdc;
}
.portfolio-item-details .item-description dl dt,
.portfolio-item-details .item-description dl dd {
  display: block;
  float: left;
}
.portfolio-item-details .item-description dl dt {
  width: 40%;
  clear: left;
  text-transform: uppercase;
  color: #404040;
  padding-bottom: 10px;
}
.portfolio-item-details .item-description dl dd {
  width: 60%;
}

a {
  color: #242424;
  text-decoration: none;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}
a:hover {
  color: #261B0F;
  text-decoration: none;
}