/* BUTTONS */
.btn{
	font-weight: 700;	
	padding: 5px 20px;
	display:inline-flex;
	align-items:center;
	justify-content: center;
	justify-items: center;
	border-radius: 30px;
	font-size: 14px;
	height: 36px;
	text-decoration: none;
}
.btn-lg{
	font-size: 14px;
	height: 40px;
	padding: 8px 30px;
}
.btn .material-icons{
	font-size:18px;
	margin-right: 4px;
}
.btn-link{
	padding-left:0;
	padding-right:0;
	border: 1px solid transparent;
	background-color: transparent;
	color:#0061ab;
}
.btn-primary {
}
.btn-primary-outline {

}

.btn-white{
	border: 1px solid white;
	background-color: white;
	color:white;	
}
.btn-white:hover{
	border: 1px solid white;
	color:white;	
}
.btn-white-outline{
	border: 1px solid white;
	color:white;	
}
.btn-white-outline:hover{
	border: 1px solid white;
	background-color: white;
	color:white;	
}

.btn-footer{
	border: 1px solid #c5c5c5;
	background-color: #c5c5c5;
	color:#232323;	
}
.btn-footer:hover{
	border: 1px solid #c5c5c5;
	color:#c5c5c5;	
}
.btn-footer-outline{
	border: 1px solid #c5c5c5;
	color:#c5c5c5;	
}
.btn-footer-outline:hover{
	border: 1px solid #c5c5c5;
	background-color: #c5c5c5;
	color:#232323;	
}
.readmore::after{
	content: "\e5cc";
    font-family: "Material Icons";
    font-weight: 700;
    margin-left: 2px;
}
/* ICONS & SOCIAL */
.btn-icon{
	width: 36px;
	height: 36px;
	border-radius:50%;
	border: 1px solid #232323;
	display: inline-block;
	line-height:32px;
	margin-right: 3px;
}
.btn-icon::before{
	content: '';
	-webkit-mask-size: cover;
	mask-size: cover!important;
	background-color: #232323;
	display: list-item;
	width: 34px;
	height: 34px;
}

.btn-icon-dx{
	border:none;
	line-height:32px;
	margin-right: 0px;
}
.btn-icon-dx::before{
	content: '';
	background-color: white;
	width: 27px;
	height: 27px;
}

footer .btn-icon,
#social .btn-icon{
	border: 1px solid #c5c5c5;
}
footer .btn-icon:hover,
#social .btn-icon:hover{
	border: 1px solid #c5c5c5;
	background: #c5c5c5;
}

footer .btn-icon::before,
#social .btn-icon::before{
	 background-color: #c5c5c5;
}
footer .btn-icon:hover::before,
#social .btn-icon:hover::before{
	 background-color: #232323;
}

.icon-facebook::before{
	-webkit-mask: url('/img/icon/social-facebook.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-facebook.svg') no-repeat 100% 100%;
}	

.icon-instagram::before{
	-webkit-mask: url('/img/icon/social-instagram.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-instagram.svg') no-repeat 100% 100%;
}	

.icon-linkedin::before{
	-webkit-mask: url('/img/icon/social-linkedin.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-linkedin.svg') no-repeat 100% 100%;
}	

.icon-pinterest::before{
	-webkit-mask: url('/img/icon/social-pinterest.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-pinterest.svg') no-repeat 100% 100%;
}	

.icon-vimeo::before{
	-webkit-mask: url('/img/icon/social-vimeo.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-vimeo.svg') no-repeat 100% 100%;
}	

.icon-whatsapp::before{
	-webkit-mask: url('/img/icon/social-whatsapp.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-whatsapp.svg') no-repeat 100% 100%;
}	

.icon-x::before{
	-webkit-mask: url('/img/icon/social-x.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-x.svg') no-repeat 100% 100%;
}	

.icon-youtube::before{
	-webkit-mask: url('/img/icon/social-youtube.svg') no-repeat 100% 100%;
	  mask: url('/img/icon/social-youtube.svg') no-repeat 100% 100%;
}