/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



#section-about p {
	font-size: 1.25rem;
	font-weight: 300;
	line-height: var(--cnvs-line-height-content);
}




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

a {
	cursor: pointer;
}

.alertbox{
	position:fixed;
	bottom:10px;
	left:50%;
	transform: translateX(-50%);
	width:400px;
}


.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	margin: auto 0px auto 0px;
	min-height: 50px;
	border: 1px none #000000;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.138);
  }
  
  .alert:last-child,
  .alert p {
	margin-bottom: 0;
  }
  
  .alert-heading {
	color: inherit;
  }
  
  .alert-link {
	font-weight: 500;
  }
  
  .alert-link:hover,
  .alert-link a:hover {
	text-decoration: underline;
  }
  
  .alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75rem 1.25rem;
	color: inherit;
  }
  
  .alert-default {
	background-color: #f9f7f7;
  }
  
  .alert-notice {
	z-index: 1050;
  }
  
  .alert-info {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#006aac), to(#00438d));
	background: -webkit-linear-gradient(top, #006aac, #00438d);
	background: -moz-linear-gradient(top, #006aac, #00438d);
	background: -ms-linear-gradient(top, #006aac, #00438d);
	background: -o-linear-gradient(top, #006aac, #00438d);
	background: linear-gradient(top, #006aac, #00438d);
	border-color: #004795;
  }
  
  
  
  
  .alert-secondary {
	color: #fb6b25;
	background-color: #fce9df;
	border-color: #fce9df;
  }
  
  .alert-secondary hr {
	border-top-color: #fb6b25;
  }
  
  .alert-secondary .alert-link {
	color: #fb6b25;
  }
  
  .alert-success {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a7cf34), to(#87ba17));
	background: -webkit-linear-gradient(top, #a7cf34, #87ba17);
	background: -moz-linear-gradient(top, #a7cf34, #87ba17);
	background: -ms-linear-gradient(top, #a7cf34, #87ba17);
	background: -o-linear-gradient(top, #a7cf34, #87ba17);
	background: linear-gradient(top, #a7cf34, #87ba17);
	border-color: #6d960c;
  }
  
  .alert-danger {
	color: white;
	background: #d52607 url(../img/old-browsers/colors/bg_red-gradient.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#e24913), to(#d52607));
	background: -webkit-linear-gradient(top, #e24913, #d52607);
	background: -moz-linear-gradient(top, #e24913, #d52607);
	background: -ms-linear-gradient(top, #e24913, #d52607);
	background: -o-linear-gradient(top, #e24913, #d52607);
	background: linear-gradient(top, #e24913, #d52607);
	border-color: #931a03;
  }
  
  .alert-info,
  .alert-success,
  .alert-danger,
  .alert-warning,
  .alert-notice,
  .alert {
	width: 100%;
	top: 5px;
  }
  
  .alert>span {}
  
  @media (max-width: 576px) {
  
	.alert-info,
	.alert-success,
	.alert-danger,
	.alert-warning,
	.alert-notice,
	.alert {
	  width: 100%;
	  top: 5px;
	}
  }
  
  @media (min-width: 768px) {
  
	.alert-success,
	.alert-danger,
	.alert-warning,
	.alert-notice,
	.alert {
	  max-width: 600px;
	  top: 10px;
	}
  }
  
  
  
  
  .alert .contener span {
	margin-left: 20px;
	line-height: 1;
	margin-bottom: 15px;
  }
  
  .alert {
	font-size: 0.9375rem;
  }
  
  .alert .contener {
	height: 100%;
	width: 100%;
  }
  
  .alert .btn-close {
	color: #6c757d !important;
  }
  
  .alert-icon {
	padding-left: 3rem;
  }
  
  .alert-icon>i {
	color: inherit !important;
	font-size: 1rem;
	position: absolute;
	overflow-top: 1rem;
	left: 1rem;
  }
  
  .search-input:after {
	content: "\f0349";
	position: absolute;
	font-family: "Material Design Icons";
	right: 14px;
	top: 10px;
	font-size: 20px;
	line-height: 20px;
	pointer-events: none;
  }
  


/*sociall*/
  

.wrapper-social {
	position: fixed;
	top: 50%;
	left: 20px;
	transform: translate(-50%, -50%);
  }
  
  .wrapper-social ul {
	list-style: none;
  }
  
  .wrapper-social ul li {
	width: 30px;
	height: 30px;
	position: relative;
	background: #2f55d4;
	margin: 5px 0;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  
  .wrapper-social ul li .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	color: #fff;
  }
  
  .wrapper-social ul li.facebook,
  ul li.facebook div.slider {
	background:#3b5998;
  }
  ul li.instagram div.twitter,
  .wrapper-social ul li.twitter {
	background: #00aced;
  }
  ul li.skype div.slider,
  .wrapper-social ul li.skype {
	background: #00aff0;
  }
  .wrapper-social ul li.instagram,
  ul li.instagram div.slider {
	background: #bc2a8d;
  }
  .wrapper-social ul li.phone,
  ul li.phone div.slider {
	background: #dd4b39;
  }
    
  .wrapper-social ul li.whatsapp,
  ul li.whatsapp div.slider {
	background: #25d366;
  }

  .wrapper-social ul li.linkedin,
  ul li.linkedin div.slider {
	background: #0e76a8;
  }
  
  .slider {
	content: "";
	position: absolute;
	top: 0;
	left: 31px;
	width: 0px;
	background: #dd4b39;
	height: 30px;
	border-radius: 3px;
	transition: all 0.5s 0.3s ease;
  }
  
  .slider p {
	font-family: arial;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 30px;
	opacity: 0;
	transition: all 0.6s ease;
  }
  
  ul li:hover .slider {
	width: 160px;
	transition: all 0.5s ease;
  }
  
  ul li:hover .slider p {
	opacity: 1;
	transition: all 1s 0.2s ease;
  }

  .opacity-6{
	position:absolute;
	width:100%;
	height:100%;
	background-color: #000000;
	opacity:0.6;
  }