@charset "utf-8";
/* CSS Document */
#erreHeadMask {
  background: linear-gradient(to bottom, #212529 1%, #fcc10b 98%);
  width: 100%;
  height: auto;
}
#erreHeadMask .headContent {
  width: 100%;
  height: auto;
  margin: auto;
}
.headContent .erreTitles {
  background: none;
}
.headContent .erreTitles h1, h2, h3 {
  font-family: "Titillium Web";
  color: #212529;
  font-size: rfs-fluid-value(1.125rem);
}

.headContent .ErreMask img {
  display: block;
  max-width: 100%;
  -webkit-mask-size: auto;
  mask-size: auto;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  /*    -webkit-mask-position: center top;
    mask-position: center top; */
}
#erreHeadMask .maskArea {
  float: left;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 2048px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 428px; */
    margin-top: 76px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 428px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w2560h427.png);
    mask-image: url(../images/mask/erre-kartal-w2560h427.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
  }
}
@media (max-width: 2047px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 342px; */
    margin-top: 76px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 342px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w2048h340.png);
    mask-image: url(../images/mask/erre-kartal-w2048h340.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}
@media (max-width: 1920px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 320px; */
    margin-top: 76px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 320px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w1920h320.png);
    mask-image: url(../images/mask/erre-kartal-w1920h320.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}
@media (max-width: 1440px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 240px; */
    margin-top: 76px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 240px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w1440h240.png);
    mask-image: url(../images/mask/erre-kartal-w1440h240.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}
@media (max-width: 1024px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 172px; */
    margin-top: 77px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 172px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w1024h172.png);
    mask-image: url(../images/mask/erre-kartal-w1024h172.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}
@media (max-width: 800px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 134px; */
    margin-top: 77px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 134px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w0800h132.png);
    mask-image: url(../images/mask/erre-kartal-w0800h132.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}
@media (max-width: 640px) {
  #erreHeadMask {
    width: 100%;
    height: auto; /* 108px; */
    margin-top: 77px;
    overflow: hidden;
  }
  .ErreMask {
    width: 100%;
    height: 108px;
    -webkit-mask-image: url(../images/mask/erre-kartal-w0640h108.png);
    mask-image: url(../images/mask/erre-kartal-w0640h108.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
  }
}