/* TYP COLORS */
/* BG-COLORS */
/* BUTTON COLORS */
/* BORDER COLORS */
body {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
}
body #fullSiteWrapper {
  left: 0;
  width: 100%;
  background-color: #fff;
  -moz-transition: transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  -webkit-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}
body #fullSiteWrapper .firstLoadingContainer {
  position: fixed;
  z-index: 9999999;
  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%;
  padding-top: 130px;
}
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;
}
body.noScroll {
  padding-right: 16.8px;
  overflow: hidden;
}

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

.gridFrameWrapper {
  width: 1200px;
  height: 100%;
  margin: 0 auto 0 auto;
}
.gridFrameWrapper.v2 {
  width: 1280px;
}

/*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 #fullSiteWrapper #contentWrapper {
    padding-top: 0;
  }
  body.noScroll {
    padding-right: 0;
  }

  .gridFrameWrapper {
    width: 100%;
    padding: 0 20px;
  }
  .gridFrameWrapper.v2 {
    width: 100%;
    padding: 0 0;
  }

  /*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 #fullSiteWrapper #contentWrapper {
    padding-top: 0;
  }
  body.noScroll {
    padding-right: 0;
  }

  .gridFrameWrapper {
    width: 708px;
  }
  .gridFrameWrapper.v1 {
    width: 588px;
  }
  .gridFrameWrapper.v2 {
    width: 708px;
  }

  /*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 #fullSiteWrapper #contentWrapper {
    padding-top: 90px;
  }
  body.noScroll {
    padding-right: 0;
  }

  .gridFrameWrapper {
    width: 900px;
    /*background-color: #f00;*/
  }
  .gridFrameWrapper.v1 {
    width: 748px;
  }
  .gridFrameWrapper.v2 {
    width: 900px;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
  body #fullSiteWrapper #contentWrapper {
    padding-top: 90px;
  }
  body.noScroll {
    padding-right: 0;
  }

  .gridFrameWrapper {
    width: 1140px;
  }
  .gridFrameWrapper.v2 {
    width: 1140px;
  }
}
@media all and (min-width: 1400px) and (max-width: 1639px) {
  .gridFrameWrapper.v2 {
    width: 1280px;
  }
}