@charset "UTF-8";


/*------------------------------------------------------------------
[ Table of contents ]

1. Google fonts
2. Main Colors
3. Buttons styles
4. Typography
5. Header
    1. Desctop menu
    2. Mobile menu
    3. Header slider
    4. Header particles
    5. Header video
6. Footer
7. Home page
    1. Icons section
    2. Service section
    3. Portfolio section
    4. Partners section
    5. Contact block
    6. News Section
8. About page
    1. Section who we are
    2. Numbers block
    3. Team section
9. Services page
    1. Services items
10. Contacts
    1. Contacts box
    2. Contacts form
    3. Map
11. Blog & Portfolio
    1. Blog post & Portfolio item
    2. Post styles
    3. Sidebar > Widgets
12. Blog Single & Portfolio Single
    1. Thumbnail styles
    2. Description
    3. Share
    4. Comments
    5. Post single content styles & typography
13. Other styles
    1. Pagintaion

------------------------------------------------------------------ */
/* 1 Google fonts */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Red Hat Display:100,300,400,500,700,900");
/* 2 Main Colors */
html {
  scroll-behavior: smooth;
}
.white {
  color: #fff; }

.orange {
  color: #F8BB5C; }

.black {
  color: #080909; }

/* 3 Buttons styles */
.btn {
  background-color: transparent;
  font-family: 'Red Hat Display', sans-serif;
  display: block;
  min-width: 100px;
  border-radius: 25px;
  padding: 0 30px;
  height: 42px;
  min-height: 42px;
  line-height: 42px;
  overflow: hidden;
  font-size: 16px;
  text-align: center;
  color: #fff;
  /*border: 1px solid #F8BB5C;*/
  z-index: 1;
  position: relative;
  transition: 0.4s all; }
  .btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 120%;
    left: 0;
    top: 0;
    background: #161629c9;
    z-index: -1;
    transition: 0.5s all;
    opacity: 0.3; }
  .btn:hover {
    background: #161629c9; }
    .btn:hover:after {
      opacity: 1;
      width: 150%;
      right: 0; }

.small-btn {
  height: 38px;
  min-height: 38px;
  line-height: 38px;
  font-size: 15px;
  padding: 0 22px; }

  .newsBtn{
    height: 23px;
    min-height: 32px;
    line-height: 60px;
    font-size: 18px;
    padding: 7px 22px;
    background: #000035 !important;
    /* display: block; */
    /* block-size: 5px; */
    color: white;
    margin-left: 315px;
    border-radius: 50px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Red Hat Display', sans-serif;
  }

.big-btn {
  background-color: transparent;
  font-family: 'Red Hat Display', sans-serif;
  display: block;
  min-width: 100px;
  border-radius: 50px;
  padding: 0 40px;
  height: 55px;
  min-height: 55px;
  line-height: 50px;
  overflow: hidden;
  font-size: 22px;
  text-align: center;
  color: #fff;
  border: 2px solid #F8BB5C;
  z-index: 1;
  position: relative;
  transition: 0.4s all; }
  .big-btn:hover {
    background: #F8BB5C; }

.btn-rect {
  /*background-color:rgba(0, 56, 131, 1);*/
  font-family: 'Red Hat Display', sans-serif;
  display: block;
  min-width: 100px;
  padding: 0 30px;
  height: 42px;
  min-height: 42px;
  line-height: 42px;
  overflow: hidden;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  border: transparent;
  z-index: 1;
  position: relative;
  transition: 0.4s all;
  border-radius: 3px;}
  .btn-rect:after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 120%;
    left: 0;
    top: 0;
    background: rgba(83, 123, 173, 1);
    /*background: #F8BB5C;*/
    z-index: -1;
    transition: 0.5s all;
    opacity: 0.3; }
  .btn-rect:hover {
    /*background-color: rgb(83, 123, 173);*/
    /*border-color: transparent;*/
  }
    .btn-rect:hover:after {
      opacity: 1;
      width: 150%;
      right: 0; }

.btn-fill {
  font-family: 'Red Hat Display', sans-serif;
  display: block;
  min-width: 100px;
  padding: 0 30px;
  height: 42px;
  min-height: 42px;
  line-height: 42px;
  overflow: hidden;
  font-size: 16px;
  text-align: center;
  color: #080909;
  border: 2px solid #ffffff;
  z-index: 1;
  background: rgba(83, 123, 173, 1);
  position: relative;
  transition: 0.4s all; }

.btns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start; }
  .btns button {
    margin: 10px 0;
    display: block; }

.relative-wrap {
  position: relative;
  display: block; }

/* 4 Typography */
  /*font-family: 'Roboto', sans-serif;*/
p {
  font-family: 'Red Hat Display', sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  text-align: justify;
}

span {
  font-family: 'Red Hat Display', sans-serif;
  font-size: 13px; }

h1, .h1 {
  font-size: 60px;
  margin: 0;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Red Hat Display', sans-serif;
}

h2 {
  /*font-size: 42px;*/
  font-size: 36px;
  margin: 0;
  line-height: 1.2;
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600; }

h3 {
  font-size: 28px;
  margin: 0;
  line-height: 1.2;
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600; }

h4 {
  font-size: 26px;
  margin: 0;
  line-height: 1.4;
  margin-top: 10px;
  font-family: 'Red Hat Display', sans-serif; }

h5 {
  font-size: 22px;
  line-height: 1.2;
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 500; }

h6 {
  font-size: 15px;
  line-height: 1.2;
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 400; }

@media (max-width: 991px) {
  h1, .h1 {
    font-size: 54px !important; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 26px; }
  h4 {
    font-size: 22px; }
  h5 {
    font-size: 20px; }
  h6 {
    font-size: 18px; } }

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 40px !important; }
  h2 {
    font-size: 32px; }
  h3 {
    font-size: 26px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 18px; }
  h6 {
    font-size: 16px; } }

@media (max-width: 550px) {
  h1, .h1 {
    font-size: 36px !important; }
  h2 {
    font-size: 26px; }
  h3 {
    font-size: 22px; }
  h4 {
    font-size: 20px; }
  h5 {
    font-size: 18px; }
  h6 {
    font-size: 16px; } }

@media (max-width: 380px) {
  h1, .h1 {
    font-size: 32px !important; } }

/* 5 Header */
.header {
  overflow: hidden;
  height: 50vh;
  min-height: 600px;
  max-height: 600px;
  width: 100%;
  background: transparent;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .header .header-center {
    height: 100%;
    width: 100%;
    z-index: 1; }
  .header h1 {
    text-align: center;
    color: #fff;
    margin-top: 20px;
    z-index: 1; }
  .header h4 {
    color: #fff;
    text-align: center;
    z-index: 1; }

.page-header {
  background-position: center;
  position: relative;
  width: 100%;
  height: 350px;     
  margin-top: 76px;
}
.paralaximg{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
  .page-header h1 {
    font-size: 48px; }
  .page-header.error {
    min-height: 400px;
    height: calc(100vh - 70px); }
    .page-header.error h1 {
      text-align: center; }
    @media (max-width: 767px) {
      .page-header.error {
        height: calc(100vh - 120px); } }
  @media (max-width: 767px) {
    .page-header {
      height: 300px; } }
  .page-header > .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    justify-content: center;
    color: #fff;
    /* breadcrumbs */ }
    @media (max-width: 767px) {
      .page-header > .container {
        padding-top: 0; } }
    .page-header > .container .breadcrumbs {
      color: #fff;
      font-size: 16px;
      margin-top: 15px;
      display: block;
      font-family: 'Red Hat Display', sans-serif; }
      .page-header > .container .breadcrumbs a {
        color: #fff;
        font-family: 'Red Hat Display', sans-serif;
        transition: 0.3s all ease; }
        .page-header > .container .breadcrumbs a:hover {
          color: orange; }
      .page-header > .container .breadcrumbs span i {
        display: inline-block;
        color: #fff;
        margin: 0 10px; }

/* 5.1 Desctop menu */
@media (min-width: 992px) {
  .nav {
    top: 0;
    padding: 16px 0;
    width: 100%;
    position: absolute;
    z-index: 100;
    transition: 0.4s all ease;
    left: 0;
    right: 0;
    z-index: 200; }
    .nav.fixed {
      padding: 5px 0;
      background: #000;
      position: fixed; } }

.menu-flex {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1200px) {
    .menu-flex {
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  .menu-flex .logo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 36px;
    display: flex;
    align-content: center;
    justify-content: center; }
    .menu-flex .logo img {
      height: 36px;
      width: auto;
      margin-right: 10px; }
    .menu-flex .logo a {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
      line-height: 42px;
      display: flex;
      align-items: center; }
  .menu-flex .menu {
    display: flex;
    height: 100%;
    align-items: center; }
    .menu-flex .menu li {
      position: relative;
    margin-left: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    /*padding-left: 15px;*/
    /*padding-right: 15px; */
          padding-left: 10px;
      padding-right: 12px;
        
    }
      .menu-flex .menu li a {
        cursor: pointer;
        font-family: 'Red Hat Display', sans-serif;
        color: #fff;
        font-size: 14px;
        transition: 0.3s all ease;
        position: relative;
        display: block;
        width: 100%;
        height: 100%; }
        .menu-flex .menu li a:before {
          left: 0;
          width: 0%;
          display: block;
          content: "";
          background: #F8BB5C;
          height: 1px;
          position: absolute;
          transition: 0.2s all ease;
          bottom: -4px; }
        .menu-flex .menu li a:hover:before {
          width: 100%; }
        .menu-flex .menu li a:active,
        .menu-flex .menu li a.selected, .menu-flex .menu li a:hover {
          color: #F8BB5C; padding-bottom: 1px;
          /*border-bottom: 1px solid #F8BB5C;*/
        }
      .menu-flex .menu li.dropdown:after {
        position: absolute;
        right: -3px;
        content: "\f107";
        font: normal normal normal 14px/12px FontAwesome;
        color: #fff;
        top: 50%;
        margin: auto;
        display: block;
        cursor: pointer;
        line-height: 1px; }
      .menu-flex .menu li.dropdown:hover .dropdown-menu, .menu-flex .menu li.dropdown:active .dropdown-menu, .menu-flex .menu li.dropdown:focus .dropdown-menu {
        visibility: visible;
        opacity: 1;
        top: 100%;
        pointer-events: all; }
      .menu-flex .menu li .dropdown-menu {
        position: absolute;
        transition: 0.3s all ease;
        width: 180px;
        left: 0%;
        top: 150%;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        background: #000035; }
        .menu-flex .menu li .dropdown-menu li {
          padding: 0;
          margin: 0;
          width: 100%; }
          .menu-flex .menu li .dropdown-menu li a {
            display: block;
            line-height: 1.5;
            padding: 8px 15px;
            width: 100%; }
            .menu-flex .menu li .dropdown-menu li a:before {
              display: none; }

.btn-block {
  display: flex;
  align-items: center;
  margin-top: 25px; }
  .btn-block .btn {
    margin: 0 10px; }

.menu-icon-wrap {
  background: #080909;
  width: 35px;
  height: 30px;
  justify-content: center;
  align-items: center;
  display: none;
  right: 15px;
  top: 15px;
  z-index: 200; }

.menu-icon {
  cursor: pointer; }
  .menu-icon .line {
    width: 25px;
    height: 2px;
    background-color: #ecf0f1;
    display: block;
    margin: 4px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.menu-icon.active .line:nth-child(2) {
  opacity: 0; }

.menu-icon.active .line:nth-child(1) {
  transform: translateY(6px) rotate(45deg); }

.menu-icon.active .line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg); }

/* 5.2 Mobile menu */
@media (max-width: 991px) {
  .menu-icon-wrap {
    display: flex;
    position: fixed; }
  .menu-flex {
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    width: 256px;
    background-color: #000;
    position: fixed;
    left: 0;
    transform: translateX(-100%);
    transition: 0.4s all ease;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100vh;
    z-index: 200; }
    .menu-flex.active {
      transform: translateX(0); }
    .menu-flex .logo {
      display: flex;
      justify-content: center;
      margin: 0;
      padding: 20px 0;
      border-bottom: 1px solid #F8BB5C;
      align-items: center;
      width: 100%;
      text-align: center; }
      .menu-flex .logo a {
        text-align: center; }
    .menu-flex .menu {
      overflow-y: scroll !important;
      -webkit-overflow-scrolling: touch;
      padding: 50px 0;
      width: 100%;
      align-items: flex-start;
      height: 101%; }
      .menu-flex .menu li {
        padding: 0;
        margin-left: 0;
        display: block;
        width: 100%;
        transition: 0.3s all ease; }
        .menu-flex .menu li.active:hover {
          background: #080909; }
        .menu-flex .menu li.dropdown:after {
          right: 20px;
          font-size: 20px;
          top: 25px; }
        .menu-flex .menu li.dropdown.active:after {
          transform: rotate(180deg); }
        .menu-flex .menu li a {
          padding: 0;
          padding-left: 20px;
          transition: 0.3s all ease;
          width: 100%;
          height: 100%;
          display: block;
          line-height: 50px;
          font-size: 20px; }
          .menu-flex .menu li a:before {
            display: none; }
          .menu-flex .menu li a:hover {
            color: #fff; }
        .menu-flex .menu li .dropdown-menu {
          transition: none;
          display: none;
          position: relative;
          opacity: 1;
          pointer-events: all;
          visibility: visible;
          background-color: transparent;
          width: 100%; }
          .menu-flex .menu li .dropdown-menu li a {
            color: #fff;
            padding-left: 30px; }
  .menu-flex .menu {
    flex-direction: column; } }

/* 5.3 Header slider */
.header-slider {
  width: 100%; }
  .header-slider .item {
    height: 100vh;
    min-height: 600px;
    max-height: 1080px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative; }
  .header-slider .slick-dots {
    position: absolute;
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
    .header-slider .slick-dots li {
      margin: 0 5px;
      width: 10px;
      height: 10px;
      background: #fff;
      opacity: 0.8;
      transition: 0.3s all;
      cursor: pointer;
      border-radius: 50%; }
      @media (max-width: 767px) {
        .header-slider .slick-dots li {
          width: 16px;
          height: 16px;
          max-width: 0 10px; } }
      .header-slider .slick-dots li.slick-active {
        opacity: 1;
        background: #F8BB5C; }
      .header-slider .slick-dots li button {
        display: none; }
  .header-slider .prev {
    position: absolute;
    left: 25px;
    top: 50%;
    z-index: 100;
    cursor: pointer;
    transform: translateY(-50%); }
    .header-slider .prev i {
      font-size: 35px;
      color: #fff; }
    @media (max-width: 767px) {
      .header-slider .prev {
        display: none !important; } }
  .header-slider .next {
    position: absolute;
    right: 25px;
    top: 50%;
    z-index: 100;
    cursor: pointer;
    transform: translateY(-50%); }
    .header-slider .next i {
      font-size: 35px;
      color: #fff; }
    @media (max-width: 767px) {
      .header-slider .next {
        display: none !important; } }

/* 5.4 Header particles */
#particles-js {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0; }

/* 5.5 Header video */
.bg-video {
  background-image: url(../img/header.jpg); }

.bg-video:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1; }

.header .video {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%); }

/* 6 Footer */
.footer {background: #000035;width: 100%;height: 70px; }
.footer .flex {display: flex;align-items: center;justify-content: space-between; }
.footer .flex .copyright {font-size: 14px;color: #fff;line-height: 70px;font-family: 'Red Hat Display', sans-serif; }
.footer .flex .social {display: flex;align-items: center; }
.footer .flex .social a {margin: 0 10px;color: #fff;line-height: 70px;transition: 0.2s all;font-size: 16px; }
.footer .flex .social a:hover {color: #F8BB5C;transform: translateY(-4px); }

@media (max-width: 767px) {
  .footer {height: auto;padding: 15px 0px; }
  .footer .flex {flex-wrap: wrap;justify-content: center;flex-direction: column; }
  .footer .flex .copyright, .footer .flex .social a {line-height: 45px; } 

}

/* container styles */
.container {width: 100%;margin-left: auto;margin-right: auto;max-width: 1200px;padding: 0 15px; }

/* wrapper styles */
.wrapper {position: relative;width: 100%;height: 100%; }
.wrapper .bg-blur {position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;
    background: rgba(0, 0, 0, 0.8);z-index: 150;transition: 0.4s all ease;transform: translateX(100%); }
.wrapper .bg-blur.active {transform: translateX(0); }

/* section styles */
.section {width: 100%;padding: 50px 0;}
.section .h2-wrap {display: flex;justify-content: center; }
.section h3 {text-align: center;position: relative;display: block;width: 100%;margin-left: auto;margin-right: auto; }
.section h3:after {position: absolute;display: block;content: '';width: 51px;height: 2px;background: #F8BB5C;left: 0;right: 0;margin: auto; }
.section h3.left {text-align: left; }
.section h3.left:after {margin: 0;left: 0; }

/* 7 Home page */
/* 7.1 Icons section  */
.icons-section {padding-bottom: 0; }
.icons-section .section-flex {display: flex;flex-wrap: wrap;justify-content: center; }
.icons-section .section-flex div {display: flex;flex-direction: column;align-items: center;width: 100%;
  max-width: 240px;margin-top: 0;margin-left: 25px;margin-right: 25px;margin-bottom: 50px; }
.icons-section .section-flex div i {font-size: 25px;text-align: center;margin-bottom: 8px;font-size: 42px;color: #000035; }
.icons-section .section-flex div h5 {margin-bottom: 8px;color: #000000c7 }
.icons-section .section-flex div p {text-align: center;color: #909590;font-weight: 300;max-width: 240px;
        width: 100%; }

.service-section-home{
  background-image: url(../img/PQC-10.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* 7.2 Service section  */
.service-section {background-image: url(../img/PQC-07.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center; }
.service-section .section-flex {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }
    .service-section .section-flex .item {
      width: 50%;
      height: 220px;
      overflow: hidden;
      display: block;
      transition: all 0.3s ease;
      position: relative;
      background-color: rgba(0, 0, 53, 0.79) }
      .service-section .section-flex .item:hover {
        padding-bottom: 220px; }
      .service-section .section-flex .item:nth-child(2n+2) {
        background-color: rgba(144, 149, 144, 0.5); }
      .service-section .section-flex .item:nth-child(3n+3) {
        background-color: rgba(144, 149, 144, 0.5); }
      .service-section .section-flex .item:nth-child(4n+4) {
        background-color: rgba(0, 0, 53, 0.79) }
      .service-section .section-flex .item .wrap {
        height: 200%;
        width: 100%;
        position: absolute;
        top: 0;
        transition: 0.3s all ease; }
        .service-section .section-flex .item .wrap:hover {
          transform: translateY(-50%); }
      .service-section .section-flex .item .up {
        height: 220px;
        width: 100%;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .service-section .section-flex .item .up i {
          font-size: 42px;
          margin-bottom: 10px; }
        .service-section .section-flex .item .up h5 {
          text-align: center; }
      .service-section .section-flex .item .down {
        height: 220px;
        width: 100%;
        padding: 35px;
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
        .service-section .section-flex .item .down p {
          margin-top: 12px;
          margin-bottom: 15px;
          font-weight: 100;
          max-width: 100%;
          display: block; }
        .service-section .section-flex .item .down .btn {
          display: inline-block; }

/* 7.3 Portfolio section  */
.portfolio-section .container {
  padding: 0 5px; }

.portfolio-section .portfolio-grid {
  margin-top: 50px; }
  .portfolio-section .portfolio-grid .filters {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px; }
  .portfolio-section .portfolio-grid .portfolio-item {
    margin-bottom: 20px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: block; }
    .portfolio-section .portfolio-grid .portfolio-item .img-wrap {
      overflow: hidden;
      position: relative;
      display: block; }
      .portfolio-section .portfolio-grid .portfolio-item .img-wrap img {
        display: block;
        min-width: 100%;
        width: 100% !important;
        position: relative;
        max-width: 100.5%;
        height: auto;
        transition: transform 0.5s, opacity .5s;
        -webkit-backface-visibility: hidden; }
    .portfolio-section .portfolio-grid .portfolio-item .preview {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      opacity: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: 0.3s all; }
      .portfolio-section .portfolio-grid .portfolio-item .preview .date {
        position: absolute;
        right: 15px;
        bottom: 15px; }
      .portfolio-section .portfolio-grid .portfolio-item .preview .tags {
        font-weight: 300; }
      .portfolio-section .portfolio-grid .portfolio-item .preview .actions {
        color: #fff;
        font-size: 14px;
        display: flex;
        align-items: center;
        position: absolute;
        left: 15px;
        bottom: 15px; }
        .portfolio-section .portfolio-grid .portfolio-item .preview .actions > span {
          margin-right: 10px; }
          .portfolio-section .portfolio-grid .portfolio-item .preview .actions > span:last-child {
            margin-right: 0; }
        .portfolio-section .portfolio-grid .portfolio-item .preview .actions i {
          font-size: 15px;
          margin-right: 5px; }
        .portfolio-section .portfolio-grid .portfolio-item .preview .actions span {
          display: flex;
          align-items: center; }
      .portfolio-section .portfolio-grid .portfolio-item .preview .title {
        font-weight: 600; }
    .portfolio-section .portfolio-grid .portfolio-item:hover img {
      transform: scale(1.2); }
    .portfolio-section .portfolio-grid .portfolio-item:hover .preview {
      opacity: 1; }

.portfolio-section .filters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }
  .portfolio-section .filters button {
    display: block;
    margin: 0 10px;
    margin-bottom: 15px;
    background: none;
    border: none;
    color: #080909;
    font-size: 15px;
    font-family: 'Red Hat Display', sans-serif;
    cursor: pointer;
    transition: 0.3s all ease;
    padding-bottom: 4px;
    position: relative; }
    .portfolio-section .filters button.active:before {
      background: #F8BB5C;
      width: 90%;
      margin: auto;
      content: "";
      height: 2px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }

/* 7.4 Partners section  */
.partners-section {
  background: #EDEEF0; }
  .partners-section .partners-slider {
    width: 100%;
    overflow: hidden;
    display: flex; }
    .partners-section .partners-slider .item {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 110px; }
      .partners-section .partners-slider .item img {
        height: 100%;
        width: auto; }

/* 7.5 Contact block  */
.contact-block {
  padding: 80px 0;
  /*background-image: url(http://via.placeholder.com/1920x1080);*/
  background: #86a4cf;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center; }
  .contact-block .flex {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .contact-block .flex h2 {
      color: #fff;
      font-weight: 300; }

/* 7.6 News Section  */
.news-section .container {
  margin-top: 50px; }

.news-section .flex {
  display: flex;
  flex-wrap: wrap; }

.news-section .big-btn {
  color: #080909;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px; }
  .news-section .big-btn:hover {
    color: #fff; }

/* 8 About page */
.about h3 {
  margin-bottom: 20px; }

/* 8.1 Who we are */
.who p {
  font-size: 16px;
  margin: 15px 0;
  color: #5a5454; }
  @media (max-width: 660px) {
    .who p {
      font-size: 14px; } }

.who .flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (max-width: 991px) {
    .who .flex {
      flex-direction: column-reverse; } }

@media (max-width: 660px) {
  .who .img-block {
    padding: 0; } }

.who .text-block {
  padding: 50px; }
  @media (max-width: 1250px) {
    .who .text-block {
      padding: 20px; } }
  @media (max-width: 991px) {
    .who .text-block {
      padding: 0 10px; } }
  @media (max-width: 660px) {
    .who .text-block {
      padding: 0; } }

/* 8.2 Numbers block */
.numbers {
  background-image: url(http://via.placeholder.com/1920x1080);
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  padding: 0; }
  .numbers .numbers-flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap; }
    .numbers .numbers-flex .item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border: 2px solid #F8BB5C;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      margin: 44px; }
      .numbers .numbers-flex .item .num {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        font-family: 'Red Hat Display', sans-serif; }
      .numbers .numbers-flex .item .title {
        font-size: 14px;
        color: #fff; }

/* 8.3 Team section */
.team-slider {
  position: relative;
  margin-top: 30px;
  width: 100%;
  margin-bottom: 25px; }
  .team-slider .owl-stage-outer {
    overflow: hidden; }
  .team-slider .owl-prev {
    position: absolute;
    left: -50px;
    top: 50%;
    font-size: 20px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #F8BB5C;
    line-height: 38px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    transition: 0.3s all;
    margin-top: -20px; }
    @media (max-width: 1280px) {
      .team-slider .owl-prev {
        left: 10px; } }
    .team-slider .owl-prev:hover {
      background: #F8BB5C; }
  .team-slider .owl-next {
    position: absolute;
    right: -50px;
    top: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: 1px solid #F8BB5C;
    margin-top: -20px;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    transition: 0.3s all; }
    @media (max-width: 1280px) {
      .team-slider .owl-next {
        right: 10px; } }
    .team-slider .owl-next:hover {
      background: #F8BB5C; }
  .team-slider .owl-item {
    display: inline-block; }
  .team-slider .item {
    display: flex; }
    @media (max-width: 991px) {
      .team-slider .item {
        justify-content: center; } }
    .team-slider .item:hover img {
      transform: scale(1.1); }
    .team-slider .item .member {
      position: relative;
      overflow: hidden; }
      .team-slider .item .member img {
        display: block;
        transition: 0.5s all;
        width: 100%; }
    .team-slider .item .description {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      bottom: 0;
      right: 0;
      opacity: 0;
      display: block;
      z-index: 10;
      padding: 25px;
      background: rgba(0, 0, 0, 0.6);
      transition: 0.3s all; }
      @media (max-width: 660px) {
        .team-slider .item .description {
          padding: 25px 10px; } }
      .team-slider .item .description:hover {
        opacity: 1; }
      .team-slider .item .description .name {
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        line-height: 1.4; }
      .team-slider .item .description .prof {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.8); }
      .team-slider .item .description .member-info {
        position: absolute;
        left: 25px;
        bottom: 25px; }
        @media (max-width: 660px) {
          .team-slider .item .description .member-info {
            left: 10px; } }
      .team-slider .item .description .social {
        height: 46px;
        position: absolute;
        right: 25px;
        bottom: 25px;
        display: flex;
        align-items: center; }
        @media (max-width: 660px) {
          .team-slider .item .description .social {
            right: 10px; } }
        .team-slider .item .description .social a {
          color: #F8BB5C;
          margin: 0 12px; }
          .team-slider .item .description .social a:last-child {
            margin-right: 0; }

/* 9 Services page */
.services {
  padding-top: 40px;
  padding-bottom: 30px;
  /* 9.1 Services items */ }
  .services .items {
    margin-top: 80px; }
  .services .item {
    background: #86a4cf2e;
    margin-bottom: 80px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 25px;
    padding-top: 35px;
    position: relative;
    height: auto; }
    .services .item .round {
      left: 0;
      right: 0;
      top: 0;
      transform: translateY(-50%);
      margin: auto;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      background: #3466ad;
      width: 85px;
      height: 85px;
      border-radius: 50%; }
      .services .item .round span {
        color: #fff;
        font-size: 42px; }
    .services .item h5 {
      font-weight: bold;
      text-align: center;
      margin-top: 25px;
      margin-bottom: 12px; }

.wedo .container {
  margin-top: 50px;
  min-height: 400px; }

.wedo .video-block {
  position: relative; }
  .wedo .video-block img {
    width: 100%;
    height: auto; }
  .wedo .video-block a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 80px;
    color: #fff; }
  @media (max-width: 991px) {
    .wedo .video-block {
      margin-bottom: 35px; } }

.acc-wrap .accordeon {
  margin-bottom: 20px; }

.acc-wrap .accordeon-main {
  position: relative;
  display: flex;
  width: 100%;
  height: 60px;
  background: #F6F6F6;
  cursor: pointer;
  border-left: solid 1px #d9e6ea;
  border-top: solid 1px #d9e6ea;
  border-right: solid 1px #d9e6ea;
  border-bottom: solid 1px #d9e6ea; }

.acc-wrap .accordeon-main.active {
  background: #2b4972;
  color: #fff; }

.acc-wrap .block-active {
  width: 60px;
  height: 100%;
  border-right: solid 1px #d9e6ea;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400; }

.acc-wrap .block-text {
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 17px;
  font-weight: 500; }

.acc-wrap .accorderon-text {
  background: #F6F6F6;
  padding: 23px;
  display: none;
  color: #5a5454;
  border-left: solid 1px #d9e6ea;
  border-right: solid 1px #d9e6ea;
  border-bottom: solid 1px #d9e6ea; }

.acc-wrap .block-text i {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 20px;
  font-weight: 400;
  transform: translateY(-50%); }

.acc-wrap .accordeon-main.active .block-text i {
  transform: translateY(-50%) rotate(180deg); }

/* 10 Contacts */
.contacts {
  /* 10.1 Contacts box */ }
  .contacts .contact-box {
    /* 10.2 Contacts form */ }
    @media (max-width: 767px) {
      .contacts .contact-box {
        padding: 0;
        margin-bottom: 40px; } }
    .contacts .contact-box h3 {
      margin-bottom: 14px; }
    .contacts .contact-box .items {
      margin-top: 15px;        min-height: 300px; }
     .contacts .contact-box .items-odd {
          background: #ffffff ;
       /*padding: 40px 0;*/
        }

    .contacts .contact-box .item {
      line-height: 1.5;
      font-size: 16px; }
      .contacts .contact-box .item i {
        color: #F8BB5C;
        margin-right: 8px;
        font-size: 18px; }
      .contacts .contact-box .item span, .contacts .contact-box .item p, .contacts .contact-box .item b, .contacts .contact-box .item a {
        font-size: 14px;
        color:#000000; }
    .contacts .contact-box .form-flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .contacts .contact-box input {
      /*width: 48%;*/
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      border: 1px solid #909590;
      padding: 0 15px;
      margin-bottom: 20px;
      transition: 0.3s all ease;
      border-radius: 3px;}
      .contacts .contact-box input:focus {
        border-width: 2px;
        background-color: rgba(255, 255, 255, 1);
        border-style: solid;
        border-color: rgba(201, 71, 67, 1);
      }
      @media (max-width: 600px) {
        .contacts .contact-box input {
          width: 100%; } }
    .contacts .contact-box textarea {
      width: 100%;
      min-height: 200px;
      max-height: 500px;
      resize: none;
      font-size: 16px;
      border: 1px solid #909590;
      padding: 15px;
      margin-bottom: 16px;
      transition: 0.3s all ease;
      border-radius: 3px;}
      .contacts .contact-box textarea:focus {
        border-width: 2px;
        background-color: rgba(255, 255, 255, 1);
        border-style: solid;
        border-color: rgba(201, 71, 67, 1);
      }
    .btn-rect{
      background-color: rgba(0, 56, 131, 1)  ; border: solid rgba(234, 237, 241, 1) 2px;

    }
    .contacts .contact-box button {
      cursor: pointer; }
  .contacts .progress-bars {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .contacts .progress-bars .bar {
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      margin-right: 10px;
      width: auto; }
      .contacts .progress-bars .bar p {
        font-size: 18px;
        color: #080909;
        font-weight: bold; }
    .contacts .progress-bars .icon {
      font-size: 50px;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 15px 0;
      color: #080909;
      position: relative;
      box-shadow: inset 0 0 0 4px #CECECE;
      transition: 1s; }
      .contacts .progress-bars .icon:before {
        z-index: 1;
        position: relative; }
      .contacts .progress-bars .icon:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #CECECE;
        left: 0;
        top: 0;
        border-radius: 50%;
        transition: 1s;
        opacity: 1; }
      .contacts .progress-bars .icon:hover:after {
        transform: scale(1.3);
        opacity: 0; }
      .contacts .progress-bars .icon:hover {
        color: #65378F; }

/* 10.3 Map */
#map {
  width: 100%;
  height: 500px; }

/* 11 Blog & Portfolio */
.blog .blog-main {
  /* 11.1 Blog post & Portfolio item */ }
  @media (min-width: 992px) {
    .blog .blog-main {
      padding-left: 0;
      padding-right: 30px; } }
  .blog .blog-main.masonry {
    padding: 0; }
  @media (max-width: 480px) {
    .blog .blog-main {
      padding: 0; } }
  .blog .blog-main .blog-post {
    width: 100%;
    border: 1px solid #EDEEF0;
    display: block;
    margin-bottom: 30px; }
    .blog .blog-main .blog-post .thumbnail-wrap {
      width: 100%; }
      .blog .blog-main .blog-post .thumbnail-wrap img {
        width: 100%;
        height: auto;
        display: block; }
    .blog .blog-main .blog-post .other-post {
      padding: 20px;
      padding-top: 15px; }
      @media (max-width: 480px) {
        .blog .blog-main .blog-post .other-post p {
          font-size: 14px; } }
      @media (max-width: 360px) {
        .blog .blog-main .blog-post .other-post {
          padding: 10px; } }
      .blog .blog-main .blog-post .other-post h4 {
        margin-top: 0;
        font-weight: 600; }
      .blog .blog-main .blog-post .other-post h3, .blog .blog-main .blog-post .other-post h4 {
        display: block;
        text-align: left;
        margin-bottom: 15px; }
        .blog .blog-main .blog-post .other-post h3:after, .blog .blog-main .blog-post .other-post h4:after {
          display: none; }
        .blog .blog-main .blog-post .other-post h3 a, .blog .blog-main .blog-post .other-post h4 a {
          color: #080909; }
      .blog .blog-main .blog-post .other-post .actions {
        margin-bottom: 15px; }
      .blog .blog-main .blog-post .other-post .permalink {
        display: inline-block;
        margin-top: 20px;
        color: #080909; }
      .blog .blog-main .blog-post .other-post p {
        color: #5a5454; }

@media (min-width: 992px) {
  .blog .sidebar-wrap {
    padding-left: 30px;
    padding-right: 0; } }

/* 11.2 Post styles */
.btn-fullwidth-wrap {
  width: 100%;
  display: flex;
  justify-content: center; }

.post {
  margin-bottom: 30px; }
  @media (max-width: 600px) {
    .post {
      padding: 0 !important; } }

.post-body {
  width: 100%;
  background: #F6F6F6; }
  .post-body .actions div {
    border-right: 1px solid #fff; }
  .post-body .other-post {
    padding: 15px; }
    .post-body .other-post h5 {
      color: #080909;
      margin-bottom: 10px; }
    .post-body .other-post p {
      font-size: 14px;
      color: #5a5454; }
    .post-body .other-post .permalink {
      display: inline-block;
      margin-top: 15px;
      color: #080909; }
      .post-body .other-post .permalink:hover {
        color: #fff; }
  .post-body .thumbnail-wrap {
    width: 100%;
    height: auto;
    max-height: 240px;
    display: block;
    position: relative;
    overflow: hidden; }
    .post-body .thumbnail-wrap img {
      display: block;
      min-width: 100%;
      width: 100% !important;
      position: relative;
      max-width: 100.5%;
      height: auto;
      transition: transform 0.4s;
      -webkit-backface-visibility: hidden;
      -webkit-box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.75);
      box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.75); }
    .post-body .thumbnail-wrap .actions {
      padding-right: 15px;
      padding-bottom: 15px;
      z-index: 102;
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      width: 100%;
      justify-content: flex-end;
      color: #fff;
      align-items: flex-end;
      height: 100%;
      box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.7); }
      .post-body .thumbnail-wrap .actions .date {
        margin-right: 15px; }
      .post-body .thumbnail-wrap .actions i {
        font-size: 15px;
        margin-right: 4px; }
    @media (max-width: 767px) {
      .post-body .thumbnail-wrap {
        max-height: none; } }
  .post-body .post-head {
    display: block;
    position: relative; }
    .post-body .post-head .hover {
      opacity: 0;
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      z-index: 101;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s all; }
      .post-body .post-head .hover i {
        font-size: 25px;
        color: #fff; }
    .post-body .post-head:hover img {
      transform: scale(1.2); }
    .post-body .post-head:hover .hover {
      opacity: 1; }

/* 11.3 Sidebar */
.sidebar {
  /* widget core */
  /* search widget */
  /* widget recent posts */
  /* widget tags */
  /* widget categories */
  /* widget flickr */ }
  .sidebar .widget {
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #EDEEF0; }
    .sidebar .widget h5 {
      margin-bottom: 15px;
      font-weight: 600; }
  .sidebar .widget-search form {
    width: 100%;
    display: flex;
    align-items: center; }
    .sidebar .widget-search form input {
      width: 100%;
      height: 40px;
      line-height: 40px;
      border: 1px solid #EDEEF0;
      padding: 0 10px;
      font-size: 14px;
      transition: 0.3s all linear; }
      .sidebar .widget-search form input:focus {
        border: 1px solid #F8BB5C; }
      .sidebar .widget-search form input::-webkit-input-placeholder {
        color: #909590; }
      .sidebar .widget-search form input::-moz-placeholder {
        color: #909590; }
      .sidebar .widget-search form input:-moz-placeholder {
        color: #909590; }
      .sidebar .widget-search form input:-ms-input-placeholder {
        color: #909590; }
      .sidebar .widget-search form input::-webkit-input-placeholder {
        text-indent: 0px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input::-moz-placeholder {
        text-indent: 0px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:-moz-placeholder {
        text-indent: 0px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:-ms-input-placeholder {
        text-indent: 0px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:focus::-webkit-input-placeholder {
        text-indent: 500px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:focus::-moz-placeholder {
        text-indent: 500px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:focus:-moz-placeholder {
        text-indent: 500px;
        transition: text-indent 0.5s ease; }
      .sidebar .widget-search form input:focus:-ms-input-placeholder {
        text-indent: 500px;
        transition: text-indent 0.5s ease; }
    .sidebar .widget-search form button {
      width: 40px;
      height: 40px;
      background: #F8BB5C;
      border: none;
      color: #fff;
      cursor: pointer;
      text-align: center;
      font-size: 12px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .sidebar .widget-recent-posts .recent-post {
    display: flex;
    align-items: center;
    height: 50px;
    margin-bottom: 15px; }
    .sidebar .widget-recent-posts .recent-post .thumbnail {
      width: 50px;
      display: block;
      height: 50px;
      margin-right: 15px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
    .sidebar .widget-recent-posts .recent-post .title {
      font-size: 15px;
      color: #080909;
      font-weight: bold;
      font-family: 'Red Hat Display', sans-serif;
      display: block;
      margin-top: 6px; }
    .sidebar .widget-recent-posts .recent-post .date {
      font-size: 13px;
      color: #909590;
      margin-top: 5px;
      display: block; }
  .sidebar .widget-tags .tags-wrap {
    display: flex;
    flex-wrap: wrap; }
  .sidebar .widget-tags .tag {
    margin-bottom: 6px;
    margin-right: 6px; }
  .sidebar .widget-categories .cat-wrap {
    margin-top: 10px; }
    .sidebar .widget-categories .cat-wrap .category {
      font-size: 16px;
      font-weight: 500;
      margin-top: 15px;
      padding-bottom: 3px;
      border-bottom: 1px solid #EDEEF0;
      transition: 0.3s all ease;
      color: #080909;
      display: block;
      line-height: 1.6;
      font-family: 'Red Hat Display', sans-serif; }
      .sidebar .widget-categories .cat-wrap .category:hover {
        color: #F8BB5C; }
  .sidebar .widget-flickr .flickr_badge_image {
    margin: 0px;
    display: inline; }
  .sidebar .widget-flickr .flickr_badge_image img {
    border: 0px solid #666666 !important;
    padding: 1px;
    margin: 2px; }
  .sidebar .widget-text p {
    color: #5a5454; }

/* 12 Blog Single & Portfolio Single */
.blog-single {
  width: 100%;
  /* 12.1 Thumbnail styles */
  /* 12.2 Description   */
  /* 12.3 Share */
  /* 12.4 Comments */ }
  .blog-single .thumbnail-wrap {
    display: block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .blog-single .thumbnail-wrap img {
      display: block;
      min-width: 100%;
      width: 100% !important;
      position: relative;
      max-width: 100.5%;
      height: auto; }
    .blog-single .thumbnail-wrap .hover {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      opacity: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: 0.3s all;
      color: #fff;
      font-size: 25px; }
      .blog-single .thumbnail-wrap .hover:hover {
        opacity: 1; }
  .blog-single .actions {
    margin-top: 10px;
    margin-bottom: 15px; }
  .blog-single .comment-actions {
    margin: 50px 0;
    border-bottom: 1px solid #EDEEF0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    .blog-single .comment-actions i, .blog-single .comment-actions span {
      font-size: 18px; }
    .blog-single .comment-actions .actives {
      display: flex;
      flex-wrap: wrap; }
      .blog-single .comment-actions .actives div {
        margin-right: 15px;
        color: #080909; }
        .blog-single .comment-actions .actives div .like {
          cursor: pointer; }
    .blog-single .comment-actions .share a {
      transform: scale(0.8); }
    @media (max-width: 400px) {
      .blog-single .comment-actions {
        flex-direction: column;
        align-items: center; }
        .blog-single .comment-actions .actives {
          margin-bottom: 20px; } }
  .blog-single .comments .comment .comment-wrap {
    display: flex;
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EDEEF0; }
    @media (max-width: 400px) {
      .blog-single .comments .comment .comment-wrap {
        flex-direction: column; } }
  .blog-single .comments .comment .comment-reply {
    margin-left: 35px; }
    @media (max-width: 400px) {
      .blog-single .comments .comment .comment-reply {
        margin-left: 20px; } }
  .blog-single .comments .comment .author-img img {
    width: 50px !important;
    height: 50px !important;
    margin-right: 20px; }
    @media (max-width: 400px) {
      .blog-single .comments .comment .author-img img {
        margin-right: 0;
        margin-bottom: 12px; } }
  .blog-single .comments .comment .comment-body .comment-head .author-name {
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px; }
  .blog-single .comments .comment .comment-body .comment-head .date {
    color: #909590;
    font-size: 14px; }
  .blog-single .comments .comment .comment-body .comment-head a {
    font-size: 14px;
    color: #F8BB5C;
    margin-left: 15px; }
  .blog-single .comments .comment .comment-body .comment-text p {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.3; }
  .blog-single .comment-form h3 {
    text-align: left; }
    .blog-single .comment-form h3:after {
      display: none; }
  @media (max-width: 991px) {
    .blog-single .comment-form {
      margin-bottom: 30px; } }
  .blog-single .comment-form form {
    margin-top: 20px; }
  .blog-single .comment-form .form-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .blog-single .comment-form .form-flex input {
      width: 48%;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      border: 1px solid #909590;
      padding: 0 15px;
      margin-bottom: 25px;
      transition: 0.3s all ease; }
      .blog-single .comment-form .form-flex input:focus {
        border: 1px solid #F8BB5C; }
      @media (max-width: 600px) {
        .blog-single .comment-form .form-flex input {
          width: 100%; } }
  .blog-single .comment-form textarea {
    width: 100%;
    min-height: 200px;
    max-height: 500px;
    resize: vertical;
    font-size: 16px;
    border: 1px solid #909590;
    padding: 15px;
    margin-bottom: 25px;
    transition: 0.3s all ease; }
    .blog-single .comment-form textarea:focus {
      border: 1px solid #F8BB5C; }
  .blog-single .comment-form button {
    cursor: pointer; }

/* 12.5 Post single content styles & typography */
.blog .content {
  padding-top: 15px;
  margin-bottom: 30px; }
  .blog .content .tabs {
    width: 100%; }
    .blog .content .tabs .tabs__caption {
      padding: 0 !important;
      margin: 0;
      display: flex;
      list-style-type: none; }
      .blog .content .tabs .tabs__caption li {
        list-style-type: none;
        border-bottom: 1px solid #EDEEF0;
        border-right: 1px solid #EDEEF0;
        border-top: 1px solid #EDEEF0;
        font-size: 16px;
        font-family: "Red Hat Display", sans-serif;
        cursor: pointer;
        padding: 14px 20px;
        border-collapse: collapse; }
        @media (max-width: 480px) {
          .blog .content .tabs .tabs__caption li {
            font-size: 14px;
            padding: 14px 15px; } }
        .blog .content .tabs .tabs__caption li:first-child {
          border-left: 1px solid #EDEEF0; }
        .blog .content .tabs .tabs__caption li.active {
          background: #EDEEF0;
          color: #000;
          font-weight: bold; }
    .blog .content .tabs .tabs__content {
      padding: 15px;
      line-height: 1.4;
      font-size: 14px;
      height: auto;
      font-family: 'Red Hat Display', sans-serif;
      display: none;
      /* по умолчанию прячем все блоки */ }
      .blog .content .tabs .tabs__content p {
        margin-bottom: 15px; }
      .blog .content .tabs .tabs__content.active {
        background: #EDEEF0;
        display: block;
        /* по умолчанию показываем нужный блок */ }
  .blog .content img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    display: inline-block; }
  .blog .content p {
    margin: 8px 0;
    color: #5a5454; }
  .blog .content h4 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 8px; }
  .blog .content b,
  .blog .content strong {
    font-family: 'Red Hat Display', sans-serif;
    line-height: 1.4;
    font-size: 15px;
    color: #5a5454;
    margin: 8px 0;
    display: block; }
  .blog .content i,
  .blog .content em {
    font-family: 'Red Hat Display', sans-serif;
    line-height: 1.4;
    font-size: 15px;
    color: #5a5454;
    margin: 8px 0;
    display: block;
    font-style: italic; }
  .blog .content h1, .blog .content .h1,
  .blog .content h2,
  .blog .content h3,
  .blog .content h4,
  .blog .content h5,
  .blog .content h6 {
    text-align: left;
    display: block;
    margin: 0;
    line-height: 1.4; }
    .blog .content h1:before, .blog .content h1:after, .blog .content .h1:before, .blog .content .h1:after,
    .blog .content h2:before,
    .blog .content h2:after,
    .blog .content h3:before,
    .blog .content h3:after,
    .blog .content h4:before,
    .blog .content h4:after,
    .blog .content h5:before,
    .blog .content h5:after,
    .blog .content h6:before,
    .blog .content h6:after {
      display: none; }
  .blog .content ul {
    padding-left: 15px !important;
    margin: 10px 0;
    list-style: disc; }
    .blog .content ul li {
      font-size: 16px;
      font-family: 'Red Hat Display', sans-serif;
      color: #5a5454;
      line-height: 2;
      display: list-item; }
      @media (max-width: 480px) {
        .blog .content ul li {
          font-size: 15px;
          line-height: 1.5; } }
  .blog .content ol {
    padding-left: 15px !important;
    margin: 10px 0;
    list-style: decimal; }
    .blog .content ol li {
      font-size: 16px;
      font-family: 'Red Hat Display', sans-serif;
      color: #5a5454;
      line-height: 2;
      display: list-item; }
      @media (max-width: 480px) {
        .blog .content ol li {
          font-size: 15px;
          line-height: 1.5; } }
  .blog .content a {
    font-size: 15px;
    color: #F8BB5C;
    text-decoration: underline;
    line-height: 1.4;
    font-family: 'Red Hat Display', sans-serif; }
  .blog .content .scroll {
    width: 100%;
    overflow: auto; }
  .blog .content table {
    margin: 10px 0;
    width: auto;
    max-width: 100%;
    overflow-x: auto !important;
    display: table;
    border: 1px solid #EDEEF0;
    border-collapse: collapse;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 15px; }
    .blog .content table thead {
      background: #EDEEF0;
      font-weight: bold; }
    .blog .content table td {
      padding: 10px;
      border: 1px solid #909590; }
  .blog .content blockquote {
    padding-left: 15px;
    margin: 10px 0;
    margin-left: 10px;
    border-left: 1px solid #F8BB5C;
    font-family: 'Red Hat Display', sans-serif; }
    .blog .content blockquote p {
      font-family: 'Red Hat Display', sans-serif;
      line-height: 1.4;
      color: #5a5454; }
  .blog .content code,
  .blog .content pre {
    margin: 10px 0;
    font-size: 15px;
    font-family: 'Red Hat Display', sans-serif;
    padding: 10px;
    background: #EDEEF0;
    text-align: left;
    display: block; }
  .blog .content button {
    cursor: pointer;
    color: #080909; }

/* 13 Other styles */
.actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  font-family: 'Red Hat Display', sans-serif;
  color: #080909; }
  @media (max-width: 360px) {
    .actions {
      font-size: 14px; } }
  .actions > div {
    border-right: 1px solid #080909;
    padding-right: 12px;
    margin-right: 12px; }
    .actions > div:last-child {
      padding-right: 0;
      margin-right: 0;
      border: none; }
  .actions a {
    color: #F8BB5C; }

/* 13.1 Pagination */
.pagination {
  margin-top: 35px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 15px; }
  .pagination li {
    margin-bottom: 8px; }
  .pagination a {
    display: block;
    line-height: 35px;
    width: 35px;
    max-height: 35px;
    text-align: center;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #080909;
    margin: 0 5px;
    border: 1px solid #EDEEF0;
    transition: 0.3s all ease; }
  .pagination .current a,
  .pagination a:hover {
    background: #F8BB5C;
    color: #fff;
    border: 1px solid #F8BB5C; }

/* YouTube video wrap  */
.ytv-wrap {
  position: relative;
  padding-bottom: 55.5%;
  padding-top: 1px;
  height: 0;
  margin: 0; }
  .ytv-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 100%;
    min-width: 100%;
    height: 101%;
    z-index: 5; }

/* styles for disabled item */
.disable {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

@media (max-width: 767px) {
  .no-padding {
    padding: 0 !important; } }

/* responsive img class */
.img-responsive {
  height: auto;
  display: block;
  width: 100%;
  max-width: 100%; }

/* gallery post */
post-gallery {
  width: 100%;
  height: auto;
  display: flex; }

.post-gallery img {
  max-width: 100%;
  width: auto;
  position: relative;
  overflow: hidden; }

.post-gallery .prev {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  z-index: 15;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  opacity: 0;
  transition: 0.3s all; }

.post-gallery .next {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  z-index: 15;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  opacity: 0;
  transition: 0.3s all; }

.post-gallery .slick-dots {
  position: absolute;
  bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  opacity: 0;
  transition: 0.3s all; }

.post-gallery:hover .slick-dots {
  opacity: 0.8; }

.post-gallery:hover .next {
  opacity: 1; }

.post-gallery:hover .prev {
  opacity: 1; }

.post-gallery .slick-dots li {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.8;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 50%; }

.post-gallery .slick-dots li button {
  display: none;
}

.post-gallery .slick-dots li.slick-active {
  opacity: 1;
  background: #F8BB5C; }


.menu-flex .logo img:nth-child(1){
  height: 70px;
}
.menu-flex .logo img:nth-child(2){
  height: 30px;
}

@media (max-width: 992px) { 
  .menu-flex .logo img:nth-child(2){
    display: none;
  }

  .menu-flex .logo img:nth-child(1){
    height: 55px;
  }

}

@media (max-width: 1024px) { 
  .menu-flex .logo img:nth-child(1){
    height: 40px;
  }
}

@media (max-width: 1200px) { 
  .menu-flex .logo img:nth-child(2){
    height: 20px;
  }

  .menu-flex .logo img:nth-child(1){
    height: 50px;
  }

}

.menu-flex .menu li a {
  font-size: 14px;
  font-weight: 700;
  /*padding:8px 45px;*/
}
nav.bg-blue, nav {
  background-color: #000035 !important;
}

.partner-section .partner-sidebar-status {

}
ul.orderlist-font li {
  font-family: 'Red Hat Display', sans-serif;
  padding: 5px 0;
  font-size: 13px;
}
.text-center{
  text-align: center;
}
.page-header-title {
  background: #0000006b;;
  color: white;
   position: relative;
  top: 274px;
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

.job-page-header-title{
  background: #000000ad;
    color: white;
    position: relative;
    top: 274px;
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
    width: 100%;
}

@media (max-width: 767px) {
  .page-header-title {
    top: 220px;
  }
}

/*----------------Atiq ---------------------*/


/*-------------- menu -------------------------*/
.button-lines {padding: 0 35px 0 15px;background-color: rgba(0,0,0,0.5);border-radius: 30px;border: none;
    position: absolute;right: 5%;top: 23px;cursor: pointer;}
.lines {background: #000;border-radius: 0.2rem;display: inline-block;height: 0.15rem;width: .9rem;
    position: relative;}
.lines:after, .lines:before {background: #000;border-radius: 0.2rem;display: inline-block;height: 0.15rem;
    width: .9rem;content: "";left: 0;position: absolute;}

.top-menu-bar .button-lines .button-lines-x.close {background: #fff;display: inline-block;padding: 6px 6px 10px 7px !important;position: absolute;top: 4px;right: -5px;opacity: 1;border-radius: 100%;width: 35px;
  height: 35px;line-height: 1px;cursor: pointer;border:0px;}

.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background-color: #000035;
  overflow-x: hidden;transition: 0.5s;padding-top: 60px;z-index: 99999;font-family: 'Red Hat Display', sans-serif;}

.sidenav a{padding: 10px 8px 10px 15px;text-decoration: none;font-size: 15px;display: block;font-weight: 500;color:#fff;}

.sidenav a:hover {color: #F8BB5C;background-color: transparent;}

.sidenav .closebtn {position:absolute;top:15px;right:25px;font-size:36px; margin-left:50px;color: #fff;
  cursor: pointer;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 40px;}
  .sidenav a {font-size: 14px;}
}

.hide-menu{background-color:#336ca6;top:0;right:0;z-index: 1;width: 200px;height: 100%;
    -webkit-transform: translate3d(300px,0,0);
    -moz-transform: translate3d(300px,0,0);
    -o-transform: translate3d(300px,0,0);
    -ms-transform: translate3d(300px,0,0);
    transform: translate3d(300px,0,0);      
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.show-menu{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 }

/*-------------- home page --------------*/
.quality-service-slider{color: #fff;width: 400px;position: absolute;left: 20px;top: 250px;font-size: 32px;
    font-weight: 500;background: #000000d1;padding: 10px 36px 15px 36px;border-radius: 5px;}

.quality-service-slider2{color:#fff;width:98%;text-align:center;position:absolute;top:500px;font-size: 32px;font-weight: 500;background: #000000a3;padding: 10px 0px;}
.quality-service-slider2 p{text-align: center;font-size: 20px;font-weight: 400;}
.slide-bg{font-weight: 400;}

.header{max-width: 100%;height: auto; background-size: cover;}
.homeR1{padding:30px 0px 10px 0px;text-align: center;}
.homeR1 h2{font-size:50px;color:#6A7989;font-weight:normal;}
.homeR1 p{font-size:24px;color:#7E8C9A;text-align: center;margin:15px 0px;}

.pqcService{background-color:#000035;color:#fff;padding:50px 0px;}
.pqcServiceRL h2{font-weight: normal;font-size: 36px;}
.pqcServiceRL h4{line-height: 30px;padding:10px 0px;}
.pqcServiceRL p{margin:15px 0px 35px 0px;}
.pqcServiceRR p{margin:50px 0px;}
.homeR3{padding:35px 0px;max-width:800px;}
.homeR3 p{font-size:25px;font-style:italic;text-align:center;color:#293C52;width: 100%;}
.blLeft{font-size: 30px;color: gray;top: 0.2em;padding: 0px 5px;}
.homeR4Title{width:80%;margin: 0 auto;}
.homeR4Title2{width:35%;margin: 0 auto;}
.homeR4{text-align: center;padding:80px 0px;}
.homeR4 h2{padding:15px !important;background-color:#00000094;color:#fff;font-size:44px;font-weight:normal;}
.homeR4 h4{padding:5px;background-color:#00000094;color:#fff;font-size:40px;margin:40px 0px 20px 0px;}
.homeR4 button{padding:0px 210px;}
.pqcService2 h4{font-size: 24px;padding:10px 0px;}
.homeR7{padding:480px 0px;text-align:center;color:#fff;}
.homeR7 h2{font-size: 50px;font-weight:normal;padding:0px 0px 30px 0px;color: #000035;}
.homeR7 p{font-size: 24px;text-align:center;color:#000006d9;}
.layer {background-color: rgba(248, 247, 216, 0.7);position:absolute;top:0;left:0;width:100%;height: 100%;}


/*---------Company Page ---------------*/

.comR1L h5{font-size: 18px;margin-bottom: 40px;}
.comR3L h4{margin: 50px 0px;text-align: left;font-size: 28px;line-height: 36px;}
.comR3M h4, .comR3R h4{margin:55px 0px 48px 0px;text-align: left;font-size: 28px;line-height: 36px;}
.comR3M{padding-bottom: 30px;background-color: #f3f3f3;}
.comR2{background-color: #000035;}
.comR4{margin:30px 0px;background-color: #000035;}
.comR4L{color: #fff;padding-left:80px !important;padding-top:25px;}
.comR4L h4{font-size: 28px;font-weight: 500;padding: 30px 0px;}
.comR4R img{border-radius: 50%;border:2px;}
.comR4R img{padding:50px;}
.comR1L p{margin-bottom: 30px;}
.comteamR2{background-color: #000035;}
.comTeamImg{padding-right:0;padding-left:0;margin-bottom: -3px;}
.companyQuat blockquote{text-indent:50px;font-size:22px;font-weight:500px;color:#fff;padding-top:50px;}



/*---------history page ------------*/

.hisR1L h2{color: #003883;font-size: 36px;}
.hisR1L h4{color: #EE7D11;font-size: 28px;font-weight: 500;}
.histoImgQuat{background-color: #000035;height: 130px;margin-left:0px;margin-top:-3px;margin-bottom: 30px;}
.histoBlockQuot{text-indent: 20px;font-size: 22px;font-weight: 500px;color: #fff;padding: 30px 50px 0px 50px;line-height: 30px;}
.hisR1L1 p:nth-child(1){margin: 50px 0px 30px 0px;}
.hisR1L1 p:nth-child(1) span{padding:8px 15px;background-color:#DDE0E0;border-radius:8px;}
.hisR1L1 p:nth-child(2) {font-size: 24px;margin-left:40px;color:#7F8C9A;margin-bottom:10px;}
.hisR1L1 p:nth-child(3) {margin-left:40px;}
.hisR1L1 p:nth-child(4) {margin-left:40px;margin-top: 10px;}



/*------------ team page ------------------*/

.teamR1L{padding:50px 25px 30px 25px;background-color: #f3f3f3;}
.teamR1R{padding: 50px 25px 51px 25px;background-color: #f3f3f3;}
.teamR1M{padding:50px 25px 30px 25px;}
.teamR1L p, .teamR1M p, .teamR1R p{margin:50px 0px;}
.teamR1L p, .teamR1M p, .teamR1R p{margin:50px 0px;}
.team-section h3{margin-bottom:50px;}

/*-------------- partner page---------------*/

.partR1{padding:25px 0px;}
.partner-sidebar {border:0px solid rgba(29, 44, 243, 1);background-color: rgba(235, 237, 239, 1);border-radius: 0 0 0 0;padding: 20px 50px; height: 1365px;}
.partner-sidebar h5, .ethics-sidebar h5, .inspection-sidebar h5{color:#7F8C9A;line-height: 35px;font-size: 28px;}
.partR1R1R{text-align: right;}
.partR1R1L h2{color: #2B3C51;font-size: 36px;margin-top:32px;}
.partR1R3L h2{color: #2B3C51;font-size: 36px;margin:0px 0px 25px 0px;}
.partR1R2 p:nth-child(2){margin:20px 0px;}
.partR1R2 p:nth-child(3){margin:20px 0px;}
.partR1R2 ul{margin-left:20px;}
.partR1R2 ul li{margin:10px 0px;line-height: 20px;}
.line-break{height: 5px;border: 1px solid #403d3d;margin:20px 0px;}


/*-------------ethics page----------------*/

.ethics-sidebar{border: 0px solid rgba(29, 44, 243, 1);background-color: rgba(235, 237, 239, 1);border-radius: 0 0 0 0;
  padding: 20px 50px;height: 735px;}
.ethicsR1 h2{color:#2A3C52;padding:25px 0px;font-size: 36px;}
.ethicsR1 p{padding:10px 0px 0px 0px;}


/*--------------- service page ----------------------*/

.serviceR1{padding:25px 0px;}
.serviceR1 a{color:gray;}
.serviceR11{text-align: center; margin-bottom:25px;}
.serviceR11 i{font-size:80px;color:gray;}
.serviceR11 h4{font-weight: normal;color: gray;padding:10px 0px 15px 0px;}
.serviceR11 p{text-align: center;}
.serviceR12{padding:20px 0px 50px 0px;text-align: center;}
.serviceR12 p{padding:10px 0px 0px 0px;text-align: center;}
.serviceR12 h2{color: gray;}
.serviceR12Tilte{font-size: 46px;color:#000035;}
.serviceR13{padding: 50px 0px 80px 0px;background-color: #EAEDF1;}
.serviceR13Text{max-width:632px;margin: 0 auto;}
/*.container-fluid{background-color: red !important;}*/


 /*------------Inspection page--------------*/

.inspection-sidebar i{font-size: 80px; color:gray;}
.inspection-sidebar{border: 0px solid rgba(29, 44, 243, 1);background-color: rgba(235, 237, 239, 1);border-radius: 0 0 0 0;
  padding: 20px 50px;text-align: center;}
.inspectR2{padding:0px 0px 20px 0px;background-color: #EAEDF1;}
.inspectR2 h2{text-align: center;color:#7F8C9A;font-size: 36px;}
.inspectR22{background-color: #fff;padding:40px 0px;box-shadow: 0px 3px 6px 2px #504d4d;border-radius:2px;}
.inspectR22L h5, .inspectR22R h5{color:#000000c9;margin: 0px 0px 30px 0px;font-size:22px;font-weight:500;}
.inspectR22L p, .inspectR22R p{margin:20px 0px;}
.inspectR22 img{padding:15px;}
.inspectR23, .inspectR25, .inspectR27{background-color:#fff;box-shadow:0px 3px 6px 2px #504d4d;order-radius: 2px;}
.inspectR23L, .inspectR23R, .inspectR24M{background-color: #F2F4F7;padding:20px;}
.inspectR23M{padding:20px;}
.inspectR23L h5, .inspectR23R h5{color: #A381C3;margin:0px 0px 20px 0px;}
.inspectR23L p{margin:40px 0px 40px 0px;}
.inspectR23R p, .inspectR23M p{margin:40px 0px;}
.inspectR23M h5{color: #D6B476;}
.inspectR24L h5{color: #89C934;}
.inspectR24L p, .inspectR24M p, .inspectR24R p{margin:20px 0px;}
.inspectR24M h5{color: #E36561;}
.inspectR24R h5{color: #6CA7D6;}
.inspectR24L, .inspectR24R{padding:20px;}
.inspectR24L p, .inspectR24M p, .inspectR24R p, .inspectR25L p, .inspectR25R p{margin:40px 0px;}

.inspectR25L p, .inspectR25R p, .inspectR26L p, .inspectR26R p{margin:15px 0px;}
.inspectR25L, .inspectR26R{background-color:#F2F4F7;padding:20px;}
.inspectR25R{padding:20px;}
.inspectR25L h5, .inspectR26R h5{color: #7E81BE;}
.inspectR25R h5{color: #6CA7D6;}
.inspectR26L h5{color: #B98F3E;}

.inspectR27L, .inspectR27R, .inspectR28M{background-color: #F2F4F7;padding:20px;}
.inspectR27M, .inspectR28R, .inspectR28L{padding:20px;}
.inspectR27 h5, .inspectR28 h5{color: #7F8C9A;padding:20px 0px;}
.inspectR27 p, .inspectR28 p{margin:20px 0px}

.inspectR27 p, .inspectR28 p{margin:20px 0px}

.inspectR27LL {padding-bottom: 149px;}
.inspectR23LL {padding-bottom: 40px;}



/*------------------- Inspection centers page ---------------------*/

.inspectCR22L img{border:3px solid #fff;box-shadow: 0px 0px 5px -1px #504d4d;}
.inspectCR23L p{margin: 20px 0px 20px 0px;}
.inspectR27 ul li{margin-left:15px;}
.inspectCR27L {padding-bottom: 99px;}
.inspectR23R{padding: 20px 20px 88px 20px;}
.inspectR27R{padding: 20px 20px 81px 20px;}
.inspectR25L{padding: 20px 20px 41px 20px;}
.inspectR26R{padding: 20px 20px 57px 20px;}

/*------------------ labratory page----------------------*/

.labR22 {padding-top:40px;padding-bottom: 0px;}
.labR23{margin:25px 0px;}
.labR23L p:nth-child(1){margin:50px 0px;}
.labR23R p:nth-child(1){margin:50px 0px;}
.labR23L span, .labR23R span{padding:10px;color:#fff;background-color: #003883;}
.labR23L ul {margin-top:25px;}
.labR23L ul li{margin-left:30px;color:#333333e0;}
.labR24Title{background-color: #AEC9DE;padding:15px;text-align: center;font-size: 28px;color: #7F8C9A;}
.labR24R11L img, .labR24R12L img{border-radius: 50%;box-shadow: 0px 0px 6px -1px #504d4d; padding:0px;}
.labR24R1{background-color: #D7E7F4;}
.labR24R11R h5, .labR24R12R h5{color:#7F8C9A;padding:20px;}
.labR24R11R p, .labR24R12R p{padding:20px 0px 40px 0px;}
.labR24R12L img{margin-top:35px;}
.labR24R11L img{margin-top:35px;}
.labR24R2{background-color: #F2F4F7;}
.labR24R14R p:nth-child(2){padding:10px 0px;}
.labR2511L p{margin: 20px 0px;}
.labR2511L p:nth-child(3){margin-bottom: 55px;}
.labR2511M p{margin: 20px 0px 20px 0px;}
.labR2511R p{margin: 20px 0px 20px 0px;}
.labR2511R p:nth-child(3){margin-bottom: 100px;}
.labR27L p:nth-child(2){margin-bottom:20px;}
.labR27L p:nth-child(3){margin-bottom:20px;}
.labR2511R{padding:20px;}
.labR27R{padding: 20px 20px 97px 20px;}

/*------------------- audit page -------------------*/

.audit-sidebar i{font-size: 56px;}
.auditR1 p{padding-top:20px;padding-bottom:45px;}
.auditR22 p:nth-child(1){text-align: center;padding:15px;font-size: 17px;}
.auditR27L p{margin: 40px 0px 22px 0px;}
.auditR27L p:nth-child(3){margin-bottom: 122px;}
.auditR3M1{padding: 20px 20px 0px 20px;}
.auditR3R1{padding:20px;}
.auditR27R{padding-bottom:11px;}
.auditR28M{padding-bottom: 55px;}


/*----------------environmental audit ----------------*/

.labR23R ul{margin-top:10px;}
.labR23R ul li{list-style-type: lower-roman;margin-left:25px;}
.inspectR26L h5{padding: 20px 0px 0px 0px;}
.environmentR27L p{margin: 0px 0px 35px 0px;}
.envR22Title{font-size:28px;color:#7F8C9A;padding:25px;}
.environmentR22 p:nth-child(2){margin-bottom:15px;}
.environmentR22 p:nth-child(3){margin-bottom:15px;}
.eauditR3R1{padding: 20px 20px 0px 20px;}
.eauditR3L1{padding-bottom: 84px;}


/*---------------career page---------------*/
/*.subMenu{padding-left:15%;}*/
.subMenu a{  float: left;border-radius: 0px;/*border: 1px solid #f1f1f14d;*/padding: 0 10px;
    background-color: #1b1b4ac2;font-size: 16px;font-weight: lighter;}
.subMenu a.selected{color: #F8BB5C; padding-bottom: 1px;border-bottom: 1px solid #F8BB5C;font-weight: bold;}
.careerR11{padding:40px 0px;}
.borderR12{border-top:1px solid rgb(127, 140, 154);margin:0px 15px;}
.careerR12C h6{color: #EE7D11;font-size: 14px;font-weight: 600;margin-top: 5px;}
.careerR12 h6{margin: 35px 0px;font-weight: bold;font-size: 20px;}


/*-----------job opening page--------------*/

.jobR1{background-color: #F2F4F7;padding:100px;}
.jobR11{background-color: #fff;padding:15px;}
.jobR1 h1{color:#1A2B6D;padding:15px;font-weight:normal;font-size:55px;}
.jobR11 h2{color:#1A2B6D;padding:15px 0px 30px 0px;font-size:45px;}
.jobR11 p{font-size: 14px;font-weight: bold;}

/*-------------------spontaneousApp page ---------------------*/

.spontaneousApp{margin: 50px 0px;}
.spontaneousApp p{font-weight: bold;font-size:14px;text-align: center;margin:15px 135px;}

/*------------- news page------------------*/

.newsR1{background-color: #333;padding:15px;}
.newsRC{background-color:#fff;color:#333;transition:all .5s;margin:10px 0px;}
.newsText{padding:18px;}
.newsDate{color:#18803a;}
.newsText p{text-align:left;margin-top:10px;font-size:14px;}
.newsText h5{font-size:20px;padding:10px 0px;font-weight:normal;}
.newsRC:hover h5{color:#c94c08;}
.newsRC:hover img{opacity: .5; transition:all .5s;}
.newsRC img{transition:all .5s;}
.newsItem2Img{padding-left:0px;padding-right:0px;}

/*----------------------- gallery page ---------------------*/

.qnsTop p{margin:50px 0px;text-align: center;}
#salna{padding-top:50px;}
#salna p{margin:50px 0px;text-align: center;}

/*------------------------- Opening Sales Engineering ----------------------*/

.openingSales-sidebar{background-color: rgba(235, 237, 239, 1);height:715px;color:#7F8C9A;line-height:35px;font-size: 28px;}
.openingSales h6{text-decoration: underline;color:#000;font-weight: bold;}
.openingSales ul{margin:20px 0px 20px 25px;line-height: 22px;}

/*----------------- Contact Page -------------------*/

.contactAds{background-color: #28384c;padding:40px 0px;}
.contactHeader{margin-top:100px;}
.contactMap{padding:40px 15px 35px 15px;}
.contactForm{padding:40px 15px 30px 15px;border-bottom:2px solid #ee7d11;background-color: #28384c;}
.contact-box .items h4{font-size: 22px;color:#00388e;}
.contact-box .items{text-align: center;border:1px solid #ffffff;padding:15px 5px;border-radius: 0px;background-color: #f1f3f4;}
.items{min-height: 250px; }
.address span{line-height: 1.5em;}
.mapouter{position:relative;text-align:right;height:350px;max-width:550px;}
.gmap_canvas {overflow:hidden;background:none!important;height:350px;max-width:550px;}


/*-------------------- news page menu --------------------------*/

.newsNav {height:40px;width: 100%;background-color: #f0f4f8;position: relative;}
.newsNav > .nav-header {display: inline;}
.newsNav > .nav-header > .nav-title {display: inline-block;font-size: 16px;color: #404040;font-weight: 700;
  padding: 10px 10px 10px 10px;text-transform: uppercase;font-family: 'Red Hat Display', sans-serif;}
.newsNav > .nav-btn {display: none;}
.newsNav > .nav-links {display: inline;float: right;font-size: 18px;}
.nav-links button{background-color: #f0f4f8;border: none;font-size: 14px;cursor: pointer;padding: 12px 15px 10px 15px;color: #404040;text-transform: uppercase;font-family: 'Red Hat Display', sans-serif;}

.newsItem{overflow: hidden;-webkit-transition-duration: 500ms;transition-duration: 500ms;}
.newsContent{margin-top:10px;}
.newsItem span{font-size:12px;color:#333;margin-top:10px !important;}
.newsItem:hover{transform: translateY(-15px);}
.newsItem h5{color:#333;}
.newsItem img{width:400px; height:212px;}
.newsItem:hover h5{color:#EE7D11;}

.newsItem2{margin-top:50px;overflow:hidden;-webkit-transition-duration:500ms;transition-duration:500ms;}
.newsContent2{padding-left:15px;}
.newsItem2:hover h5{color:#EE7D11;}
.newsItem2 span{font-size:12px;color:#333;}
.newsItem2 h5{color:#333;font-size: 16px;}

.subcribeBtn{border-radius: 0px;color:#fff;background-color: #000035 !important;border:none;transition-duration: 500ms;position:relative;z-index:1;display:inline-block;min-width: 170px;height: 54px;color: #ffffff;border-radius: 0;padding: 0 30px;font-size: 18px;line-height: 54px;font-weight: 600;text-transform: capitalize;width: 100%!important;cursor:pointer;}
.subscribeForm input{text-align:center;width: 100%;background-color: #d4dfe3;height: 54px;font-size: 12px;
font-style: italic;color: #4c4c4c;border: none;margin-bottom: 15px;}

.newsSidebar{padding:25px 20px;background-color: #f0f4f8;text-align:center;margin-bottom: 30px !important;}
.newsSidebar h4{margin-bottom: 30px;line-height: 1.3;font-weight: 700;font-size: 24px;}
.newsSidebar p{margin:15px 0px;text-align: center;}
.newsadbox{padding:25px 20px;background-color: #f0f4f8;}
.newsFeaturedType{left:10px;margin-top:-170px;position: absolute;z-index: 1;height: 45px;min-width: 180px;
background-color: #d66a0b;color: #ffffff;display: inline-block;-webkit-transform: skewX(-30deg);transform: skewX(-30deg);}

.newsFeaturedType h4{width: 100%;font-size:14px;font-weight:500;line-height:28px;text-transform: uppercase;-webkit-transform: skew(30deg);transform: skew(30deg);}

.newFeaturedTitle{top:500px;text-align: left !important;padding-left:25px;}
.newFeaturedTitle h2{font-size:28px;}
.detailsNewsSide h4{font-weight: bold;}
.newsTitle h2{font-size: 20px;line-height: 30px;}
.newsTitle{top: 490px;text-align: left !important;padding-left: 25px;}
.newsTopRightSideBottom, .newsTopRightSideBottomImg, .newsTopRightSideBottomImg img{min-height:292px;max-height:292px;opacity:1;}
.newsTopRightSideBottomContent{ 
   background: #000000a3;
  padding: 10px 15px;
  width: 100%;}
.newsTopRightSideBottomContent h2{text-align: left;line-height: 28px;font-size: 20px;}
.newsTopRightSideBottomContent p{margin-top: 10px;}

/* .news-section .blog-content {position: relative;bottom: 108px;z-index: 50;} */
.news-section .blog-content {
  position: relative;
  bottom: 1px;
  z-index: 50;
  height: 70px;
}
.news-section .blog-content p ,
.news-section .blog-content .post-title{color: white ;}
/*.news-section .blog-content a.post-title{font-size: 25px;}*/
section.section.news-section-second { padding-top: 125px;}
.news-top-right-side {padding-right: 0;}
section.section.news-section {padding-bottom: 0px;}
#content-slider5 iframe{width: 277px;height: 218px;}



/*----------------big footer------------------------*/
.bigFooter{background-color: #000035f5;color:#fff;padding:30px 0px;}
.bigFooter p{line-height: 25px;}
.bigFooterMenu h4{padding:0px 0px 10px 0px;font-size: 20px;}
.bigFooterMenu a{color:#fff;transition: all .1s;}
.bigFooterMenu a:hover{color:#F8BB5C;}
.bigFooterMenu img{width: 110px;height: auto;}


/*------------- common css for all page -----------------------*/
/*.overlay{top:0;bottom: 0;left:0;right:0;position: absolute;background-color:#00000078;}*/

/*--------------common button ------------------*/

.contactBtn{padding:20px 0px 30px 0px;}
.contactBtn button{background-color:#000035;cursor:pointer;height:42px;min-height:36px;line-height:36px;font-size: 14px;border: 2px solid #fff;}
.contactBtn button:hover{background-color: #161629c9;}
.homeBtn button{height: 42px;min-height: 42px;line-height: 42px;}


/*--------------------- back to top -----------------------*/

#buttonBTT {display: inline-block;background-color: #FF9800;width: 45px;height: 45px;text-align: center;
  border-radius: 4px;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
#buttonBTT::after {content: "\f077";font-family: FontAwesome;font-weight: normal;font-style: normal;font-size: 1.5em;line-height: 42px;color: #fff;}
#buttonBTT:hover {cursor: pointer;background-color: #333;}
#buttonBTT:active {background-color: #555;}
#buttonBTT.show {opacity: 1;visibility: visible;}

@media (min-width: 500px) {#buttonBTT {margin: 15px;}}

#tawkchat-minified-wrapper {z-index: 999 !important;}

/*-------------------- preload ------------------------*/

#loading{position: fixed;width: 100%;height: 100vh;background: #fff
  url('http://garudapr.in/wp-content/uploads/2017/12/loader.gif') no-repeat center center;z-index: 99999;}

.loader_bg{
  position: fixed;
  z-index: 99999;
  background: #fff;
  width: 100%;
  height: 100%;
}
.loader{
  /*border: 0 solid transparent;*/
  /*border-radius: 50%;*/
  width: 450px;
  height: 450px;
  /*position: absolute;*/
  /*top: calc(50vh-75px);
  left: calc(50vh-75px);*/
  /*content: url('http://127.0.0.1:8000/assets/frontend/img/PQC-Logo2.png');*/
  /*top:0;
  left:0;*/
/*  bottom: 0;
  right: 0;*/
}
.loader:before, .loader:after{
  content: url('http://127.0.0.1:8000/assets/frontend/img/PQC-Logo2.png');
  /*border:1em solid #ff5733;*/
  /*border-radius: 50%;*/
  width: inherit;
  height: inherit;
  position: absolute;
  /*top:0;
  left:0;*/
  /*bottom: 0;
  right: 0;*/
  animation: loader 2s linear infinite;
}
.loader:before{
  animation-delay: .5s;
}
@keyframes loader{
  0%{
    transform: scale(0);
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    transform: scale(1);
    opacity: 0;
  }
}

/*-------------------- Google translator ------------------------*/

.ct-topbar__list {
  margin-bottom: 0px;
}
.ct-language__dropdown{
  padding-top: 8px;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 85px;
  text-align: center;
  padding-top: 0;
  z-index:200;
}
.ct-language__dropdown li{
  background: #222;
  padding: 5px 10px;
}
.ct-language__dropdown li a{
  display: block;
  color: #fff;
  text-align: left;
}
.ct-language__dropdown li img{
  padding-top:5px;
}
.ct-language__dropdown li:first-child{
  padding-top: 10px;
  border-radius: 3px 3px 0 0;
}
.ct-language__dropdown li:last-child{
  padding-bottom: 10px;
  border-radius: 0 0 3px 3px;
}
.ct-language__dropdown li:hover{
  background: #444;
}
.ct-language__dropdown:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 8px;
  border-left-width: 8px;
  border-bottom: 8px solid #222;
}
.ct-language{
  position: relative;
  background: #393944;
  color: #fff;
  padding: 15px 20px;
  border-radius: 10px;
  margin-top: 0px;
  margin-left:0px !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.menu-flex .menu li .ct-topbar li{}
.ct-language ul li {
    margin-left: 0px !important;
    padding-bottom: 12px !important;
    padding-top:6px !important;
    /*padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;*/
}
.ct-language:hover .ct-language__dropdown{
  max-height: 200px;
  padding-top: 8px;
}

.ct-topbar img{width: 20px;}
.lang-short{margin:-18px 0px 0px 30px;}
.ct-language i{margin-left:10px;}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.navbar-brand>img {
  padding-top: 11px;
  width: 130px;
  margin-left: 15px;
}
.navbar-brand {
    height: auto;
    margin: 0;
    padding: 0;
    margin-right: 20px;
}
.navbar {
  background-color: #000000;
}
.navbar-default .navbar-nav > .active > a {
  padding: 8px 19px 9px !important;
}
.navbar-nav > li.active {
  padding: 8px 0px 9px 0;
}
.navbar-right {
  padding-top: 0;
}
.navbar-default .navbar-nav > li > a::after {
  background-color: transparent;
  border-bottom: 3px solid #d2282e;
}
.navbar-default .navbar-nav>li {
  display: inline-block;
  text-align: center;
  float: none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #0392CC;
}

.goog-te-gadget-simple .goog-te-menu-value:hover {text-decoration: none;}
.goog-te-gadget-simple .goog-te-menu-value span {border-left: 0px solid rgb(187, 187, 187) !important;}
.goog-te-gadget-simple .goog-te-menu-value span {
    border-color: rgba(50, 50, 50, 1)!important;
    font-size: 12px;
    color: #000;
    padding: 0px !important; 
}

#google_translate_element{}
.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    font-size: 10pt;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    zoom: 1;
}

.subnavpar{overflow: hidden;}

/*------------- live chat -------------------*/


/*-------------------media query--------------------*/
@media (max-width: 575.98px) { }
@media (max-width: 767.98px) { .partner-sidebar h5{font-size: 22px;} }

@media screen and (min-width: 920px) {
  #google_translate_element {
    padding-left: 40px;
}
}

.contacts .contact-box .col-md-4 {
  padding: 0;
}
.banner-bg{
  background-color: transparent;
}

/*****************************/

.lSAction > a {
  opacity: 1
}
/****************************/
.lb-dataContainer{
  display: none !important;
}
.lightbox .lb-image{
  border: 10px solid white;
}
.contact-container {
  background: #ee7d11;
}





/*------------------ media query -----------------------*/
@media (max-width: 1024px) {

/*------------home page ----------------*/
  .menu-flex .menu li {margin-left: 0px;}
  .homeR4 {padding: 80px 0px 50px 0px;}
  .pqcService {padding: 50px 0px 20px 0px;}
  .homeR4 h2 {font-size: 40px;}
  .homeR3 p {width: 100%;}
  .pqcService2 h4 {font-size: 22px;}
  .pqcServiceRL h2 {font-size: 32px;}
  .pqcServiceRL h4 {font-size: 22px;}
  .ct-language i {margin-left: 0px; }

/*--------- ethics page -------------*/
  .ethics-sidebar {padding: 20px 20px;}

/*---------- company page ------------*/
  .comR1L h5 {font-size: 17px;margin-bottom: 24px;}
  .hisR1L1 p:nth-child(2) {font-size: 18px;margin-bottom: 10px;}
  .hisR1L1 p:nth-child(1) {margin: 30px 0px 20px 0px;}
  .teamR1R {padding: 50px 25px 25px 25px;}
  .ethicsR1 h2 {padding: 5px 0px;font-size: 26px;}
  .comR3L h4, .comR3M h4, .comR3R h4 {margin: 32px 0px;font-size: 24px;line-height: 30px;}

/*----------- service page ----------------*/
  .serviceR13 {padding: 50px 0px 45px 0px;}
  .inspectR23M {padding: 20px 20px 4px 20px;}
  .inspectCR27L {padding-bottom: 45px;}
  .inspectR23R {padding: 20px;}
  .inspectR25R {padding-bottom: 0px;}
  .inspectR27R {padding: 20px 20px 0px 20px;}
  .labR2511R{padding:20px;}
  .labR27R{padding: 20px 20px 124px 20px;}

/*------------ inspection ----------------*/
  .inspectR23R{padding-bottom: 62px;}
  .inspectR25L{padding-bottom: 42px;} 
  .inspectCR27R{padding: 20px 20px 41px 20px;}


/*-------- audit page --------------------*/

  .auditR3L1{padding-bottom:46px;}
  .auditR3R1{padding-bottom:20px;}
  .auditR3M1{padding-bottom:0px;}
  .auditR4R2{padding-bottom: 35px;}
  .eauditR3R1{padding-bottom:0px;}
  .eauditR3L1{padding-bottom: 105px;}
  .environmentR27L{padding-bottom: 52px;}
  .auditR27R{padding: 20px;}
  .auditR27L p:nth-child(3) {margin-bottom: 104px;}
  .environmentR27R{padding: 20px 20px 109px 20px;}

/*------------ news page ---------------------*/

  .newsContent2{padding-left: 10px;padding-right:0px;}
  .newsContent2 h5{font-size: 14px;}
  #content-slider5 iframe {width: 235px;}

/*------------ contct page -------------*/
  .contact-box .items h4 {font-size: 20px;}
  .contactMap h3{font-size: 30px;}

/*------------- partner css --------------*/
  .partner-sidebar {padding: 20px 20px;}



}


@media screen and (max-width: 991px) {

  .dummyDiv{height:92px;background-color: #000035;}
  .page-header {margin-top: 0px;}
  .subMenu {z-index: 99 !important;padding-left:15%;}

  .pqcService {padding: 40px 0px 20px 0px;}
  .homeR1 h2 {font-size: 37px;}
  .homeR4 h2 {font-size: 26px;}
  .homeR4 h4 {font-size: 26px;}
  .homeR3 p {font-size: 22px;}
  .pqcServiceRL h4 {line-height: 20px;}
  .pqcServiceRL p {margin: 5px 0px 20px 0px;}
  .pqcServiceRR p {margin: 20px 0px;}


/*----------- translator ------------------*/
  .ct-language {padding: 8px 15px;}

/*---------- menu -------------*/
  .menu-flex .menu li a {line-height: 35px;}
  .menu-flex .menu li .ct-topbar {width: 50%;padding-left:18px;}
  .menu-flex .menu li .ct-topbar li {padding-left:10px;}
  .ct-language__dropdown li{padding-left: 0px !important;}
  .ct-language__dropdown li a{line-height: 15px !important;padding-left: 10px !important;}
  .menu-flex .menu {padding-top: 30px;}
  .menu-icon-wrap {width: 40px;height: 40px;border-radius: 50%;background: #080909bd;margin-top: 11px;border: 1px solid #fff;}


/*--------company page --------------*/
  .comR4L {padding-left: 25px !important;padding-top: 0px;}
  .comR4L h4 {padding: 15px 0px;}
  .histoImgQuat {height: 90px;}
  .histoBlockQuot {padding: 20px 30px 0px 25px;line-height: 21px;}

/*------------team -------------------*/
  .teamR1L h5, .teamR1M h5, .teamR1R h5{font-size: 19px;}
  .teamR1L {padding: 50px 25px 0px 25px;}
  .teamR1L p, .teamR1M p, .teamR1R p {margin: 30px 0px;}
  .teamR1R {padding: 50px 25px 51px 25px;}

/*--------------inspection ------------------*/
  .inspectR23R {padding: 20px 20px 18px 20px;}
  .inspectR27R {padding-bottom: 3px;}
  .inspectR23LL{padding-bottom: 21px;}
  .inspectR23LM{padding: 20px 20px 0px 20px;}
  .inspectR25L {padding-bottom: 0px;}
  .page-header-title {font-size: 25px;}

/*-----------inspection center ----------------*/
  .inspectR23R {padding: 20px 20px 62px 20px;}
  .inspectR27R {padding-bottom: 0px;}
  .inspectCR23L {}


/*---------- labratory ------------------*/
  .labR24R11R p, .labR24R12R p {padding: 0px 0px 40px 0px;}
  .inspectR23L, .inspectR23R {padding-bottom:0px;}


/*-------- techinical audit -------------*/
  .inspectR27L{padding-bottom:0px;}
  .inspectR27LL{padding-bottom: 146px;}
  .auditR1 p {padding-top: 0px;padding-bottom: 0px;}
  .labR23R p:nth-child(1) {max-height: 79px;background-color: #003883;padding: 10px;color: #fff;margin: 32px 0px;line-height: 33px;}

/*------------- news -----------------*/
  .newsContent2 {padding-left: 35px;}
  .newsSidebar {margin-top: 50px;}
  .newsContent2 h5 {font-size: 16px;}
  #content-slider5 iframe {width: 300px;}
  .newsTopRightSideBottomContent h2 {text-align: left;line-height: 22px;font-size: 20px;}
  .news-section .blog-content {bottom: 73px;}
  .newFeaturedTitle h2 {font-size: 22px;}
  .newsItem2 img {max-width: 250px;}

/*---------- contact ---------------*/
  .contacts .contact-box .items {min-height: 314px;}

/*----------- career -----------------*/
  div#job-offter-section .items h4 {font-size: 22px !important;}
  .careerR12 h6 {margin: 20px 0px;font-size: 14px;}


}


@media screen and (max-width: 768px) {
  .news-section .blog-content {bottom: 116px;
    padding-top: 14px;
    margin-top: 48px;}
  #content-slider5 iframe {width: 230px;}
  .contacts .contact-box .items { min-height: 362px;}
  .spontaneousApp p {margin: 15px 15px;}

}


@media screen and (max-width: 767px) {
/*----------- translator ------------------*/
  .ct-language {padding: 8px 15px;}

  .page-header-title {font-size: 22px;top: 234px;}

/*----------- home page -------------------*/
  .homeR7 {padding: 110px 0px;}
  .homeR7 h2 {padding: 0px 0px 10px 0px;}
  .header {min-height: 500px;max-height: 500px;}
  .quality-service-slider2 {top: 400px;}

/*-------- comapny ----------------------*/
  .companyQuat {height: 100px;}
  .companyQuat {text-align: center;}
  .companyQuat blockquote {padding-top: 38px;text-indent: 0px;}
  .comR4R{text-align:center;}
  .comR4R img{max-width: 450px;}
  .comR4L {padding-left: 30px !important;padding-top: 0px;}


/*------------ history------------*/
  .histoImgQuat {height: 60px;margin-bottom: 15px;}
  .hisR1L1 p:nth-child(3) {margin-bottom: 30px;}

/*---------- team ------------------*/
  .teamR1L {padding: 35px 25px 10px 25px;}
  .teamR1R {padding: 30px 25px 1px 25px;}
  .teamR1M {padding: 30px 25px 0px 25px;}

/*------------ partner ------------------*/
  .partner-sidebar {height: 75px;}

/*--------- ethics ------------------*/
  .ethics-sidebar {height: 75px;}
  .ethicsR1 p:nth-child(2){text-align: left;}

/*----------- service -------------*/
  .serviceR11{margin-bottom: 15px;}

/*---------- inspection ----------------*/
  .inspectR23L, .inspectR23R {padding-bottom: 1px;}
  .inspectR23L, .inspectR23R, .inspectR24M {padding-bottom: 1px;}
  .inspectR24L, .inspectR24R {padding-bottom: 1px;}
  .inspectR27LL, .inspectR27R, .inspectR28M{padding-bottom: 12px;}
  .inspectR27 p, .inspectR28 p {margin: 10px 0px;}
  .inspectR26R {padding: 20px;}

/*------------- inspection center---------------------*/
  .inspectR22L h5, .inspectR22R h5 {margin: 30px 0px 20px 0px;}
  .inspectR22 {padding: 40px 0px 20px 0px;}
  .inspectR23R p, .inspectR23M p {margin: 15px 0px;}
  .inspectR24L p, .inspectR24M p, .inspectR24R p, .inspectR25L p, .inspectR25R p {margin: 20px 0px;}
  .inspectR27L {padding-bottom: 20px;}

/*------------ labratory---------------------------*/
  .labR24R11L, .labR24R12L{text-align: center;}
  .labR24R11L img, .labR24R12L img{max-width:150px;}
  .labR2511R p:nth-child(3) {margin-bottom: 30px;}
  .labR2511L p:nth-child(3) {margin-bottom: 30px;}
  .labR24R11R p, .labR24R12R p {padding: 0px 0px 20px 0px;}
  .inspectR25L {padding-bottom: 20px;}
  .labR23 {margin: 0px 0px;}

/*---------------technical social audit ------------------*/
  .auditR1 p {padding: 20px 0px;}
  .auditR3M1 {padding-bottom: 20px;}
  .auditR27L p:nth-child(3) {margin-bottom: 0px;}

/*--------------- news--------------------*/
  #content-slider5 iframe {width: 340px;}
  .newsItem2Img img{width: 250px;height:auto;}
  .quality-service-slider2 {top: 420px;}
  .newsDetailsFeaturedImg{margin-bottom: 15px;}

/*---------- contact ------------------*/
  .mapouter {height: 350px;max-width: 690px !important;}
  .gmap_canvas {height: 350px;max-width: 690px !important;}

/*-------------------career -------*/
  .items {min-height: 200px;}
  .spontaneousApp p {margin: 15px;}
  .inspection-sidebar i {font-size: 56px;}
  .openingSales-sidebar {height: 91px;line-height: 30px;}
  .openingSales-sidebar h5{font-size: 26px;}
  .job-page-header-title {top: 225px;}

}

/************ Training Feature ****************/
header.header.header-default.paralax.img-fluid.banner-bg{
  /* margin-top: 92px !important; */
  
}
.container.training-style {
  background-color: rgba(242, 244, 247, 1);
  padding: 0 80px;
}
.trainings {
  padding: 40px 25px 0px 25px;
}
.trainings-color {
  background-color: #ffffff;
}
.trainings-color-sec {
  background-color: #f3f3f3;
}
.trainings h5 {
  height: 50px;
  font-size: 20px;
}
.trainings p{
   margin: 25px 0px;
}

.training-main{
  background-color: white;
  padding: 0 30px;
}
.trainings-tag {
  padding: 15px;
  height: 130px;
}
/************ End Training Feature *******************/

@media screen and (max-width: 640px) {

  .homeR4 h2 {font-size: 22px;}
  .homeR4 h4 {font-size: 20px;}
  .homeR4 button {padding: 0px 122px;}
  .homeR7 h2 {font-size: 30px;padding: 0px 0px 0px 0px;}
  .homeR7 {padding: 100px 0px;}
  .homeR1 p {margin: 15px 15px;}
  .header {min-height: 500px;max-height: 500px;}
  .quality-service-slider2 {top:400px;font-size:24px;}
  .companyQuat {height: 93px;margin-left:15px;margin-right:15px;}
  .comR4L {padding-left: 15px !important;padding-top: 0px;}
  .histoBlockQuot {font-size: 18px;}
  .labR24R11L img, .labR24R12L img {max-width: 160px;}
  #content-slider5 iframe {width: 280px;}
  .openingSales-sidebar {height: 100px;}
  .openingSales-sidebar h5{font-size: 28px;}
  .partner-sidebar {height: 100px;}
  .labR23R{margin-bottom:25px;}
  .page-header-title {font-size: 20px;top: 234px;}
  .news-section .blog-content {bottom: 95px;}
  .newsItem2 img {max-width: 250px !important;}
  .newsBtn{ margin-left: 110px;}
  
}


@media screen and (max-width: 479px) {

  .homeR4Title2{width: 100%; }
  .homeR4Title {margin: 0 auto;}
  .quality-service-slider {width: 322px;top: 235px;}
  .homeR4 h4 {font-size: 16px;}
  .homeR4 h2 {font-size: 20px;}
  .homeR4 h4 {margin: 20px 0px 0px 0px;}
  .header {min-height: 500px;max-height: 500px;}
  .homeR4Title {width: 100%;}
  .companyQuat {height: 80px;}
  .blockQuot{text-indent:3px !important;font-size:19px !important;padding-top: 23px !important;}
  .histoBlockQuot {padding: 10px 50px 0px 50px;}
  .partner-sidebar {height: 135px;}
  .ethics-sidebar {height: 110px;}
  .inspaectionTitle, .labTitle, .socialAuditTitle, .eauditTitle {font-size: 20px;top: 212px;}
  .newsTitle h2 {line-height: 26px;}
  .newsNav {height: 100px;}
  
  .newsNav > .nav-header > .nav-title {font-size: 12px;padding: 12px 10px 7px 10px;}
  .nav-links button {font-size: 10px;padding: 12px 3px 10px 3px;}
  .newsContent2 {padding-left: 15px;}
  #content-slider5 iframe {width: 350px;}
  .mapouter {height: 320px;max-width: 354px !important;}
  .gmap_canvas {height: 320px;max-width: 354px !important;}
  .contacts .contact-box .items {min-height: 300px;}
  .pqcCTG{margin-bottom: 15px;}
  .contactMap {padding: 0px 15px 35px 15px;}
  .homeR1 h2 {font-size: 26px;}

}

@media screen and (max-width: 479px) {
  /*.ct-language {margin-top: -480%;}*/
}

@media screen and (max-width: 420px) {
  /*.ct-language {margin-top: -400%;}*/
}

@media screen and (max-width: 400px) {
  /*.ct-language {margin-top: -310%;}*/
  .histoBlockQuot {font-size: 16px;}
  .partner-sidebar h5, .ethics-sidebar h5, .inspection-sidebar h5 {font-size: 26px;}
  .newsTopRightSideBottomContent h2 {font-size: 18px;}
  .nav-links button {font-size: 13px;padding: 12px 6px 10px 5.9px;}
  .histoBlockQuot {padding: 10px 50px 0px 30px;}
  .contactMap h3 {font-size: 18px;}
  .contacts .contact-box {padding: 0;margin-bottom: 0px;}
  .partner-sidebar {height: 180px;}
}

@media screen and (max-width: 360px) {
  .news-section .blog-content {bottom: 116px;}
  .newsItem2 {overflow: visible;}
  .nav-links button {font-size: 12px;padding: 12px 7px 10px 6px;}
}

@media screen and (max-width: 320px) {
  .quality-service-slider {width: 280px;}
  .quality-service-slider {padding: 0px 10px 10px 10px;}
  /*.ct-language {margin-top: -230%;}*/
}

/*-------------live chat----------------------*/
div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list>a.wh-widget-button div.wh-widget-button-icon.wh-messenger-bg-whatsapp {
    background-color: #ff9800;
}
div.wh-widget-send-button-wrapper div.wh-widget-send-button-wrapper-list>a.wh-widget-button div.wh-widget-button-icon.wh-messenger-bg-facebook {
    background-color: #ff9800;
}

.col-md-6.japanese p img:hover {
    transform: scale(1.2);
    z-index:999;
}
.col-md-6.japanese p img {
    transition: transform .9s;
}

.quality-service-slider2.newFeaturedTitle > h2 {
    padding-left: 60px!important;
}