@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Thin.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  body{
      font-family: 'SF Pro Display', sans-serif;
      font-weight: normal;
      padding-left: 100px;
      color: #fff;
      overflow: hidden;
      overflow-y:scroll;
  }
  body.no_scroll{
      overflow: hidden;
  }
  a{
      color: #FFF;
  }
  .csite{
      color: #FFF;
  }
  .main_header {
      background-color: #FFF;
      position: fixed;
      top: 0;
      left: 0;
      width: 100px;
      bottom: 0;
      text-align: center;
      z-index: 999;
      border-right: 1px solid #000;
  }
  #header-mobile{
      display: none;
  }
  .logo{
      width: 60px;
      display: inline-block;
      margin-top: 60px;
  }
  .logo_main {
      position: fixed;
      top: 60px;
      right: 60px;
      width: 170px;
      z-index: 100;
  }
  .ref_menu {
      display: block;
      width: 30px;
      height: 30px;
      background-size: 100%;
      margin: 0 auto;
      cursor: pointer;
  }
  .ref_menu.active{
      background-image: url(../images/icon_menu2.svg);
  }
  .ref_scroll {
      background-image: url(../images/down.png);
      color: #000;
      background-size: auto 14px;
      background-repeat: no-repeat;
      background-position: center bottom;
      display: inline-block;
      width: 70px;
      padding-bottom: 28px;
  }
  .ref_scroll.scbottom{
      background-image: url(../images/up.svg);
  }
  .hsec3 {
      position: absolute;
      bottom: 40px;
      width: 100%;
  }
  .hsec2 {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
  }
  .item_banner {
      height: 700px;
      background-repeat: no-repeat;
      position: relative;
      background-size: cover;
      background-position: center center;
  }
  .title_hb{
      font-weight: bold;
      font-size: 36px;
      color: #fff;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
  }
  .title_hb:hover{
      color:#000;
  }
  .tick_hb{
      position: relative;
  }
  .des_hb {
      font-weight: 200;
      color: #fff;
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 10px;
      line-height: 1;
  }
  .content_hb{
      position: absolute;
      bottom: 35px;
      width: 100%;
      z-index: 3;
  }
  .title_block{
      font-size: 30px;
      font-weight: 700;
      text-align: left;
      position: relative;
  }
  .des_block {
      font-size: 18px;
      line-height: 1.25;
      font-weight: 200;
      width: calc(66%);
  }
  .item_project{
      margin-top: 20px;
  }
  .item_project .title{
      font-size: 24px;
      font-weight: 600;
      margin-top: 15px;
  }
  .item_project .des{
      font-size: 17px;
      font-weight: 300;
  }
  .item_project .des2{
      padding: 5px 0 15px;
      color: #999999;
      font-size: 16px;
      font-weight: 300;
  }
  .meta_date{
      font-size: 16px;
      border-bottom: 2px solid;
      color: #fff;
      margin-right: 15px;
  }
  .more_all {
      color: #000;
      font-weight: bold;
      font-size: 16px;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 10px;
      padding: 12px 15px 10px;
      display: inline-block;
      position: relative;
      cursor: pointer;
      z-index: 2;
      border: 0;
      margin-top: 30px;
  }
  .more_all span{
      position: relative;
      z-index: 2;
  }
  .more_all span::after{
      content: "";
      display: inline-block;
      width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-left: 7px solid #000;
        border-bottom: 5px solid transparent;
        margin-left: 5px;
  }
  .more_all:before {
      content: "";
      display: inherit;
      position: absolute;
      top: 0;
      width: 50%;
      height: 100%;
      left: 0;
      background-color: #c8c8c8;
      transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      z-index: 1;
  }
  .more_all:hover:before{
      width: 100%;
  }
  .item_service .title a {
      color: #fff;
      font-size: 21px;
      font-weight: 600;
  }
  .item_service{
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .item_service .title a:hover{
      color: #fff;
  }
  .item_service .title{
      margin-top: 15px;
  }
  .item_service .des{
      font-size: 17px;
      font-weight: 300;
      margin-top: 5px;
  }
  .item_service a.img{
      display: block;
  }
  .item_partner{
      margin-bottom: 15px;
      margin-top: 15px;
      border: 1px solid #f2f2f2;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
  }
  .item_partner:hover{
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: gray;
  }
  .slide_impressive .owl-controls{
      display: none;
  }
  .item_impressive .content {
      display: block;
      border: 1px solid #ffffff38;
      padding: 30px;
      color: #fff;
      font-size: 17px;
      font-weight: 300;
  }
  .item_impressive .content:hover{
      color: #000;
      background-color: #FFF;
  }
  .item_impressive .title {
      text-transform: uppercase;
      font-weight: 600;
      color: #fff;
      font-size: 16px;
      margin-top: 15px;
      margin-bottom: 5px;
      text-align: center;
  }
  .item_impressive .text{
      font-size: 14px;
      font-weight: 500;
      color: #fff;
      text-align: center;
  }
  .ds_slide .owl-dots {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 25px;
  }
  .ds_slide .owl-dot {
      background-color: #fff;
      display: inline-block;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      margin: 0 5px;
      opacity: 0.5;
  }
  .ds_slide .owl-dot:hover,.ds_slide .owl-dot.active{
      opacity: 1;
  }
  .footer_main{
      background-color: #000;
      color: #fff;
  }
  .form_in input {
      line-height: 1.3;
      border: 0;
      border-bottom: 1px solid #fff;
      background-color: transparent;
      display: block;
      width: 100%;
      margin-bottom: 25px;
      margin-top: 15px;
      font-size: 15px;
      font-weight: 500;
  }
  .form_in input::-webkit-input-placeholder,.form_in textarea::-webkit-input-placeholder {color: #fff;}
  .form_in input:-moz-placeholder,.form_in textarea:-moz-placeholder {color: #fff;opacity:1;}
  .form_in input::-moz-placeholder,.form_in textarea::-moz-placeholder {color: #fff;opacity:1;}
  .form_in input:-ms-input-placeholder,.form_in textarea:-ms-input-placeholder {color: #fff;}
  
  .more_all2 {
      color: #000;
      font-weight: bold;
      font-size: 16px;
      background-image: url(../images/right2.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto 10px;
      padding: 12px 15px 10px;
      display: inline-block;
      position: relative;
      cursor: pointer;
      z-index: 2;
      border: 0;
      background-color: transparent;
  }
  .t_wtl span{
      position: relative;
  }
  li.t_wtl span:first-child:before {
      content: "";
      display: inline-block;
      height: 1px;
      width: calc(100% - 20px);
      background-color: #fff;
      position: absolute;
      left: 15px;
      bottom: 5px;
      opacity: 0.5;
  }
  .more_all2 span{
      position: relative;
      z-index: 2;
  }
  .more_all2:before {
      content: "";
      display: inherit;
      position: absolute;
      top: 0;
      width: 50%;
      height: 100%;
      left: 0;
      background-color: #fff;
      transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      z-index: 1;
  }
  .more_all2:hover:before{
      width: 100%;
  }
  .form_tuvan{
      margin-top: 40px;
  }
  .fr1{
      padding-top: 30px;
      padding-bottom: 20px;
  }
  .fMenu {
      margin-top: 45px;
      padding-bottom: 30px;
  }
  .fMenu .menu{
      display: flex;
      justify-content: space-between;
  }
  .fMenu li {
      display: inline-block;
      margin-right: 48px;
  }
  .fMenu li:last-child{
      margin-right: 0;
  }
  .fMenu li a {
      color: #fff;
      font-size: 18px;
      font-weight: 500;
  }
  .fMenu li a:hover{
      color: #000;
  }
  .fliek{
      position: relative;
      border-bottom: 1px solid #fff;
  }
  .fliek:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: -30px;
      height: 1px;
      background-color: #fff;
      bottom: -1px;
      width: 30px;
  }
  .fliek:after {
      content: "";
      display: inline-block;
      position: absolute;
      left: 100%;
      height: 1px;
      background-color: #fff;
      bottom: -1px;
      width: 75px;
  }
  .f_menu{
      margin-top: 30px;
      padding-bottom: 30px;
  }
  .f_menu .title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 15px;
  }
  .f_menu li {
      list-style: none;
      display: block;
      font-size: 15px;
      font-weight: 500;
      margin: 7px 0;
      letter-spacing: -0.5px;
  }
  .f_menu li a{
      color: #fff;
  }
  .f_menu li a:hover{
      color: #000;
  }
  .coppy_right {
      text-align: right;
      margin-top: 18px;
  }
  .t_wtl span {
      display: inline-block;
      width: 60px;
  }
  .t_wtl span.cs {
      margin-right: 0;
      float: right;
      width: calc(100% - 60px);
  }
  .t_wtl2 span{
      display: inline-block;
      margin-right: 7px;
  }
  .social_f i {
      display: inline-block;
      width: 22px;
      line-height: 24px;
      height: 22px;
      text-align: center;
      background-color: #fff;
      border-radius: 50%;
      color: #000;
      font-size: 12px;
      margin-right: 5px;
  }
  .slide_banner .owl-controls,
  .projects.slider .owl-controls{
      position: absolute;
      bottom: 100px;
      right: 50px;
  }
  .slide_banner .owl-controls .owl-prev,
  .slide_banner .owl-controls .owl-next,
  .projects.slider .owl-controls .owl-prev,
  .projects.slider .owl-controls .owl-next,
  .services.slider .owl-controls .owl-prev,
  .services.slider .owl-controls .owl-next,
  .slide_impressive .owl-controls .owl-prev,
  .slide_impressive .owl-controls .owl-next{
      display: inline-block;
  }
  .slide_banner .owl-controls i,
  .projects.slider .owl-controls i,
  .services.slider .owl-controls i,
  .slide_impressive .owl-controls i{
      color: #000;
      font-size: 30px;
  }
  .services{
      display: flex;
      flex-wrap: wrap;
  }
  .services .item_service{
      width: calc(100% / 3);
      margin: 0;
  }
  .services .item_service a{
      display: block;
      overflow: hidden;
      position: relative;
      background: #000;
  }
  .services .item_service a img{
      opacity: .6;
      transition: all .3s ease;
  }
  .services .item_service a:hover img{
      opacity: .2;
  }
  .services .item_service a .text{
      position: absolute;
      color: #FFF;
      bottom: 20px;
      width: 100%;
      padding: 20px;
      text-align: center;
      z-index: 2;
  }
  .services .item_service a .text h3{
      font-size: 23px;
      margin-bottom: 10px;
  }
  .services .item_service a .text p{
      font-size: 15px;
      max-height: 0;
      overflow: hidden;
      transition:  all 1s ease;
  }
  .services .item_service a:hover .text p{
      max-height: 100px;
  }
  span.sli_tick {
      display: inline-block;
      vertical-align: top;
      line-height: 30px;
      color: #fff;
      margin: 0 10px;
      font-size: 30px;
      font-weight: 200;
  }
  span.sli_tick span{
      display: inline-block;
      padding: 0 10px;
  }
  span.sli_tick span:first-child{
      font-weight: 400;
  }
  .about-content .about-desc{
      text-align: justify;
  }
  .about_content p{
      margin-top: 30px;
  }
  .item_qts .item h3{
      font-size: 16px;
  }
  .qt_content {
      font-size: 15px;
      font-weight: 300;
      border-top: 2px solid #000;
      padding-top: 15px;
      margin-top: 10px;
  }
  .item_qt{
      margin-top: 22px;
      margin-bottom: 22px;
  }
  .about_slide{
      margin-top: 50px;
  }
  .about_slide .img {
      border-top: 1px solid transparent;
      border-bottom: 4px solid transparent;
  }
  .about_slide .text{
      opacity: 0;
      text-align: center;
      margin-top: 15px;
  }
  .about_slide .item:hover .text{
      opacity: 1;
  }
  .project_task_title {
      font-weight: 600;
      background-image: url(../images/h2.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 30px;
      cursor: pointer;
  }
  .item_task:not(:first-child) .project_task_title{
      margin-top: 1em;
  }
  .project_task_content{
      display: none;
      margin-top: 30px;
  }
  .item.active .project_task_title{
      background-image: url(../images/h1.png);
  }
  .nex_p {
      font-size: 18px;
      font-weight: 500;
      border-top: 1px solid #e6e6e6;
      padding-top: 10px;
      color:  #c8c8c8;
  }
  .title_block a{
      color: #FFF;
  }
  .title_block a:hover{
      color: #FFF;
  }
  .form_input input {
      display: block;
      width: 100%;
      background-color: transparent;
      border: 1px solid #000;
      line-height: 40px;
      color: #fff;
      font-size: 16px;
      border-radius: 20px;
      padding: 0 30px;
  }
  .form_title {
      font-size: 16px;
      font-weight: 600;
      margin-top: 25px;
      margin-bottom: 10px;
      min-height: 45px;
  }
  .item_ser_img{
      text-align: right;
  }
  .item_ser_img img{
      width: 180px;
  }
  .item_single_service .title {
      font-weight: 500;
      font-size: 48px;
      line-height: 1;
      border-top: 2px solid #000;
      padding-top: 30px;
  }
  .item_single_service .title span {
      font-weight: 500;
  }
  .item_single_service .content {
      border-top: 1px solid #c8c8c8;
      font-size: 20px;
      padding-top: 10px;
  }
  .item_single_service .text{
      border-bottom: 1px solid #000;
      font-weight: bold;
      font-size: 20px;
  }
  .item_single_service .text p{
      border-top: 1px solid #c8c8c8;
      padding: 10px 0;
  }
  .content_p{
      font-weight: normal;
      font-size: 18px;
  }
  .content_p p,.content_p h1,.content_p h2,.content_p h3,.content_p h4,.content_p h5,.content_p h6,.content_p ul,.content_p img,.content_p ol{
      margin-bottom: 20px;
  }
  .content_p h2{
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 30px;
  }
  .content_p h3{
      font-size: 24px;
      font-weight: 500;
  }
  .content_p h4{
      font-size: 20px;
      font-weight: 500;
  }
  .content_p h5{
  }
  .content_p ul,.content_p ol{
      padding-left: 15px;
  }
  .blog_item_rep img {
      height: 120px;
      object-fit: cover;
  }
  .blog_box2 .k1{
      padding-left: 0;
  }
  .blog_item_rep {
      margin-top: 15px;
      border-bottom: 2px solid #fff;
      padding-bottom: 15px;
  }
  .single_share span{
      font-size: 18px;
      font-weight: 600;
      display: inline-block;
      margin-right: 10px;
  }
  .single_share a {
      display: inline-block;
      background-color: #fff;
      color: #000;
      line-height: 24px;
      width: 24px;
      text-align: center;
      border-radius: 50%;
  }
  .single_share {
      border-top: 1px solid #e6e6e6;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .ct_title {
      font-size: 18px;
      font-weight: bold;
      border-top: 2px solid #000;
      padding-top: 15px;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  .ct_input {
      display: block;
      width: 100%;
      height: 40px;
      padding: 0 10px;
      border: 0;
      border-bottom: 1px solid #c8c8c8;
      line-height: 32px;
      margin-bottom: 10px;
      border-radius: 4px;
  }
  .form_contact input::-webkit-input-placeholder,.form_contact textarea::-webkit-input-placeholder {color: #999999;}
  .form_contact input:-moz-placeholder,.form_contact textarea:-moz-placeholder {color: #999999;opacity:1;}
  .form_contact input::-moz-placeholder,.form_contact textarea::-moz-placeholder {color: #999999;opacity:1;}
  .form_contact input:-ms-input-placeholder,.form_contact textarea:-ms-input-placeholder {color: #999999;}
  .box_radio label {
      font-size: 16px;
      vertical-align: middle;
      margin-left: 10px;
      cursor: pointer;
  }
  .box_radio {
      margin: 5px 0;
  }
  .contact_tip li {
      list-style: none;
      margin: 10px 0;
  }
  .contact_tip li i{
      background-color: #000;
      color: #fff;
  }
  .mainMenu {
      position: fixed;
      width: 70vw;
      height: 100vh;
      background: #000;
      border-left: 1px solid #424242;
      top: 0;
      left: -105%;
      padding: clamp(.5em, 100px, 10rem);
      z-index: 800;
      transition: all .3s ease-in-out;
      overflow: hidden;
  }
  .mainMenu.active{
      top: 0;
      left: 100px;
  }
  .mainMenu ul{
      margin: 0;
      padding: 0;
      list-style: none;
      margin-top: 30px;
      position: relative;
      z-index: 1;
  }
  .mainMenu ul li a{
      font-size: clamp(1.5rem, 60px, 7rem);
      text-align: left;
      font-weight: 900;
      letter-spacing: 2px;
      color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #FFF;
      -webkit-background-clip: text,padding-box;
      background-clip: text,padding-box;
      background-size: 100% 200%;
      background-position: top;
      -webkit-transition: background-position 0.6s ease-in-out;
      -o-transition: background-position 0.6s ease-in-out;
      transition: background-position 0.6s ease-in-out;
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), color-stop(50%, #000));
      background-image: -webkit-linear-gradient(bottom, #ffffff 50%, #000 50%);
      background-image: -o-linear-gradient(bottom, #ffffff 50%, #000 50%);
      background-image: linear-gradient(to top, #ffffff 50%, #000 50%);
  }
  .mainMenu ul li a:hover, .mainMenu ul li.current-menu-item a{
      text-decoration: none;
      -webkit-text-stroke-color: #fff;
      background-position: bottom;
  }
  .mainMenu .close-menu{
      position: absolute;
      display: block;
      width: 30px;
      height: 30px;
      background-size: 100%;
      top: 30px;
      right: 30px;
      opacity: 0;
      transition: all .3s ease-in-out;
      transition-delay: 3s;
  }
  .mainMenu.active .close-menu{
      opacity: 1;
  }
  .item_service img {
      height: auto;
      width: 100%;
  }
  .asel_input{
      color: #000;
      font-size: 16px;
      border-bottom: 2px solid #000;
      font-weight: 600;
  }
  .sel_input {
      border: 0;
      border-bottom: 1px solid #000;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-image: url(../images/a3e.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 10px;
      padding-right: 10px;
      font-size: 16px;
      margin-left: 50px;
      color: #000;
  }
  .ssel_input{
      border: 0;
      border-bottom: 1px solid #000;
      border-radius: 0;
      background-image: url(../images/a3e.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 10px;
      padding-right: 12px;
      font-size: 16px;
      margin-left: 50px;
      color: #000;
  }
  .link_cat {
      margin-left: 12px;
      font-size: 15px;
      color: #000;
  }
  .link_cat:hover{
      text-decoration: underline;
  }
  .item_project img {
      width: 100%;
      height: auto;
  }
  .title_block.title_block_p:after{
      display: none;
  }
  footer a{
      color: #fff;
  }
  button.more_all {
      background-color: transparent;
  }
  .qt_content a{
      color: #999999;
  }
  .mig_til{
      display: inline-block;
      position: relative;
      padding-right: 20px;
      font-size: 16px;
      cursor: pointer;
  }
  .mig_til .r1 {
      width: 13px;
      height: 2px;
      background-color: #000;
      display: inline-block;
      position: absolute;
      right: 0;
      top: calc(50% - 2px);
  }
  .mig_til .r2 {
      width: 13px;
      height: 2px;
      background-color: #000;
      display: inline-block;
      position: absolute;
      right: 0;
      top: calc(50% - 2px);
      opacity: 1;
      transition: all 0.2s ease-in-out 0s;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
  }
  .box_ft.active .mig_til .r2{
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      opacity: 0;
  }
  .box_ft .content{
      display: none;
  }
  .box_ft a {
      display: inline-block;
      font-size: 16px;
      margin: 0 0;
      margin-top: 10px;
      color: #444;
  }
  .box_ft a:hover{
      color: #000;
      text-decoration: underline;
  }
  .box_ft {
      font-weight: 500;
  }
  .box_slide_home{
      position: relative;
  }
  .banner_line {
      border-bottom: 1px solid #fff;
      position: absolute;
      bottom: 88px;
      z-index: 100;
      width: 100%;
  }
  .banner_line span {
      display: inline-block;
      width: 265px;
      height: 2px;
      background-color: #000;
      position: absolute;
      bottom: -1px;
      transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      left: 0;
  }
  .box_ft:hover .mig_til,.box_ft.active .mig_til{
      font-weight: bold;
  }
  .box_select_form{
      display: block;
      width: 100%;
      border: 1px solid #fff;
      height: 40px;
      font-size: 16px;
      border-radius: 20px;
      padding: 0 30px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  .item_post_item {
      display: block;
  }
  .item_project .item_post_item img {
      height: 300px;
  }
  .h_trick_left {
      background-color: transparent;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 50%;
      z-index: 2;
  }
  .h_trick_left:hover{
      cursor: url(../images/amwind-left.png),pointer;
  }
  .h_trick_right {
      background-color: transparent;
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 50%;
      z-index: 2;
  }
  .h_trick_right:hover{
      cursor: url(../images/amwind-right.png),pointer;
  }
  .animate__animated{
    --animate-duration: 1s;
  }
  .animate2{
      --animate-duration: 3s;
  }
  .animate{
      opacity: 0;
  }
  .ref_scroll .cl1{
      display: block;
  }
  .ref_scroll .cl2 {
      display: none;
  }
  .ref_scroll.scbottom .cl1{
      display: none;
  }
  .ref_scroll.scbottom .cl2 {
      display: block;
  }
  @-webkit-keyframes sdb05{0%{-webkit-transform:translate(0,40px);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0,40px);opacity:0}}@keyframes sdb05{0%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0,40px);transform:translate(0,40px);opacity:0}}
  
  @-webkit-keyframes sdb052{0%{-webkit-transform:translate(0,40px);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0,);opacity:0}}@keyframes sdb052{0%{-webkit-transform:translate(0,40px);transform:translate(0,40px);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0}}
  .ref_scroll{
      -webkit-animation: 3s infinite sdb05;
      animation: 3s infinite sdb05;
  }
  .ref_scroll.scbottom{
      -webkit-animation: 3s infinite sdb052;
      animation: 3s infinite sdb052;
  }
  .header-img{
      height: 100vh;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
  }
  .header-img img{
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .header-img .project-info-mobile{
      display: none;
  }
  .header-img .ref_scroll{
      display: none;
  }
  .owl-item {
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0) scale(1.0, 1.0);
  }
  .partners img{
      width: 100%;
      display: block;
      height: auto;
  }
  .partners .slick-arrow{
      position: absolute;
      top:  50%;
      transform:  translateY(-50%);
      width: 50px;
      height: 50px;
      border: 0;
      background:  none;
      color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      opacity: 0;
      transition: opacity .3s ease;
  }
  .partners .slick-arrow.next{
      right: 0;
  }
  .partners .slick-arrow svg{
      width:  50%;
      height:  auto;
  }
  .partners:hover .slick-arrow{
      opacity: 1;
  }