/* company news */
.m_list{float:left;margin-top:20px;width:100%}
.m_list ul{overflow:hidden}
.m_list ul li{float:left;width:100%;margin:15px 0;padding-bottom:30px;border-bottom:#ececec 1px solid}
a.ml_img{display:block;float:left;width:30%;height:0;padding-bottom:18%;overflow:hidden}
a.ml_img img{width:100%;border-radius: 5px;padding: 2px;border:#ececec 1px solid}
.ml_mess{float:left;width:70%;padding-left:30px}
.m_list ul li h2{display:inline-block;width:100%;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:18px;line-height:20px}
.m_list ul li h2 i{float:left;margin-right:5px;color:red;font-style:normal;font-weight:400;font-size:16px}
p.ml_time{padding:0 0 10px;color:#888;font-size:14px}
p.ml_desc{color:#666;font-size:16px;line-height:1.8;text-align:justify}

/* news img bug */
.Content img{height: auto !important;padding: 5px;border-radius:15px;}
/* 12. news */
.blog-area {
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-area.pt-120 {
      padding-top: 115px;
    }
  }
  @media (max-width: 767px) {
    .blog-area.pt-120 {
      padding-top: 115px;
    }
  }
  
  .kblog-text.kblog-text2 {
    background: transparent;
    box-shadow: none;
    padding: 30px 0px 50px 0px;
    border-bottom: 1px solid #e9ebed;
  }
  .kblog-text.kblog-text2 p {
    font-size: 16px;
    line-height: 36px;
  }
  
  .kblog-text {
    background: #fff;
    padding: 30px 35px 30px 35px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  }
  @media (max-width: 767px) {
    .kblog-text {
      padding: 30px;
    }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .kblog-text {
      padding: 25px;
    }
  }
  .kblog-text .kblog-meta {
    margin-bottom: 5px;
  }
  .kblog-text .kblog-meta a {
    font-size: 12px;
    font-weight: 500;
    color: #777a7e;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 30px;
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .kblog-text .kblog-meta a {
      margin-right: 18px;
    }
  }
  .kblog-text .kblog-meta a:last-child {
    margin-right: 0px;
  }
  .kblog-text .kblog-meta a:last-child:after {
    display: none;
  }

  @media (min-width: 480px) and (max-width: 767px) {
    .kblog-text .kblog-meta a:after {
      right: -16px;
    }
  }
  .kblog-text .kblog-meta a i {
    color: #ff4040;
    font-size: 14px;
    margin-right: 2px;
  }
  .kblog-text .kblog-meta a:hover {
    color: #ff4040;
  }
  
  .kblog-text-title {
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 900;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .kblog-text-title {
      font-size: 20px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .kblog-text-title {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .kblog-text-title {
      font-size: 18px;
      line-height: 1.4;
    }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .kblog-text-title {
      font-size: 20px;
      line-height: 1.4;
    }
  }
  .kblog-text-title:hover {
    color: #ff4040;
  }
  
  .kblog-text-title2 {
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 10px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .kblog-text-title2 {
      font-size: 24px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .kblog-text-title2 {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .kblog-text-title2 {
      font-size: 20px;
    }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .kblog-text-title2 {
      font-size: 24px;
    }
  }
  .kblog-text-title2:hover {
    color: #ff4040;
  }
  
  .kblog-text-link {
    position: relative;
    padding-top: 15px;
  }
  .kblog-text-link:before {
    height: 1px;
    width: 90px;
    background: #e9ebed;
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
  }
  .kblog-text-link a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #777a7e;
    letter-spacing: 1.5px;
  }
  .kblog-text-link a i {
    margin-left: 3px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  .kblog-text-link a:hover {
    color: #ff4040;
  }
  .kblog-text-link a:hover i {
    margin-left: 8px;
  }
  
  .blog-space {
    margin-left: 360px;
    display: flex;
    border-bottom: 1px solid #e9ebed;
    position: relative;
  }
  @media (min-width: 1400px) and (max-width: 1700px) {
    .blog-space {
      margin-left: 100px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .blog-space {
      margin-left: 15px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-space {
      margin-left: 15px;
      margin-right: 15px;
      display: inherit;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-space {
      margin-left: 15px;
      display: inherit;
      margin-right: 15px;
    }
  }
  @media (max-width: 767px) {
    .blog-space {
      margin-left: 15px;
      display: inherit;
      margin-right: 15px;
    }
  }
  
  .blog-text {
    flex-basis: 26%;
  }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .blog-text {
      flex-basis: 35%;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-text {
      flex-basis: 100%;
      padding-top: 0px;
      padding-bottom: 50px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-text {
      padding-top: 0px;
      padding-bottom: 50px;
    }
  }
  @media (max-width: 767px) {
    .blog-text {
      padding-top: 0px;
      padding-bottom: 50px;
    }
  }
  .blog-text p {
    color: #777a7e;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
  }
  @media (max-width: 767px) {
    .blog-text .section-title-wrapper {
      padding-right: 0px;
    }
  }
  
  .kblog-img {
    position: relative;
    overflow: hidden;
  }
  .kblog-img span {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    background: #ff4040;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }
  .kblog-img img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
  }
  

  
  .blog-space .slide-prev, .blog-space .slide-next {
    position: static;
    font-size: 20px;
    background: #f2f3f5;
    height: 65px;
    width: 65px;
    line-height: 65px;
    color: #242629;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 3;
    text-align: center;
    margin: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    display: inline-block;
  }
  .blog-space .slide-prev:hover, .blog-space .slide-next:hover {
    background: #ff4040;
    color: #fff;
  }
  
  .blog-space .slide-next {
    margin-left: 10px;
  }
  
  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.7;
  }
  
  .kblog:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
    -webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
  }

  
  .tag_cloud span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #242629;
  }
  .tag_cloud .tag-cloud-link {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #777a7e;
    margin-right: 3px;
    margin-bottom: 10px;
    display: inline-block;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  .tag_cloud .tag-cloud-link:hover {
    color: #ff4040;
  }
  
  .blog-social a {
    font-size: 18px;
    color: #777a7e;
    display: inline-block;
    margin-left: 28px;
    vertical-align: middle;
  }
  @media (min-width: 1400px) and (max-width: 1700px) {
    .blog-social a {
      margin-right: 18px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .blog-social a {
      margin-right: 13px;
    }
  }
  @media (max-width: 767px) {
    .blog-social a {
      margin-right: 13px;
      margin-left: 0;
    }
  }
  .blog-social a:hover {
    color: #ff4040;
  }
  
  .blog-author {
    padding: 30px 30px 25px 30px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-author {
      padding: 40px 40px 35px 40px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-author {
      padding: 60px 60px 60px 60px;
    }
  }
  @media (max-width: 767px) {
    .blog-author {
      padding: 30px 30px 20px 30px;
    }
  }
  .blog-author .blog-author-img {
    margin-right: 40px;
  }
  .blog-author .blog-author-text h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-author .blog-author-text h4 {
      margin-bottom: 15px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-author .blog-author-text h4 {
      margin-bottom: 15px;
    }
  }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .blog-author .blog-author-text h4 {
      margin-bottom: 10px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-author .blog-author-text h4 {
      margin-bottom: 10px;
    }
  }
  .blog-author .blog-author-text p {
    font-size: 16px;
    line-height: 34px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-author .blog-author-text p {
      font-size: 14px;
      line-height: 30px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-author .blog-author-text p {
      font-size: 15px;
      line-height: 30px;
    }
  }
  
  .blog-comment-box {
    padding: 55px 0px;
  }
  .blog-comment-box .blog-single-comment {
    position: relative;
    border-bottom: 1px solid #e9ebed;
    padding: 60px 40px 55px 0px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-comment-box .blog-single-comment {
      padding: 60px 40px 40px 0px;
    }
  }
  @media (max-width: 767px) {
    .blog-comment-box .blog-single-comment {
      padding: 60px 40px 40px 10px;
    }
  }
  .blog-comment-box .blog-single-comment .blog-comment-img {
    width: 440px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-comment-box .blog-single-comment .blog-comment-img {
      margin-right: 20px;
      width: 540px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-comment-box .blog-single-comment .blog-comment-img {
      margin-right: 20px;
    }
  }
  .blog-comment-box .blog-single-comment .blog-comment-text {
    padding: 10px 0px;
  }
  .blog-comment-box .blog-single-comment .blog-comment-text h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
  }
  .blog-comment-box .blog-single-comment .blog-comment-text p {
    font-size: 16px;
    line-height: 34px;
  }
  
  @media (max-width: 767px) {
    .blog-single-comment.no-pt {
      padding-top: 30px;
    }
  }
  
  .comment-title {
    padding: 0;
    margin-bottom: -8px;
  }
  
  .comment-title2 {
    padding: 0;
    margin-bottom: 52px;
  }
  
  .comment-box-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  
  .reply-btn {
    position: absolute;
    top: 70px;
    right: 0;
  }
  @media (max-width: 767px) {
    .reply-btn {
      top: 80px;
      position: static;
      margin-top: 15px;
    }
  }
  
  .comment-btn {
    font-size: 12px;
    text-transform: uppercase;
    padding: 15px 20px;
    background: #ff4040;
    color: #fff;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  .comment-btn:hover {
    background-color: #222;
    color: #fff;
  }
  
  .blog-comment-form input, .blog-comment-form textarea {
    width: 100%;
    padding: 25px;
    color: #777a7e;
    border: none;
    background: #f2f3f5;
    font-size: 14px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  @media (max-width: 767px) {
    .blog-comment-form input, .blog-comment-form textarea {
      padding: 15px;
    }
  }
  .blog-comment-form input:focus, .blog-comment-form textarea:focus {
    border-color: #ff4040;
  }
  
  .sidebar-search-from {
    position: relative;
  }
  .sidebar-search-from form input {
    color: #fff;
    font-size: 16px;
    background: #ff4040;
    position: relative;
    width: 100%;
    height: 84px;
    border: 0;
    padding: 0 50px;
  }
  .sidebar-search-from form input::-moz-placeholder {
    color: #fff;
  }
  .sidebar-search-from form input::placeholder {
    color: #fff;
  }
  .sidebar-search-from form button {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0px;
    color: #fff;
    line-height: 60px;
    border: 0;
    border-radius: 50px;
    font-size: 16px;
    right: 35px;
    background: none;
  }
  .sidebar-search-from form button i {
    font-size: 18px;
  }
  
  .widget_-latest-posts {
    padding: 45px 50px 35px 50px;
    background: #f2f3f5;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .widget_-latest-posts {
      padding: 45px 40px 35px 40px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .widget_-latest-posts {
      padding: 45px 50px 35px 50px;
    }
  }
  @media (max-width: 767px) {
    .widget_-latest-posts {
      padding: 30px 25px 30px 25px;
    }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .widget_-latest-posts {
      padding: 45px 40px 50px 40px;
    }
  }
  
  .rc-post .rc-thumb {
    margin-right: 15px;
    width: 100px;
  }
  .rc-post .rc-thumb img {
    width: 100%;
  }
  @media (max-width: 767px) {
    .rc-post .rc-thumb {
      width: 70px;
      width: 100px;
    }
  }
  .rc-post .rc-text .kblog-meta a {
    font-size: 12px;
    font-weight: 500;
    color: #777a7e;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 30px;
    margin-bottom: 6px;
  }
  .rc-post .rc-text .kblog-meta a i {
    color: #ff4040;
    font-size: 14px;
    margin-right: 2px;
  }
  .rc-post .rc-text .kblog-meta a:hover {
    color: #ff4040;
  }
  .rc-post .rc-text h5 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
  }
  .rc-post .rc-text h5:hover {
    color: #ff4040;
  }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .rc-post .rc-text h5 {
      font-size: 14px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .rc-post .rc-text h5 {
      font-size: 14px;
      line-height: 20px;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .rc-post .rc-text h5 {
      font-size: 14px;
      line-height: 22px;
    }
  }
  @media (max-width: 767px) {
    .rc-post .rc-text h5 {
      font-size: 14px;
      line-height: 20px;
    }
  }
  
  .widget_tag_cloud {
    background: #f2f3f5;
    padding: 45px 50px 45px 50px;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .widget_tag_cloud {
      padding: 35px 40px 35px 40px;
    }
  }
  @media (max-width: 767px) {
    .widget_tag_cloud {
      padding: 30px 25px 30px 25px;
    }
  }
  
  .tagcloud a {
    background: #fff;
    color: #6B727E;
    padding: 6px 15px;
    display: inline-block;
    font-size: 14px !important;
    margin-bottom: 5px;
    margin-right: 2px;
    text-transform: capitalize;
  }
  .tagcloud a:hover {
    background: #ff4040;
    color: #fff;
  }
  
  .basic-pagination ul li {
    display: inline-block;
    margin-right: 10px;
  }
  .basic-pagination ul li a, .basic-pagination ul li span {
    position: relative;
    overflow: hidden;
    background: #f1f1f1;
    color: #242629;
    font-size: 20px;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  
  .basic-pagination ul li a:hover, .basic-pagination ul li span.current {
    background: #ff4040;
    color: #ffffff;
  }