#hidden-content-2 {
    /* Custom styling */
    
		max-width: 550px;
		padding: 10px 30px 30px 30px;
		border-radius: 4px;
  
    /* Custom transition - fade from top*/
		opacity: 0;
    transform: translateY(-50px);
    transition: all .3s;
	}

	.fancybox-slide--complete #hidden-content-2 {
		opacity: 1;
		transform: translateY(0);
	}
/* =============================== */
.btn {
	background: rgb(255, 102, 102); border-width: 0px; margin: 5px 5px 5px 0px; padding: 6px 20px 8px; border-radius: 20px; transition:0.2s ease-in-out; color: rgb(255, 255, 255); line-height: 1.3; font-weight: 700; text-decoration: none; display: inline-block; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.btn2 {
	background: rgb(10, 10, 102); border-width: 0px; margin: 5px 5px 5px 0px; padding: 6px 20px 8px; border-radius: 20px; transition:0.2s ease-in-out; color: rgb(255, 255, 255); line-height: 1.3; font-weight: 700; text-decoration: none; display: inline-block; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.btn3 {
	background: rgb(10, 102, 10); border-width: 0px; margin: 5px 5px 5px 0px; padding: 6px 20px 8px; border-radius: 20px; transition:0.2s ease-in-out; color: rgb(255, 255, 255); line-height: 1.3; font-weight: 700; text-decoration: none; display: inline-block; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.btn:hover {
	text-decoration: none;
}
a + .btn {
	margin-left: 10px;
}
.btn-tw {
	padding: 12px 20px; border-radius: 3px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 70%; font-weight: 600; margin-bottom: 5px; position: relative; cursor: pointer; min-width: 180px;
}
.btn-fb {
	padding: 12px 20px; border-radius: 3px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 70%; font-weight: 600; margin-bottom: 5px; position: relative; cursor: pointer; min-width: 180px;
}
.btn-tw:active {
	top: 1px;
}
.btn-fb:active {
	top: 1px;
}
.btn-tw {
	background: rgb(0, 180, 245);
}
.btn-fb {
	background: rgb(48, 92, 187);
}



.fc-content {
	margin: 20px; padding: 50px; border-radius: 4px; max-width: 550px; box-shadow: 10px 10px 60px -25px;
}
.fc-content h2 {
	letter-spacing: normal; font-size: 1.6em; margin-top: 0px;
}
.fc-content p {
	color: rgb(102, 102, 102); line-height: 1.5;
}
.fc-content p:last-child {
	margin-bottom: 0px;
}
/*=================*/
/* Custom modal content styling */
.modal-container {
  max-width: 500px;
  padding: 0;
  margin: 0;
  border-radius: .3em;
  box-shadow: 0 0.1em 0.4em rgba(0,0,0,.3);
}

.modal-title {
  font-weight: 700;
  padding: 1.5em;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.modal-body {
  max-height: 50vh;
  padding: 0 1.5em 1.5em 1.5em;
  overflow-y: auto;
}

.modal-footer {
  padding: 1.5em;
  text-align: right;
}

p:first-child {
  margin-top: 0;
}

/* Custom entrance animation */

.fancybox-slide--complete .modal-container {
    -webkit-animation: slide-down .216s;
    animation: slide-down .216s;
}

@-webkit-keyframes slide-down{
  0% {
    margin-top: -3em;
    opacity: 0;
  }
  100%{
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes slide-down{
  0% {
    margin-top: -3em;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}