@font-face {
  font-family: 'ABC Normal';
  src: url('fonts/ABCNormal-Bold.woff2') format('woff2'),
      url('fonts/ABCNormal-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ABC Normal';
  src: url('fonts/ABCNormal-Regular.woff2') format('woff2'),
      url('fonts/ABCNormal-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?nz4kak');
  src:  url('fonts/icomoon.eot?nz4kak#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?nz4kak') format('truetype'),
    url('fonts/icomoon.woff?nz4kak') format('woff'),
    url('fonts/icomoon.svg?nz4kak#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}
html, body{height:100%}
body{
  font-family: 'ABC Normal', sans-serif;
}

.bg-page{
height:100%;
background: url(../img/bg-tiida-edit.webp);
background-repeat: no-repeat;
background-size:cover;
background-position: center -60px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: -1
}
.container{max-width: 1140px;}
.cont-main-img{padding: 1rem 1.5rem;}
.cont-btn{padding: 0.5rem 1.5rem; position: relative}


.logo-main-cont{max-width: 110px;}
.main-text{background-color: #ff5228;padding: 1.5rem;min-height:67%; overflow: hidden;}
.tiida-main-cont{padding-top: 5rem; color:#000000; height: 100%;}
.tiida-main-cont h2{    font-size: 5rem;
  font-weight: bold;
  line-height: 4.4rem;}
.text-p{margin-top: 1rem;}
.text-p p{line-height: 1.2rem;
  /* font-weight: bold; */
  font-size:1rem}

.section{
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  height: 1px;
}
.section.visible {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.cont-btn .btn-next{color: #fff;
    cursor: pointer;
    padding: 5px 8px;
    margin-left: -5px;
    background: rgba(0, 0, 0, .3);
    font-size: 1.2rem;
    transition: all 0.2s ease;
  }
  .cont-btn .btn-next:hover{background: rgba(0, 0, 0, .6)}
.arrow {
  position: absolute;
  transform: translateX(-50%);left: 2.5rem
}
.arrow.rotate {
  transform: translateX(-50%) rotate(180deg);
}
a{color: #fff; text-decoration: none;}

@media (max-width: 991.9px) {
  .tiida-main-cont h2{font-size: 4rem;line-height: 3.6rem;}
  .bg-page{background-position: center}  
}

@media (max-width: 767.9px) {
  .tiida-main-cont h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .tiida-main-cont{padding-left: 0;padding-right: 0;padding-top: 3rem;}
  .logo-main-cont {
    max-width: 100px;
  }
  .main-text{min-height: 72%;}
}