.bg-white {
	background-color: white;
}

.bg-grijs {
	background-color: #8B8D90;
}

.tekst-hand{
font-family: 'Indie Flower', cursive;
}

.font-pink {
  background: -webkit-linear-gradient(#23BFDD, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.background-gradient-pink {
	background: rgb(35,191,221);
background: linear-gradient(0deg, rgba(35,191,221,1) 0%, rgba(220,113,249,0.38745937828256305) 77%);
}

.back_governance{
	background-color:#093350;
}

.font-pink1{
	color:#D34FDC;
}

.font-white{
    color:white;
}

.font-white a:hover{
    color:#1CFEFC;
}

.font-white, a:visited, a:link, a:active{
    text-decoration: none !important;
	color:white;
}

.font-lightblue{
	color:#1CFEFC;
}

.font-darkblue{
	color:#093350;
}

.bg-lightblue{
	background-color:#0790AC;
}

.section{
	padding:0 !important
}

.font-dark{
	color:#58595B;
}

.nav-item{
	padding-right:25px;
}

.bg-top {
	min-height:850px;
	width: 100%;
	background-size: cover;
	background-attachment: center center;
	background-image: url(../assets/img/background_carousel2.png);
}

/* next size - tablet */
@media (min-width: 768px) {
  .bg-top {
	min-height:650px;
    background-image: url(../assets/img/background_carousel_medium.png); 
  }
}

/* next size - tablet landscape and it covers desktop */
@media (min-width: 1024px) {
  .bg-top {
    background-image: url(../assets/img/background_carousel_medium.png); 
  }
}

/* next size - larger desktops */
@media (min-width: 1280px) {
  .bg-top {
    background-image: url(../assets/img/background_carousel2.png); 
  }
}

.bg-middle {
	min-height:600px;
	width: 100%;
	background-size: cover;
	background-attachment: center center;
	background-image: url(../assets/img/top_finaswap2.png);
}

/* next size - tablet */
@media (min-width: 768px) {
  .bg-middle {
    background-image: url(../assets/img/top_finaswap_small.png); 
  }
}

/* next size - tablet landscape and it covers desktop */
@media (min-width: 1024px) {
  .bg-middle {
    background-image: url(../assets/img/top_finaswap_medium.png); 
  }
}

/* next size - larger desktops */
@media (min-width: 1280px) {
  .bg-middle {
    background-image: url(../assets/img/top_finaswap2.png); 
  }
}


.bg-footer {
	min-height:750px;
	width: 100%;
	background-size: cover;
	background-attachment: center right;
    background-image: url(../assets/img/background_footer2.png); 
}

/* next size - tablet */
@media (min-width: 768px) {
  .bg-footer {
    background-image: url(../assets/img/background_footer_small.png); 
  }
}

/* next size - tablet landscape and it covers desktop */
@media (min-width: 1024px) {
  .bg-footer {
    background-image: url(../assets/img/background_footer_middle.png); 
  }
}

/* next size - larger desktops */
@media (min-width: 1280px) {
  .bg-footer {
    background-image: url(../assets/img/background_footer2.png); 
  }
}

.pd-25{
	padding:25px;
}

.border_right{
	  border-right: 1px solid rgba(0, 0, 0, 0.5);
}


.card{
	border: 0px solid rgba(0, 0, 0, 0.125);
	transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
}


.shadow {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.social-nav {
  font-size: 1.25em;
  color: #2F283C;
  transition: color 1s ease-out 25ms
}

.social-nav:hover {
  color: #23BFDD;
}

.social {
  font-size: 2.5em;
  color: #2F283C;
}

.social:hover {
  color: white;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 0rem;
  color: #white;
  text-decoration: none;
  background-color: transparent;
  border: 0px solid rgba(0, 0, 0, 0.125);
}

.text-white {
  color: white;
}

.nav-link:hover, .nav-link:focus  { 
  color: #1CFEFC !important; 
}

.btn-outline-light:hover {
  color: #093350 !important;
  background-color: #1CFEFC !important;
  border-color: white !important;
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0 !important;
}





.wrapper{
  display: inline-flex;
}

.wrapper .icon{
  margin: 0 15px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon span{
  display: block;
  height: 60px;
  width: 60px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon span i{
  line-height: 60px;
  font-size: 25px;
}
.wrapper .icon .tooltip{
  position: absolute;
  top: 0;
  z-index: 1;
  background: #fff;
  color: #fff;
  padding: 10px 18px;
  font-size: 20px;
  font-weight: 500;
  border-radius: 25px;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover .tooltip{
  top: -70px;
  opacity: 1;
  pointer-events: auto;
}
.icon .tooltip:before{
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: #fff;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) rotate(45deg);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover span{
  color: #fff;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip{
  text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}
.wrapper .reddit:hover span,
.wrapper .reddit:hover .tooltip,
.wrapper .reddit:hover .tooltip:before{
  background: #ff4500;
}
.wrapper .twitter:hover span,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip:before{
  background: #46C1F6;
}
.wrapper .instagram:hover span,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip:before{
  background: #e1306c;
}
.wrapper .github:hover span,
.wrapper .github:hover .tooltip,
.wrapper .github:hover .tooltip:before{
  background: #333;
}
.wrapper .medium:hover span,
.wrapper .medium:hover .tooltip,
.wrapper .medium:hover .tooltip:before{
  background: black;
}
.wrapper .telegram:hover span,
.wrapper .telegram:hover .tooltip,
.wrapper .telegram:hover .tooltip:before{
  background: #34abdf;
}