/**********************************************************************/
@font-face {
  font-family: "Ogg";
  src:
    url(../fonts/Ogg-Italic.ttf) format("truetype"),
    url(../fonts/Ogg-Italic.otf) format("opentype");
}

/**********************************************************************/
body {
  position: relative;
  margin: 0;
  font:
    normal 400 14px / 22px "Raleway",
    sans-serif;
  color: #333333;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
  margin: 0;
}

/**********************************************************************/
a {
  display: inline-block;
  text-decoration: none;
}

/**********************************************************************/
img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
iframe {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/**********************************************************************/
main.page {
  position: relative;
  padding-top: 70px;
  overflow-x: hidden;
  overflow-y: auto;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.container__content {
  width: 1560px;
  max-width: calc(100% - 40px);
}
.container__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}
.container__col {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}
.container__col_12 {
  width: 100%;
}
.container__col_11 {
  width: 91.66666%;
}
.container__col_10 {
  width: 83.33333%;
}
.container__col_9 {
  width: 75%;
}
.container__col_8 {
  width: 66.66666%;
}
.container__col_7 {
  width: 58.33333%;
}
.container__col_6 {
  width: 50%;
}
.container__col_5 {
  width: 41.66666%;
}
.container__col_4 {
  width: 33.33333%;
}
.container__col_3 {
  width: 25%;
}
.container__col_2 {
  width: 16.66666%;
}
.container__col_1 {
  width: 8.33333%;
}

/**********************************************************************/
body.admin-bar .zoomContainer {
  margin-top: -32px;
}
.zoomContainer .zoomLens img {
  display: none !important;
}
.zoomWindow {
  /*top: 50% !important;
	transform: translatey(-50%);*/
}

/**********************************************************************/
/*********************         RESPONSIVE         *********************/
/**********************************************************************/
@media screen and (max-width: 1024px) {
  .zoomContainer {
    display: none !important;
  }
}

@media screen and (max-width: 782px) {
  body.admin-bar .zoomContainer {
    margin-top: -46px;
  }
}

@media screen and (max-width: 767px) {
  main.page {
    padding-top: 50px;
  }

  .container__col_12,
  .container__col_11,
  .container__col_10,
  .container__col_9,
  .container__col_8,
  .container__col_7,
  .container__col_6,
  .container__col_5,
  .container__col_4,
  .container__col_3,
  .container__col_2,
  .container__col_1 {
    width: 100%;
  }
}