body{background:#EFEFEF;}
.slider-row {
	margin: 0;
	padding: 0;
}
.slider-wrapper {
	margin: 0!important;
	padding: 0;
	background: #000;
}
.carousel-caption h1 {
	font-size: 157px;
	color: #fff;
	margin-bottom: 0;
}
.carousel-caption p {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-top: 0;
}
.left, .right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel-caption button {
	width: 240px;
	height: 60px;
	background: #F1CD38;
	color: #fff;
	font-size: 30px;
	border: 0;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
}
.carousel-caption button:hover {
	background: #2a2a2a;
}
.carousel-control {
	width: 5%;
}
.carousel-inner {
	background: -webkit-linear-gradient(left, #000, blue); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #000, blue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #000, blue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #000, blue); /* Standard syntax */
}
.item {
	position: relative;
}
.carousel-caption {
	position: absolute;
	text-align: left;
	left: 12%;
	line-height: 1;
	top: 50%;
	margin-top: -100px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	font-size: 18px;
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin-left: 0;
	margin-top: 50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	font-size: 18px;
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin-right: 0;
	margin-top: 50px;
}
.carousel-inner {
 position: relative;
}
/*======================css for carousel=========================*/
  
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,  .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
}
.carousel-fade .carousel-inner .next.left,  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	opacity: 1;
	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0, 0, 0, 0) 100%);
}

.h-titulo{color:#F0C52F;}
#call-center{position:fixed;width:213px;height:111px;right:10px;top:240px;background:url(../images/call-center.png);}
.itemlogo img{height:60px;}
.navbar-nav > li > a{font-size:20px !important;}
.partners img{height:60px;width:auto !important;}
.portfolio-content-inner{background:rgba(0,0,0,0.51);}
.portfolio > div > img{width:auto !important;margin:auto;display:block;}
.b_ver_detalles{display:inline-block;margin-right:16px;font-size:1.5rem;}
.b_consultar{font-size:1.5rem;}
.blog-item{border:1px solid #CCC;border-radius:10px;padding:5%;background:url(../images/fondo-1.jpg);float:left;width:48%;margin:1%;}
.blog-item img{width:100%;}
.blog-titulo{font-weight:bold;font-size:1.3rem;text-align:center;margin:2rem 0;}
.blog-content{background:#384049;color:#F0C52F;height:250px;}
.video-box a.video-icon{background:rgba(0,0,0,0.45);}
.video-box a.video-icon:hover{background:rgba(255,0,4,0.43);}
.portfolio-item{padding:5%;}
.portfolio-item h2{font-size:1.4rem;}
.ul-list{list-style:none;padding:0;margin-top:48px;}
.ul-list li{background:url(../images/tuerca.png) left top no-repeat;line-height:32px;padding-left:48px;margin-bottom:8px;}

#somos{margin-top:48px;padding:5%;background:url(../images/fondo-2.jpg);margin:48px 15px;}
#misionvision{padding:5%;text-align:justify;}

#partner{padding:48px;}
#footer{border-top:3px solid #CCC;}
#whatsapp {
  position: fixed;
  top: 80%;
  right: 2%;
}

.productos img{height:150px;margin:auto;display:block;}
.list-productos{background:#FFF;border:1px solid #CCC;border-radius:11px;margin:8px;padding:8px;text-align:center;overflow:hidden;}
.productos .titulo{height:48px;line-height:24px;}
.productos .enlaces,.productos .consultar{float:left;width:50%;background:#333;color:#FFF;}
.productos .enlaces a{color:#FFF;}
.productos .enlaces a:hover,.productos .consultar:hover{color:#ffcc00;}
.menu-list{padding:0;text-align:left;list-style:none;}
.menu-list li{border:1px solid #CCC;padding-left:16px;margin-top:8px;border-radius:0 11px 11px 0;background:#303D46;color:#FFF;}
.menu-list li:hover{background:#303D46;color:#EFC42F;cursor:pointer;}

.list_carousel{padding:16px 0 0 0;margin: 0;width: 100%;background:#EEE;}.list_carousel .container{overflow:hidden;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {font-size: 40px;color: #999;text-align: center;width: 140px;height: 70px;padding: 0;margin: 6px;display: block;float: left;}
.list_carousel li img{border:none;height:100%;width:auto;}

#services .row{margin-top:24px;text-align:justify;}
#services h2{font-size:1.4rem;margin:0;}

#categorias .img{height:150px;}
#categorias .titulo{line-height:24px;color:#FFF;display:block;background:#384049;text-align:center;height:65px;padding:7px;}#categorias .titulo:hover{color:#F2C72F;}
#categorias .col-md-2{margin-bottom:15px;}
#categorias .list-productos{margin:0;display:block;border-radius:11px 11px 0 0;}

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,  .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,  .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,  .carousel-fade .carousel-inner > .item.prev.right,  .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
/* just for demo purpose */
  
html,  body,  .carousel,  .carousel-inner,  .carousel-inner .item {
	height: 100%;
}

/******************************
  
  responsive area
  
  ********************************/
  
  
  
  /* md */
  
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-caption h1 {
	font-size: 120px;
}
.carousel-caption p {
	font-size: 32px;
}
.carousel-caption button {
	width: 215px;
	height: 55px;
	font-size: 26px;
}
h2 {
}
h4 {
	font-size: 22px !important;
}
.person-detail h3 {
	font-size: 26px;
}
.person-detail p {
	font-size: 12px;
}
}

/* sm */
  
@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption h1 {
	font-size: 90px;
}
.carousel-caption p {
	font-size: 30px;
}
.carousel-caption button {
	width: 180px;
	height: 50px;
	background: #F1CD38;
	color: #fff;
	font-size: 22px;
}
h2 {
}
h4 {
	font-size: 18px !important;
}
.contact {
	margin-top: -1050px;
	height: 1050px;
}
.contact-caption {
	margin-top: 110px;
}
}

/* xs */
  
@media (min-width: 480px) and (max-width: 767px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	font-size: 10px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	font-size: 10px;
}
.carousel-caption {
	margin-top: -110px;
}
.carousel-caption h1 {
}
.carousel-caption p {
	font-size: 20px;
}
.carousel-caption button {
	width: 160px;
	height: 40px;
	font-size: 20px;
}
#map {
	height: 1120px;
}
.contact {
	height: 1120px;
	margin-top: -1120px;
}
h2 {
}
h4 {
	font-size: 21px !important;
}
.contact-info ul {
	margin-left: 4px;
}
.contact-info i.fa {
	width: 25px;
}
.contact-caption {
	margin-top: 140px;
}
}

/* XS Portrait */
  
@media (max-width: 479px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	font-size: 7px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	font-size: 7px;
}
.carousel-caption {
	margin-top: 85px;
}
.carousel-caption h1 {
}
.carousel-caption p {
	font-size: 16px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-top: 50px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-top: 50px;
}
.blog-content{height:auto;}
}

@media (max-width: 991px) {
	#call-center{display:none;}
	.blog-item{width:96%;margin:2% auto;}
	.itemlogo img{height:auto;}
	.alinear{display:block;}
}