/************Generales*************/
.m-top{
	margin-top: 100px;
}

.banner{
	background-image: url("../img/banner-1-opticacloud-software-para-opticas-chile.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center left;
}

.fondo{
	background: rgba(245,245,245,1);
}

.fondo-izquierdo{
	background: linear-gradient(170deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}

.fondo-derecho{
	background: linear-gradient(-170deg, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%);
}

.fondo-medio{
	background: linear-gradient(170deg, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 50%);
}

.fondo-reverso{
	background: linear-gradient(-170deg, rgba(245,245,245,1) 50%, rgba(255,255,255,1) 50%);
}

.bg-azul{
	background: #2196f3;			
}


.letras-azules{
	color: #2196f3!important;
}


.text-justify{
	text-align: justify;
}

p{
	color: #6c757d!important;
}


a{
	text-decoration: none;
	color: #fff;
}

a:hover{
	color: #fff;
	text-decoration: none;
}

.btn-contactanos:hover{	
	transform: translate(0px,-2px);
	transition:all .30s ease-in-out;
}

.btn-slide{
	background-color: #03A9F4;	
	padding: 20px!important;		
}

.btn-pagina-web{	
	padding:10px;	
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:10px;
	border-radius: 50%;
}

.btn-whatsapp {	
	background:#25D366;
	padding: 10px 20px;
	font-size:35px;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	border-radius: 50%;
	border: 3px solid #FFF;
	z-index: 1;
}

#precios .card:hover{
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
	transform: scale(1.02, 1.02);
	transition:all .30s ease-in-out;
	z-index: 1;
}


/***********Responsive sm************/
@media (max-width: 767px) {
	.display-6 {
		font-size: 25px!important;
	}	

	.fs-3{
		font-size: 20px!important;
	}

	.fs-5{
		font-size: 16px!important;
	}

	.img-oculto{		
		display: none;
	}

	.btn-lg{
		font-size: 18px!important;
	}	
}

/***********Responsive md************/


@media (min-width: 768px) and (max-width: 1199.98px) { 
	.display-5 {
		font-size: 30px!important;
	}
	
	.display-6 {
		font-size: 25px!important;
	}

	.fs-3{
		font-size: 18px!important;
	}

	.fs-5{
		font-size: 16px!important;
	}


	.btn-lg{
		font-size: 16px!important;
	}

	.card-title{
		font-size: 20px!important;
	}


}