/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.actived, .dot:hover {
  background-color: #717171;
}

#whatsapp {
	position: fixed;
	bottom: 20px;
	right:20px;
 }

 svg {
	width: 80px;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
 }

 circle {
	fill: #25d366;
 }
 path {
	fill: #fff;
 }

 .no-select {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
  }


 .ql-align-right {
	text-align: right !important;
 }

 .ql-align-left {
	text-align: left !important;
 }

 .ql-align-center {
	text-align: center !important;
 }

 .ql-align-justify {
	text-align: justify !important;
 }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media (max-width:766px) {
	#contacto-header-mobile {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		padding-bottom: 6px;
		padding-top: 4px;
		font-size: 8px;
	}

	#titulo-productos{
		display:block;
		font-size: 24px; 
		/*font-weight: 600;*/
		margin-bottom: 25px !important; 
	}	

	#banner-contact{
		display:block; 
		background-color:#26ade5;
		font-weight: 600;
		color: white;
	}

	.header-area .main-header-area.sticky {
		padding: 0px 0px 10px 0px;
	}

	.header-area .main-header-area {
		padding: 0px 0px 10px 0px;
	}

	.single_service{
		/*width:100%;
		height:auto;
		margin-bottom:14px;
		position:relative;*/
	}	

	.cover {
		object-fit: contain;
	}

	.cover2 {
		object-fit: contain;
	}

	.service_info h3{
		text-align: center;
		font-size: 18px;
	}

	.service_info p{
		text-align: center;
		font-size: 12px;
	}

	.blog_details b,
	sup,
	sub,
	u,
	del {
		color: #001d38 !important;
		font-weight: 600;
	}

	.blog_details h2
	{
		font-size: 20px;
		color: #000 !important;
		font-weight: 600;
	}

	.blog_details h3
	{
		font-size: 16px;
		color: #274c6a;
	}
	.section-padding {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.chose_area {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.contact-section {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
}

@media (min-width:767px) {	

	.servicios{
		padding:  50px 0 50px 0;
	}

	.titulo-servicios{
		font-size: 17px;
		font-weight: bold;		
	}

	.texto-servicios{
		font-size: 14px;
		font-weight: normal;		
	}

	.service_area {
		background: #ffffff;
		padding: 0px 0 90px 0;
	}


	#contacto-header {
		display: none;
	}

	#titulo-productos {
		font-size: 28px !important;
		margin-bottom: 25px; ;
		display: block !important;
	}

	#banner-contact{
		display:none !important; 
		background-color: #5567;
	}

	.cover {
		object-fit: contain;
		height: 350px;
		width: 350px;
	}

	.cover2 {
		object-fit: cover;
		height: 350px;
		width: 350px;
	}

	.service_info h3{
		text-align: center;
		font-size: 18px;
	}

	.service_info p{
		text-align: center;
		font-size: 12px;
	}
	
	.blog_details b,
	sup,
	sub,
	u,
	del {
		color: #000 !important;
		font-weight: 600;
	}

	.blog_details h2
	{
		font-size: 28px !important;
		color: #274c6a !important;
	}

	.blog_details h3
	{
		font-size: 18px !important;
		color: #274c6a !important;
	}

	.section-padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.chose_area {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.contact-section {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

}