nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /*min-height: 8vh;*/
  background-color: #4b1a9e;
  /*padding-top: 15px;
  padding-bottom: 5px;*/
  text-transform: uppercase;
}

.logoNav {
  z-index: 2;
}
.logoNav img {
max-height: 80px; max-width:250px
}

.navLinks {
  display: flex;
  justify-content: space-evenly;

  width: 500px;
  z-index: 10;
}

.navLinks a {
  text-decoration: none;
  color: white;
  letter-spacing: 3px;
  font-size: 14px;
  text-shadow: 2px 2px 8px black;
  font-weight: 300;
  transition: .5s;
}
.navLinks a:hover {color: #ffcc00; }
.navLinks li {list-style: none;}
.mobileMenu {display: none;z-index: 10;}
.mobileMenu div{
  width:25px;
  height: 2px;
  background-color:white;
  margin:5px;
}


@media only screen and (max-width: 768px) {
  body {overflow-x: hidden;}
  .navLinks {
    color:black;
    position: absolute;
    right: 0;
    height: 100vh;
    top: 0vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transform: translateY(-100%);
    background-color: rgb(32, 3, 74);
    transition: transform 0.5s ease-in;
    justify-content: center;
  }
  .navLinks a{font-size: 1.5em;}
  .mobileMenu{display:block;}
  .logoNav {display:none;}
  .dropdown-content {position:relative !important;}
}


.mobileMenu-active {
  transform: translateX(0%);
  position:absolute;
  /*padding-bottom:5vh;
  padding-top: 5vh;*/
}

@keyframes navLinksFading {
  from{
    opacity: 0;
    transform: translateX(50px);
  }
  to{
    opacity: 1;
    transform: translateX(0px;)
  }
}


.menu-item-2 {
  text-align: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
  /*min-width: 160px;*/
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  /*padding: 12px 16px;*/
  /*z-index: 1;*/
  line-height: 2.5;
  pointer-events: none;


padding: 4px;


}
/*
.menu-item-2:focus-within .dropdown-content {
  display: grid;
  background-color: rgba(63, 0, 254, 0.52);
  pointer-events: all;
}*/
.dropDown {
  display: grid;
  background-color: rgba(0, 0, 0, 0.43);
  pointer-events: all;
  border-top: solid;
  border-bottom: solid;
  border-color: #fecb08;
  border-width:5px;
  font-size: .5em;
}

#banner-balkan{
  font-family: 'Raleway', sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  color:#d6d6d6;
}
#banner-giants {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.6em;
  color: #ffcc00;
  font-weight: 800;
}

.seccondary-headline {
  font-size: 1.6em;
}

#banner-balkan, #banner-giants {
    /*display:block;*/
    width: 10%;
    margin: auto;
}

.bannerContainer {
  box-sizing: border-box;
  margin: 0;
  overflow-x: hidden;
  height: 700px;
  display: flex;
  align-items: center;
  color: white;
  max-with:960px;
  padding-left:1rem;
  padding-right:1rem;
  margin:auto;
  text-align:center;
}

.full-screen-video-wrap {
  position:absolute;
  /*top:0;*/
  left:0;
  width:100%;
  height:700px;
  overflow:hidden;
}

.full-screen-video-wrap video {
  -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    /*
    filter: blur(5px) brightness(38%) contrast(57%) hue-rotate(235deg)*/;
}

.video-overlay {
  height: 700px;
  position:absolute;
  /*top:0;*/
  left:0;
  width:100%;
  background-image: linear-gradient(rgb(57, 1, 107),rgba(50, 0, 204, 0.38));
  background: rgba(42, 12, 72, 0.75);
  z-index:-0;
}

.banerContent {
  position: absolute;
  padding: 0 auto;
  margin: 0;
  width: 100%;
  margin: auto;
  right: 0;
  left: 0
}

.banner-img img{
  width: 16em;
padding-top: 40px;
padding: 50px;
 }
 .banner-img {  z-index: 1 !important;   position: relative; }



/*BALKAN GIANTS BANNER LOGO ANIMATION*/
#banner-img {
     animation:move 5s infinite ease-in-out;
 }

 @keyframes move{
0%{
 transform: scale(1) rotate(20deg);
}
  25%{
   transform: scale(1.01) rotate(10.1deg);
  }
50%{
 transform: scale(1.25) rotate(-20deg);
}
80%{
 transform: scale(1.01) rotate(5.1deg);
}
100%{
 transform: scale(1) rotate(380deg);
}
}
/*END OFF BALKAN GIANTS BANNER LOGO ANIMATION*/

@media only screen and (max-width: 1200px) {
  #banner-balkan {font-size: 1em;}
  #banner-giants {font-size: 2em;}
  .banerContent {
    padding-bottom: 10vh;
}
}




/*
position: absolute;
padding: 0 auto;
margin: 0;
width: 100%;
margin: auto;
right: 0;
left: 0
*/
.features4row h3, .features4row h4 {
  text-align: center;
}

.col4row, features4row {
  display: flex;
  font-size: .8em;
  line-height: initial;

}
@media only screen and (max-width: 999px) {
  .col4row {
    display:flex !important;

  }
}


.features4wrap {
  font-size: 1.2em;
  padding-top: 50px;
  padding-bottom: 100px;

}

.features4row h3 {
  color: #571bbc;
}

.features4row2 {
  text-align: left;
}

.features4row2 img {
  max-height: 100%;
  max-width: 250px;
}

.features4text {
  align-self: center;
}


.col5Rrow, col5Rrow2 {
  display: flex;

  line-height: initial;
}

/*-------------------
MEDIA QUERY
*/
@media only screen and (max-width: 999px) {
  .col5Rrow {
    display:flex !important;
      font-size: .8em;
  }
  .col5Rrow2 {
    display: none;
  }
  .features5Rwrap .col {
    padding: 30px;
  }
}
/*-------------------*/


.features5Rwrap .row .col h3, .features5Rwrap .row .col p {
    text-align: left;
}

.features5Rwrap {
  font-size: 1.2em;
  align-self: center;

}


.features5Rrow .col {
  align-self: center;

}

.features5Rrow img {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .cardsWrap .card {
    margin-left: 20px !important;
    margin-right: 20px !important;
    width: calc(100% - 40px) !important;
  }
}

.cardsWrap .row, .cardsWrap .col, .cardsWrap {
  padding: 0 !important;
  text-align: center;
  overflow: vissible;
}


.cardsWrap .card {
  position: relative;

  padding: 0;
  margin: 0 auto;
  width: 100%;
  width: calc(100% - 80px);
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 25px;
  margin-top: 25px;

  border-style: solid;
  border-width: 2px;
  /*border-bottom: 0px;
  border-top: 0px;*/
  border-color: rgba(255, 255, 255, 0.65);
    border-radius: 5px;
}
.cardsWrap .card::before {
  content: "";
}

.cardsWrap .card:hover {

}

.cardTop {

  background: #ffffff;
  min-height:200px;
  max-height:200px;
  line-height: 0;
}
.cardTop col {
  display: flex;
}
.cardTop img {
  min-height: 200px;
  width:100%;
  object-fit: cover;
  object-position: center;

}


.middleCard {
  margin-top: 0!important;
}

.cardBottom {
    color: var(--black-font);

}
.cardBottom .col {
  padding:5px;
}
.cardBottom strong, .cardBottom b {
  font-weight: bold;
}

/*---------------
BUTTON CSS*/

.cardBottom p {
  padding-bottom:70px;
}
.cardButton {
  border-width:1px;
  padding-bottom: 0;
  margin-bottom:15px;
  margin-top:15px;
  /*border: solid;*/
    background: #ffffff;
    color:#2f2f2f;
    border-color: rgba(76, 18, 203, 0.5);
    padding: 3px 10px;
    /*outline: 2px solid rgba(216, 211, 222, 0.6);
    outline-offset: 2px;*/
    bottom:0;
    position:absolute;
    margin-left: -50px;
    cursor: pointer;
    transition: .5s ease 0s;
    text-transform: uppercase;
    border-radius: 5px;

}

.cardButton:hover {
  background:#571bbc;
  color: #faf9fb;
}
.cardsHeaading h3 {

}
/*---------------*/
.cardsHeaading row {
  overflow: visible;
}

.article1wrap .row .col {
  text-align: center;

}

.article1wrap h3, .article1wrap h4 {
  color: #571bbc;
}
.c2a1Padding {
    padding-left: 25px;
    padding-right: 25px;
}

.c2aRow {
  font-size: 1.2em;
  /*border: solid;
  border-color: rgba(0, 0, 0, 0.22);
  border-width: 1px;*/
  padding: 20px;
  border-radius: 5px;

  color: #fcfcfd;

}

.c2a2Left {
  align-self: center;
}

.c2a2Right {
  text-align: right !important;
  align-self: center;
}

.Features1Col h4 {
  padding-bottom: 10px;
}

.first2flex, features1row {
  display: flex;
  font-size: .8em;
  line-height: initial;

}
@media only screen and (max-width: 999px) {
  .first2flex {
    display:flex !important;

  }
}

.features1row {
  font-size: 1.2em;
  border: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.22);
  color: #2f2f2f;
  background-color: #efefef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(208,659,642)'%3E%3Cstop offset='0' stop-color='%23efefef'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='1609' height='1340.8' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");

  background-size: cover;
}

.features1rowHeadline {
  text-transform: uppercase;
}
.features1row img {
  width: 100px;
  max-width: 100px;
}

.features1row  {
  color: #571bbc;
}



.features3wrap {

  font-size: 1.2em;
  padding-top: 50px;
  padding-bottom: 50px;
}

.features3wrap {
    text-align: center;
}

.features3row h3 {


}
.features3row2 {
  text-align:center;
}
.features3row {
  text-align:center;
}

.features3row2 img {
  max-width: 100%;
  height: 200px;
    text-align: center;
}

/*
@media only screen and (max-width: /*768px*/1000px) {
.c2aLeft h3 {display: none;}
}
*/

.c2a2Padding {/*DECLARING*/}

.c2a2Padding.topBottom100.fullWidth {
  padding-left: 25px;
  padding-right: 25px;
  background: #571bbc;
}

.c2a2Row h3 {

}
.c2a2Row .col .center h4 {
  /*color: #ff7700;
  color: #5f6060;*/
}

.c2a2Row {
  font-size: 1.2em;
  color: #ffffff;
  /*
  border: solid;
  border-width: 1px;
  background: #571bbc;
  border-color: rgba(0, 0, 0, 0.22);*/

  /* background-color: #6b0fce;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23efefef'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f7f7f7'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform=''%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /* background by SVGBackgrounds.com */
  background-size: cover;
  background-position: center;*/
}

.c2aLeft {
  align-self: center;
}

.c2aRight {
  text-align: left !important;
  align-self: center;
}
.c2aRight img {
  max-width: 100%;
  height:300px;
  max-height: 500px;
  text-align:center;
}

.ProgremmeringImgCardsNewRow {
  width: 100%;
  display: flex;
}

/*-------------------*/
.ProgremmeringImgCardsWrap {position:relative; color: white;}
.ProgremmeringImgCardsWrap .col {  /*margin: 20px;*/ padding: 0;  margin: 1px;}
/*.ProgremmeringImgCardsCard { border-radius: 15px;  -moz-border-radius: 15px;}*/
.ProgremmeringImgCardsCard img{height: 100%; max-height:250px;}


/*CENTER ALL TEXT*/ .ProgremmeringImgCardsCardText {position: absolute; width: 100%; height: 100%; display: grid; overflow: hidden; align-content: center;}

/*-------------------*/
/*--------------------
HEADLINE CSS */
.ProgrammeringHeadlineRow h2, .ProgrammeringHeadlineRow h4 {text-align: center;}
.ProgrammeringnHeadline {font-size: 1.2em;}
.ProgrammeringHeadlineRow h2 {color: #571bbc;}
/*-------------*/

/*-------------------
CARD ANIMATION
*/
.ProgremmeringImgCardsCardText {color:white;  transition: .5s ease 0s; bottom:0%;
  	-webkit-transition: ease-out 0.3s;
  	-moz-transition: ease-out 0.3s;
  	-ms-transition: ease-out 0.3s;
  	-o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;}

.ProgremmeringImgCardsCard:hover .ProgremmeringImgCardsCardText:not(:focus-within) {opacity: .6; bottom:100%;}
/*-------------------*/

.ProgremmeringImgCardsCard {
  /*border: 5px solid red;*/
  position: relative;
  overflow: hidden;
  text-align: center;
  background: radial-gradient(circle, rgba(1,0,4,0) 48%, rgba(159, 147, 179, 0.4) 100%);
}

.ProgremmeringImgCardsCardText {
      background: #571bbc;
}

@media only screen and (max-width: /*768px*/1000px) {
  .ProgremmeringImgCardsFullWrap .col {
    font-size:.65em;
  }
  .ProgremmeringImgCardsWrap {
    min-width: 100vw !important;
    margin: 0 -25px;
    margin-top: 0px;
    width: auto;
  }
}
.MediaAndDesignImgCardsCardsNewRow {
  width: 100%;
  display: flex;
}

/*-------------------*/
.MediaAndDesignImgCardsCardsWrap {position:relative; color: white;}
.MediaAndDesignImgCardsCardsWrap .col {  /*margin: 20px;*/ padding: 0;  margin: 1px;}
/*.MediaAndDesignImgCardsCardsCard { border-radius: 15px;  -moz-border-radius: 15px;}*/
.MediaAndDesignImgCardsCardsCard img{height: 100%; max-height:250px;}


/*CENTER ALL TEXT*/ .MediaAndDesignImgCardsCardsCardText {position: absolute; width: 100%; height: 100%; display: grid; overflow: hidden; align-content: center;}

/*-------------------*/
/*--------------------
HEADLINE CSS */
.MediaDesignHeadlineRow h2, .MediaDesignHeadlineRow h4 {text-align: center;}
.MediaDesignHeadline {font-size: 1.2em;}
.MediaDesignHeadlineRow h2 {color: #571bbc;}
/*-------------*/


/*-------------------
CARD ANIMATION
*/
.MediaAndDesignImgCardsCardsCardText {color:white;  transition: .5s ease 0s; bottom:0%;
  	-webkit-transition: ease-out 0.3s;
  	-moz-transition: ease-out 0.3s;
  	-ms-transition: ease-out 0.3s;
  	-o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;}

.MediaAndDesignImgCardsCardsCard:hover .MediaAndDesignImgCardsCardsCardText:not(:focus-within) {opacity: .6; bottom:100%;}
/*-------------------*/

.MediaAndDesignImgCardsCardsCard {
  /*border: 5px solid red;*/
  position: relative;
  overflow: hidden;
  text-align: center;
  background: radial-gradient(circle, rgba(1,0,4,0) 48%, rgba(159, 147, 179,0.4) 100%);
}

.MediaAndDesignImgCardsCardsCardText {
      background: #571bbc;
}

@media only screen and (max-width: /*768px*/1000px) {
  .MediaAndDesignImgCardsCardsFullWrap .col {
    font-size:.65em;
  }
  .MediaAndDesignImgCardsCardsWrap {
    min-width: 100vw !important;
    margin: 0 -25px;
    margin-top: 0px;
    width: auto;
  }
}
.AdministrationAndMarknadsforingImgCardsCardsNewRow {
  width: 100%;
  display: flex;
}

/*-------------------*/
.AdministrationAndMarknadsforingImgCardsCardsWrap {position:relative; color: white;}
.AdministrationAndMarknadsforingImgCardsCardsWrap .col {  /*margin: 20px;*/ padding: 0;  margin: 1px;}
/*.AdministrationAndMarknadsforingImgCardsCardsCard { border-radius: 15px;  -moz-border-radius: 15px;}*/
.AdministrationAndMarknadsforingImgCardsCardsCard img{height: 100%; max-height:250px;}


/*CENTER ALL TEXT*/ .AdministrationAndMarknadsforingImgCardsCardsCardText {position: absolute; width: 100%; height: 100%; display: grid; overflow: hidden; align-content: center;}

/*-------------------*/
/*--------------------
HEADLINE CSS */
.AdministrationHeadlineRow h2, .AdministrationHeadlineRow h4 {text-align: center;}
.AdministrationHeadline {font-size: 1.2em;}
.AdministrationHeadlineRow h2 {color: #571bbc;}
/*-------------*/

/*-------------------
CARD ANIMATION
*/
.AdministrationAndMarknadsforingImgCardsCardsCardText {color:white;  transition: .5s ease 0s; bottom:0%;
  	-webkit-transition: ease-out 0.3s;
  	-moz-transition: ease-out 0.3s;
  	-ms-transition: ease-out 0.3s;
  	-o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;}

.AdministrationAndMarknadsforingImgCardsCardsCard:hover .AdministrationAndMarknadsforingImgCardsCardsCardText:not(:focus-within) {opacity: .6; bottom:100%;}
/*-------------------*/

.AdministrationAndMarknadsforingImgCardsCardsCard {
  /*border: 5px solid red;*/
  position: relative;
  overflow: hidden;
  text-align: center;
  background: radial-gradient(circle, rgba(1,0,4,0) 48%, rgba(159, 147, 179,0.4) 100%);
}

.AdministrationAndMarknadsforingImgCardsCardsCardText {
      background: #571bbc;
}

@media only screen and (max-width: /*768px*/1000px) {
  .AdministrationAndMarknadsforingImgCardsCardsFullWrap .col {
    font-size:.65em;
  }
  .AdministrationAndMarknadsforingImgCardsCardsWrap {
    min-width: 100vw !important;
    margin: 0 -25px;
    margin-top: 0px;
    width: auto;
  }
}@media only screen and (max-width: 768px) {
	.FooterRows{
		text-align: center !important;
	}
	.MainFooterWrap h5 {
		padding:20px;
	}
}

.fa-angle-double-right {display:none}

.MainFotterDarkenTop {
	height:50px;
	background-color: #2b2a2a;
	margin-bottom: 50px;
}

.MainFotterDarkenBottom {
	height:50px;
	/*background-color: #4b4b4b;*/
	margin-top: 50px;
}

.FooterList, FooterIconList {
	list-style:none;
	padding: 0;
}
.MainFooterWrap {
  background-color:#2f2f2f;
	color: white;
	margin-top: 8em;
  text-align: center;

}
.MainFooterWrap a {
	color: white;
	text-decoration: none;

}

.FooterList li {
	list-style: none !important;

}

.FooterListItem {
	display: block;
	padding: 0px;
	margin: 0px;

}

.FooterIconRow {
	padding-top:2em;
	padding-bottom:2em;
	font-size:2em;
}
.FooterListItem {
	display:inline;
	margin:2vw;
}

.FooterList li {
	padding-left:10px;
}



/*BODY BACKGRROUND*/
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  z-index: -1;
	/*background-color: #234;
  background-image: url(../media/bodyBG3.jpg);*/
  background-size: cover;
}









.stickyContactWrap {
  position: fixed;
  display:block;
  margin: 0 auto;
  padding: 0;
  /*top: 50%;*/
  right: 0;
  bottom:0;
  z-index: 100;

}

.stickyContactPhone:hover .fa:not(:hover), .stickyContactEmail:hover .fa:not(:hover), .fa:hover {
  color: white;
}

.stickyContactPhone:hover, .stickyContactEmail:hover {
    opacity: 1;
    background: gold;


}


.stickyContactPhone, .stickyContactEmail {
  background: white;
  padding:10px;
  margin-bottom: 10px;
  border-radius: 25px 0 0 25px;
  opacity: 0.3;
  height: 46px;
  width: 45px;
   background: #571bbc;
   display: block;
   text-decoration: none;
}

.stickyContactWrap img {
  height: 30px;
  width: 30px;
}

.fa {
  color:#ffff;
}

/*---------------------
ICON BAR TO RIGHT
*/
.stickyContactPhone {
  position:relative;
  right: -10px;
}
.stickyContactEmail {
  position:relative;
  right: -10px;
}
/*
###### HOVER
*/
.stickyContactPhone:hover {
  position:relative;
  right: 0;
}
.stickyContactEmail:hover {
  position:relative;
  right: 0;
}

/*-------------------*/