/*

Personalizar css

Colmotiom.co

*/



body{

	background-color: #fbfbfb;

}



h2{

	font-family: 'Fira Sans', sans-serif;

}



p{

	font-family: 'Fira Sans', sans-serif;

}

.div-cel{

	height:0px;

}



video {

	/*position: fixed;*/

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: fill;

}



div.wrap{

	position: fixed;

	display: flex;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

	margin: auto;

	width: 100%;

	height: 100%;

	align-items: center;

	background: rgba(61, 15, 15, 0.7);

	/*

		-webkit-backdrop-filter: blur(15px);

		backdrop-filter: blur(15px);*/

	}



.bg-dark{

	transition: 750ms ease;

	background-color: rgb(129, 126, 126) !important; 

	/*background-color: transparent !important;*/

}



.bg-dark.scrolled{

	/*background-color: rgba(33, 37, 41) !important; Azul fuerte Cambia el color del Navbar*/

	background-color: rgb(82, 82, 82) !important;  /* Cambia el color del Navbar*/

	/*-webkit-box-shadow: 0 8px 6px -6px #999;

	-moz-box-shadow: 0 8px 6px -6px #999;

	box-shadow: 0 8px 6px -6px #999;*/

}

.bg-dark_no_scrolled{

	/*background-color: rgba(33, 37, 41) !important; Azul fuerte Cambia el color del Navbar*/

	background-color: rgb(82, 82, 82) !important;  /* Cambia el color del Navbar*/

	/*-webkit-box-shadow: 0 8px 6px -6px #999;

	-moz-box-shadow: 0 8px 6px -6px #999;

	box-shadow: 0 8px 6px -6px #999;*/

}



.caption-item{

	top: 30vh;

	left: 20vh;

	bottom: auto;

}



.btn-danger{

	background: linear-gradient(to right, rgb(158, 1, 1), rgb(255, 156, 7));

}



.navbar{

	padding-bottom: 0.5rem!important;

	padding-top: 0.5rem!important;

}



.fondo{

	height: 100vh;

	background: url('/img/bg.jpg');

	background-repeat: no-repeat;

	background-size: cover;

}



.top-nav-collapse{

	background: rgba(52 107 174);

}



.bg-footer{

	background-color: #000000;

}



.bg-brand{

	background-color: #E5613A;

}



.inline-group {

  max-width: 9rem;

  padding: .5rem;

}



.inline-group .form-control {

  text-align: right;

}



.form-control[type="number"]::-webkit-inner-spin-button,

.form-control[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.label-container{

	position:fixed;

	bottom:48px;

	right:105px;

	display:table;

	visibility: hidden;

}



.label-text{

	color:#FFF;

	background:rgba(51,51,51,0.5);

	display:table-cell;

	vertical-align:middle;

	padding:10px;

	border-radius:3px;

}



.label-arrow{

	display:table-cell;

	vertical-align:middle;

	color:#333;

	opacity:0.5;

}



.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	right:40px;

	/*background-color:#06C;*/

	background-color: #249011;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #999;

	text-decoration: none;

}



.my-float{

	font-size:22px;

	margin-top:14px;

	color:#FFF;

	text-decoration: none;

}



a.float + div.label-container {

  visibility: hidden;

  opacity: 0;

  transition: visibility 0s, opacity 0.5s ease;

}



a.float:hover + div.label-container{

  visibility: visible;

  opacity: 1;

}



a{

	text-decoration: none;

}



.logo-text-f

{

	color: #000000;

}

.logo-text-w

{

	color: #000000;

}





.p-text-10{

	font-size: 10px;

}



.p-text-11{

	font-size: 11px;

}



.p-text-12{

	font-size: 12px;

}



.p-text-13{

	font-size: 13px;

}



.p-text-14{

	font-size: 14px;

}



.text-cab{

	font-size: 22px;

	text-decoration: none;

	margin-left: 15px;

	margin-right: 15px;

	color: #FF7A28;

}



.text-cab:hover{

	text-decoration: none;

	margin-left: 15px;

	margin-right: 15px;

	color: #004421;

}



.text-cab2{

	font-size: 22px;

	text-decoration: none;

	padding-left: 10px;

	color: #004421;

}



.text-cab2:hover{

	text-decoration: none;

	padding-left: 10px;

	color: #000000;

}



.app-header{

	background-size:cover;

	width: 100%;

	height: 400px;

}



.p-head-front{

	/* top right button left*/

	padding: 5px 5px 5px 5px;

	margin: 0px 0px -30px 0px;

	/*width:100%;

	height:100%;*/

	text-align: left;

	background: rgba(35, 118, 188, 1);

	z-index: 1020;

}



.p-head-noticia-borde{

	/* top right button left*/

	padding: 5px 5px 5px 5px;

	margin: 0px 10px 0px 10px;

	height:10px;

	background: rgba(47, 91, 155, 1);

}



.p-head-noticia{

	/* top right button left*/

	padding: 5px 5px 5px 5px;

	margin: 0px 10px 0px 10px;

	/*width:100%;

	height:100%;*/

	text-align: left;

	background: rgba(35, 118, 188, 1);

}



.p-center-text{

	text-align: center;

	/* top right button left*/

	padding: 5px 0px 10px 0px;

	margin: 0px 0px 0px 0px;

}



.p-icono-center{

	text-align: center;

	/* top right button left*/

	padding: 0px 0px 0px 0px;

	margin: 20px 0px 0px 0px;

}



.p-icono{

	font-size: 2.8em;

}



.p-icono-size{

	/* top right button left*/

	font-size: 0.8em;

}



.p-valor{

	text-align: center;

	background: rgba(255, 255, 255, 0.5);

}



.p-content{ /* top right button left*/

	padding: 3px 0px 3px 0px;

	margin: 0;

}



.p-valor-titulo{

	color: #004421;

	font-weight: bold;

	font-size: 3.5em;

}



.p-valor-subtitulo{

	color: #004421;

	font-size: 1.5em;

}



.p-categoria-d{

	/* top right button left*/

	padding: 0px 10px 8px 10px;

	margin: 0px 0px 0px 0px;

}



.p-categoria-i{

	/* top right button left*/

	padding: 0px 10px 8px 10px;

	margin: 0px 0px 0px 0px;

}



.content-libre{

	margin: 0;

	padding: 0;

}



.brand-logo{

	/* top right button left*/

	padding: 0px 40px 0px 40px;

}





.destacados{

	background: rgba(255, 255, 255, 1);

	padding: 10px 10px 10px 10px;

}



.recomendados{

	background: rgba(255, 255, 255, 1);

	padding: 10px 10px 10px 10px;

}



.testimonios{

	background: rgba(255, 122, 40, 0.98);

	padding: 10px 10px 10px 10px;

}



.promesas{

	background: rgba(255, 255, 255, 1);

	padding: 10px 10px 10px 10px;

}



.btn.btn-brand{

	background: #FF7A28;

    color: #ffffff;

}



.btn.btn-brand:hover{

	background: #004421;

    color: #ffffff;

}



.texto-blanco{

    color: #ffffff;

}



.div-center{

	margin: auto;

	padding: auto;

	text-align: center;

}



.p-footer{ 

	/* top right button left*/

	padding: 5px 15px 5px 15px;

	margin: 10px 0px 10px 0px;

	/*width:100%;

	height:100%;*/

	text-align: left;

	background: rgba(35, 118, 188, 1);

}



.p-box{

	background: #055496;

}

.p-box-text{

	color: #ffffff;

    text-decoration: none;

}



.p-box-text:hover{

	color: #ffffff;

    text-decoration: none;

}



.p-btn-no-border{

	border-radius: 0px;

}



.p-btn-r{

	/* top right button left*/

	padding: 0px 120px 0px 0px;

	margin: 0px 0px 0px 0px;

}



.p-drop-text{

    font-size: 11px;

}



/**/

.main-section{

	background: rgba(35, 118, 188, 1);

	margin-top:50px;

}



.p-btn{

	border:0px;

	margin:10px 0px;

	box-shadow:none !important; 

}



.total-header-section{

	border-bottom:1px solid #d2d2d2;

}

.total-section p{

	margin-bottom:20px;

}

.cart-detail{

	padding:15px 0px;

}

.cart-detail-img img{

	width:100%;

	height:100%;

	padding-left:15px;

}

.cart-detail-product p{

	margin:0px;

	color:#000;

	font-weight:500;

}

.cart-detail .price{

	font-size:12px;

	margin-right:10px;

	font-weight:500;

}

.cart-detail .count{

	color:#C2C2DC;

}

.checkout{

	border-top:1px solid #d2d2d2;	

	padding-top: 15px;

}

.checkout .btn-primary{

	border-radius:50px;

	height:50px;

}





/* equal card height */

.row-equal > div[class*='col-'] {

    display: flex;

    flex: 1 0 auto;

}



.row-equal .card {

   width: 100%;

}



/* ensure equal card height inside carousel */

.carousel-inner>.row-equal.active, 

.carousel-inner>.row-equal.next, 

.carousel-inner>.row-equal.prev {

    display: flex;

}



/* prevent flicker during transition */

.carousel-inner>.row-equal.active.left, 

.carousel-inner>.row-equal.active.right {

    opacity: 0.5;

    display: flex;

}





/* control image height */

.card-img-top-250 {

    max-height: 250px;

    overflow:hidden;

}



.p-card-title{

	height:70px;

}



.p-h-30{

	height:30px;

}



.carousel-indicators li{

    width: 15px;

    height: 15px;

    border-radius: 100%;

  background-color: #bebebe;

}



.carousel-indicators li:hover{

  background-color: #00953A;

}



.carousel-indicators{

   bottom: -60px;

}



.p-border-row{

   border: 1px solid #bebebe;

   border-bottom: 0;

   border-right: 0;

}



.p-border-col{

   border-bottom: 0;

   border-right: 1px solid #bebebe;

}





.carousel-fade .carousel-item {

 opacity: 0;

 transition-duration: .6s;

 transition-property: opacity;

}



.carousel-fade  .carousel-item.active,

.carousel-fade  .carousel-item-next.carousel-item-left,

.carousel-fade  .carousel-item-prev.carousel-item-right {

  opacity: 1;

}



.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-right {

 opacity: 0;

}



.carousel-fade  .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active,

.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-prev {

 transform: translateX(0);

 transform: translate3d(0, 0, 0);

}



.p-caption {

    position: absolute;

    width: 100%;

    height: 50px;

    bottom: 0px;

    left: 0px;

    color: #ffffff;

	text-align:center;

	font-weight:bold;

	opacity:0.7;

	background: green;

}



.p-container-tienda{

	/* top right button left*/

	padding: 0px 30px 0px 30px;

}

@media (max-width: 767px) {





}

@media (max-width: 540px) {



	.bg-dark{

		/*background-color: rgba(33, 37, 41) !important; Azul fuerte Cambia el color del Navbar*/

		background-color: rgb(54, 141, 53) !important; /* Cambia el color del Navbar*/

		/*-webkit-box-shadow: 0 8px 6px -6px #999;

		-moz-box-shadow: 0 8px 6px -6px #999;

		box-shadow: 0 8px 6px -6px #999;*/

	}



	.navbar{

		padding-bottom: 0.1rem!important;

		padding-top: 0.1rem!important;

	}



	.div-cel{

		height:60px;

	}



}