@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Regular_Italic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Sansation';
  src: url('../fonts/sansation/Sansation_Bold_Italic.ttf');
  font-weight: bold;
  font-style: italic;
}

html,
body {
    height: 100%;
	font-family: 'Sansation';
	font-size:15px;
}

body {
    padding-top: 50px;
}

h1,h2,h3,h4{
    font-family: 'Sansation';
    font-weight: 800;
	font-size:25px;
	font-style:italic;
}


/* Home Page Carousel */
.navbar{
    font-weight: 700;
}

.navbar-inverse {
  background-color: #6c8bfc;
  border-color: #B5AFAF;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-brand:hover {
	color: #E7E7E7;
}

.navbar-inverse .navbar-brand {
    color: white;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: white;
  background-color: #5770CA;
}

.navbar-brand.active{
	text-decoration: underline;
}

.navbar-brand img{
	position: relative;
	bottom: 12px;
}

header.carousel {
    height: 70%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-control{
	font-size:60px;
	width:0;
	height:0;
	top:50%;
	width:40px;
	height:40px;
	border:3px solid white;
	webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}

.carousel-control.left,.carousel-control.right{
	background-image :none;
}

.carousel-control.left{
	left:5%;
}
.carousel-control.right{
	right:5%;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 28px;
	height: 30px;
	margin-top: -15px;
	font-size: 50px;
	line-height:18px;
}

.image-thumbnail img.img-rounded{
	width: 100%;
}

.image-thumbnail .col-md-3{
	text-align: center;
}

/*Product page*/
.product-list.odd, .product-list.even{
    background-color: rgba(149, 157, 234, 1);
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-list.even{
    background-color: #fff;
}

.product-list.odd img{
    margin-right:20px;
}

.product-list.odd p{
    color: white;
}

.product-list p{
    margin-top: 3%;
}

/*About page*/
.title-about{
    margin-top: 20px;
    width: 240px;
    height: 240px;
    background-color: rgba(149, 157, 234, 1);
    text-align: center;
    padding: 70px;
    margin: 0 auto;
}

hr.large{
    border-width: 4px;
    border-color: #BEBEBE;
}

.about-text p{
    line-height: 1.5;
    margin: 30px 0;
}

.lead{
    font-size: 15px;
	text-align:justify;
}

#nylon{
	margin-bottom:10%;
	margin-top:10%;
}

/* Responsive Styles */
@media(max-width:559px) {
	h1,h2,h3,h4{
		font-size:20px;
	}
	
    .lead{
		font-size: 12px;
		text-align:left;
	}
}


@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
	.product-list img{
		width:200px;
	}

.metal, .polimer{
	display:initial;
}

.metal img, .polimer img{
	width:100%;
}

.navbar-brand img{
width: 155px;
  height: 40px;
}

}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel {
        height: 60%;
    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	  border-color: transparent;
	}
	
	.carousel-control .icon-next, .carousel-control .icon-prev {
		width:0;
		margin-right:7px;
	}
	
	.navbar-inverse .navbar-toggle {
		border:0px;
		background-color:transparent;
	}
	
	.navbar-inverse .navbar-toggle:hover {
		background-color:transparent;
	}

    .pull-left, .pull-right{
        margin: 10px;
    }
}