@import 'https://fonts.googleapis.com/css?family=Kavoon|Open+Sans:700';

/*font-family: 'Open Sans', sans-serif;*/

/*font-family: 'Kavoon', cursive;*/

/*general style  style*/

body {
    min-width: 420px;
    /*min-height:2000px;*/
    /*padding-top:70px*/
}

p {
    /*color: #fff;*/
    font-size: 1.1em;
}

h2 {
    color: #B55D1E;
}

.logo, .active>a {
    color: #EE2F40 !important;
}


/*Fixed Nav*/

.affix {
    height: 20px;
}


/* Marketing Icons*/

#empresa .glyphicon {
    height: 110px;

    font-size: 100px;
}

.carousel, body {
    /*margin-bottom: 14%;*/
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.carousel-inner .item{
	background-size: cover;
	background-repeat: no-repeat;

}

/*nav bar*/

.minibarra {
    height: 28px;
    padding-top: 3px;

    color: #fff;
    background-color: #777;
}

.minibarra a {
    /*	border: 1px solid #fff;
	padding: 3px;*/
    margin-right: 5px;

    color: #fff;
}

.minibarra img {
    width: 1.4em;
    height: 1.4em;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #777;
}

.navbar {
    /*margin-top: 28px;*/
    margin-bottom: 0 !important;

    border: 0px;
    background: #56a6f7;
}

.navbar a {
    color: #fff !important;
}

.navbar .active a {
    color: #B55D1E !important;
}

.navbar-brand {
    position: absolute;
    top: 0;

    width: 8em;
    height: 120px;

    background-color: #e7e7e7;
}

.navbar-brand:hover {
    background-color: #f9575c !important;
}

.navbar-brand img {
    position: relative;
    top: 2px;

    width: 100px;
}


/*header*/

.carousel-inner {
    -webkit-filter: brightness(.5);
    filter: brightness(0.5);
}

.carousel, .carousel .item, .carousel-inner>.item>img {
    height: 100%;
}

h1, .featurette-heading, #empresa .glyphicon {
    color: #F78532 !important;
}

.carousel-caption {
    margin-bottom: 14%;
}

.carousel-caption h1 {
    font-family: 'Kavoon', serif;
    font-size: 5em !important;
}


/*conteudo*/

.content {
    background-image: url(../img/header/1.jpg);
    background-size: cover;
}

.content-gallery {
    margin-top: 78px;
    /*position: absolute;*/

    background: none;
}

.intro {
    position: absolute;
    top: 30%;

    width: 100%;
    padding: 15px 25px;

    color: white;
    background: rgba(60, 60, 60, .85);

    font-size: 1.1em;
}

.intro-bg-primary {
    background: rgba(140, 60, 0, .85);
}

.intro-bg-secondary {
    background: rgba(0, 116, 190, .85);
}

.intro h2 {
    color: #A7A7A7;
}


/*==========portfolio===========*/

.content-gallery {
    margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}

.gallery {
    max-width: 80%;
	min-width: 150px;
    height: 180px;
    margin: 5px auto;
    transition: all 1s;

    border: 1px solid #ccc;
}

.gallery:hover {
    opacity: 0.8;
    border: 1px solid #777;
}

.gallery img {
    width: 100%;
    height: 100%;
}

.gallery .glyphicon {
    /* top: 50px; */
    top: -95px;
    left: 65px;

    display: none;

    text-decoration: none;

    opacity: 0.8
    color: #222;

    font-size: 40px;
}

.gallery:hover .glyphicon {
    display: inline-block;
}

.desc {
    padding: 15px;

    text-align: center;
}



/*============media queries========*/

@media (min-width: 760px) {

	.content-gallery {
		margin-left: auto;
		margin-right: auto;
		min-width: 85%;
	}
	.gallery {
	    float: left;
		margin: 5px;
	    width: 180px;
	    height: 180px;
	}
}