/* ==========================================================================
     Base styles: opinionated defaults
     ========================================================================== */

  html,
  button,
  input,
  select,
  textarea {
      color: #222;
  }

  html {
      font-size: 1em;
      line-height: 1.4;
  }
  /*
   * Remove text-shadow in selection highlight: h5bp.com/i
   * These selection rule sets have to be separate.
   * Customize the background color to match your design.
   */

   ::-moz-selection {
      background: #b3d4fc;
      text-shadow: none;
  }

   ::selection {
      background: #b3d4fc;
      text-shadow: none;
  }
  /*
   * A better looking default horizontal rule
   */

  hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #ccc;
      margin: 1em 0;
      padding: 0;
  }
  /*
   * Remove the gap between images, videos, audio and canvas and the bottom of
   * their containers: h5bp.com/i/440
   */

  audio,
  canvas,
  img,
  video {
      vertical-align: middle;
  }

  img {
      height: auto;
      max-width: 100%;
  }
  /*
   * Remove default fieldset styles.
   */

  fieldset {
      border: 0;
      margin: 0;
      padding: 0;
  }
  /*
   * Allow only vertical resizing of textareas.
   */

  textarea {
      resize: vertical;
  }

  .alignleft {
      float: left;
      margin-right: 15px;
  }

  .alignright {
      float: right;
      margin-left: 15px;
  }

  .aligncenter {
      float: none;
      margin-left: 0 auto;
      display: block
  }

  .floatleft {
      float: left
  }

  .floatright {
      float: right
  }

  a,
  a:active,
  a:focus,
  a:active {
      text-decoration: none !important;
      outline: none
  }

  a {
      color: #e74c3c;
      text-decoration: none;
      /*transition      : all 0.2s ease 0s;*/
  }

  a:hover,
  a:focus {
      color: #bf2718;
      text-decoration: underline;
  }

  strong {
      font-weight: 400;
  }

  h2 {
      text-transform: uppercase;
      font-size: 23px;
  }

  h4,
  .h4 {
      font-size: 16px;
      margin-bottom: 10px;
      margin-top: 10px;
  }

  ul {
      margin: 0;
      padding: 0;
      list-style: none
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      margin-bottom: 10px;
      margin-top: 0;
      font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  }

  img {
      max-width: 100%
  }

  img.img-responsive {
      width: 100%;
  }

  body {
      font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
      background: #f0f2f3;
      font-weight: 300;
      color: #34404e;
      font-size: 14px;
      line-height: 1.42857;
  }

  ul {
      margin: 0;
      padding: 0;
      list-style: none
  }

  .wrapper {
      overflow: hidden
  }

  .header-top {
      padding: 15px 0px 15px 0px;
  }

  .mainnav {
      border: 0 none;
      border-radius: 0;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 1px 1px #D8DADB, 2px 2px #D8DADB, 3px 3px #D9DBDC, 4px 4px #D9DBDC, 5px 5px #DADCDD, 6px 6px #DADCDD, 7px 7px #DADCDD, 8px 8px #DBDDDE, 9px 9px #DBDDDE, 10px 10px #DCDEDF, 11px 11px #DCDEDF, 12px 12px #DCDEDF, 13px 13px #DDDFE0, 14px 14px #DDDFE0, 15px 15px #DEE0E1, 16px 16px #DEE0E1, 17px 17px #DEE0E1, 18px 18px #DFE1E2, 19px 19px #DFE1E2, 20px 20px #E0E2E3, 21px 21px #E0E2E3, 22px 22px #E0E2E3, 23px 23px #E1E3E4, 24px 24px #E1E3E4, 25px 25px #E2E4E5, 26px 26px #E2E4E5, 27px 27px #E2E4E5, 28px 28px #E3E5E6, 29px 29px #E3E5E6, 30px 30px #E4E6E7, 31px 31px #E4E6E7, 32px 32px #E4E6E7, 33px 33px #E5E7E8, 34px 34px #E5E7E8, 35px 35px #E6E8E9, 36px 36px #E6E8E9, 37px 37px #E6E8E9, 38px 38px #E7E9EA, 39px 39px #E7E9EA, 40px 40px #E8EAEB, 41px 41px #E8EAEB, 42px 42px #E8EAEB, 43px 43px #E9EBEC, 44px 44px #E9EBEC, 45px 45px #EAECED, 46px 46px #EAECED, 47px 47px #EAECED, 48px 48px #EBEDEE, 49px 49px #EBEDEE, 50px 50px #ECEEEF, 51px 51px #ECEEEF, 52px 52px #ECEEEF, 53px 53px #EDEFF0, 54px 54px #EDEFF0, 55px 55px #EEF0F1, 56px 56px #EEF0F1, 57px 57px #EEF0F1, 58px 58px #EFF1F2, 59px 59px #EFF1F2, 60px 60px #F0F2F3;
  }

  .navbar-default {
      background-image: linear-gradient(to bottom, #383838 0%, #2F2F2F 100%);
      background-repeat: repeat-x;
  }

  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:hover,
  .navbar-default .navbar-nav>.active>a:focus {
      background-color: #df2e1b;
      color: #fff;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
      border-color: #ebebeb;
  }

  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:hover,
  .navbar-default .navbar-nav>.open>a:focus {
      color: #fff;
      background-color: #df2e1b;
  }

  .navbar-collapse {
      padding-right: 0;
      padding-left: 0;
  }
  /* LOGIN REGISTER BUTTON ICON STYLE
  -------------------------------------*/

  .modal-button-icon {
      margin-top: 20px;
  }

  .modal-button-icon a {
      display: inline-block;
      float: left;
      border: 1px solid #e5e5e5;
      height: 32px;
      overflow: hidden;
  }

  .modal-button-icon a:first-child {
      border-right: 0;
  }
  /* Entry Form */

  .payment-table tr th {
      text-align: center;
  }

  .payment-table tr td {
      padding: 0px !important;
      vertical-align: middle !important;
      text-align: center;
  }

  .payment-table tr td .paynow-input {
      width: 100%;
      height: 35px;
      border: none;
      padding: 5px 10px;
  }

  .payment-table tr td .paynow-input:focus {
      border: none;
      outline: 0px;
  }

  .payment-table tr td .paynow {
      border: none;
      border-radius: 1px;
      width: 80%;
      padding: 4px;
      background-color: #e74c3c;
      color: #fff;
  }

  .payment-table tr td .paynow:hover {
      color: #fff;
      background-color: #df2e1b;
  }

  .control-contact .upload_file_wrapper {
      padding: 2px 2px;
      width: 60%;
  }

  .control-contact .upload_file {
      padding: 6px 0px;
      background: #df2e1c;
      display: table;
      color: #fff !important;
      box-shadow: 0px 0px 10px #ccc;
      cursor: pointer;
      font-size: 16px;
      font-weight: 500;
      width: 100%;
      text-align: center;
      border-radius: 0px;
      line-height: 25px;
      letter-spacing: 1.5px;
  }

  .control-contact #file {
      display: none
  }

  .paynow {
      border: none;
      border-radius: 1px;
      padding: 7px;
      background-color: #e74c3c;
      color: #fff;
      margin-top: 20px;
  }

  .form-closed-content .form-inner-content {
      display: flex;
      padding: 50px;
      align-items: center;
  }

  .form-closed-content .form-inner-content span:first-child {
      border-right: 1px solid;
      padding: 30px;
  }

  .form-closed-content .form-inner-content span:last-child {
      padding: 30px;
  }

  .alertMessage {
      padding: 5px 15px;
  }
  /* LOGIN REGISTER MODAL STYLE
  ----------------------------------- */

  .modal-dialog {
      width: 450px;
      margin: 30px auto;
  }

  .css-content-block {
      border-radius: 0;
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
      border: 0;
      padding: 40px;
      background: #fff;
      border: 1px solid #DADADA;
      border-radius: 0;
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.2);
      font-size: 12px;
      overflow: hidden;
      text-align: left;
      height: auto;
  }

  .css-content-block h3 {
      font-size: 18px;
      font-weight: normal;
      line-height: 35px;
      margin: 0;
      text-transform: uppercase;
  }

  .css-note {
      padding: 18px 0;
      font-size: 16px
  }

  .css-formregistration {}

  .css-field,
  #register-link,
  .css-error-detail,
  .css-error,
  .css-note {
      overflow: hidden;
  }

  .css-label,
  .css-input {
      height: 38px;
      line-height: 38px;
      float: left;
      margin-right: 10px;
      width: 68px;
  }

  .css-input input[type=text],
  .css-input>input[type=password] {
      border: 1px solid #dadada;
      text-indent: 5px;
      width: 189px;
      padding: 0;
      transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 0;
      height: 34px;
  }

  .css-input input:focus {
      border-color: #e9322d;
  }

  .css-submit-btn {
      text-align: center;
      padding: 5px 0 0 0;
      border-top: 1px solid #ddd;
      margin: 10px 0 30px
  }

  .btn-submit {
      color: #fff;
      background-color: #e74c3c;
      border-color: #e43725;
      border-radius: 0
  }

  .btn-submit a,
  .btn-submit a:hover {
      color: #fff;
  }

  .btn-submit:hover {
      color: #fff;
      background-color: #df2e1b;
      border-color: #b62516;
  }

  ul#css_ul {
      float: none;
      padding: 0;
  }

  ul#css_ul li {
      border: 1px solid #eee;
      list-style: none outside none;
      margin: 0;
      padding: 10px;
  }

  ul#css_ul li:first-child {
      border-bottom: 0px solid
  }
  /**********   menu style    ************/

  .navbar {
      margin-bottom: 0px;
  }

  ul.nav.navbar-nav {}

  ul.nav.navbar-nav li:hover ul.level1.dropdown-menu {
      display: block;
  }

  ul.nav.navbar-nav li a {
      text-transform: uppercase;
      color: #BEBEBE;
      font-weight: 300;
      line-height: 25px;
  }

  ul.nav.navbar-nav li a:hover,
  ul.nav.navbar-nav li a:focus,
  ul.nav.navbar-nav li a:active {
      color: #fff;
      background: #df2e1b;
  }
  /* MEGA MENU
  ----------------- */

  .nav.navbar-nav li ul.level1.dropdown-menu.mega-dropdown {
      left: 0;
      position: absolute;
      top: 55px;
      padding: 0;
      box-sizing: border-box;
  }

  .nav.navbar-nav li.mega-menu-holder {
      position: static;
  }

  .mega-dropdown .container {
      padding-top: 20px;
      padding-bottom: 40px;
      background: #fff;
  }

  .mega-menu-item h2 {
      color: #000000;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 20px;
  }

  .mega-item-text a.email {
      color: #e74c3c !important;
      text-transform: lowercase !important;
  }

  .mega-item-text a.email:hover {
      color: #bf2718 !important;
      text-transform: lowercase !important;
      background: none !important;
  }
  /*  //MEGA MENU
  ----------------- */
  /********** drop down style ************/

  div.mainnav ul.level1 {
      padding: 0;
      border-radius: 0;
      margin-top: -1px;
      margin-left: -1px;
  }

  ul.nav.navbar-nav li ul.level1 {
      padding: 20px;
  }

  ul.nav.navbar-nav li ul.level1 li {
      border-top: 1px solid #F2F2F2;
  }

  ul.nav.navbar-nav li ul.level1 li a {
      padding: 10px 0px;
      font-size: 13px;
      color: #222;
      line-height: 20px;
      text-transform: capitalize;
  }

  ul.nav.navbar-nav li ul.level1 li a:hover {
      background: #fff;
      color: #e74c3c
  }
  /* search style
----------------------------*/

  .navbar-header {
      float: right;
  }

  .head-search,
  .navbar-toggle+.head-search {
      right: 0;
      top: 0;
  }

  .head-search {
      position: relative;
      right: 0;
      margin: 0;
      z-index: 1000;
      float: right;
  }

  .head-search form {
      margin: 0;
  }

  .head-search label {
      display: none;
  }

  .head-search .search {
      background: rgba(0, 0, 0, 0.5);
      position: relative;
  }

  .navbar-toggle {
      float: left;
      margin-left: 10px;
      border: none;
      margin: 0;
      padding: 0;
      border-radius: 0px;
  }

  .navbar-toggle i.fa {
      color: #fff;
      display: inline-block;
      padding: 21px;
      background: #222;
  }

  .navbar-toggle.collapsed i.fa {
      background: #363636;
  }

  .navbar-toggle i.fa:hover,
  .navbar-toggle i.fa:focus,
  .navbar-toggle i.fa:active,
  .navbar-toggle i.fa:visited {
      background: #181818;
  }

  .head-search .search {
      background: rgba(0, 0, 0, 0.5);
  }

  .head-search .search .fa-search {
      color: #ffffff;
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      position: absolute;
      left: 20px;
      top: 19px;
      z-index: 1;
  }

  .head-search .form-control {
      border: 0;
      background: transparent;
      color: #ffffff;
      height: 55px;
      line-height: 15px;
      position: relative;
      margin: 0;
      padding: 0 15px 0 40px;
      width: 0;
      -webkit-transition: width 0.2s;
      transition: width 0.2s;
      z-index: 2;
  }

  .form-control {
      border-radius: 0
  }

  .head-search .form-control:hover,
  .head-search .form-control:active,
  .head-search .form-control:focus {
      color: #ffffff;
      box-shadow: none;
  }

  .head-search .form-control:active,
  .head-search .form-control:focus {
      width: 192px;
  }

  .text-input {
      top: 0px;
      position: relative;
      height: 55px;
      background: rgba(0, 0, 0, 0.2);
      padding: 17px 10px;
      width: 140px;
      color: #fff;
      -webkit-transform: translateZ(0);
      float: left;
  }
  /**********   menu style    ************/

  button.navbar-toggle {
      outline: none;
      border: none;
      background: #e74c3c;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
      background: #181818;
  }
  /**********  //menu style		************/
  /* social icon style
  --------------------*/

  .social-icon {
      margin-top: 33px;
  }

  .social-icon ul {}

  .social-icon ul li {
      border-right: 1px solid #e5e5e5;
      float: left;
      margin: 0;
      padding: 0;
  }

  .social-icon ul li:last-child {
      border: 0;
  }

  .social-icon ul li a {
      height: 32px;
      display: block;
  }
  /*  ANIMATED ICON
  -----------------------*/

  .customNavigation i.fa {
      width: 24px;
      height: 24px;
      line-height: 24px;
  }

  .icustomNavigation i.fa::before {
      font-size: 14px;
      line-height: 24px;
  }

  .social-icon i.fa,
  .modal-button-icon i.fa {
      width: 32px;
      height: 32px;
  }

  .social-icon i.fa::before,
  .modal-button-icon i.fa::before {
      font-size: 14px;
      line-height: 32px;
  }

  .social-icon i.fa,
  .modal-button-icon i.fa,
  .customNavigation i.fa {
      display: inline-block;
      cursor: pointer;
      margin: 0px;
      text-align: center;
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: 1px;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transform: translateZ(0);
  }

  .social-icon i.fa::before,
  .modal-button-icon i.fa::before,
  .customNavigation i.fa::before {
      border-radius: 2px;
      speak: none;
      display: block;
      -webkit-font-smoothing: antialiased;
  }

  .social-icon i.fa::after,
  .modal-button-icon i.fa::after,
  .customNavigation i.fa::after {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      content: '';
      display: none;
      box-sizing: content-box;
  }

  .social-icon i.fa:hover,
  .modal-button-icon i.fa:hover,
  .customNavigation i.fa:hover {
      background: #df2e1b;
      color: #fff;
  }

  .social-icon i.fa:hover::before,
  .modal-button-icon i.fa:hover::before,
  .customNavigation i.fa:hover::before {
      -webkit-animation: toRightFromLeft 0.3s forwards;
      -moz-animation: toRightFromLeft 0.3s forwards;
      animation: toRightFromLeft 0.3s forwards;
  }
  /*******   accordion   ******/

  .panel.panel-default {
      border: 0 none;
      border-radius: 0;
      margin: 0;
      box-shadow: none;
  }

  .panel-default>.panel-heading {
      background-color: #EFEFEF;
      border: 1px solid #ddd;
      border-radius: 0;
  }

  a .panel-title {
      display: block;
      font-size: 16px;
      font-weight: 400;
      padding: 7px;
      position: relative;
      color: #555;
  }

  a .panel-title span i {
      color: #bbb;
      font-size: 14px;
  }

  .panel-heading {
      padding: 0;
  }

  .panel-collapse {
      background: #f8f8f8;
  }

  .panel-body {
      border-top: 1px solid #ddd;
  }

  .panel-body {
      border: medium none !important;
  }

  #accordion .readmore a {
      margin-top: 10px;
  }
  /*******   //accordion   ******/
  /*******     home tab  ******/

  #tabs.home-tab {}

  #tabs.home-tab ul {
      border: medium none;
      margin-left: -20px;
      margin-top: -20px;
      margin-right: -20px;
      background: #f5f5f5;
  }

  #tabs.home-tab ul li a {
      font-size: 16px;
      color: #818790;
      border: 0;
      line-height: 27px;
  }

  #tabs.home-tab ul li a i.fa-briefcase {
      color: #8ebb80
  }

  #tabs.home-tab ul li a i.fa-folder {
      color: #80b9bb
  }

  #tabs.home-tab ul li a i.fa-heart {
      color: #dc7a7a
  }

  #tabs.home-tab ul li a:hover {
      border: 0;
  }

  #tabs.home-tab ul li.active a i.fa {
      color: #818790;
  }

  #tabs.home-tab ul li.active a {
      border: 0;
      border-radius: 0;
      color: #444;
  }

  #valu div.progress {
      border-radius: 0px;
  }

  .nav>li>a:hover,
  .nav>li>a:focus {
      text-decoration: none;
      background-color: #f5f5f5;
  }
  /*******   //home tab  ******/

  .box-shadow-area,
  .box-wrapper {
      background: #fff;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 1px 1px #D8DADB, 2px 2px #D8DADB, 3px 3px #D9DBDC, 4px 4px #D9DBDC, 5px 5px #DADCDD, 6px 6px #DADCDD, 7px 7px #DADCDD, 8px 8px #DBDDDE, 9px 9px #DBDDDE, 10px 10px #DCDEDF, 11px 11px #DCDEDF, 12px 12px #DCDEDF, 13px 13px #DDDFE0, 14px 14px #DDDFE0, 15px 15px #DEE0E1, 16px 16px #DEE0E1, 17px 17px #DEE0E1, 18px 18px #DFE1E2, 19px 19px #DFE1E2, 20px 20px #E0E2E3, 21px 21px #E0E2E3, 22px 22px #E0E2E3, 23px 23px #E1E3E4, 24px 24px #E1E3E4, 25px 25px #E2E4E5, 26px 26px #E2E4E5, 27px 27px #E2E4E5, 28px 28px #E3E5E6, 29px 29px #E3E5E6, 30px 30px #E4E6E7, 31px 31px #E4E6E7, 32px 32px #E4E6E7, 33px 33px #E5E7E8, 34px 34px #E5E7E8, 35px 35px #E6E8E9, 36px 36px #E6E8E9, 37px 37px #E6E8E9, 38px 38px #E7E9EA, 39px 39px #E7E9EA, 40px 40px #E8EAEB, 41px 41px #E8EAEB, 42px 42px #E8EAEB, 43px 43px #E9EBEC, 44px 44px #E9EBEC, 45px 45px #EAECED, 46px 46px #EAECED, 47px 47px #EAECED, 48px 48px #EBEDEE, 49px 49px #EBEDEE, 50px 50px #ECEEEF, 51px 51px #ECEEEF, 52px 52px #ECEEEF, 53px 53px #EDEFF0, 54px 54px #EDEFF0, 55px 55px #EEF0F1, 56px 56px #EEF0F1, 57px 57px #EEF0F1, 58px 58px #EFF1F2, 59px 59px #EFF1F2, 60px 60px #F0F2F3;
      position: relative;
      -webkit-transform: translateZ(0);
  }

  .welcome-text .readmore a {
      margin-top: 20px;
  }

  .showcase {
      padding: 0 15px;
  }

  .showcase>div {
      background: #262626;
  }

  .showcase>div>div {
      padding: 0;
  }

  .showcase .showcase-right ul.top-service-box {
      margin: 0;
      padding: 5px;
      list-style: none;
  }

  .showcase .showcase-right ul.top-service-box li {
      width: 222px;
      height: 220px;
      margin: 5px;
      position: relative;
      float: left;
      padding: 50px 20px 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: translateZ(0);
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(1) {
      background: #afcea2;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(2) {
      background: #e4d082;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(3) {
      background: #d17383;
  }

  .showcase .showcase-right ul.top-service-box li:nth-child(4) {
      background: #798790;
  }

  .showcase .showcase-right ul.top-service-box li a {
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
      padding: 5px 10px;
      font-size: 12px;
      letter-spacing: .5px;
      position: absolute;
      bottom: 10px;
      left: 60px;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
  }

  .showcase .showcase-right ul.top-service-box li a:hover {
      text-decoration: none;
      color: #333;
      background: #fff;
  }

  .showcase .showcase-right ul.top-service-box li:hover {}

  .showcase .showcase-right ul.top-service-box li:hover a {
      left: 20px;
      opacity: 1;
      filter: alpha(opacity=100);
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(1) {
      -webkit-box-shadow: 0 0 0 12px #afcea2;
      box-shadow: 0 0 0 12px #afcea2;
      z-index: 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(2) {
      -webkit-box-shadow: 0 0 0 12px #e4d082;
      box-shadow: 0 0 0 12px #e4d082;
      z-index: 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(3) {
      -webkit-box-shadow: 0 0 0 12px #d17383;
      box-shadow: 0 0 0 12px #d17383;
      z-index: 999;
  }

  .showcase .showcase-right ul.top-service-box li:hover:nth-child(4) {
      -webkit-box-shadow: 0 0 0 12px #798790;
      box-shadow: 0 0 0 12px #798790;
      z-index: 999;
  }

  .showcase .showcase-right ul.top-service-box li h2 {
      font-size: 24px;
      letter-spacing: 1px;
      margin: 0 0 10px;
      color: rgba(255, 255, 255, 0.7);
  }

  .showcase .showcase-right ul.top-service-box li p {
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      font-weight: 400;
  }

  .mt-15 {
      margin-top: 15px
  }

  .welcome-text {
      padding: 20px;
  }

  .welcome-text h2 {
      margin-top: 0;
      text-transform: uppercase;
      font-size: 23px;
  }

  .product-slider {
      min-height: 403px;
      padding: 20px;
  }

  .lead-title {
      font-size: 23px;
      font-weight: 400;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .lead-sub-title {
      display: block;
      font-size: 14px;
      font-weight: 300;
      padding-top: 15px;
      text-transform: none;
      margin-bottom: 32px
  }

  .single-item {
      float: left;
      height: 270px;
      margin: 30px 1% 0;
      position: relative;
      width: 31.33%;
  }

  .single-item img {
      height: 270px;
  }

  .product-content {
      background: #fff;
      bottom: 0;
      box-sizing: border-box;
      margin: 15px 15px 0;
      padding: 10px;
      position: absolute;
      z-index: 2;
  }

  .product-content h4 a {
      color: #34404E;
  }

  .tab-area {
      padding: 20px
  }

  .accordion-area {
      padding: 20px;
      min-height: 326px;
  }

  .accordion-area h3 {
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  #portfolio,
  #magazin,
  #valu {
      margin-top: 20px;
      overflow: hidden
  }

  #portfolio img,
  #magazin img,
  #valu img {
      float: left;
      margin-right: 20px;
  }

  #portfolio img {
      border: solid 3px #dddddd;
  }

  .client-carousel {
      padding: 20px;
      overflow: hidden
  }

  .client-carousel ul {}

  .client-carousel ul li {
      float: left;
      margin-right: 15px
  }

  .latest-news-area {
      padding: 20px;
  }

  .latest-news-area h3,
  .testimonial-area h3 {
      text-transform: uppercase
  }

  .single-latest img {
      float: left;
      margin-right: 20px;
      border: solid 3px #dddddd;
  }

  .single-latest p.date-meta {
      color: #999999;
      font-size: 0.9em;
  }

  .single-latest h4 {
      font-size: 16px;
      font-weight: 400;
      margin: 10px 0 5px;
      text-transform: uppercase;
  }

  .testimonial-area {
      padding: 20px;
  }

  .testimonial {
      margin-bottom: 20px
  }

  .testimonial-area img {
      border-radius: 3px;
      float: left;
      margin-right: 10px;
      width: 50px;
  }

  .testimonial-area p.name {
      font-weight: 400;
      margin: 0;
  }

  .testimonial-area p span.position {
      font-style: italic;
  }

  .testimonial-area p.company {
      display: block;
      font-size: 13px;
  }

  .client-logo-caruosel {
      padding: 20px 1px;
  }

  .client-logo h3 {
      background: #F9F9F9;
      border-bottom: 1px solid #eee;
      font-size: 16px;
      margin: 0;
      padding: 15px 20px;
      text-transform: uppercase;
  }

  .client-logo .customNavigation {
      top: 13px;
  }

  .footer-widget {
      overflow: hidden;
      padding-bottom: 12px;
  }

  .custom-menu-widget {
      padding: 20px;
  }

  .custom-widget {}

  .custom-widget ul>li {
      line-height: 24px;
  }

  .custom-widget ul>li>a {
      color: #666666;
  }

  .custom-widget ul>li>a:hover {
      color: #e74c3c;
      text-decoration: underline
  }

  .copyright-text {
      overflow: hidden;
      background: #f5f5f5;
      margin-bottom: 30px
  }

  .left-copy-text {
      padding: 20px;
      font-size: 12px
  }

  .custom-menu-widget i {
      font-size: 36px;
      color: #eee;
  }

  .custom-menu-widget i:before {
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
  }

  .custom-menu-widget i {
      display: block;
      margin-bottom: 25px;
      margin-top: 25px;
  }

  .widget-title {
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 10px;
      text-transform: uppercase;
  }

  .footer-right .social-icon {
      margin-top: 0;
  }

  .social-fix {
      padding-right: 20px;
      padding-top: 20px
  }
  /************  Blog css start **************/

  .blog-item {
      background: #fff;
      overflow: hidden;
      padding: 25px 20px 40px 5px;
      border-bottom: 1px solid #eee;
  }

  .post-thumb.floatleft img {
      max-width: 100%;
      width: 100%;
  }

  .post-thumb {
      width: 100%;
  }

  .post-thumb iframe {
      height: auto;
      max-width: 100%;
      width: 100%;
      border: 0;
  }

  .post-thumb audio {
      max-width: 100%;
      width: 100%;
      display: block;
  }

  .less-mrg-left {
      margin-left: 0
  }

  .less-pad-left {
      padding-left: 0px
  }

  .less-mrg-right {
      margin-right: 0
  }

  .less-pad-right {
      padding-right: 0
  }

  .article-title,
  .article-header h1 {
      margin: 0 0 20px;
  }

  h2,
  .h2 {
      font-size: 23px;
  }

  a:hover,
  a:focus {
      color: #bf2718;
      text-decoration: underline;
  }

  .post h2.article-title a,
  .readmore a,
  .single-sidebar ul li.cat-item a {
      color: #e74c3c
  }

  .post h2.article-title a:hover,
  .single-sidebar ul li.cat-item a:hover,
  .single-sidebar ul li.current-cat a {
      color: #bf2718
  }

  .post-meta {
      font-weight: 300;
      margin-bottom: 20px;
  }

  .post-meta ul {}

  .post-meta ul li {
      float: left;
      margin-right: 10px;
      font-size: 13px;
      color: #999999;
      margin-bottom: 2px;
  }

  .post-meta ul li:last-child {
      margin-right: 0;
  }

  .post-meta ul li i {
      margin-right: 0;
  }

  .post-meta ul li a {
      border: 1px solid #f7f7f7;
      color: #999999;
      padding: 2px 5px;
  }

  .post-meta ul li a.author {
      border: 0;
  }

  .post-meta ul li a:hover,
  .post-meta ul li a:focus,
  .post-meta ul li a:active {
      background: #bf2718;
      color: #fff;
      text-decoration: none;
  }

  .post-meta ul li a.author:hover {
      border: 0 none;
      color: #e74c3c;
      background: transparent;
  }

  .post-article p {
      font-weight: 300;
  }

  .readmore>a {
      border-top: 2px solid #ddd;
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      margin-top: 40px;
      padding-top: 5px;
      text-transform: uppercase;
  }

  .readmore>a:hover {
      color: #ddd;
  }

  .single-sidebar h2 {
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 10px;
      padding: 0;
      text-transform: uppercase;
  }

  .single-sidebar {
      margin-bottom: 40px;
      overflow: hidden;
  }

  .single-sidebar ul li.cat-item:first-child {
      border-top: 0px;
  }

  .single-sidebar ul li.cat-item {
      padding-left: 0px;
  }

  .single-sidebar ul li.cat-item a {
      font-weight: 400;
  }

  .single-sidebar ul li.cat-item a:hover {}

  .single-sidebar ul li:hover a {
      color: #e74c3c;
  }

  .single-sidebar ul li:hover:before {
      color: #e74c3c;
  }

  .single-sidebar ul li {
      border-bottom: 1px solid #eee;
      padding: 7px 0;
  }

  .single-sidebar ul li:last-child {
      border-bottom: 0px;
  }

  .tab-pane ul li {
      color: #999999;
      margin-right: 2px;
      position: relative;
      transition: all 0.5s ease 0s;
      padding-left: 17px;
  }

  .tab-pane ul li {
      border-bottom: 1px solid #eee;
      padding: 10px 0;
  }

  .tab-pane ul li:last-child {
      border-bottom: 0px;
  }

  .tab-pane ul li a {
      color: #666666;
      font-weight: 300;
  }

  .tab-pane ul li>a:hover {
      color: #e74c3c;
  }

  .tagcloud a {
      border: 1px solid #eee;
      border-radius: 2px;
      color: #666666;
      display: block;
      float: left;
      margin: 0 5px 5px 0;
      padding: 3px 5px;
  }

  .tagcloud a:hover {
      background: #e74c3c;
      color: #fff;
  }
  /*carousel post */

  a.carousel-control i {
      margin-top: -10px;
      top: 50%;
      position: absolute;
      background: rgba(0, 0, 0, 0.5);
      display: block;
      z-index: 5;
      padding: 5px;
      border-radius: 500px;
      width: 30px;
      height: 30px;
  }
  /*carousel post */
  /*tab widget */

  .tab-content {}

  .tabs-widget .tab-content {
      border-left: 1px solid #eee;
      padding: 0px 10px;
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee;
  }

  .tabs-widget .nav.nav-tabs {
      background: #eee;
      border: 0 none;
      font-size: 16px;
      font-weight: 400;
      text-transform: uppercase;
      height: 37px;
  }

  .tabs-widget ul.nav li a {
      border: 0 none;
      border-radius: 0;
      font-size: 14px;
      font-weight: 400;
      padding: 8px 15px;
  }

  #latest-post ul li:hover a,
  #most-read ul li:hover a {
      color: #666666;
  }

  #latest-post ul li a,
  #most-read ul li a {
      font-size: 14px;
  }

  #latest-post ul li a:hover,
  #most-read ul li a:hover {
      color: #e74c3c;
  }

  #latest-post .sidebar-meta,
  #latest-post .sidebar-meta a,
  #latest-post .sidebar-meta p,
  #most-read .sidebar-meta,
  #most-read .sidebar-meta a,
  #most-read .sidebar-meta p {
      font-size: 13px;
  }

  .sidebar-meta i.fa {
      padding-right: 7px;
  }

  .sidebar-meta a {}

  .sidebar-meta p {
      color: #888888;
      display: inline-block;
      font-size: 12px;
      padding-left: 5px;
  }

  .tabs-widget ul.nav li a:hover {
      border: 0;
  }

  .tab-pane>h2 {
      display: none;
  }

  .tab-pane>ul li {
      padding-left: 2px;
  }

  .tab-pane>ul li:before {
      content: "";
  }

  .tabs-widget ul.nav li.active a {
      background: #e74c3c;
      color: #fff;
      border-radius: 0;
      border: 0;
  }
  /*tab widget */
  /*pagination */

  .pagination {
      border-radius: 0;
      margin-top: 50px;
  }

  .pagination>li:first-child>a,
  .pagination>li:first-child>span,
  .pagination>li:last-child>a,
  .pagination>li:last-child>span {
      border-radius: 0;
  }

  .pagination>.active>a,
  .pagination>.active>span,
  .pagination>.active>a:hover,
  .pagination>.active>span:hover,
  .pagination>.active>a:focus,
  .pagination>.active>span:focus {
      background-color: #e74c3c;
      border-color: #e74c3c;
  }

  .pagination:after,
  .pagination:before {
      clear: both;
  }

  .page-number>p {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 0;
      display: inline-block;
      margin-top: 50px;
      padding: 6px 12px;
  }
  /*pagination */
  /************  //Blog css  **************/
  /************   single page *************/

  .single-page-item {
      overflow: hidden;
      padding: 20px 5px;
  }

  .single-page-item .tagcloud {
      border-top: 1px solid #eee;
      border-bottom: 1px solid #eee;
      margin: 8px 0;
      overflow: hidden;
      padding-top: 7px;
      padding-bottom: 2px;
      margin-top: 40px;
      margin-bottom: 20px;
  }

  .single-page-item .tagcloud a {
      font-size: 75%;
  }

  .post-article img {
      width: 100%;
  }

  .img-caption {
      background: #eee;
      color: #666666;
      font-size: 12px;
      width: 100%;
      margin: 0;
      padding: 5px;
      text-align: center;
      margin-top: 1px !important;
      clear: both;
  }

  .article-content {}

  .article-content.clearfix p {
      margin-top: 10px;
  }
  /************   //single page *************/
  /* BREAD CRUMB WITH BOX-SHADOW */

  .breadcrumb {
      background-color: #fff;
      list-style: none outside none;
      padding: 8px 15px;
      border-radius: 0px;
      list-style: none outside none;
      margin-bottom: 0px;
      padding: 8px 15px;
      font-size: 12px;
  }
  /*--------------------------------------------
    ABOUT US PAGE
----------------------------------------------*/

  .page-title {
      background: rgba(0, 0, 0, 0);
      padding-bottom: 40px;
      padding-top: 40px;
      background-image: url('/img/header-about.png');
      background-size: cover;
  }

  .page-title h1 {
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      display: inline-block;
      font-size: 50px;
      font-weight: 700;
      margin: 2px 20px;
      padding: 20px;
      text-transform: uppercase;
  }

  .page-title h4 {
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-size: 40px;
      font-weight: 700;
      margin: 0px 20px;
      padding: 5px 20px;
      text-transform: uppercase;
      width: fit-content;
  }
  /* LEFT SIDEBAR BOX-SHADOW */

  div.left-about-sidebar.box-wrapper {
      padding: 20px;
  }

  .page-content {
      padding: 20px;
  }

  .page-article-content img {
      margin-bottom: 10px;
  }

  .page-article-content img.pull-left {
      margin-right: 20px;
      border: solid 3px #dddddd;
  }

  .page-article-content img.pull-right {
      margin-left: 20px;
  }

  .thumbnail {
      background: rgba(0, 0, 0, 0);
      border: 0 none;
      margin-bottom: 40px;
  }

  .thumbnail .caption h3 {
      font-size: 14px;
      margin: 0;
  }

  .thumbnail .caption {
      padding-left: 0;
      padding-right: 0;
  }

  .thumbnail>img,
  .thumbnail a>img {
      margin-bottom: 10px;
  }

  .sidebar {
      padding: 20px;
  }

  .sidebar-content {
      margin-bottom: 30px
  }

  .sidebar-title {
      background: rgba(0, 0, 0, 0);
      color: inherit;
      font-size: 16px;
      font-weight: 400;
      margin: 0 0 10px;
      padding: 0;
      text-transform: uppercase;
      margin-bottom: 20px;
  }

  .order-list {
      margin: 0 !important;
  }

  .order-list li:before {
      color: #df2e1b;
      content: "\f05d";
      float: left;
      font-family: FontAwesome;
      font-size: 24px;
      margin-right: 10px;
  }

  .order-list strong {
      display: block;
  }

  .order-list p {
      margin-left: 30px;
  }

  .project {
      margin: 0 !important;
  }

  .project li {
      border: 1px solid #f1f2f3;
      display: block;
      list-style: none outside none;
      margin-bottom: 10px;
      padding: 10px;
  }

  .project h4 {
      margin-top: 10px;
  }
  /* Service Page CSS */

  .service-content {
      padding: 20px;
  }

  .single-services {
      margin-bottom: 30px
  }

  .single-services img {
      border-radius: 2px;
      margin-bottom: 20px
  }

  .single-services h4 {
      text-transform: uppercase;
  }

  .single-services .readmore>a {
      margin-top: 15px;
  }
  /* Contact Page CSS */

  .contact-map {
      padding: 20px
  }

  .contact-input-form {
      padding: 20px
  }

  .contact h1 {
      font-size: 36px;
      margin-top: 0;
  }

  label {
      font-weight: 300;
  }

  .star {
      color: red;
  }

  .contact-form1 .control-group select {
      width: 100%;
      height: 0px;
      margin-bottom: 20px;
      padding: 0 10px;
  }

  .contact-form1 .control-group select:focus {
      outline: none
  }

  .contact-form1 .control-group {
      padding: 0;
  }

  .contact-form .control-group input {
      width: 100%;
      height: 40px;
      margin-bottom: 20px;
      padding: 0 10px;
  }

  .contact-form .control-group input:focus {
      outline: none
  }

  .contact-form .control-group {
      padding: 0;
  }

  .subbtn {
      color: #fff;
      background-color: #e74c3c;
      border-color: #e43725;
      margin-top: 20px;
      border-radius: 0px;
  }

  .subbtn:hover {
      color: #fff;
      background-color: #df2e1b;
      border-color: #b62516;
  }

  .contact-form .control-group textarea {
      height: 100px;
      width: 100%;
      padding: 10px
  }

  .contact-form .control-group textarea:focus {
      outline: none
  }

  .contact-page-sidebar {
      padding: 20px
  }

  #css-demo .product-item {
      margin: 3px;
      position: relative;
  }

  #css-demo .product-item img {
      display: block;
      width: 100%;
      height: 270px;
      border-radius: 3px
  }
  /* SLIDER COTROIL NAVIGATION
  ------------------------*/

  .customNavigation {
      cursor: pointer;
      position: absolute;
      right: 15px;
      top: 15px;
  }

  .customNavigation a {
      display: inline-block;
      height: 24px;
  }

  .customNavigation a.prev,
  /* for Previous Control */

  .customNavigation a.next
  /* for Next Control */

  {
      float: right
  }
  /* HOME- PRODUCT
  --------------------------*/

  .single-product {
      position: absolute;
      z-index: 999;
      left: 15px;
      background: #fff;
      bottom: 0;
      padding: 10px;
      right: 15px;
  }

  .product-slider h3 {
      margin-bottom: 32px;
  }

  .single-product h4 a {
      color: #34404e
  }

  .single-product .readmore a {
      float: left
  }

  .single-client {}

  .single-client img {}

  .testimonial {
      color: #777777;
      font-size: 17px;
      font-style: italic;
      font-weight: 300;
      margin-bottom: 20px;
      text-indent: 30px;
  }

  .testimonial i {
      color: #eee;
      display: initial;
  }
  /*******	pricing table	******/

  h1.pricing-table-heading {
      margin-bottom: 20px;
      margin-top: 20px;
  }
  /* dynamic pricing table */

  ul.plan.text-center {
      border: 2px solid #eee;
      margin: 0;
      padding: 0;
      text-align: center;
  }

  ul.plan.text-center.featured {
      position: relative;
  }

  ul.plan.text-center.featured:before {
      color: #cc0000;
      content: "\f02e";
      font-family: FontAwesome;
      font-size: 30px;
      position: absolute;
      right: 30px;
      top: -10px;
  }

  ul.plan.text-center li {
      border-bottom: 1px solid #eee;
      padding: 10px;
      font-size: 16px;
  }

  ul.plan.text-center li.plan-price {}

  ul.plan.text-center li.plan-price p.plane-name {
      font-size: 16px;
      font-weight: 400;
      margin: 0;
      padding: 30px 10px 10px;
      text-transform: uppercase;
  }

  ul.plan.text-center li.plan-price h2.plane-price {
      font-size: 48px;
      font-weight: 700;
      margin: 0;
      padding: 0 20px;
  }

  ul.plan.text-center li.plan-price span.plane-duration {}

  ul.plan.text-center li.plan-action {
      padding: 30px 10px;
  }

  ul.plan.text-center li.plan-action a.btn {
      background: #eee;
      border: 0 none;
      border-radius: 0;
      color: #34404E;
      font-size: 18px;
      padding: 10px 20px;
      text-transform: uppercase;
  }

  ul.plan.text-center li.plan-action a.btn:hover {
      background: #ddd;
  }

  ul.plan.text-center.featured li.plan-action a.btn {
      background: #e74c3c;
      color: #fff;
  }

  ul.plan.text-center.featured li.plan-action a.btn:hover {
      background: #ddd;
      color: #222;
  }

  .less-border-top {
      border-top: 0;
  }

  .less-border-bottom {
      border-bottom: 0;
  }

  .less-border-left {
      border-left: 0;
  }

  .less-border-right {
      border-right: 0;
  }

  p.blank-space {
      display: block;
      height: 5px;
  }
  /* static pricing table */

  h1.pricing-table-static {
      margin-bottom: 40px;
  }

  ul.static-plan.text-center {
      border: 2px solid #ddd;
  }

  ul.static-plan.text-center li {
      border-bottom: 1px solid #eee;
      font-size: 16px;
      padding: 10px 20px;
      text-align: center;
  }

  ul.static-plan.text-center li.yes {}

  ul.static-plan.text-center li.no {
      color: #999;
      text-decoration: line-through
  }

  ul.static-plan.text-center li.row0 {}

  ul.static-plan.text-center li.row1 {
      background: #f7f7f7;
  }

  ul.static-plan.text-center li.plan-price {
      background: #666;
      color: #fff;
      margin: -2px -2px 0;
      padding: 10px 20px;
  }

  ul.static-plan.text-center.featured {
      width: 104%;
      z-index: 9999;
      position: relative;
      box-shadow: 0px 0px 0px 5px #aaa;
      margin-left: -2%;
      border: 0;
      margin-top: -30px;
  }

  ul.static-plan.text-center.featured li.plan-price {
      background: #e74c3c;
      color: #fff;
      margin: 0px;
      padding: 10px 20px;
      height: 138px;
  }

  ul.static-plan.text-center li.plan-price h2.plane-name {
      font-size: 23px;
      margin-top: 20px;
      margin-bottom: 10px;
  }

  ul.static-plan.text-center li.plan-price span.plane-slogan {
      display: block;
      font-weight: 300;
      margin: 0 0 10px;
  }

  ul.static-plan.text-center li span.big-number {
      display: inline-block;
      font-size: 70px;
  }

  ul.static-plan.text-center li span.big-number sup {
      font-size: 28px;
      top: -1em;
  }

  ul.static-plan.text-center li.plan-action {
      background: #eee;
      border: 2px solid #d5d5d5;
      padding: 20px;
      margin: -2px;
  }

  ul.static-plan.text-center.featured li.plan-action {
      background: #eee;
      border-right: 0px;
      padding: 20px;
      margin: 0px;
      border-left: 0px;
      border-bottom: 0px;
  }

  ul.static-plan.text-center li.plan-action a.btn {
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 0;
      color: #333;
      font-size: 18px;
      padding: 10px 20px;
  }

  ul.static-plan.text-center.featured li.plan-action a.btn {
      background: #e74c3c;
      color: #fff;
  }

  ul.static-plan.text-center li.plan-action a.btn:hover {
      background: #ebebeb;
      border: 1px solid #adadad;
  }

  ul.static-plan.text-center.featured li.plan-action a.btn:hover {
      background: #df2e1b;
  }
  /*  faq section  */

  .faq-inner h2,
  .faq h2 {
      font-size: 23px;
      margin-bottom: 10px;
      margin-top: 5px;
      text-transform: capitalize;
  }

  .faq h3,
  .faq-inner h3 {
      font-size: 19px;
      margin-top: 20px;
      margin-bottom: 10px;
  }

  #faq p {}

  #pricing .box-wrapper {
      overflow: hidden;
      padding: 20px;
  }

  .alert.alert-warning {
      border-radius: 0px;
  }
  /*******	//pricing table	******/
  /*******	project page	******/

  section.project .box-wrapper {
      padding-top: 1px
  }

  #grid {}

  .fix {
      overflow: hidden;
  }

  .mrg15 {
      margin: 15px;
  }

  .pad0 {
      padding: 0px;
  }

  #filter {
      display: block;
      list-style: none outside none;
      margin: 35px 20px 30px;
      overflow: hidden;
      padding: 0;
      width: 100%;
  }

  #filter li {
      float: left;
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
  }

  #filter li a {
      -moz-user-select: none;
      background: #fafafa;
      border: 1px solid #ddd;
      border-radius: 1px;
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 15px;
      margin: 0 3px 0 0;
      padding: 3px 6px;
  }

  #filter li a:hover {}

  #filter li a.active {
      background: #333;
      border-color: #333;
      color: #fff;
  }
  /* project single content */

  .project-item .project-image-container {
      position: relative;
  }

  .project-item .project-image-container span {
      position: absolute;
      font-size: 20px;
      color: #fff;
      height: 100%;
      width: 100%;
      top: 0;
      text-align: center;
      background: rgba(0, 0, 0, 0);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transform: translateZ(0);
  }

  .project-item .project-image-container span a {
      position: relative;
      top: -100%;
      color: #fff;
      opacity: 0;
      background: #000;
      padding: 8px 10px;
      border-radius: 3px;
  }

  .project-item .project-image-container span:hover a {
      top: 48%;
      opacity: 1;
  }

  .project-item .project-image-container:hover span {
      background: rgba(0, 0, 0, .2);
  }

  .project-item {}

  .project-details {}

  .project-details h2 {
      margin-top: 20px;
      margin-bottom: 10px;
  }

  .project-details h2 a {
      font-size: 16px;
      color: #222;
  }

  .project-details p {
      margin: 10px 0;
      display: block;
  }

  .project-details .readmore a {
      border-top: 2px solid #ddd;
      display: inline-block;
      font-size: 12px;
      font-weight: 400;
      margin-top: 15px;
      padding-top: 5px;
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 20px;
  }
  /* Homepage Two CSS */

  .slid-bottom-promo {
      background: #37373a;
      padding: 20px;
      color: #fff;
      overflow: hidden;
  }

  .slid-bottom-promo h2 {
      margin: 0;
  }

  .slid-bottom-promo .icon {
      color: #e74c3c;
      float: left;
      font-size: 60px;
      line-height: 60px;
      text-shadow: 1px 1px #1B1B1B, 2px 2px #1B1B1B, 3px 3px #1B1B1B, 4px 4px #1B1B1B, 5px 5px #1B1B1B, 6px 6px #1B1B1B, 7px 7px #1B1B1B, 8px 8px #1B1B1B, 9px 9px #1B1B1B, 10px 10px #1B1B1B, 11px 11px #1B1B1B, 12px 12px #1B1B1B, 13px 13px #1B1B1B, 14px 14px #1B1B1B, 15px 15px #1B1B1B, 16px 16px #1B1B1B, 17px 17px #1B1B1B, 18px 18px #1B1B1B, 19px 19px #1B1B1B, 20px 20px #1B1B1B, 21px 21px #1B1B1B, 22px 22px #1B1B1B, 23px 23px #1B1B1B, 24px 24px #1B1B1B, 25px 25px #1B1B1B, 26px 26px #1B1B1B, 27px 27px #1B1B1B, 28px 28px #1B1B1B, 29px 29px #1B1B1B, 30px 30px #1B1B1B, 31px 31px #1B1B1B, 32px 32px #1B1B1B, 33px 33px #1B1B1B, 34px 34px #1B1B1B, 35px 35px #1B1B1B, 36px 36px #1B1B1B, 37px 37px #1B1B1B, 38px 38px #1B1B1B, 39px 39px #1B1B1B, 40px 40px #1B1B1B, 41px 41px #1B1B1B, 42px 42px #1B1B1B, 43px 43px #1B1B1B, 44px 44px #1B1B1B, 45px 45px #1B1B1B, 46px 46px #1B1B1B, 47px 47px #1B1B1B, 48px 48px #1B1B1B, 49px 49px #1B1B1B, 50px 50px #1B1B1B, 51px 51px #1B1B1B, 52px 52px #1B1B1B, 53px 53px #1B1B1B, 54px 54px #1B1B1B, 55px 55px #1B1B1B, 56px 56px #1B1B1B, 57px 57px #1B1B1B, 58px 58px #1B1B1B, 59px 59px #1B1B1B, 60px 60px #1B1B1B, 61px 61px #1B1B1B, 62px 62px #1B1B1B, 63px 63px #1B1B1B, 64px 64px #1B1B1B, 65px 65px #1B1B1B, 66px 66px #1B1B1B, 67px 67px #1B1B1B, 68px 68px #1B1B1B, 69px 69px #1B1B1B, 70px 70px #1B1B1B, 71px 71px #1B1B1B, 72px 72px #1B1B1B, 73px 73px #1B1B1B, 74px 74px #1B1B1B, 75px 75px #1B1B1B, 76px 76px #1B1B1B, 77px 77px #1B1B1B, 78px 78px #1B1B1B, 79px 79px #1B1B1B, 80px 80px #1B1B1B, 81px 81px #1B1B1B, 82px 82px #1B1B1B, 83px 83px #1B1B1B, 84px 84px #1B1B1B, 85px 85px #1B1B1B, 86px 86px #1B1B1B, 87px 87px #1B1B1B, 88px 88px #1B1B1B, 89px 89px #1B1B1B, 90px 90px #1B1B1B, 91px 91px #1B1B1B, 92px 92px #1B1B1B, 93px 93px #1B1B1B, 94px 94px #1B1B1B, 95px 95px #1B1B1B, 96px 96px #1B1B1B, 97px 97px #1B1B1B, 98px 98px #1B1B1B, 99px 99px #1B1B1B, 100px 100px #1B1B1B;
  }

  .single-promo {
      padding: 20px;
      min-height: 225px;
  }

  .accordion-group {
      margin-bottom: 2px;
      border: 0px solid #e5e5e5;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
  }

  #scrollUp {
      bottom: 25px;
      height: 32px;
      right: 20px;
      width: 32px;
      background: #e74c3c;
      text-align: center;
      padding-right: 14px;
      padding-top: 7px;
      border-radius: 3px;
  }

  #scrollUp:hover {
      background: #AD2416;
  }

  #scrollUp:before {
      font-family: FontAwesome;
      color: #fff;
      position: absolute;
      content: "\f077";
      z-index: 999999;
  }

  .bannercontainer {
      width: 100%;
      position: relative;
      padding: 0;
  }

  .banner {
      width: 100%;
      position: relative;
  }

  .slider-caption {
      background: rgba(0, 0, 0, 0.2);
      color: #fff;
      font-size: 36px;
      font-weight: bold;
      line-height: 36px;
      padding: 10px;
  }

  .slider-caption2 {
      color: #fff;
      font-size: 36px;
      font-weight: bold;
      line-height: 36px;
      padding: 10px;
      border: 3px solid #fff;
      text-transform: uppercase;
  }

  .map-canvas {
      height: 300px;
  }

  .mt-20 {
      margin-top: 20px
  }
  /* offcanvas css */

  a.list-group-item.active,
  a.list-group-item.active:hover,
  a.list-group-item.active:focus {
      z-index: 2;
      color: #fff;
      background-color: #e74c3c;
      border-color: #e74c3c;
      padding: 10px;
  }

  .offcanvas-wrapper .sidebar-nav h2 {
      margin: 0;
      line-height: 55px;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 0 0 0 12px;
      color: #fff;
  }

  .offcanvas-wrapper .sidebar-nav>ul {
      padding: 24px 12px;
  }

  .offcanvas-wrapper .sidebar-nav li {
      border-top: 1px solid #333;
      margin-top: 0;
  }

  .offcanvas-wrapper .sidebar-nav li a {
      padding: 10px;
      display: block;
  }

  .offcanvas-wrapper .sidebar-nav li a:hover {
      color: #bf2718;
      background: #eee;
  }

  .offcanvas-wrapper .sidebar-nav li.active>a,
  .offcanvas-wrapper .sidebar-nav li.active>a:hover,
  .offcanvas-wrapper .sidebar-nav li.active>a:focus {
      color: #fff;
      background-color: #181818;
  }

  .offcanvas-wrapper .sidebar-nav li:first {
      border-top: 0;
  }

  .sidebar-nav {
      padding-left: 20px;
      margin-bottom: 20px;
      position: relative;
  }

  .sidebar-nav button.close {
      position: absolute;
      right: 0;
      top: 15px;
      color: #fff;
  }

  .sidebar-nav button.close :hover,
  .sidebar-nav button.close :focus,
  .sidebar-nav button.close :active {
      color: #fff;
  }

  .list-group ul li {
      border-radius: 0;
      background: transparent;
  }

  .bg-clr {
      background-color: #fff;
  }

  .i-fix {
      position: relative;
      top: -75px;
  }

  .pare-line {
      padding-right: 10px;
  }
  /*----------------------------------------------------
	KEY FRAME
------------------------------------------------------*/

  @-webkit-keyframes toRightFromLeft {
      49% {
          -webkit-transform: translate(100%);
      }
      50% {
          opacity: 0;
          -webkit-transform: translate(-100%);
      }
      51% {
          opacity: 1;
      }
  }

  @-moz-keyframes toRightFromLeft {
      49% {
          -moz-transform: translate(100%);
      }
      50% {
          opacity: 0;
          -moz-transform: translate(-100%);
      }
      51% {
          opacity: 1;
      }
  }

  @keyframes toRightFromLeft {
      49% {
          transform: translate(100%);
      }
      50% {
          opacity: 0;
          transform: translate(-100%);
      }
      51% {
          opacity: 1;
      }
  }

  .searchRegno {
      padding: 8px 0px 0 3px;
      width: 50%;
  }

  .co-style {
      width: 100%;
      height: 40px;
      margin-bottom: 20px;
      padding: 0 10px;
  }

  .sear-btn {
      background-color: #e74c3c;
      color: white;
  }

  .sear-btn:hover {
      background-color: #fc5f4e;
      color: white;
  }

  @media (min-width:375px) {
      .control-contact .upload_file_wrapper {
          padding: 2px 2px;
          width: 70%;
      }
      .control-contact .upload_file {
          padding: 6px 8px;
          background: #df2e1c;
          display: table;
          color: #fff !important;
          box-shadow: 0px 0px 10px #ccc;
          cursor: pointer;
          font-size: 16px;
          font-weight: 500;
          width: 100%;
          text-align: center;
          border-radius: 0px;
          line-height: 25px;
          letter-spacing: 1.5px;
      }
  }

  @media(max-width:430px) {
      .modal-dialog {
          width: 350px;
          margin: 30px auto;
      }
  }
  /*checkbox*/

  .chec {
      display: block;
      position: relative;
      padding: 5px 0 0 40px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 14px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  /* Hide the browser's default checkbox */

  .chec input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
  }
  /* Create a custom checkbox */

  .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #fff;
      border: 1px solid grey;
      border-radius: 2px;
  }
  /* On mouse-over, add a grey background color */

  .chec:hover input~.checkmark {
      background-color: #ccc;
  }
  /* When the checkbox is checked, add a blue background */

  .chec input:checked~.checkmark {
      background-color: #e74c3c;
  }
  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {
      content: "";
      position: absolute;
      display: none;
  }
  /* Show the checkmark when checked */

  .chec input:checked~.checkmark:after {
      display: block;
  }
  /* Style the checkmark/indicator */

  .chec .checkmark:after {
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid rgb(255, 255, 255);
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  }