@charset "UTF-8";
header {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 9;
  border: 2px solid rgba(255, 255, 255, 0.17);
  border-left: none;
  border-right: none;
  top: 25px;
  left: 0;
  right: 0;
  height: 75px;
}

header .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 75px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header .siteLogo {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

header .header .siteLogo img.fixed {
  display: none;
}

header .header .siteLogo:hover {
  opacity: 0.8;
}

header .header .otherColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  max-width: calc(100% - 478px);
  position: relative;
}

header .header .otherColumn > div {
  border-right: 2px solid rgba(255, 255, 255, 0.17);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 71px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

header .header .otherColumn > div.userArea {
  max-width: 68px;
}

header .header .otherColumn > div.menuArea {
  max-width: 68px;
}

header .header .otherColumn .photoSendArea {
  border-left: 2px solid rgba(255, 255, 255, 0.17);
}

header .header .otherColumn > a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding: 0 15px;
}

header .header .otherColumn > a:hover {
  opacity: 0.8;
}

header .header .otherColumn .headerLink {
  opacity: 0.53;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
  position: relative;
  height: 100%;
}

header .header .otherColumn .headerLink:after {
  content: "";
  width: 0;
  height: 5px;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: customColor(secondary);
}

header .header .otherColumn .headerLink:hover:after {
  width: 100%;
}

header .header .otherColumn .headerLink span {
  font-family: 'GilroyBold';
  font-size: 1.259rem;
  color: #ffffff;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding-left: 10px;
}

header .header .otherColumn .headerLink:hover {
  opacity: 1;
}

header .icon-photo-gallery {
  font-size: 24px;
}

header .icon-plus-circle {
  font-size: 23px;
}

header .customIcon {
  color: #ffffff;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  -webkit-box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.6);
          box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.6);
}

header.fixed .header .siteLogo img {
  display: none;
}

header.fixed .header .siteLogo img.fixed {
  display: block;
}

header.fixed .photoSendArea .photoSendButton span {
  color: customColor(primary);
}

header.fixed .agencyAlbumArea .albumButtonArea span {
  color: customColor(primary);
}

header.fixed .customIcon {
  color: customColor(primary);
}

header.fixed .customIcon.icon-facebook {
  color: #ffffff;
}

header.fixed .userArea .userButton img {
  -webkit-filter: none;
          filter: none;
}

header.fixed .menuArea .menuButton span {
  background-color: customColor(primary);
}

header.fixed .menuArea .menuButton span:before, header.fixed .menuArea .menuButton span:after {
  background-color: customColor(primary);
}

header.fixed .otherColumn > div {
  border-right: 2px solid rgba(11, 11, 11, 0.17);
}

header.fixed .otherColumn > a img {
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0.53;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

header.fixed .otherColumn > a:hover img {
  opacity: 1;
}

.menuPopup {
  opacity: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: -999;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  position: absolute;
  padding-top: 2px;
  width: 100%;
  right: 0;
  top: 100%;
  -webkit-box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.06);
          box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.06);
}

.menuPopup .popupContent {
  background-color: #ffffff;
  width: 100%;
  height: auto;
  padding: 30px 40px;
}

/*Header User*/
.userArea {
  position: relative;
}

.userArea:hover .menuPopup {
  opacity: 1;
  height: auto;
  visibility: visible;
  overflow: visible;
  z-index: 999;
  left: 50%;
  margin-left: -147px;
}

.userArea .userFormArea {
  width: 294px;
}

.userArea .userFormArea .head {
  text-align: center;
}

.userArea .userFormArea .head .title {
  font-family: 'GilroyExtraBold';
  font-size: 24.84px;
  color: #171717;
}

.userArea .userButton .customIcon {
  font-size: 24px;
}

.userArea .userButton img {
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0.53;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.userArea .userButton:hover img {
  opacity: 1;
}

/*Header Site Menu*/
.menuArea .menuButton span {
  height: 18px;
  display: block;
  width: 30px;
  position: relative;
  background-color: #ffffff;
  height: 2px;
}

.menuArea .menuButton span:before, .menuArea .menuButton span:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  right: 0;
  position: absolute;
  display: block;
}

.menuArea .menuButton span:before {
  top: -7px;
  left: 0;
}

.menuArea .menuButton span:after {
  bottom: -7px;
  width: 21px;
}

.menuArea .menuButton:hover {
  opacity: 1;
}

.menuArea .menuPopup .menuListArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menuArea .menuPopup .menuListArea .menuItem a {
  font-family: 'GilroyBlack';
  font-size: 1.325rem;
  color: #171717;
  display: block;
  padding-bottom: 14px;
  -webkit-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

.menuArea .menuPopup .menuListArea .menuItem a:hover {
  color: customColor(secondary);
}

.menuArea .menuPopup .menuListArea .menuItem a:hover span {
  color: customColor(secondary);
}

.menuArea .menuPopup .menuListArea .menuItem a span {
  font-family: 'GilroyBlack';
  font-size: 1.325rem;
  color: #171717;
}

.menuArea .menuPopup .menuListArea .menuItem .subMenuList .menuItem a {
  font-family: 'GilroyBold';
  font-size: 1.155rem;
  display: block;
  padding: 6px 0;
}

.menuArea .menuPopup .menuListArea .menuItem .subMenuList .menuItem a span {
  font-family: 'GilroyBold';
  font-size: 1.155rem;
}

.menuArea:hover .menuPopup {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  height: auto;
}

.mobileMenuButton {
  display: none;
}

.mobileMenuButton span {
  height: 18px;
  display: block;
  width: 30px;
  position: relative;
  background-color: #ffffff;
  height: 2px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  top: 50%;
  margin-top: -1px;
}

.mobileMenuButton span:before, .mobileMenuButton span:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  right: 0;
  position: absolute;
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.mobileMenuButton span:before {
  top: -7px;
  left: 0;
}

.mobileMenuButton span:after {
  bottom: -7px;
  width: 21px;
}

.mobileMenuButton:hover {
  opacity: 1;
}

/*Alt Sayfalar Header*/
.subMainBody header {
  -webkit-box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.06);
          box-shadow: -1px 10px 32px 0px rgba(0, 0, 0, 0.06);
  top: 0;
  background-color: #ffffff;
  height: 94px;
}

.subMainBody header > div.container {
  height: 100%;
}

.subMainBody header .header {
  height: 100%;
}

.subMainBody header .header .siteLogo img {
  display: none;
}

.subMainBody header .header .siteLogo img.fixed {
  display: block;
}

.subMainBody header .photoSendArea .photoSendButton span {
  color: customColor(primary);
}

.subMainBody header .agencyAlbumArea .albumButtonArea span {
  color: customColor(primary);
}

.subMainBody header .customIcon {
  color: customColor(primary);
}

.subMainBody header .customIcon.icon-facebook {
  color: #ffffff;
}

.subMainBody header .userArea .userButton img {
  -webkit-filter: none;
          filter: none;
}

.subMainBody header .menuArea .menuButton span {
  background-color: customColor(primary);
}

.subMainBody header .menuArea .menuButton span:before, .subMainBody header .menuArea .menuButton span:after {
  background-color: customColor(primary);
}

.subMainBody header .otherColumn > div {
  border-right: 2px solid rgba(11, 11, 11, 0.17);
  height: calc(100% + 4px);
  margin-top: -2px;
}

.subMainBody header .otherColumn > a img {
  -webkit-filter: invert(1);
          filter: invert(1);
  opacity: 0.53;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.subMainBody header .otherColumn > a:hover img {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  header .header .otherColumn {
    max-width: calc(100% - 220px);
  }
  header .header .siteLogo img {
    width: 200px;
  }
  header.fixed .header .siteLogo img.fixed {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .mobileMenuButton {
    display: block;
    z-index: 999;
    height: 24px;
    width: 30px;
  }
  .mobileMenuButton.active span {
    background-color: rgba(0, 0, 0, 0);
  }
  .mobileMenuButton.active span:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
    background-color: customColor(dark_primary);
  }
  .mobileMenuButton.active span:after {
    background-color: customColor(dark_primary);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0;
    top: 0;
    width: 100%;
  }
  .subMainBody .mobileMenuButton.active span {
    background-color: rgba(0, 0, 0, 0);
  }
  .subMainBody .mobileMenuButton.active span:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
  }
  .subMainBody .mobileMenuButton.active span:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0;
    top: 0;
    width: 100%;
  }
  .subMainBody .mobileMenuButton span {
    background-color: customColor(dark_primary);
  }
  .subMainBody .mobileMenuButton span:before {
    background-color: customColor(dark_primary);
  }
  .subMainBody .mobileMenuButton span:after {
    background-color: customColor(dark_primary);
  }
  .menuPopup {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  header {
    border: none;
  }
  header .header .otherColumn {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    left: 0;
    max-width: 100%;
    bottom: 0;
    display: block;
    padding-right: 0;
    text-align: right;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    right: -100%;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    padding-top: 90px;
  }
  header .header .otherColumn.active {
    right: 0;
    visibility: visible;
    overflow: visible;
    opacity: 1;
  }
  header .header .otherColumn.active .menuArea .menuPopup {
    display: block;
  }
  header .header .otherColumn > a {
    display: block;
    height: auto;
    margin: 9px 0;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 40px auto 0 auto;
  }
  header .header .otherColumn > a img {
    -webkit-filter: invert(1) opacity(0.5);
            filter: invert(1) opacity(0.5);
  }
  header .header .otherColumn .photoSendArea {
    border-left: none;
  }
  header .header .otherColumn > div {
    border-right: none;
    display: block;
    height: 45px;
    margin: 5px auto;
    text-align: center;
  }
  header .header .otherColumn > div.userArea {
    max-width: initial;
  }
  header .header .otherColumn > div.menuArea {
    height: 0;
    margin: 0;
  }
  header .header .otherColumn .customIcon {
    color: customColor(dark_primary);
  }
  header .header .otherColumn .headerLink {
    border: 1px solid rgba(31, 29, 29, 0.53);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 80%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 20px;
    position: relative;
  }
  header .header .otherColumn .headerLink .customIcon {
    position: absolute;
    left: 20px;
  }
  header .header .otherColumn .headerLink:hover:after {
    display: none;
  }
  header .header .otherColumn .headerLink.active {
    border: 1px solid #1f1d1d;
    opacity: 1;
  }
  header .header .otherColumn .headerLink.menuButton {
    display: none;
  }
  header .header .otherColumn .headerLink span {
    color: customColor(dark_primary);
  }
  header .header .otherColumn .headerLink.userButton:before {
    content: "Giriş Yap";
    font-family: 'GilroyBold';
    font-size: 1.259rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #1f1d1d;
  }
  header .header .otherColumn .facebookLoginButton .customIcon {
    color: #ffffff;
  }
  header.fixed .mobileMenuButton.active span {
    background-color: rgba(0, 0, 0, 0);
  }
  header.fixed .mobileMenuButton.active span:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 0;
  }
  header.fixed .mobileMenuButton.active span:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 0;
    top: 0;
    width: 100%;
  }
  header.fixed .mobileMenuButton span {
    background-color: customColor(dark_primary);
  }
  header.fixed .mobileMenuButton span:before {
    background-color: customColor(dark_primary);
  }
  header.fixed .mobileMenuButton span:after {
    background-color: customColor(dark_primary);
  }
  .userArea .userButton img {
    -webkit-filter: none;
            filter: none;
  }
  .userArea:hover .menuPopup {
    right: 0;
    width: 100%;
    left: 0;
    position: fixed;
    top: 240px;
    margin-left: 0;
  }
  .userArea .menuPopup {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    display: none;
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100% - 240px);
    z-index: -9999;
    top: 70px;
  }
  .userArea .menuPopup:hover, .userArea .menuPopup.active {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    height: calc(100% - 240px);
    z-index: 999999;
    min-height: 274px;
    width: 100%;
  }
  .menuArea .menuButton {
    display: none;
  }
  .menuArea .menuButton span {
    background-color: customColor(dark_primary);
  }
  .menuArea .menuButton span:before, .menuArea .menuButton span:after {
    background-color: customColor(dark_primary);
  }
  .menuArea .menuPopup {
    opacity: 1;
    visibility: visible;
    top: 240px;
    height: calc(100% - 250px);
    overflow: visible;
    overflow-x: hidden;
    display: none;
  }
  .menuArea .menuPopup .menuListArea {
    display: block;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    overflow: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-top: 0;
  }
  .menuArea .menuPopup .menuListArea > .menuItem > a {
    padding-bottom: 10px;
    padding-top: 20px;
  }
}
/*# sourceMappingURL=header.css.map */