/*-------------Bilder für Ship Supplay und Spare parts! ---------------*/


.img-responsive--citybox.northamerica {
  width: 100%;
  height: 100%;
  background: url('../img/northamerica_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox.northamerica:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox--colorgreen.centralsouthamerica {
  width: 100%;
  height: 100%;
  background: url('../img/centralsouthamerica_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox--colorgreen.centralsouthamerica:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox.europe {
  width: 100%;
  height: 100%;
  background: url('../img/europe_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox.europe:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox--colorgreen.africa {
  width: 100%;
  height: 100%;
  background: url('../img/africa_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox--colorgreen.africa:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox.asiathemiddleeast {
  width: 100%;
  height: 100%;
  background: url('../img/hongkong_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox.asiathemiddleeast:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox--colorgreen.oceania {
  width: 100%;
  height: 100%;
  background: url('../img/sydney_web.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox--colorgreen.oceania:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -webkit-linear-gradient(-50deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -moz-linear-gradient(-50deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -ms-linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -o-linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  opacity: 0.6;
}

.img-responsive--citybox--colorgreen::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -webkit-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -moz-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -ms-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -o-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  opacity: 0.6;
}


/*--------------Spareparts------------------*/

.img-responsive--citybox--spareparts.europe {
  width: 100%;
  height: 100%;
  background: url('../img/spareparts_europe.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox--spareparts.europe:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox--spareparts--colorgreen.asiathemiddleeast {
  width: 100%;
  height: 100%;
  background: url('../img/spareparts_asiathemiddleeast.jpg') center center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.img-responsive--citybox--spareparts--colorgreen.asiathemiddleeast:hover {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
}

.img-responsive--citybox--spareparts::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -webkit-linear-gradient(-50deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -moz-linear-gradient(-50deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -ms-linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  background-image: -o-linear-gradient(130deg,#be299b 2%,
    rgba(238,90,53,0.44) 40%,
    rgba(228,96,8,0.22) 60%,
    rgba(228,96,8,0) 100%);

  opacity: 0.6;
}

.img-responsive--citybox--spareparts--colorgreen::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -webkit-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -moz-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -ms-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  background-image: -o-linear-gradient(210deg,#6ba131 2%,
    rgba(42,156,120,0.44) 40%,
    rgba(29,101,179,0.22) 60%,
    rgba(29,101,179,0) 100%);

  opacity: 0.6;
}