* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', 'Poppins', sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  .content {
      width: 100%;
      max-width: 1100px;
      height: auto;
      margin: 0 auto;
      clear: both;
  }
       .req {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            height: 0;
            width: 0;
            z-index: -1;
        }


  .cover {
      width: 100%;
      height: 500px;
      background: #323848;
      text-align: center;

  }

  .cover img {
      max-height: 100%;
      max-width: 100%;


  }

  .cover h2 {

      width: 35%;
      text-align: left;
      position: absolute;
      margin-top: 70px;
      font-size: 24px;
      line-height: 44px;
      font-weight: 600;
      color: white;
      left: 7%;
  }


  .cover .cover-contact {
      width: 25%;
      text-align: left;
      position: absolute;
      margin-top: 150px;
      font-size: 16px;
      color: white;

      font-weight: 400;
      line-height: 24px;
      left: 7%;
  }

  .cover .cover-contact span {
      color: #c8cddc;
      font-size: 14px;

  }

  .cover .cover-contact a {
      color: white;
      text-decoration: none;
      font-size: 16px;
      padding-left: 27px;
  }

  .cover .cover-contact img {
      padding: 0px 10px 0 0;
      margin-bottom: -5px;
  }

  .cover .form {
      float: right;
      position: absolute;
      right: 7%;
      margin-top: 70px;
      width: 25%;
      
  }
.cover-mobile{display: none;}
  .cover .request {
      color: white;
      text-align: left;
      padding: 0 0 5px 10px;
      font-size: 18px;
  }

  .cover input {
      height: 40px;
      width: 100%;
      border-radius: 4px;
      border: 1px solid #ccc;
      background: none;
      margin: 8px 10px;
      padding: 0 15px 0 15px;
      color: white;
      font-size: 15px;
  }

  .cover textarea {
      height: 70px;
      width: 100%;
      border-radius: 4px;
      border: 1px solid #ccc;
      background: none;
      margin: 8px 10px;
      padding: 15px;
      color: white;
      font-size: 15px;
  }

  .cover .go {
      height: 40px;
      font-size: 16px;
      background: #C60614;
      color: white;
      border: none;
      border-radius: 4px;
      width: 100%;
      margin: 10px 10px;

  }

  .cover .go:hover {
      cursor: pointer;
  }

@media (max-width:1200px) {
      .cover h1 {
          left: 2%;
      }

      .cover .cover-contact {
          left: 2%;
          width: 60%;
      }

      .cover .form {
          right: 3%;
          width: 27%;
      }

      .content {
          width: 96%;
      }

      .team {
          width: 96%;
      }
  }

  @media (max-width:960px) {
      .cover h1 {
          width: 40%;
      }
  }

  @media (max-width:850px) {
      .cover {
          min-height: 500px;
          height: auto;
      }

      .cover img {
          max-height: 70%;
          max-width: 65%;
          margin-bottom: -6px;
      }

      .cover h1 {
          font-size: 25px;
      }

      .cover .form {
          width: 40%;
      }
  }

  @media (max-width:700px) {
      .cover{
        min-height: auto;
      }
      .cover-mobile{
          display:none !important;/*flex*/
          width:100%;
         
          text-align: center;
         background: #323848;
          clear: both;
      }
      .cover-mobile .form-mobile{
          width: 90%;
      }
      
      .cover-mobile .request {
      color: white;
      text-align: left;
      padding: 20px 0 5px 0px;
      font-size: 18px;
  }

  .cover-mobile input {
      height: 45px;
      width: 100%;
      border-radius: 4px;
      border: 1px solid #ccc;
      background: none;
      margin: 8px 0;
      padding: 0 15px 0 15px;
      color: white;
      font-size: 15px;
  }

  .cover-mobile textarea {
      height: 70px;
      width: 100%;
      border-radius: 4px;
      border: 1px solid #ccc;
      background: none;
      margin: 8px 0;
      padding: 15px;
      color: white;
      font-size: 15px;
  }

  .cover-mobile .go {
      height: 45px;
      font-size: 16px;
      background: #C60614;
      color: white;
      border: none;
      border-radius: 4px;
      width: 100%;
      margin: 10px 0;

  }

  .cover-mobile .go:hover {
      cursor: pointer;
  }
      
}

/**/
.about-head{
    color: #333;
    font-size: 24px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing:2px;
    padding:0 0 15px 0;
    text-align:center;
    margin-top:40px;
}
.abouthr{
     width: 10%;
    height: 3px;
    background: #C60614;
    border: none;
 text-align:center;
    border-radius: 4px;
}
  /*quick_practices*/


  a:active,
  a:hover {
      outline: 0;
  }

  .quick_practice {
      height: auto;
      width: 100%;

  }

  .row {
      margin-right: -20px;
      margin-left: -20px;
      margin-top: 50px;
      overflow: hidden;


  }

  .col-lg-3,
  .col-md-6 {
      position: relative;
      min-height: 1px;
      padding-right: 10px;
      padding-left: 10px;
      width: 20%;
      float: left;
      margin-bottom: 20px;
  }


  .clearfix:after {
      clear: both;
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: " ";
  }

  .panel {
      margin-bottom: 20px;
      border-radius: ;
      height: auto;
      text-align: center;
  }


  .panel .team-hr {
      width: 50%;
      background: #C60614;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
  }

  .panel .title {
      font-size: 16px;
      font-weight: 500;
      line-height: 28px;
      margin: 10px 0 0 0;
      text-align: center;
  }

  .panel .title a {
      text-decoration: none;
      color: #000;
  }

  .panel .title a:hover {
      color: #C60614;
  }

  .panel .bl-image {}

  .panel .bl-image img {
      max-width: 100%;
      height: 150px;
      border-radius: 4px;
      object-fit: cover;

  }


  @media (max-width:1200px) {
      .content {
          width: 92%;
      }
  }

  @media (max-width:1170px) {

      .col-lg-3,
      .col-md-6,
      .col-xs-3,
      .sale_pitch {
          width: 25%;
          float: left;
      }


  }

  @media (max-width:930px) {

      .col-lg-3,
      .col-md-6,
      .col-xs-3,
      .sale_pitch {
          width: 33.33%;
          float: left;
      }

  }

  @media (max-width:700px) {

      .col-lg-3,
      .col-md-6,
      .col-xs-3,
      .sale_pitch {
          width: 50%;
          float: left;
          padding-right: 10px;
          padding-left: 10px;
      }

      .row {
          margin-right: -10px;
          margin-left: -10px;
      }

  }

  @media (max-width:450px) {
      .row {
          margin-right: -5px;
          margin-left: -5px;

      }

      .col-lg-3,
      .col-md-6,
      .col-xs-3 {
          padding-right: 5px;
          padding-left: 5px;
          width: 100%;
          float: left;
          height: auto;

          position: relative;

      }

      .panel .bl-image {
          height: auto;
          border-radius: 4px;


      }

      .panel .bl-image img {
          width: 100%;
          height: auto;
          border-radius: 4px;
          object-fit: cover;

      }

      .panel .title {
          font-size: 20px;

      }

  }

  /*video with intro section*/


  .grid-left {
      float: left;
      width: 50%;

      display: table;

  }

  .left {
      display: table-cell;
      width: 100%;
      height: 450px;
      vertical-align: middle;
      text-align: left;
      padding: 0 5% 0 0;



  }

  .left img {

      display: inline-block;
      width: 100%;
      height: auto;
          border-radius: 4px;
  }

  .grid-right {
      height: 450px;
      width: 50%;

      float: left;

  }

  .right {
      display: table-cell;
      width: 100%;
      height: 450px;
      vertical-align: middle;
      text-align: left;
      padding: 0 0 0 5%;

  }

  .right .right-content {

      display: inline-block;
      width: 100%;
      height: auto;

  }

  .right-content .grid-head {
      font-size: 30px;
      line-height: 44px;
      color: #000;
      font-weight: 600;
      margin: 0 0 20px 0;
  }

  .right-content .grid-desc {
      font-size: 16px;
      line-height: 24px;
      color: #555;
      font-weight: 400;
      margin: 0 0 40px 0;

  }

  .right-content .button {
      border: none;
      background: none;
      position: relative;
  }

  .right-content .button a {
      margin: 20px 0 20px 0px;
      padding: 12px 25px;
      text-decoration: none;
      background: #C60614;
      color: white;
      font-size: 16px;

      font-weight: 600;
      border-radius: 4px;
  }


  .grid-left2 {
      float: right;
      width: 50%;
      display: table;
  }

  .left2 {
      display: table-cell;
      width: 100%;
      height: 450px;
      vertical-align: middle;
      text-align: left;
      padding: 0 0 0 5%;


  }

  .left2 img {

      display: inline-block;
      width: 100%;
      height: auto;
          border-radius: 4px;
  }

  .grid-right2 {
      float: left;
      width: 50%;
  }

  .right2 {
      display: table-cell;
      width: 100%;
      height: 450px;
      vertical-align: middle;
      text-align: left;
      padding: 0 5% 0 0;

  }

  .right2 .right-content {

      display: inline-block;
      width: 100%;
      height: auto;


  }

  .team-wrap {
      background: #f4f4f4;
      clear: both;


  }

  .team {
      width: 90%;
      max-width: 1100px;
      margin: 0 auto;
      height: 500px;
      clear: both;

  }

  .team-images {
      width: 100%;
      height: 400px;
      display: inline-block;
      clear: both;
      

  }

  .team-images .exe-head {
      width: 100%;
      height: ;
      background: red;
      margin: 0 auto;
      text-align: center;
  }

  .exe-head img {}



  .odd {
      width: 100%;
      height: auto;
      float: left;
      text-align: center;
      display: table;
  }

  .odd .ceo-head {

      float: left;
      width: 100%;
      margin-bottom: 15px;
  }

  .odd .ceo-head img {
      border-radius: 100px;
      height: 100px;
      width: 100px;

  }

  .members {
      width: 33.33%;
      display: inline-block;
      float: left;


  }

  .members img {
      border-radius: 100px;
      height: 80px;
      width: 80px;
      text-align: center;
      object-fit: cover;
  }

  .members span {
      font-size: 14px;
  }

  
  @media (max-width:700px) {

      .content {
          width: 90%;
      }

      .team {
          width: 90%;
      }

      .cover {
          height: auto;
          position: relative;
          padding: 0 20px;

      }

      .cover h1 {
          position: relative;
          margin: 0 0 100px 0;
          padding: 0;
          width: 100%;

          font-size: 36px;
          line-height: 44px;
          font-weight: 600;
          color: white;
          left: 0%;
          top: 50px;

      }

      .cover .cover-contact {
          position: relative;
          float: left;
          width: 100%;
          text-align: left;
          margin-top: 150px;
          left: 0;
      }

      .cover .md {
          max-height: 100%;
          max-width: 100%;
          margin-top: 20px;

      }

      .cover .form {
          position: relative;
          width: 100%;
          float: left;
          margin-top: 50px;

      }

      .grid-left {
          width: 100%;
          height: auto;
          padding: 10% 0 0 0;


      }

      .left {
          padding: 0;
          height: auto;

      }

      .grid-right {
          width: 100%;
          height: auto;


      }

      .right {
          width: 100%;
          height: auto;
          float: left;
          padding: 5% 0 10% 0;

      }

      .grid-left2 {
          width: 100%;
          height: auto;
          padding: 10% 0 0 0;

      }

      .left2 {

          padding: 0;
          height: auto;
      }

      .grid-right2 {
          padding: 0;
          width: 100%;
          height: auto;


      }

      .right2 {
          height: auto;
          padding: 5% 0 10% 0;

      }

      .team-wrap {
          height: auto;
          float: left;
      }

      .team {
          height: auto;
      }

  .right-content .grid-head {
      font-size: 24px;
      line-height:36px;
      }


  }