body {
    /* font-family: 'Libre Baskerville', serif;
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Source Sans Pro', sans-serif; */
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    outline: none !important;
  }

  a {
    text-decoration: none !important;
    color: #333;
  }

  ::-moz-selection {
    background: #0061b4;
    color: #fff;
  }

  selection {
    background: #0061b4;
    color: #fff;
  }

  p {
    line-height: 28px;
  }


  /*Starts on css intro*/

  .full-blue {
    background-color: #1b75bc;
    color: white;
  }

  #home-page .landing-section {
    height: 100vh;
  }

  #home-page .landing-section .enter-site {
    background-color: white;
    bottom: 0;
    color: black;
    cursor: pointer;
    left: 50%;
    padding: 1rem 0.8rem 0 0.4rem;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1030;
  }

  #home-page .landing-section .enter-site span {
    color: white;
    font-size: 1rem;
    padding: 0.425rem;
  }

  .h-100 {
    height: 100% !important;
    display: flex;
    flex-wrap: wrap;
  }

  #home-page .landing-section .l-logo-font {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }

  #home-page .landing-section .l-logo-font:hover {
    background: #fff none repeat scroll 0 0;
  }


  .fullmod {
    padding: 0 !important;
  }

  .fullmod-body {
    clear: both;
    overflow: hidden;
  }

  .left-panel {
    background: #F0F2F6;
    color: #333;
    float: left;
    font-family: "Roboto Condensed",sans-serif;
    height: 100vh;
    padding: 15px 0 0 15px;
    width: 50%;
  }

  .right-panel {
    background: #F0F2F6;
    float: left;
    padding: 15px 15px 0;
    width: 50%;
    height: 100vh;
    font-family: 'Roboto Condensed', sans-serif;
    color: #333;
  }

  .fullmod-content {
    color: #333;
  }

  .fullmod-head h2 {
    background: #1b75bc none repeat scroll 0 0;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 40px !important;
    margin: 0 !important;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
  }

  .fullmod-head .buttons {
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 40px;
    line-height: 30px;
    text-align: center;
    top: 15px !important;
    width: 40px;
  }

  .fullmod-head .buttons a {
    color: #fff !important;
    font-size: 32px !important;
    opacity: 1 !important;
  }

  .box {
    box-shadow: 0 1px 2px 1px #e1e1e1;
    -webkit-box-shadow: 0 1px 2px 1px #e1e1e1;
    -moz-box-shadow: 0 1px 2px 1px #e1e1e1;
    -ms-box-shadow: 0 1px 2px 1px #e1e1e1;
    -o-box-shadow: 0 1px 2px 1px #e1e1e1;
    padding: 25px;
    background: #fff;
    height: 80vh;
  }

  .enter-site a {
    outline: medium none;
  }

  /*Closed on css intro*/


  /* Starts Home  */

  .header-top {
    background-color: #0072d3;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 500;
    min-height: 46px;
    padding: 10px 0;
  }

  .header-top .contact-info p {
    color: #fff;
    margin: 0;
  }

  .header-top .right-menu-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .header-top .right-menu-top ul li {
    display: inline-block;
    padding-right: 18px;
  }

  .header-top .right-menu-top ul li:last-child {
    padding-right: 0;
  }

  .header-top .right-menu-top ul li .fa {
    font-size: 16px;
    margin-right: 8px;
  }

  .header-top .right-menu-top ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
  }

  .header-top .right-menu-top ul li a:hover {
    color: #00c7ff;
    text-decoration: none;
  }

  .header-top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .header-top ul li {
    display: inline-block;
    text-align: center;
    margin-right: 8px;
  }

  .header-top ul li:last-child {
    margin-right: 0;
  }

  .header-top ul li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 30px;
    line-height: 27px;
    width: 30px;
    display: block;
  }

  .header-top ul li a:hover {
    color: #0072D3;
    background: #fff;
    text-decoration: none;
  }

  .header-logo-section {
      /*box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);*/
      padding: 20px 0 50px;
    }

    .contact-info-box {
      overflow: hidden;
      clear: both;
    }

    .contact-info-box .media-body {
      float: left;
      padding: 0 20px;
      width: auto;
      border-right: 1px dashed #ccc;
    }

    .media-body.pull-right.text-right {
      width: auto;
      border: 0 none;
    }

    .contact-info-box .media-body a {
      color: #333;
      font-size: 14px;
      text-transform: uppercase;
    }

    .contact-info-box .media-body .fa {
      color: #0072d3;
    }

    .contact-info-box h5 {
      color: #808080;
      font-size: 12px;
    }

    .navbar-fixed-top {
      position: absolute;
      top: -35px;
    }

    .navbar-fixed-top .toggle-nav {
      display: none;
    }

    .navbar-fixed-top .navber {
      background: #ffffff;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
      -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
      -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
      padding: 25px 15px;
    }

    .navbar-fixed-top .navber ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .navbar-fixed-top .navber ul li {
      display: inline-block;
    }

    .navbar-fixed-top .navber ul li a {
      padding: 25px;
      text-transform: uppercase;
      text-decoration: none;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      color: #333;
    }

    .navbar-fixed-top .navber ul li a:hover {
      border-bottom: 2px solid #0072D3;
      color: #0072D3;
    }

    /* Ends Home  */

    .nav-ban-box {
      position: relative;
    }

    /*Starts category sections*/

    .top_section__block {
      margin-top: 0;
      padding: 0 0 50px;
      position: relative;
      z-index: 11;
    }

    .single_top__block {
      background: #0c1f38 none repeat scroll 0 0;
      color: #ffffff;
      min-height: 180px;
      padding: 0 40px 25px;
      box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .single_top__block:hover {
      background: #daa106 none repeat scroll 0 0;
      color: #ffffff;
    }

    .single_top__block:hover .icon-box__block {
      background: #daa106 none repeat scroll 0 0;
      border-bottom: 2px solid #fff;
    }

    .single_top__block:hover .icon-box__block .fa {
      color: #fff;
    }

    .single_top__block .icon-box__block {
      background: #0c1f38 none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: block;
      height: 115px;
      margin: 0 auto;
      position: relative;
      top: -56px;
      width: 115px;
    }

    .top_section__block .icon-box__block i.fa {
      display: inline-block;
      font-size: 40px;
      line-height: 92px;
      color: #daa106;
    }

    .single_text__block {
      margin-top: -68px;
      position: relative;
    }

    .single_top__block h2 {
      color: #fff;
      font-size: 24px;
      font-weight: 400;
      line-height: 1.5;
      padding: 0 15px;
      text-transform: uppercase;
    }

    /*Ends category sections*/

    /*Starts About Section Css*/

    .about-col h2 {
      font-size: 28px;
      margin-bottom: 5px;
      text-transform: uppercase;
    }

    .about-col h5 {
      color: #ffb606;
      font-size: 16px;
      font-style: italic;
      font-weight: 500;
      letter-spacing: 5px;
      margin-bottom: 20px;
    }

    .para-space {
      margin-bottom: 30px;
    }

    .about-item {
      margin-bottom: 30px;
      padding-left: 80px;
      position: relative;
    }

    .about-item .fa {
      background: #ffb606 none repeat scroll 0 0;
      border-radius: 50%;
      color: #ffffff;
      font-size: 24px;
      height: 60px;
      left: 0;
      line-height: 60px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 60px;
    }

    .about-item h4 {
      text-transform: uppercase;
    }

    /*Ends About Section Css*/

    /*Starts Video Sections CSS*/

    .lgx-register {
      background: rgba(0, 0, 0, 0) url("../images/video-bg.jpg") no-repeat scroll center top / cover ;
      background-attachment: fixed;
    }

    .lgx-register .lgx-inner {
      background: rgba(50, 51, 51, 0.9) none repeat scroll 0 0;
      padding: 100px 0;
    }

    .lgx-register .modal-header {
      background: #0061b4 none repeat scroll 0 0;
    }

    .lgx-register .modal-header .close {
      color: #fff;
      opacity: 1;
    }

    .lgx-register .modal-header h4 {
      color: #fff;
    }

    .lgx-heading-registration .subtitle {
      color: #fff;
      font-size: 3.9rem;
      font-weight: 400;
      line-height: 5.85rem;
      margin: 0;
    }

    .lgx-heading-registration .title {
      color: #fff;
      font-size: 62px;
      font-weight: 900;
      line-height: 68px;
      margin-top: 0;
      text-transform: uppercase;
    }

    .lgx-registration-info .text {
      color: #fff;
      font-weight: 300;
      margin-bottom: 2.4rem;
    }

    .lgx-btn:hover {
      background: #222222 none repeat scroll 0 0;
      color: #fff;
      border: 2px solid #222222;
    }

    .lgx-btn {
      background: #FFB606 none repeat scroll 0 0;
      border: 2px solid #FFB606;
      border-radius: 4px;
      display: inline-block;
      font-size: 1.3rem;
      line-height: 1.95rem;
      padding: 1.3rem 2.4rem;
      text-transform: uppercase;
      transition: all 0.3s ease-in-out 0s;
      color: #fff;
    }

    .lgx-video-area {
      padding: 100px 0;
    }

    .lgx-video-area figure {
      border-radius: 6px;
      position: relative;
    }

    .lgx-modal {
      background: rgba(50, 51, 51, 0.8) none repeat scroll 0 0;
    }

    .lgx-video-area figure figcaption {
      background: rgba(50, 51, 51, 0.7) none repeat scroll 0 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }

    .lgx-video-area figure figcaption .video-icon {
      display: table;
      height: 100%;
      width: 100%;
    }

    .lgx-video-area figure figcaption .video-icon .lgx-vertical {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }

    .lgx-video-area figure figcaption .video-icon .lgx-vertical span {
      color: #fff;
      font-size: 1.5rem;
      line-height: 2.25rem;
      text-transform: uppercase;
    }

    .lgx-video-area figure figcaption .video-icon .icon::before {
      border: 4px solid rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      height: 115px;
      left: 173px;
      opacity: 1;
      top: -13px;
      transition-duration: 0.3s;
      width: 117px;
    }

    .lgx-video-area figure figcaption .video-icon .icon::after, .lgx-video-area figure figcaption .video-icon .icon::before {
      content: "";
      display: block;
      position: absolute;
      transition-duration: 0.3s;
    }


    .lgx-video-area figure figcaption .video-icon .icon i {
      background: #FFB606 none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      color: #fff;
      display: inline-block;
      font-size: 42px;
      height: 90px;
      line-height: 92px;
      margin: 0 30px;
      padding-left: 10px;
      text-align: center;
      transition-duration: 0.3s;
      width: 90px;
    }

    /*Ends Video Sections CSS*/

    /*Starts on Gallery*/

    .gallery-section {
      background: rgba(0, 0, 0, 0) url("../images/gallery-bg.jpg") no-repeat center bottom / cover;
      padding: 50px 0;
      position: relative;
    }

    .gallery-section .our-panel h2 {
      margin-bottom: 15px;
      margin-top: 0;
      text-transform: uppercase;
    }

    .gallery-section .our-panel {
      text-align: center;
    }

    .gallery-section .portfolio {
      position: relative;
      margin: 5px 5px 15px;
      border: 1px solid #ccc;
      float: left;
      width: 24%;
      transition-duration: 0.4s;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      animation: winanim 0.5s ;
      -webkit-backface-visibility:visible;
      backface-visibility:visible;
      box-shadow:0 3px 5px -1px rgba(0,0,0,.2);
      -webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,.2);
      -moz-box-shadow:0 3px 5px -1px rgba(0,0,0,.2);
      -ms-box-shadow:0 3px 5px -1px rgba(0,0,0,.2);
      -o-box-shadow:0 3px 5px -1px rgba(0,0,0,.2);
      padding: 13px;
      background: #fff;
    }

    .gallery-section .portfolio:hover {
      box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
      -webkit-box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
      -moz-box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
      -ms-box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
      -o-box-shadow: 0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
    }

    .gallery-section .portfolio img {
      width: 100%;
      height: auto;
    }

    .gallery-section .desc {
      color: #333;
      font-size: 14px;
      padding: 10px 0;
      text-align: center;
      text-transform: uppercase;
    }

    .gallery-section .nav {
      display: table;
      margin: 0 auto 25px;
    }

    .gallery-section .nav li a { 
      padding: 15px 40px; 
      font-size: 16px; 
      color:hotpink; 
      background: #222;
      transition-duration: 0.4s;
      color: #fff;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      text-transform: uppercase;
    }

    .gallery-section ul li {
      margin-right: 15px;
    }

    .gallery-section ul li:last-child {
      margin: 0;
    }

    .gallery-section .nav a:hover { 
      background: #333; 
    }

    .gallery-section .nav-item.active a { 
      background: #FFB606 !important;
      color:#fff;
    }

    @keyframes winanim {
      0%{opacity:0;transform:scale3d(.3,.3,.3)}
      50%{opacity:1}
    }

    /*Ends on Gallery*/

    /*Starts Featured Services Section Css*/

    .featured-services {
      padding: 70px 0 150px;
      text-align: center;
    }

    .featured-services .our-panel h2 {
      margin-bottom: 15px;
      margin-top: 0;
      text-transform: uppercase;
    }

    .featured-services .services-tile {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .featured-services .services-tile:hover {
      border: 1px solid #FFB606;
      box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -ms-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -o-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
    }

    .featured-services .col-md-3 {
      width: 20%;
    }

    /*Ends Featured Services Section Css*/

    /*Starts on css Classrooms*/

    .classrooms-box {
      background: #e9edf0 none repeat scroll 0 0;
      padding: 50px 0;
    }

    .classrooms-box h2 {
      margin: 0 0 15px;
      text-transform: uppercase;
    }

    .classrooms-box h2 span {
      color: #0072d3;
    }

    .classrooms-box img {
      margin-top: 25px;
    }

    .classrooms-box img.master {
      margin: 0;
    }

    .master {
      position: relative;
    }

    .master-bg {
      background: #0061b4 none repeat scroll 0 0;
      display: block;
      height: 90%;
      position: absolute;
      top: 39px;
      width: 90%;
    }

    .master-bg::after {
      background: #FFB606 none repeat scroll 0 0;
      content: "";
      height: 3px;
      left: -40px;
      position: absolute;
      top: -20px;
      width: 120px;
    }

    .master-bg::before {
      background: #FFB606 none repeat scroll 0 0;
      content: "";
      height: 120px;
      left: -20px;
      position: absolute;
      top: -40px;
      width: 3px;
    }

    /*Ends on css Classrooms*/


    /*Starts on css clientele*/

    .clientele-panel {
      background: rgba(0, 0, 0, 0) url("../images/clientele-bg.jpg") no-repeat fixed center bottom / cover ;

      text-align: center;
    }

    .clientele-panel .clientele-inner {
      background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
      padding: 100px 0;
    }

    .clientele-panel .clientele-box .item {
      box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      margin: 15px;
      padding: 15px;
      background: #fff;
      border: 1px solid #ddd
    }

    .clientele-panel .clientele-box .owl-nav {
      bottom: 45px;
      position: absolute;
      right: 77px;
      top: -60px;
    }

    .clientele-panel .clientele-box .owl-prev {
      border: 1px solid #ffb606;
      color: #ffb606;
      font-size: 40px;
      height: 40px;
      left: -30px;
      line-height: 34px;
      position: absolute;
      top: 0;
      width: 40px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .clientele-panel .clientele-box .owl-prev:hover, .clientele-panel .clientele-box .owl-next:hover {
      background: #ffb606;
      color: #fff;
    }

    .clientele-panel .clientele-box .owl-next {
      border: 1px solid #FFB606;
      color: #FFB606;
      font-size: 40px;
      height: 40px;
      line-height: 34px;
      position: absolute;
      right: -60px;
      top: 0;
      width: 40px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .clientele-box .owl-dots {
      display: none;
    }

    /*Ends on css clientele*/

    /*Starts on css OUR TEAM*/

    .our-team-box {
      padding: 50px 0;
      text-align: center;
    }

    .our-panel h2 {
      margin-bottom: 15px;
      margin-top: 0;
      text-transform: uppercase;
    }

    .middle {
      margin: 0 auto 35px;
      position: relative;
      width: 80px;
    }

    .middle::after {
      background: #ccc none repeat scroll 0 0;
      content: "";
      height: 2px;
      position: absolute;
      right: -90px;
      top: 22px;
      width: 100px;
    }

    .middle::before {
      background: #ccc none repeat scroll 0 0;
      content: "";
      height: 2px;
      left: -90px;
      position: absolute;
      top: 22px;
      width: 100px;
    }

    .dtlms-instructor-item.type3::before {
      border-left-color: #0061b4;
    }

    .dtlms-instructor-item.type3::before {
      border-left-style: solid;
      border-left-width: 3px;
      border-top-style: solid;
      border-top-width: 3px;
      content: "";
      display: block;
      height: 50px;
      left: 3px;
      pointer-events: none;
      position: absolute;
      top: 3px;
      width: 50px;
      z-index: 0;
      border-color: #0061b4;
    }

    .dtlms-instructor-item.type3 img {
      display: inline-block;
      float: none;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data {
      display: inline-block;
      float: none;
      margin-top: 15px;
      width: 100%;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h4 {
      font-size: 20px;
      margin-bottom: 5px;
    }

    .dtlms-instructor-item .dtlms-instructor-item-meta-data h4 a {
      color: #0061b4;
      font-size: 18px;
      text-transform: uppercase;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h5 {
      font-size: 17px;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 28px;
      margin-bottom: 2px;
      text-transform: capitalize;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links {
      display: inline-block;
      float: none;
      font-size: 17px;
      margin: 20px 0 0;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul {
      margin-bottom: 0;
      padding: 0;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li {
      display: inline-block;
      list-style: outside none none;
      margin: 0 0;
      padding-bottom: 0;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a {
      border: 1px solid #ccc;
      height: 34px;
      line-height: 34px;
      margin: 0 5px;
      padding-bottom: 0;
      width: 34px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a:hover {
      background: #0061b4;
      border: 1px solid #0061b4;
      color: #fff;
    }

    .dtlms-instructor-item.type3:hover::before {
      border-top-color: #0061b4;
    }

    .dtlms-instructor-item.type3:hover::before {
      border-left-width: 3px;
      border-top-width: 3px;
      height: 75px;
      left: -2px;
      top: -2px;
      width: 75px;
      z-index: 1;
    }

    .dtlms-instructor-item.type3:hover::after {
      border-bottom-color: #0061b4;
    }

    .dtlms-instructor-item.type3:hover::after {
      border-right-width: 3px;
      border-bottom-width: 3px;
      height: 75px;
      right: -2px;
      bottom: -2px;
      width: 75px;
      z-index: 1;
    }

    .dtlms-instructor-item.type3 {
      border-style: solid;
      border-width: 1px;
      padding: 40px 20px 35px;
      position: relative;
      text-align: center;
    }


    .dtlms-instructor-item, .dtlms-instructor-item.type2::before, 
    .dtlms-instructor-item.type2::after, .dtlms-instructor-item.type3 *, 
    .dtlms-instructor-item.type3::before, .dtlms-instructor-item.type3::after, 
    .dtlms-instructor-item.type4::after, .dtlms-instructor-item.type4::before, 
    .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data, 
    .dtlms-instructor-item.type5::after, .dtlms-instructor-item.type5 img, 
    .dtlms-instructor-item.type10.dtlms-instructor-item.type1::before, .dtlms-instructor-item.type3::after {
      transition: all 0.3s linear 0s;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
    }

    .dtlms-instructor-item.type3::after {
      border-bottom-style: solid;
      border-bottom-width: 3px;
      border-right-style: solid;
      border-right-width: 3px;
      bottom: 3px;
      content: "";
      display: block;
      height: 50px;
      pointer-events: none;
      position: absolute;
      right: 3px;
      width: 50px;
      z-index: 0;
      transition: all 0.3s linear 0s;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      border-color: #0061b4;
    }

    .dtlms-instructor-item.type3::after {
      border-right-color: #0061b4;
    }

    /*Ends on css OUR TEAM*/

    /*Starts Workshop Section Css*/

    .workshops-panel {
      background: #e9edf0 none repeat scroll 0 0;
      padding: 50px 0;
      text-align: center;
    }

    .workshops-box .item {
      box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      margin: 15px;
      padding: 15px;
      background: #fff;
    }

    .workshops-box .item img {
      display: table;
      margin: 0 auto;
      width: auto !important;
    }

    .workshops-carousel .owl-prev {
      border: 1px solid #0061b4;
      height: 35px;
      left: -40px;
      line-height: 30px;
      position: absolute;
      top: 65px;
      width: 35px;
      color: #0061b4;
      font-size: 24px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .workshops-carousel .owl-prev:hover, .workshops-carousel .owl-next:hover {
      background: #0061b4;
      color: #fff;
    }

    .workshops-carousel .owl-next {
      border: 1px solid #0061b4;
      height: 35px;
      right: -40px;
      line-height: 30px;
      position: absolute;
      top: 65px;
      width: 35px;
      color: #0061b4;
      font-size: 24px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    /*Ends Workshop Section Css*/

    /*Starts Register box Css*/

    .register a {
      background: #FFB606;
      color: #fff;
      font-size: 18px;
      right: -48px;
      padding: 10px;
      position: fixed;
      text-align: center;
      text-transform: uppercase;
      top: 213px;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      width: 140px;
      z-index: 111111;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .register a:hover {
      background: #222222;
    }

    #register-model .modal-header {
      background: #0061b4 none repeat scroll 0 0;
    }

    #register-model .modal-header h4 {
      color: #fff;
    }

    #register-model .modal-header .close {
      color: #fff;
      opacity: 1;
    }

    #register-model .modal-body .form-control {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      height: 42px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    #register-model .modal-body .form-control:hover {
      border: 1px solid #0061b4;
    }

    #register-model .btn-primary {
      background: #0061b4 none repeat scroll 0 0;
      border: 0 none;
      margin-top: 15px;
      padding: 10px 35px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      outline: none;
      text-transform: uppercase;
    }

    #register-model .btn-primary:hover {
      background: #222222 none repeat scroll 0 0;
      outline: none;
    }


    /*Ends Register box Css*/

    /*Starts on css Testimonials*/

    .testimonials-panel {
      text-align: center;
      background: rgba(0, 0, 0, 0) url("../images/testimonial-bg.jpg") no-repeat fixed center top / cover;
    }

    .testimonials-panel .testimonials-inner {
      background: rgba(50, 51, 51, 0.9) none repeat scroll 0 0;
      padding: 80px 0;
    }

    .testimonials-box .owl-nav {
      bottom: 45px;
      left: 80%;
      position: absolute;
      right: auto;
      top: 180px;
    }

    .testimonials-box .owl-prev {
      border: 1px solid #fff;
      color: #fff;
      font-size: 24px;
      height: 25px;
      left: 0;
      line-height: 19px;
      position: absolute;
      top: 0;
      width: 25px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .testimonials-box .owl-next {
      border: 1px solid #fff;
      color: #fff;
      font-size: 24px;
      height: 25px;
      line-height: 19px;
      position: absolute;
      right: -60px;
      top: 0;
      width: 25px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .testimonials-panel .testimonials-box .owl-prev:hover, .testimonials-panel .testimonials-box .owl-next:hover {
      background: #0061B4;
      color: #fff;
    }
    
    .testimonials-panel h2 {
      margin-bottom: 15px;
      margin-top: 0;
      text-transform: uppercase;
      color: #fff;
    }

    .fw-testimonials-text {
      background-color: #ffffff;
      border-radius: 5px;
      margin-bottom: 15px;
      padding: 20px;
      position: relative;
      box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
    }

    .fw-testimonials-text::before, .fw-testimonials-text::after {
      border-style: solid;
      content: "";
      display: block;
      height: 0;
      left: 45px;
      position: absolute;
      width: 0;
    }

    .fw-testimonials-text::after {
      border-color: #ffffff transparent transparent;
      border-width: 10px 10px 0;
      bottom: -10px;
    }

    .fw-testimonials-text::before, .fw-testimonials-text::after {
      border-style: solid;
      content: "";
      display: block;
      height: 0;
      left: 45px;
      position: absolute;
      width: 0;
    }

    .fw-testimonials-text::before {
      border-color: #fff transparent transparent;
      border-width: 11px 11px 0;
      bottom: -11px;
      margin-left: -1px;
    }

    .testimonials-carousel .item {
      display: table;
      margin: 0 auto;
      max-width: 800px;
    }

    .fw-testimonials-avatar {
      background: #fff none repeat scroll 0 0;
      border: 5px solid #fff;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0 5px 20px -8px rgba(0, 0, 0, 0.5);
      height: 70px;
      overflow: hidden;
      width: 70px;
      margin-left: 21px;
    }

    .fw-testimonials-meta {
      margin-top: 25px;
      position: relative;
      padding-bottom: 5px;
    }

    .fw-testimonials-author {
      left: 110px;
      position: absolute;
      top: 10px;
    }

    .fw-testimonials-author span {
      color: #fff;
      display: table;
    }

    /*Ends on css Testimonials*/

    /*Starts on Footer Css*/

    .contact-container {
      position: relative;
    }

    .footer-contact-desc {
      background: #ffb606 none repeat scroll 0 0;
      left: 50%;
      margin: 65px 0 0;
      padding: 35px 15px;
      position: absolute;
      right: 50%;
      text-align: center;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      width: 100%;
      z-index: 111;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
    }


    .contact-title {
      font-size: 18px;
      text-transform: uppercase;
    }

    .footer-contact-desc .contact-inner {
      position: relative;
    }

    .footer-contact-desc .contact-inner .contact-desc {
      font-size: 15px;
      margin-bottom: 0;
      text-align: center;
    }

    .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner::before {
      left: 3px;
    }

    .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner::before, .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner::after {
      background-color: #fff;
      content: "";
      height: calc(100% - 40px);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
    }

    .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner::after {
      left: -5px;
    }

    .footer-top {
      background: #111111 none repeat scroll 0 0;
      padding: 225px 0 45px;
    }

    .footer-top .widget p {
      color: #fff;
      margin-bottom: 0;
      margin-top: 15px;
    }

    .widget-title {
      color: #fff;
      margin-top: 0;
      position: relative;
      text-transform: uppercase;;
    }

    .widget-title::after {
      background: #FFB606 none repeat scroll 0 0;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      top: 25px;
      width: 40px;
    }

    .footer-top .list-border {
      list-style-type: none;
      margin: 25px 0 0;
      padding: 0;
    }

    .footer-top .list-border li {
      border-bottom: 1px dashed #ccc;
      margin-bottom: 6px;
      padding-bottom: 6px;
    }

    .footer-top .list-border li:last-child {
      border: 0 none;
    }

    .footer-top .list-border li a {
      color: #fff;
      text-decoration: none;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .footer-top .list-border li a:hover {
      color: #0061b4;
      text-decoration: none;
    }

    .bottom-contact {
      margin-top: 25px;
    }

    .bottom-contact .form-control {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      height: 42px;
      background: #595959 none repeat scroll 0 0;
      border: 0 none;
    }

    .bottom-contact .textarea {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      background: #595959 none repeat scroll 0 0;
      border: 0 none;
      resize: vertical;
      width: 100%;
      padding: 6px 12px;
      color: #999;
    }

    .bottom-contact .btn-primary {
      background: #0061B4 none repeat scroll 0 0;
      border: 0 none;
      margin-top: 15px;
      outline: medium none;
      padding: 10px 35px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .bottom-contact .btn-primary:hover {
      background: #222222 none repeat scroll 0 0;
      outline: medium none;
    }

    .footer-contact-desc .contact-inner .fa {
      border: 1px solid #0061b4;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      color: #0061b4;
      font-size: 28px;
      height: 55px;
      line-height: 55px;
      width: 55px;
    }

    /*Ends on Footer Css*/

    /*Starts ScroolUP CSS*/

    .scrollup {
      background-color: #FFB606;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      bottom: 10px;
      display: none;
      height: 44px;
      line-height: 44px;
      outline: medium none;
      position: fixed;
      right: 30px;
      text-align: center;
      transition: opacity 0.4s ease 0s;
      -webkit-transition: opacity 0.4s ease 0s;
      -moz-transition: opacity 0.4s ease 0s;
      -ms-transition: opacity 0.4s ease 0s;
      -o-transition: opacity 0.4s ease 0s;
      width: 44px;
      z-index: 999999;
      color: #333;
    }

    .scrollup:hover {
      background-color: rgba(0, 0, 0, 0.5);
      outline: medium none;
    }

    /*Ends ScroolUP CSS*/


    /*Starts On About Us Css*/

    .all-iner-banner {
      background-attachment: fixed;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
      padding: 50px 0 120px;
      position: relative;
      text-align: center;
    }

    .all-iner-banner .image-overlay {
      background-color: rgba(0, 0, 0, 0.8);
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
    }

    .all-iner-banner .breadcumb {
      display: table;
      margin: 15px auto 0;
    }

    .all-iner-banner .breadcumb ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
    }

    .all-iner-banner .breadcumb ul li {
      color: #fff;
      display: inline-block;
      padding-right: 24px;
      position: relative;
      text-transform: uppercase;
    }

    .all-iner-banner .breadcumb ul li::after {
      color: #fff;
      content: "";
      font-family: "FontAwesome";
      position: absolute;
      right: -8px;
      top: 2px;
    }

    .all-iner-banner .breadcumb ul li a {
      color: #fff;
      text-decoration: none;
      transition: all 0.5s ease-out 0s;
    }

    .all-iner-banner .breadcumb ul li:last-child::after {
      display: none;
    }

    .all-iner-banner .breadcumb ul li a:hover {
      color: #0061b4;
      text-decoration: none;
    }

    .all-iner-banner .page-title {
      color: #ffb606;
      display: table;
      font-size: 36px;
      font-weight: 600;
      margin: 55px auto 0;
      text-transform: uppercase;
    }

    .all-iner-banner .breadcumb ul li:last-child {
      padding-left: 24px;
      padding-right: 0;
    }

    .about-area {
      padding: 50px 0;
    }

    .ab-heading h3::before {
      background-color: #0061b4;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      top: 27px;
      width: 40px;
    }

    .ab-heading h3 {
      font-weight: 400;
      line-height: 56px;
      margin: 0;
      padding-left: 55px;
      position: relative;
      text-transform: uppercase;
    }

    .about-area .all-content {
      margin-top: 10px;
    }

    .about-area .founder-box {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      margin-top: 25px;
    }

    .about-area .founder-box:hover {
      border: 1px solid #ffb606;
      box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -ms-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
      -o-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);
    }

    .about-area .founder-box .email .fa {
      background: #ffb606 none repeat scroll 0 0;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      color: #fff;
      font-size: 20px;
      height: 40px;
      line-height: 37px;
      margin-right: 8px;
      text-align: center;
      vertical-align: middle;
      width: 40px;
    }

    .founder-box img {
      width: 100%;
    }

    .gap {
      margin-bottom: 45px;
      margin-top: 45px;
    }

    /*Ends On About Us Css*/

    /*Starts On Services Css*/

    .featured-services.inner {
      padding: 70px 0 150px;
    }

    /*Ends On Services Css*/


    /*Starts On Service Category Css*/

    .programs {
      margin-bottom: 75px;
      position: relative;
    }

    .programs::after {
      border: 1px solid #ffb606;
      border-radius: 4px;
      content: "";
      height: 100%;
      left: 0;
      position: absolute;
      top: 90px;
      width: 100%;
      z-index: -1;
    }

    .programs > h2 {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #fff none repeat scroll 0 0;
      border-color: #ffb606 #ffb606;
      border-image: none;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-style: solid;
      border-width: 1px 5px;
      font-size: 28px;
      left: 50px;
      margin: 0;
      padding: 10px;
      position: absolute;
      text-transform: uppercase;
      top: 63px;
      width: 350px;
    }

    .inner .col-md-3 {
      width: 25%;
    }

    .inner .services-tile.categ {
      margin-top: 20px;
      min-height: 340px;
      padding-bottom: 10px;
    }

    .programs .services-tile h4 {
      margin-top: 25px;
    }

    .programs .services-tile h4 {
      background: #f2f2f2 none repeat scroll 0 0;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 0;
      margin-top: 25px;
      min-height: 80px;
      padding: 15px 25px;
      text-transform: capitalize;
    }

    /*Ends On Service Category Css*/


    /*Starts On All Category Css*/

    .all-category {
      text-align: left;
    }

    .all-category h4 {
      color: #0061b4;
    }

    .all-category ul {
      list-style-type: none;
      margin: 15px 0 45px;
      padding: 0;
    }

    .all-category ul li {
      line-height: 32px;
      padding-left: 15px;
      position: relative;
    }

    .all-category ul li::after {
      content: "";
      font-family: fontawesome;
      left: 0;
      position: absolute;
      top: 1px;
    }

    .all-category .right-box {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 10px 5px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      margin-bottom: 45px;
    }

    .right-box a {
      background: #0061b4 none repeat scroll 0 0;
      border-radius: 4px;
      color: #fff;
      padding: 15px 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      display: table;
    }

    .right-box a:hover {
      background: #222222 none repeat scroll 0 0;
      outline: medium none;
    }

    .right-box a img {
      margin-right: 8px;
      vertical-align: text-bottom;
    }

    #all-category-modal .modal-header {
      background: #0061b4 none repeat scroll 0 0;
    }

    #all-category-modal .modal-header h4 {
      color: #fff;
    }

    #all-category-modal .modal-header .close {
      color: #fff;
      opacity: 1;
    }

    #all-category-modal .modal-body .form-control {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      height: 42px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    #all-category-modal .modal-body textarea {
      height: auto !important;
      resize: vertical;
    }

    #all-category-modal .modal-body .form-control:hover {
      border: 1px solid #0061b4;
    }

    #all-category-modal .btn-primary {
      background: #0061b4 none repeat scroll 0 0;
      border: 0 none;
      margin-top: 15px;
      padding: 10px 35px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      outline: none;
      text-transform: uppercase;
    }

    #all-category-modal .btn-primary:hover {
      background: #222222 none repeat scroll 0 0;
      outline: none;
    }

    #all-category-modal .modal-body .form-group label span {
      color: #ff0000;
    }

    /*Ends On All Category Css*/


    /*Starts On All Client Css*/

    .client-list-gallery {
      display: table;
      margin: 50px auto;
      text-align: center;
    }

    .client-list-gallery ul {
      clear: both;
      list-style-type: none;
      margin: 0;
      overflow: hidden;
      padding: 0;
    }

    .client-list-gallery ul li {
      border-bottom: 1px dashed #9b9b9b;
      border-right: 1px dashed #9b9b9b;
      float: left;
      height: 230px;
      width: 20%;
      padding: 15px;
    }

    .client-list-gallery ul li a {
      outline: none;
    }

    .client-list-gallery ul li:nth-child(6), .client-list-gallery ul li:nth-child(7), .client-list-gallery ul li:nth-child(8), .client-list-gallery ul li:nth-child(9) {
      border-bottom: 0 none;
    }

    /*Ends On All Client Css*/


    /*Starts On Testimonials Css*/

    .testimonial-area {
      padding: 50px 0 125px;
    }


    .testi-box {
      border: 1px solid #ffb606;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      margin-top: 50px;
      text-align: center;
      position: relative;
    }

    .testi-box:hover {
      border: 1px solid #ddd;
      box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
    }

    .testi-box img {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      display: table;
      margin: 0 auto 20px;
      overflow: hidden;
      width: 100px;
      box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
    }

    .testi-box span {
      display: table;
      margin: 0 auto;
      font-size: 18px;
    }

    .testi-box span.title {
      color: #0061b4;
    }

    .quote .fa {
      background: #ffb606 none repeat scroll 0 0;
      border-radius: 3px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      color: #fff;
      height: 44px;
      left: 30px;
      line-height: 44px;
      position: absolute;
      top: -20px;
      width: 44px;
    }

    /*Ends On Testimonials Css*/

    /*Starts On Resources Css*/

    .resources-area {
      padding: 50px 0 125px;
    }


    .resources-area .brochure-box {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      margin-top: 50px;
    }

    .resources-area .brochure-box:hover {
      border: 1px solid #ffb606;
      box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
    }

    .resources-area .brochure-box img {
      box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
    }

    .resources-area .brochure-box a {
      background: #0061b4 none repeat scroll 0 0;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      color: #fff;
      display: table;
      padding: 10px 25px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      outline: none;
      margin-top: 46px;
    }

    .resources-area .brochure-box a:hover {
      background: #222222 none repeat scroll 0 0;
      outline: medium none;
    }

    .resources-area .brochure-box h2 {
      font-size: 22px;
      margin: 0 0 10px;
    }

    .resources-area .statement {
      border-bottom: 1px solid #ddd;
    }

    .resources-area .free-panel {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      margin-top: 50px;
    }

    .resources-area .free-panel h2::after {
      background: #0061b4 none repeat scroll 0 0;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      top: 40px;
      width: 100%;
    }

    .resources-area .free-panel h2 {
      font-size: 22px;
      margin: 0 0 10px;
      position: relative;
    }

    .resources-area .statement .lft {
      padding: 20px 0;
    }

    .resources-area .statement .lft h4 {
      color: #0061b4;
      margin-top: 0;
    }

    .resources-area .statement .lft p {
      margin: 0;
    }

    .resources-area .statement .pdf a {
      border: 1px solid #ffb606;
      display: table;
      margin: 25px auto 0;
      padding: 10px 20px;
      text-align: center;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .resources-area .statement .pdf a:hover {
      background: #ffb606;
      color: #fff;
    }

    .resources-area .statement:last-child {
      border: 0 none;
    }

    .resources-area .all-content p {
      margin-bottom: 0;
    }



    /*Ends On Resources Css*/


    /*Starts On Contact Us Css*/

    .contact-area {
      padding: 50px 0 125px;
    }

    .contact-area .all-content p {
      margin-bottom: 0;
    }

    .contact-area .media-box {
      margin-top: 50px;
    }

    .contact-area .address-tile {
      border: 1px solid #ddd;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      padding: 20px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      background: #F1F1F1;
      min-height: 130px;
    }

    .contact-area .address-tile:hover {
      border: 1px solid #0061B4;
      box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 4px 3px 0 0 rgba(14, 15, 16, 0.1);
    }

    .contact-area .media-box .address-tile .left-icon {
      float: left;
      margin-right: 30px;
    }

    .contact-area .media-box .address-tile .left-icon .fa {
      color: #0061B4;
      font-size: 34px;
    }

    .contact-area .media-box .address-tile .office-body {
      display: table-cell;
    }

    .contact-area .media-box .address-tile .office-body h4 {
      margin-top: 0;
      margin-bottom: 5px;
    }

    .contact-area .media-box .address-tile .office-body p {
      margin-bottom: 0;
    }

    .contact-form {
      background: #e9edf0 none repeat scroll 0 0;
      margin-top: 50px;
      padding: 25px;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -webkit-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -moz-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -ms-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
      -o-box-shadow: 0 3px 0px 0 rgba(14, 15, 16, 0.1);
    }

    .contact-area .contact-form .form-control {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      height: 50px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
    }

    .contact-area .contact-form textarea {
      height: auto !important;
      resize: vertical;
    }

    .contact-area .contact-form .form-control:hover {
      border: 1px solid #0061b4;
    }

    .contact-area .contact-form .btn-primary {
      background: #0061b4 none repeat scroll 0 0;
      border: 0 none;
      margin-top: 15px;
      padding: 10px 35px;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      outline: none;
      text-transform: uppercase;
    }

    .contact-area .contact-form .btn-primary:hover {
      background: #222222 none repeat scroll 0 0;
      outline: none;
    }

      /*Ends On Contact Us Css*/