@font-face {
  font-family: "DB Heavent";
  src: url("../fonts/DBHeavent.eot");
  src: url("../fonts/DBHeavent.eot?#iefix") format("embedded-opentype"), url("../fonts/DBHeavent.woff2") format("woff2"), url("../fonts/DBHeavent.woff") format("woff"), url("../fonts/DBHeavent.ttf") format("truetype"), url("../fonts/DBHeavent.svg#DBHeavent") format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@keyframes fade-in-up {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@-webkit-keyframes fade-in-up-2 {
  from {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
            transform: translate(0%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fade-in-up-2 {
  from {
    opacity: 0;
    -webkit-transform: translate(0%, 50%);
            transform: translate(0%, 50%); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

#top-section {
  padding: 40px 0 600px; }

#content {
  margin-top: -680px;
  min-height: 900px;
  padding-top: 200px; }
  #content .container {
    position: relative;
    padding-bottom: 220px; }
  #content .content .topic {
    line-height: 90px;
    /* letter-spacing: 10px;  */
  }
    #content .content .topic h2 {
      margin: 0;
      padding: 0;
    }
    #content .content .topic .topic-primary {
      font-size: 90px;
      color: #FFF;
      line-height: 90px;
    }
    #content .content .topic .topic-secondary {
      font-size: 100px;
      font-weight: 700;
      color: #333;
      line-height: 90px;
    }
  #content .content .description {
    margin-top: 20px;
    width: 410px;
    font-family: korolev, sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    color: #666; }
    #content .content .description.th {
      font-family: "DB Heavent";
      font-size: 22px;
      line-height: 1.2em; }
  #content .content .more-info {
    margin-top: 40px;
    text-align: center; }
    #content .content .more-info .info-icon {
      max-width: 100%; }
    #content .content .more-info .info-topic {
      margin: 14px 0 6px;
      font-size: 24px;
      letter-spacing: 3px; }
      #content .content .more-info .info-topic .strong {
        font-weight: 700; }
    #content .content .more-info .info-description {
      font-family: korolev, sans-serif;
      font-size: 13px;
      line-height: 1.4em;
      color: #666; }
      #content .content .more-info .info-description.th {
        font-family: "DB Heavent";
        font-size: 18px;
        line-height: 1em; }
  #content #product-img {
    position: absolute;
    bottom: 0;
    right: -60px; }
@media only screen and (max-width: 1399px) {
  #content #product-img {
    width: 70%;
    right: -40px; 
  }
}
@media only screen and (max-width: 1199px) {
  #top-section {
    padding-bottom: 500px; }
  #content {
    margin-top: -630px;
    min-height: 680px; }
    #content .container {
      padding-bottom: 50px; }
    #content .content .topic {
      line-height: 70px; }
      #content .content .topic .topic-primary {
        font-size: 70px; }
      #content .content .topic .topic-secondary {
        font-size: 80px; }
    #content .content .more-info .info-topic {
      font-size: 16px; }
    #content .content .more-info .info-description {
      font-size: 14px; }
    #content #product-img {
      width: 70%;
      right: -40px; } }

@media only screen and (max-width: 991px) {
  #top-section {
    padding-bottom: 450px; }
  #content {
    margin-top: -380px;
    min-height: 590px;
    padding-top: 0; }
    #content .content .topic {
      letter-spacing: 6px;
      line-height: 60px; }
      #content .content .topic .topic-primary {
        font-size: 50px;
        line-height: 60px;}
      #content .content .topic .topic-secondary {
        font-size: 60px;
        line-height: 60px;}
    #content .content .description {
      margin-top: 10px;
      font-size: 14px; }
    #content .content .more-info .info-icon {
      height: 100px; }
    #content .content .more-info .info-topic {
      font-size: 14px; }
    #content .content .more-info .info-description {
      font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #top-section {
    padding-bottom: 600px; }
  #content {
    margin-top: -580px;
    min-height: 1280px;
    background: url("../images/bg-01.jpg") center bottom -60px no-repeat; }
    #content .container {
      padding-bottom: 0; }
    #content .content .more-info {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto; }
      #content .content .more-info div[class^=col]:first-child {
        margin-bottom: 30px; }
      #content .content .more-info .info-icon {
        height: 150px; }
    #content #product-img {
      position: relative;
      margin-top: 40px; } }

@media only screen and (max-width: 575px) {
  #top-section {
    padding-top: 20px;
    padding-bottom: 530px; }
  #content {
    margin-top: -520px;
    min-height: 1110px;
    background-position: center bottom -100px; }
    #content .content .topic {
      line-height: 40px; }
      #content .content .topic .topic-primary {
        font-size: 30px;
        line-height: 40px;}
      #content .content .topic .topic-secondary {
        font-size: 40px;
        line-height: 40px;}
    #content .content .description {
      width: 100%; }
    #content #product-img {
      position: relative;
      margin-top: 40px; } }