/* before */
/*@mixin bg-img-properties($repeat, $size, $position) {*/
/* TRANSFORM ALIGNMENT */
/* END */
/* transform */
/* end - transform */
/* transition */
/* end - transition */
/* box-shadow */
/* end - box-shadow */
body {
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #fafafa;
}
body #fullSiteWrapper {
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  -moz-transition: -moz-transform 500ms ease-in-out;
  -o-transition: -o-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}
body #fullSiteWrapper .firstLoadingContainer {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
body #fullSiteWrapper .firstLoadingContainer .icon {
  display: none;
  width: 64px;
  height: 64px;
}
body #fullSiteWrapper .firstLoadingContainer .icon img {
  width: 100%;
  height: 100%;
}
body #fullSiteWrapper #contentWrapper {
  width: 100%;
  margin: 0 auto 0 auto;
}
body #fullSiteWrapper .overlayWrapper {
  display: none;
  position: absolute;
  z-index: 10010;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.5s 0s ease;
  -moz-transition: opacity 0.5s 0s ease;
  -o-transition: opacity 0.5s 0s ease;
  transition: opacity 0.5s 0s ease;
}
body #fullSiteWrapper .overlayWrapper.on {
  opacity: 0.7;
  margin-top: var(--header-height);
}
body #fullSiteWrapper .overlayWrapper.v1 {
  top: 91px;
}
body.noScroll {
  padding-right: 16.8px;
  overflow: hidden;
}

#bodyWrapper {
  /* Butun sayfayi wrap edip scrollbari kaldiriyoruz */
  position: fixed;
  width: 100%;
  height: 100%;
}

.gridWrapper {
  width: 1240px;
  height: 100%;
  margin: 0 auto 0 auto;
}

/*JQM related*/
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
  display: none;
  top: 0 !important;
}

@media all and (max-width: 767px) {
  body.noScroll {
    padding-right: 0;
  }

  .gridWrapper {
    width: 100%;
    padding: 0 25px;
  }

  /*JQUERY UI CSS*/
  .ui-menu .ui-state-active {
    margin: 0px !important;
  }

  /* JQUERY MOBILE CSS */
  .ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    top: 0px !important;
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  body.noScroll {
    padding-right: 0;
  }

  .gridWrapper {
    width: 680px;
  }

  /*JQUERY UI CSS*/
  .ui-menu .ui-state-active {
    margin: 0px !important;
  }

  /* JQUERY MOBILE CSS */
  .ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
    top: 0px !important;
  }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
  body.noScroll {
    padding-right: 0;
  }

  .gridWrapper {
    width: 680px;
  }
  .gridWrapper.v1 {
    width: 100%;
  }
}
/* 1440 & 1366 & 1280 */
@media all and (min-width: 1200px) and (max-width: 1599px) {
  body .gridWrapper {
    width: 1170px;
  }
  body.noScroll {
    padding-right: 0;
  }
}