/* ########## MAIN HEADER START ########## */

.headerRow {
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  flex-wrap: wrap;
  flex-direction: row;
}

.headerColumn {
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  flex-wrap: wrap;
  flex-direction: column;
}

.headerColumn > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.headerRow > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.colAuto {
  flex: 1 0 0;
}

.newHeader {
  position: relative;
  padding: 10px 0;
  top: 0;
}

.newHeader.fixed {
  position: fixed !important;
  z-index: 9999;
  width: 100%;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.newHeader .newLogo a {
  display: block;
}

.newHeader .newLogo {
  display: block;
}

.newHeader .newLogo img {
  width: 250px;
}

.newHeader .newHeaderWrapper {
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  justify-content: space-between;
}

.newHeader .newHeaderWrapper .newHeaderMenu > ul {
  padding: 0;
  margin: 0;
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.haxDropdown {
  padding: 0 25px;
  cursor: pointer;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown {
  padding: 0 25px;
  cursor: pointer;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li a {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: var(--caption);
  opacity: 1;
}

.menuBar {
  cursor: pointer;
  font-size: 20px;
  display: none;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li a:hover {
  color: var(--primaryc);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown {
  position: relative;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown:hover a:not(.dropdownColLink) {
  color: var(--primaryc);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown:hover::before {
  color: var(--primaryc);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.haxDropdown:hover a:not(.dropdownColLink) {
  color: var(--primaryc);
}

/* .newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown:hover::before {
  transform: translateY(-50%) rotateZ(-180deg);
}*/

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown::before {
  content: "\f133";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "uicons-regular-rounded";
  transition: 0.3s ease;
  font-size: 65%;
  cursor: pointer;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown::after {
  content: "";
  width: 100%;
  top: 100%;
  left: 0;
  position: absolute;
  padding: 18px;
  cursor: pointer;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu {
  position: absolute;
  transform: translateY(36px);
  top: 100%;
  left: 15px;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0 12px 20px 0 rgba(33, 30, 23, 0.16);
  -webkit-box-shadow: 0 12px 20px 0 rgba(33, 30, 23, 0.16);
  -moz-box-shadow: 0 12px 20px 0 rgba(33, 30, 23, 0.16);
  min-width: 641px;
  width: max-content;
  padding: 25px;
  z-index: 2;
  border-top: 0.1875rem solid var(--primaryc);
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li .dp {
  position: absolute;
  transform: translateY(46px);
  left: 225px;
  top: -69px;
  opacity: 0;
  visibility: hidden;
  background: #f0f3f7;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.03), 0 50px 100px -20px rgba(50, 50, 93, 0.25);
  -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.03), 0 50px 100px -20px rgba(50, 50, 93, 0.25);
  -moz-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.03), 0 50px 100px -20px rgba(50, 50, 93, 0.25);
  min-width: 100px;
  width: max-content;
  transition: all 0.3s ease;
  padding: 25px;
  z-index: 10;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li:hover .dp {
  opacity: 1;
  visibility: visible;
  z-index: 999 !important;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li .dp::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  position: absolute;
  left: -7px;
  top: 53px;
  z-index: -1;
  transform: rotate(45deg);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul {
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li {
  position: relative;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li.dpbef::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: -25px;
  transform: translateY(-50%) rotateZ(-90deg);
  background-image: url(/assets/img/downArrow.svg);
  background-size: 16px;
  transition: all 0.4s ease;
  cursor: pointer;
  padding: 10px 0;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu ul li.dpbef:hover::before {
  transform: translateY(-50%) rotateZ(-180deg);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.hostingMenu .dropdownMenu {
  left: -185px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.hostingMenu .dropdownMenu::before {
  left: 225px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.serverMenu .dropdownMenu {
  left: -240px;
  min-width: 600px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.serverMenu .dropdownMenu::before {
  left: 285px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.pagesMenu .dropdownMenu {
  left: -4px;
  min-width: 100px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.pagesMenu .dropdownMenu::before {
  left: 45px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.supportMenu .dropdownMenu {
  left: -144px;
  min-width: 280px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.supportMenu .dropdownMenu::before {
  left: 192px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.elementsMenu .dropdownMenu {
  left: -674px;
  min-width: 816px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.elementsMenu .dropdownMenu::before {
  left: 724px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.homeMenu .dropdownMenu {
  left: 5px;
  min-width: 826px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown.homeMenu .dropdownMenu::before {
  left: 36px;
}

/* .newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #f0f3f7;
  position: absolute;
  left: 20px;
  top: -8px;
  z-index: -1;
  transform: rotate(45deg);
} */

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 10px;
  cursor: pointer;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu a {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown:hover .dropdownMenu {
  opacity: 1;
  visibility: visible;
  z-index: 999 !important;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink {
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  align-items: flex-start;
  -ms-flex-align: start; /* Internet Explorer 10 */
  -webkit-align-items: flex-start; /* Eski WebKit tabanlı tarayıcılar */
  -moz-align-items: flex-start; /* Eski Firefox */
  padding: 20px 0;
  min-height: 88px;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink:not(:last-child) {
  border-bottom: 1px solid #e7eaf3;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink .dropdownIcon {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 0.5rem;
  display: flex;
  display: -webkit-box; /* Safari, iOS Safari */
  display: -webkit-flex; /* Safari 6.1+ */
  display: -ms-flexbox; /* IE 10 */
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  justify-content: center;
  text-align: center;
  margin-right: 10px;
  position: relative;
  color: var(--bodyc);
  font-size: 17px;
  background-color: #f1f1f1;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink span b,
.dropdownColLink small {
  display: block;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink span b {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: var(--caption);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink:hover span b {
  color: var(--primaryc);
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink:hover .dropdownIcon {
  color: var(--primaryc);
  background-color: var(--primarybg) !important;
}

.newHeader .newHeaderWrapper .newHeaderMenu ul li.hasDropdown .dropdownMenu .dropdownColLink span small {
  display: block;
  color: var(--bodyc);
  font-size: 12px;
  padding-top: 5px;
}

.dropdownText b span {
  font-size: 10px;
}

.blinkMe {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.haxDropdown.activeStyle > a {
  border-bottom: 2px solid var(--primaryc);
  color: var(--primaryc) !important;
}

.hasDropdown.activeStyle > a {
  border-bottom: 2px solid var(--primaryc);
  color: var(--primaryc) !important;
}

.dropdownColLink.activeStyle {
  color: var(--primaryc) !important;
  font-weight: 600;
  border-bottom: 2px solid var(--primaryc);
}

.dropdownColLink.activeStyle:last-of-type {
  border-bottom: none !important;
}

a.dropdownColLink.activeStyle span b {
  color: var(--primaryc) !important;
}

.dropdownColLink:hover .dropdownIcon,
.dropdownColLink.activeStyle .dropdownIcon {
  color: var(--primaryc) !important;
  background-color: var(--primarybg) !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

.announcement-wrapper {
  overflow: hidden;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: var(--primaryc);
  text-transform: uppercase;
  height: 30px;
}

.announcement-text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  animation: scrollText 15s linear infinite;
}

@keyframes scrollText {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}


.indirim {
  position: absolute;

  top: -21px;

  right: 18px;

  padding: 4px;

  font-weight: 700;

  font-size: 11px;

  line-height: 11px;
}

.indirim-bg {
  color: #000;
  background-color: var(--primarybg);
}


@media (max-width: 767.98px) { 
  .newHeader {
    padding: 20px;
  }
  .newHeaderMenu {
    display: none;
  }
}

/* ########## MAIN HEADER END ########## */