.btn-dark {
	background: #333;
	color: #fff;
}

.btn-dark:hover {
	background: #000;
	color: #fff;
}


/* Button hollow
overflow-wrap: break-word;
white-space: normal;
*/

.btn-special-success {
	white-space: normal;
    color: #17a468;
    background-color: transparent;
    border-color: #17a468;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-success:hover {
	white-space: normal;
    color: #006400;
    border-color: #006400;	
	background-color: transparent;
    border-width: 2px;
	border-radius: 4px;	
}


.btn-special-info {
	white-space: normal;
    color: #17a2b8;
    background-color: transparent;
    border-color: #17a2b8;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-info:hover {
	white-space: normal;
    color: #006400;
    background-color: transparent;
    border-color: #006400;
    border-width: 2px;
	border-radius: 4px;
}



.btn-lesson-info {
	white-space: normal;
    color: #eaf4f8;
    background-color: transparent;
    border-color: #eaf4f8;
    border-width: 2px;
	border-radius: 4px;
}

.btn-lesson-info:hover {
	white-space: normal;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-primary {
	white-space: normal;
    color: #00308F;
    background-color: transparent;
    border-color: #00308F;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-primary:hover {
	white-space: normal;
    color: #2f2fa2;
    background-color: transparent;
    border-color: #2f2fa2;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-orange:hover {
	white-space: normal;
    color: #ee4c7c;
    background-color: transparent;
    border-color: #ee4c7c;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-orange {
	white-space: normal;
    color: #9a1750;
    background-color: transparent;
    border-color: #9a1750;
    border-width: 2px;
	border-radius: 4px;
}
.btn-special-red {
	white-space: normal;
    color: #9a1750;
    background-color: transparent;
    border-color: #9a1750;
    border-width: 2px;
	border-radius: 4px;
}

.btn-special-red:hover {
	white-space: normal;
    color: #00308F;
    background-color: transparent;
    border-color: #00308F;
    border-width: 2px;
	border-radius: 4px;
}


.btn-round-primary {
	border: none;
	border-radius: 22.5px;
	background-color: #00308F;
	color: #eaf4f8;
}

.btn-round-primary:hover {
	border: 0px solid #3A2A78;
	border-radius: 22.5px;
	background-color: #17a468;
	color: #eaf4f8;
}


.btn-round-orange {
	border: none;
	border-radius: 22.5px;
	background-color: #ee4c7c;
	color: #eaf4f8;
}

.btn-round-orange:hover {
	border: 0px solid #3A2A78;
	border-radius: 22.5px;
	background-color: #ee4c7c;
	color: #eaf4f8;
}


.btn-round-orange-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #ee4c7c;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-round-orange-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-round-red-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-round-red-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #8b0000;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-round-green-border {
	border: 3px solid #ee4c7c;
	border-radius: 25px;
	background-color: #006400;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-round-green-border:hover {
	border: 3px solid #ee4c7c;
	border-radius: 25px;
	background-color: #0F3325;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-linkedin-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-linkedin-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #0A66C2;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-twitter-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-twitter-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #1DA1F2;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-instagram-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-instagram-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #ee4c7c;
	color: #eaf4f8;
	margin-right: 20px;
}


.btn-facebook-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-facebook-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #4267B2;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-youtube-border {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #dc3545;
	color: #eaf4f8;
	margin-right: 20px;
}

.btn-youtube-border:hover {
	border: 3px solid #eaf4f8;
	border-radius: 25px;
	background-color: #FF0000;
	color: #eaf4f8;
	margin-right: 20px;
}







.link-btn +.link-btn {
	margin-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pr-10 {
	padding-right: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.link-btn.btn-animated:hover {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	animation-duration: 1000ms;
}




.btn .link-btn {
	border-radius: 4px;
}