@font-face {
  font-family: 'Ubuntu Light';
  src: url("../fonts/ubuntu-light.woff2") format("woff2"), url("../fonts/ubuntu-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe Light';
  src: url("../fonts/circe-light.woff2") format("woff2"), url("../fonts/circe-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe Extra Light';
  src: url("../fonts/circe-extra-light.woff2") format("woff2"), url("../fonts/circe-extra-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe Regular';
  src: url("../fonts/circe-regular.woff2") format("woff2"), url("../fonts/circe-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
body a, body a:hover, body a:visited, body a:active, body a:focus {
  text-decoration: none;
  color: #201e1f; }
body a:hover {
  color: #6e6e6e !important; }
body header, body footer {
  text-align: center; }
body header {
  padding: 13px 15px 13px 15px; }
  body header h1 {
    font-family: 'Circe Light';
    text-transform: uppercase;
    font-size: 16pt;
    margin-top: 18px; }
  body header .short-annouce {
    font-family: 'Circe Extra Light';
    font-size: 14pt;
    font-style: italic; }
  body header .logo {
    z-index: 99999;
    position: relative; }
    body header .logo img {
      width: 100px;
      height: auto; }
body footer {
  font-family: 'Circe Light';
  text-transform: uppercase;
  margin: 5px 0 15px 0; }
  body footer .logo {
    margin-bottom: 10px; }
    body footer .logo img {
      width: 100px;
      height: auto; }
  body footer span {
    font-size: 10pt;
    color: #050505; }
    body footer span a, body footer span a:hover {
      font-family: 'Circe Regular';
      color: #050505;
      font-weight: bold;
      text-decoration: none; }
body .page {
  background: url("../images/m-bg.gif") no-repeat center top;
  background-size: contain; }
body .box {
  z-index: 9999;
  border: 2px solid #201e1f;
  padding: 15px 12px 14px 12px;
  margin-bottom: 18px;
  max-width: 94% !important; }
  body .box h3 {
    font-family: 'Circe Regular';
    text-transform: uppercase;
    font-size: 13pt;
    color: red;
    margin-bottom: 10px; }
  body .box p {
    font-family: 'Ubuntu Light';
    font-size: 11pt;
    margin-bottom: 8px;
    line-height: 17px; }
  body .box a {
    color: #292b2c; }
  body .box a:hover {
    text-decoration: none; }
body .main-box {
  margin: 205px 0 0 0;
  padding: 0 23px; }
  body .main-box p {
    font-family: 'Circe Extra Light';
    font-weight: bold;
    text-transform: uppercase;
    text-align: justify;
    line-height: 14px;
    font-size: 9pt;
    color: #201e1f; }
  body .main-box strong {
    font-family: 'Circe Regular'; }

@media (min-width: 360px) {
  body header h1 {
    font-size: 18pt; }
  body .main-box {
    margin: 225px 0 0 0; } }
@media (min-width: 375px) {
  body .main-box {
    margin: 239px 0 0 0; } }
@media (min-width: 412px) {
  body header h1 {
    font-size: 20pt; }
  body .main-box {
    margin: 255px 0 0 0; }
    body .main-box p {
      font-size: 10pt;
      line-height: 17px; } }
@media (min-width: 568px) and (orientation: landscape) {
  body .main-box {
    margin: 344px 0 0 0; } }
@media (min-width: 667px) and (orientation: landscape) {
  body .main-box {
    margin: 327px 0 0 0; } }
@media (min-width: 576px) {
  body header h1 {
    font-size: 21pt; } }
@media (min-width: 736px) and (orientation: portrait) {
  body header h1 {
    font-size: 34pt; }
  body header .short-annouce {
    font-size: 19pt; }
  body .page {
    background-position-y: 8px; }
  body .main-box {
    margin: 470px 0 0 0;
    padding: 0 53px; }
    body .main-box p {
      font-size: 14pt;
      line-height: 23px; }
  body .box {
    margin-top: 9px; }
    body .box h3 {
      font-size: 19pt;
      margin-bottom: 16px; }
    body .box p {
      font-size: 14pt;
      margin-bottom: 12px;
      line-height: 20px; }
  body footer {
    margin: 20px 0 25px 0; }
    body footer span {
      font-size: 14pt; } }
@media (min-width: 750px) {
  body .main-box {
    margin: 345px 0 0 0; } }
@media (min-width: 768px) {
  body .page {
    background-position-y: 8px; }
  body .main-box {
    margin: 380px 0 0 0;
    padding: 0 53px; }
    body .main-box p {
      font-size: 14pt;
      line-height: 23px; }
  body .box {
    margin-top: 9px; }
    body .box h3 {
      font-size: 19pt;
      margin-bottom: 16px; }
    body .box p {
      font-size: 14pt;
      margin-bottom: 12px;
      line-height: 20px; }
  body footer {
    margin: 20px 0 25px 0; }
    body footer span {
      font-size: 14pt; } }
@media (min-width: 992px) {
  body header h1 {
    font-size: 30pt; }
  body .main-box {
    margin: 519px 0 0 0;
    padding: 0 72px; }
    body .main-box p {
      font-size: 20pt;
      line-height: 33px; }
  body .box {
    padding: 29px 12px 21px 12px;
    margin-top: 15px; }
    body .box h3 {
      font-size: 24pt; }
    body .box p {
      font-size: 19pt;
      margin-bottom: 15px;
      line-height: 27px; }
  body footer span {
    font-size: 13pt; } }
@media (min-width: 1200px) {
  body header {
    padding: 18px 15px 13px 15px; }
    body header .logo {
      z-index: 99999;
      position: fixed;
      left: 5px;
      top: 5px; }
  body .page {
    background: url("../images/bg.gif") no-repeat center 60px;
    background-size: auto 810px;
    min-height: 870px; }
  body .main-box {
    margin: 496px 0 0 0;
    padding: 0 35px;
    margin-left: -37px; }
    body .main-box p {
      font-size: 10pt;
      line-height: 13px; }
  body .box {
    border: 0px; }
    body .box h3 {
      font-size: 13pt;
      margin-bottom: 9px; }
    body .box p {
      font-size: 10pt;
      margin-bottom: 6px;
      line-height: 15px; }
  body #fashion {
    position: absolute;
    width: 205px;
    top: 77px;
    left: 34px; }
  body #beauty {
    position: absolute;
    top: 51px;
    left: 427px;
    width: 219px; }
  body #culture {
    position: absolute;
    top: 123px;
    left: 739px;
    width: 257px; }
  body #lifestyle, body #watches-jewellery {
    position: absolute;
    top: 720px; }
  body #lifestyle {
    max-width: 356px !important;
    left: 122px; }
  body #watches-jewellery {
    max-width: 378px !important;
    right: 81px; }
  body .laptop-cover {
    position: absolute;
    max-width: 520px;
    top: 329px;
    height: 348px;
    left: 243px; }
  body footer {
    margin: 70px 0 35px 0; } }
@media (min-width: 1366px) {
  body > .container {
    width: 1300px; }
  body header {
    padding: 50px 15px 30px 15px; }
    body header h1 {
      font-size: 39pt; }
  body .page {
    background-size: auto 946px;
    min-height: 1060px; }
  body .box {
    padding: 29px 15px 21px 15px; }
    body .box h3 {
      font-size: 18pt;
      margin-bottom: 6px; }
    body .box p {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 9px; }
  body .main-box {
    margin: 571px 0 0 0;
    margin-left: -44px;
    padding: 0 35px; }
    body .main-box p {
      font-size: 14px;
      line-height: 15px; }
  body #fashion {
    width: 241px;
    top: 81px;
    left: 26px; }
  body #beauty {
    top: 51px;
    left: 485px;
    width: 256px; }
  body #culture {
    top: 135px;
    left: 849px;
    width: 299px; }
  body #lifestyle, body #watches-jewellery {
    top: 834px; }
  body #lifestyle {
    max-width: 417px !important;
    left: 126px; }
  body #watches-jewellery {
    max-width: 441px !important;
    right: 86px; }
  body .laptop-cover {
    position: absolute;
    max-width: 606px;
    top: 374px;
    height: 407px;
    left: 271px; }
  body footer {
    margin: 25px 0 30px 0; } }
@media (min-width: 1200px) and (min--moz-device-pixel-ratio: 0) {
  body .main-box p {
    font-size: 10px;
    line-height: 15px; } }
@media (min-width: 1366px) and (min--moz-device-pixel-ratio: 0) {
  body .main-box p {
    font-size: 12px;
    line-height: 15px; } }
@media (min-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 1366px) and (-o-min-device-pixel-ratio: 13 / 10), (min-width: 1366px) and (min-resolution: 120dpi) {
  body .main-box {
    margin: 569px 0 0 -43px; }
    body .main-box p {
      font-size: 12px;
      line-height: 15px; } }

/*# sourceMappingURL=style.css.map */