@media (min-width: 2400px){
  .top-slider .swiper-pagination{
    width: 1675px;
  }
  .top-slider .swiper-pagination-bullet .cont-time{
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
  }
  .cont-time{
    top: -10px;
  }
}
@media (max-width: 2000px) {
  .content-width {
    width: 1365px; }

  .top-line .content-width .top-menu ul li a {
    font-size: 30px; }

  .top-line .content-width .top-menu ul li + li {
    margin-left: 54px; }

  .top-line .content-width .logo-wrap {
    width: 338px; }

  .top-line .content-width .logo-wrap a span {
    width: 100px;
    height: 100px; }

  .is-sticky .top-line .content-width .logo-wrap a span {
    top: -17px; }

  .top-line .content-width .logo-wrap img {
    top: 0; }

  .top-slider .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 44px;
    margin-right: 20px; }

  .project .content .item a .hover-block h3 {
    line-height: 108px;
    font-size: 99px; }
  .project .content .item{
    margin-bottom: 40px;
  }
  .project .content .item-66 {
    width: calc(66.66% - 20px); }

  .project .content .item-33 {
    width: calc(33.33% - 20px); }

  .project .content .item-50 {
    width: calc(50% - 20px); }


    .project .content .item a {
      height: 500px; }

  footer .soc li a {
    font-size: 30px; }

  footer p {
    width: 90px; }
    footer p img {
      max-width: 100%; }

  .project h2 {
    font-size: 90px;
    margin-bottom: 100px; }

  .text-section h1, .text-section h2, .team h2 {
    line-height: 108px;
    font-size: 99px; }

  .text-section p, .text-section ol li, .text-section ol li:before, .contact-list a {
    font-size: 36px; }

  .logo-section .content .item {
    padding: 0 30px;
    height: 200px; }

  .text-section .img-wrap figure {
    height: 900px; } }
@media (max-width: 2400px) {
  .top-line .content-width .logo-wrap {
    width: 230px; }
  .top-slider .swiper-pagination-bullet .cont-time {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .top-line .content-width .top-menu ul li a {
    font-size: 20px; }

  .top-line .content-width .logo-wrap img {
    top: 10px; }

  .top-line .content-width .logo-wrap a span {
    width: 64px;
    height: 64px; }

  .is-sticky .top-line .content-width .logo-wrap a span {
    top: -48px; }

  .top-slider .swiper-slide h1, .top-slider .swiper-slide h2 {
    font-size: 80px; }

  .top-slider .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 38px; }

  .project h2 {
    font-size: 58px;
    margin-bottom: 60px; }

  .project .content .item a .hover-block h3 {
    line-height: 180px;
    font-size: 99px; }

  footer .soc li a {
    font-size: 30px; }

  footer p {
    width: 58px; }

  .text-section h1, .text-section h2, .team h2 {
    line-height: 108px;
    font-size: 99px; }


  .text-section p, .text-section ol li, .text-section ol li:before, .contact-list a {
    line-height: 57px;
    font-size: 42px; }

  .text-section .img-wrap figure {
    height: 600px; }

  .logo-section .content .item {
    padding: 0 50px; }
  .team .content .item .text-wrap p{
    line-height: 57px;
    font-size: 42px;
  }
  .text-section {
    padding-bottom: 20px; } }
@media (max-width: 1440px) {
  .content-width, .top-slider .swiper-pagination {
    width: 1140px; }
  .is-sticky .top-line .content-width .logo-wrap a span {
    top: -39px;
  }
  .top-line .content-width .top-menu ul li + li {
    margin-left: 40px; }


  .project .content .item a .hover-block h3 {
    line-height: 1.3;
    font-size: 60px; }
  .team .content .item .text-wrap p{
    line-height: normal;
  }
  footer .soc li a {
    font-size: 24px; }

  footer p {
    width: 70px; }

  footer .soc {
    position: relative;
    top: -5px; }

  .top-line {
    padding-top: 20px; }

  .sticky-wrapper {
    min-height: 80px; }


  .text-section h1, .text-section h2, .team h2 {
    font-size: 50px; }

  .text-section p, .text-section ol li, .text-section ol li:before {
    font-size: 30px; }

  .text-section {
    padding: 70px 0; }

  main .text-section:first-child {
    padding-top: 150px; }

  .contact-list li:last-child {
    width: calc(50% - 350px); }

  .text-section p, .text-section ol li, .text-section ol li:before, .contact-list a {
    font-size: 24px;
    line-height: normal;
  }

  .form-wrap .input-wrap label{
    font-size: 24px;
    line-height: normal;
  }
  .form-wrap .input-wrap input{
    height: 50px;
    line-height: 50px;
    font-size: 24px;
  }
  .form-wrap .input-wrap textarea{
    font-size: 24px;
    line-height: normal;
  }
  .form-wrap .input-wrap-submit button{
    font-size: 30px;
    width: 300px;
    height: 50px;
    line-height: 46px;
  }

  .blog-slider .swiper-slide .text-wrap p, .blog-content .text-wrap p {
    line-height: normal;
    font-size: 24px; }

  .blog-slider .swiper-slide .text-wrap h3 a, .blog-content .text-wrap h3 a {
    line-height: normal;
    font-size: 32px; }

  .blog-slider .swiper-slide > figure a {
    height: 550px; }
  .contact-list li p:last-child a img{
    width: 32px;
  }
  .blog-content figure a {
    height: 250px; }
  
  .blog-inner .content-width h1 {
    line-height: normal;
    font-size: 60px; } }
@media (max-width: 1200px) {
  .content-width, .top-slider .swiper-pagination {
    width: 960px; }

  .top-line .content-width .top-menu {
    width: calc(100% - 300px); }

  .project .content .item a {
    height: 400px; }

  .contact-list li:last-child {
    width: 100%;
    margin-top: 20px; }

  .blog-slider .swiper-slide > figure {
    width: 100%;
    margin-bottom: 30px; }

  .blog-slider .swiper-slide .text-wrap {
    width: 100%;
    padding-left: 0; }

  .blog-slider .user-wrap {
    left: 0; }

  .blog-content .content-width {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .blog-content .content-width .item {
      width: 49%;
      margin-right: 0 !important; }

  .blog-inner .content-width h1 {
    font-size: 50px; }
  .form-wrap .input-wrap label{
    width: 150px;
  }
  .form-wrap .input-wrap input, .form-wrap .input-wrap textarea, .form-wrap .input-wrap-submit {
    width: calc(100% - 150px);
  }
  .contact-list li p:first-child{
    width: 200px;
  }
  .contact-list li p:last-child {
    width: calc(100% - 200px);
  }
  .contact-list li:last-child{
    margin-top: 30px;
  }
  .blog-inner .img-wrap-block .item {
    height: 400px; }
    .blog-inner .img-wrap-block .item .item-inner {
      height: 200px; } }
@media (max-width: 991px) {
  .content-width, .top-slider .swiper-pagination {
    width: 720px; }
  .form-wrap .input-wrap textarea{
    height: 300px;
  }
  .menu-responsive {
    margin: 0;
    padding: 0;
    width: 375px;
    background: #ff4d1f;
    min-height: 100vh;
    float: right; }
    .menu-responsive .wrap {
      padding: 126px 25px 50px; }
    .menu-responsive ul {
      list-style: none;
      margin-bottom: 38px;
      padding-bottom: 38px; }
      .menu-responsive ul li {
        position: relative;
        width: 100%; }
        .menu-responsive ul li a {
          font-style: normal;
          font-weight: normal;
          font-size: 24px;
          line-height: 40px;
          color: #FFFFFF; }
    .menu-responsive .logo-wrap {
      margin-bottom: 30px; }
      .menu-responsive .logo-wrap img {
        width: 150px; }
    .menu-responsive .fancybox-close-small:after {
      top: 25px;
      right: 20px;
      color: #fff;
      font-size: 30px;
      width: 24px;
      height: 24px;
      outline: none !important;
      background: transparent; }

  .fancybox-fx-slide-in-out.fancybox-slide--previous {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }

  .fancybox-fx-slide-in-out.fancybox-slide--next {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }

  .fancybox-fx-slide-in-out.fancybox-slide--current {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

  .menu-btn {
    display: inline-block;
    width: 32px;
    margin-left: 38px;
    height: 22px;
    margin-top: 20px;
    margin-bottom: 7px; }
    .menu-btn span {
      height: 2px;
      background: #fff;
      width: 100%;
      float: left;
      display: block;
      position: relative; }
    .menu-btn span + span {
      margin-top: 7px; }

  .top-line .content-width .top-menu ul {
    display: none; }

  .top-line .content-width .top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

  .top-slider .swiper-slide h1, .top-slider .swiper-slide h2 {
    font-size: 70px; }

  .project h2 {
    font-size: 50px; }

  .project {
    padding: 50px 0; }

  .project .content .item {
    width: 49% !important; }

  .project .content .item a {
    height: 350px; }

  .contact-list li {
    width: calc(100% - 240px); }

  .contact-list li:first-child {
    width: 220px; }

  .text-section .img-wrap figure {
    height: 700px; } }
@media (max-width: 767px) {
  .content-width, .top-slider .swiper-pagination {
    width: 540px; }
 .blog-inner .img-wrap-block .item:first-child figure img {
    border-bottom: 10px solid #fff;
    border-right: 0;
  }
  .project .content .item a .hover-block h3 {
    font-size: 34px; }

  .text-section h1, .text-section h2, .team h2 {
    font-size: 40px; }

  .text-section p, .text-section ol li, .text-section ol li:before {
    font-size: 24px; }

  .logo-section .content .item {
    width: 50%;
    height: 150px; }

  .contact-list li {
    width: 100% !important;
    margin: 0 0 15px !important; }

  .text-section .img-wrap figure {
    height: 500px; }

  .contact-list {
    margin-bottom: 50px; }

  .team .content .item span {
    display: block;
    width: 75px; }

  .blog-slider .swiper-slide > figure a {
    height: 400px; }

  .blog-inner .img-wrap-block .item {
    width: 100%; } }
@media (max-width: 575px) {
  .content-width, .top-slider .swiper-pagination {
    width: 100%;
    padding: 0 20px; }

  .top-line .content-width .logo-wrap a > img {
    display: none; }

  .top-line .content-width .logo-wrap a span {
    top: -22px !important; }
  .top-line .content-width .logo-wrap a span {
    width: 50px;
    height: 50px;
  }
  .top-line .content-width .logo-wrap {
    width: 100px; }

  .top-line .content-width .top-menu {
    width: calc(100% - 100px); }

  .top-slider .swiper-slide h1, .top-slider .swiper-slide h2 {
    font-size: 50px;
    left: 20px; }

  .top-slider .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 24px; }

  .menu-responsive {
    width: 100%;
    max-width: 375px; }

  .project h2 {
    font-size: 36px; }

  .project .content .item {
    width: 100% !important; }

  footer .soc {
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    footer .soc li {
      text-align: center;
      margin-bottom: 10px; }
      footer .soc li a {
        text-align: center; }

/*  footer p {
    width: 100%;
    text-align: center; }*/
    footer p img {
      width: 70px; }

  .text-section h1, .text-section h2, .team h2 {
    font-size: 30px; }

  .text-section p, .text-section ol li, .text-section ol li:before {
    font-size: 20px; }

  .text-section h1, .text-section h2 {
    margin-bottom: 20px; }

  main .text-section:first-child {
    padding-top: 70px; }
  .blog-inner .content-width h2:first-child {
    margin-bottom: 30px;
  }
  .text-section {
    padding: 50px 0; }

  .text-section ol li {
    padding-left: 25px; }

  .logo-section .content .item {
    height: 70px;
    padding: 0 15px; }

  .text-section p, .text-section ol li, .text-section ol li:before, .contact-list a, .team .content .item .text-wrap p {
    font-size: 20px; }

  .text-section .img-wrap figure {
    height: 300px; }

  .team .content .item {
    width: 100%; }

  .top-line {
    padding-top: 0; }

  .sticky-wrapper {
    min-height: 61px; }

  .blog-slider .swiper-slide > figure a {
    height: 250px; }

  .blog-slider .swiper-slide .text-wrap p, .blog-content .text-wrap p {
    font-size: 20px; }

  .blog-slider .swiper-slide .text-wrap p.time {
    margin-bottom: 30px; }

  .blog-slider .swiper-slide .text-wrap h3 {
    margin: 0 0 30px; }

  .blog-slider .swiper-slide .text-wrap {
    padding-bottom: 60px; }

  .blog-slider .swiper-pagination {
    margin-top: 50px; }

  .blog-slider .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 24px; }

  .blog-content {
    padding: 50px 0; }

  .blog-content .content-width .item {
    width: 100%; }

  .blog-slider .swiper-slide .text-wrap h3 a, .blog-content .text-wrap h3 a {
    font-size: 28px; }

  .blog-inner .content-width h1 {
    font-size: 32px; }
  .top-slider .swiper-pagination-bullet .cont-time{
    -webkit-transform: scale(0.69);
    -ms-transform: scale(0.69);
    transform: scale(0.69);
  }
  .top-line .content-width{
    padding-left: 20px;
    padding-right: 20px;
  }
  .blog-inner .img-wrap-block .item {
    height: 250px; }
    .blog-inner .img-wrap-block .item .item-inner {
      height: 125px; }

  .blog-inner .bottom-link ul {
    width: 100%;
    margin-bottom: 20px; }
  .contact-list li p:first-child{
    width: 100%;
    margin-bottom: 5px;
  }
  .contact-list li p:last-child{
    width: 100%;
  }
  .contact-list li p:last-child a{
    margin-right: 15px;
  }
  .form-wrap .input-wrap label{
    width: 100%;
    margin-bottom: 3px;
  }
  .form-wrap .input-wrap input, .form-wrap .input-wrap textarea{
    width: 100%;
  }
  .form-wrap .input-wrap-submit button{
    width: 100%;
    text-align: center;
  }
  footer .soc li{
    margin-right: 20px;
  }
  .form-wrap .input-wrap{
    margin-bottom: 15px;
  }
  footer .content-width{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  }
  .blog-btn-wrap {
    margin-top: 75px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  footer .soc li a img, .contact-list a img, .blog-inner .bottom-link ul li a img{
    width: 40px;
  }
  footer .soc{
    margin: 0;
    top: 0;
  }
  .form-wrap .input-wrap-submit{
    width: 100%;
  }
  footer p{
    width: auto;
  }
  footer p img{
    width: 40px;
  }
  .blog-btn-wrap a {
    font-size: 24px; } }

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