@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');

  html {
      font-size: 10px;
      letter-spacing: 1px;
  }



  @import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');



  @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');





  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');









  /** Variables **/



  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {



      display: block;



  }



  a,
  a:hover,
  a:focus,
  a:active {



      text-decoration: none;



      outline: none;



      color: inherit;



  }



  #site-header-menu .cmt-stickable-header.fixed-header .site-navigation ul.menu>li>a:hover {

      /*color: #0067ed !important;*/

      font-weight: bold !important;

  }



  a,
  button,
  input {



      outline: none;



  }



  ol,
  ul {



      padding: 0;



      margin: 0;



  }



  strong {



      font-weight: 600;



  }



  iframe {



      width: 100%;



      border: none;



      display: block;



  }



  p {



      margin: 0 0 15px;



  }







  *::-moz-selection {



      background: #2457aa;



      color: #fff;



      text-shadow: none;



  }



  ::-moz-selection {



      background: #2457aa;



      color: #fff;



      text-shadow: none;



  }



  ::selection {



      background: #2457aa;



      color: #fff;



      text-shadow: none;



  }







  textarea,
  input[type="text"],



  input[type="password"],



  input[type="datetime"],



  input[type="datetime-local"],



  input[type="date"],



  input[type="month"],



  input[type="time"],



  input[type="week"],



  input[type="number"],



  input[type="email"],



  input[type="url"],



  input[type="search"],



  input[type="tel"],



  input[type="color"],



  .uneditable-input,



  select {



      font-family: inherit;



      -webkit-transition: border linear .2s, box-shadow linear .2s;



      -moz-transition: border linear .2s, box-shadow linear .2s;



      -o-transition: border linear .2s, box-shadow linear .2s;



      transition: border linear .2s, box-shadow linear .2s;



      -webkit-border-radius: 0;



      -moz-border-radius: 0;



      border-radius: 0;



      vertical-align: middle;



      width: 100%;



      color: #8093a8;



      padding: 13px 15px 14px;



      border-radius: 3px;



      font-weight: 400;



      background-color: #fff;



      text-transform: inherit;



      border: 1px solid rgba(0, 43, 92, 0.08);



      font-size: 14px;



      outline: none;



      line-height: inherit;



      letter-spacing: 0px;



  }



  button,
  input[type="submit"],



  input[type="button"],



  input[type="reset"] {



      display: inline-block;



      text-decoration: none;



      font-size: 13px;



      line-height: 21px;



      font-weight: 500;

      bod padding: 11px 40px 11px;



      border: 2px solid transparent;



      border-radius: 0;



      color: #fff;



      -webkit-transition: all 0.25s ease;



      transition: all 0.25s ease;



      cursor: pointer;



      outline: none !important;



      -webkit-font-smoothing: antialiased;



  }







  textarea:focus,



  input[type="text"]:focus,



  input[type="password"]:focus,



  input[type="datetime"]:focus,



  input[type="datetime-local"]:focus,



  input[type="date"]:focus,



  input[type="month"]:focus,



  input[type="time"]:focus,



  input[type="week"]:focus,



  input[type="number"]:focus,



  input[type="email"]:focus,



  input[type="url"]:focus,



  input[type="tel"]:focus,



  input[type="color"]:focus {



      border: 1px solid #0067ed;



      -webkit-box-shadow: none;



      -moz-box-shadow: none;



      box-shadow: none;



      -webkit-appearance: searchfield;



  }











  /* clears the 'X' from Internet Explorer */



  input[type=search]::-ms-clear {
      display: none;
      width: 0;
      height: 0;
  }



  input[type=search]::-ms-reveal {
      display: none;
      width: 0;
      height: 0;
  }







  /* clears the 'X' from Chrome */



  input[type="search"]::-webkit-search-decoration,



  input[type="search"]::-webkit-search-cancel-button,



  input[type="search"]::-webkit-search-results-button,



  input[type="search"]::-webkit-search-results-decoration {
      display: none;
  }











  textarea:-moz-placeholder,



  textarea::-moz-placeholder,



  input:-moz-placeholder,



  input::-moz-placeholder,



  input:-ms-input-placeholder,



  input::-ms-input-placeholder,



  textarea::-webkit-input-placeholder,



  input::-webkit-input-placeholde {



      color: #fff;



  }





  .cmt-header-style-02 #site-header-menu .site-navigation ul.menu>li>a {

      font-size: 16px;

  }

  .cmt-header-style-02 #site-header-menu .site-navigation ul.menu>li>a:hover {

      font-size: 16px;

  }



  menu,
  ol,
  ul {



      margin: 16px 0;



      padding: 0 0 0 25px;



  }







  body {



      /*font-family: 'Roboto Condensed', sans-serif;*/

      font-family Quicksand,
      sans-serif 'Quicksand',
      sans-serif !important body "Helvetica Neue",
      Helvetica,
      Arial,
      sans-serif font-weight: 400;



      font-size: 15px;



      line-height: 25px;



      letter-spacing: 0px;



      color: #898a9c;







  }



  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin-bottom: 10px;
      font-weight: 500;
      color: #1d2143;
  }



  h1 {
      font-size: 60px;
      line-height: 72px;
  }



  h2 {
      font-size: 46px;
      line-height: 56px;
  }



  h3 {
      font-size: 38px;
      line-height: 48px;
  }



  h4 {
      font-size: 30px;
      line-height: 40px;
  }



  h5 {
      font-size: 18px;
      line-height: 28px;
  }



  h6 {
      font-size: 15px;
      line-height: 18px;
  }











  /** Extra-outer **/



  body .page {



      overflow: hidden;



      position: relative;



      z-index: 10;



  }



  body .site-main {



      background-color: #fff;



      position: relative;



      z-index: 1;



  }



  body .page.sidebar-true .site-main {



      padding: 0;



      background-color: #fff;



  }



  a {
      color: #1d2143;
  }



  a,
  img {



      -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;



      transition: all 0.3s ease 0s;



  }







  .box-shadow {
      box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10)
  }







  .border {
      border: 1px solid transparent !important;
  }







  .bor_rad_3 {
      border-radius: 3px;
  }



  .bor_tl_rad_3 {
      border-top-left-radius: 3px;
  }



  .bor_tr_rad_3 {
      border-top-right-radius: 3px;
  }



  .bor_bl_rad_3 {
      border-bottom-left-radius: 3px;
  }



  .bor_br_rad_3 {
      border-bottom-right-radius: 3px;
  }







  .bor_rad_5 {
      border-radius: 5px;
  }



  .bor_tl_rad_5 {
      border-top-left-radius: 5px;
  }



  .bor_tr_rad_5 {
      border-top-right-radius: 5px;
  }



  .bor_bl_rad_5 {
      border-bottom-left-radius: 5px;
  }



  .bor_br_rad_5 {
      border-bottom-right-radius: 5px;
  }







  .bor_rad_6 {
      border-radius: 6px;
  }



  .bor_tl_rad_6 {
      border-top-left-radius: 6px;
  }



  .bor_tr_rad_6 {
      border-top-right-radius: 6px;
  }



  .bor_bl_rad_6 {
      border-bottom-left-radius: 6px;
  }



  .bor_br_rad_6 {
      border-bottom-right-radius: 6px;
  }











  .bg-anim-1 {
      position: absolute;
      left: 0;
      bottom: -100px;
  }



  .bg-anim-2 {
      position: absolute;
      right: 0;
      top: -224px;
  }











  .bg-anim-1 {



      position: absolute;



      background-repeat: no-repeat;



      width: 270px;



      height: 80px;



      -webkit-animation: movingplane 4s cubic-bezier(0.51, 0.45, 0.75, 0.72) infinite;



      -moz-animation: movingplane 4s cubic-bezier(0.51, 0.45, 0.75, 0.72) infinite;



      -o-animation: movingplane 4s cubic-bezier(0.51, 0.45, 0.75, 0.72) infinite;



  }



  @keyframes movingplane {



      0% {



          margin-left: 0;



      }



      25% {



          bottom: -90px;



          margin-left: 20px;



      }



      50% {



          bottom: -80px;



          margin-left: 40px;



      }



      75% {



          bottom: -70px;



          margin-left: 60px;







      }



      100% {



          bottom: -60px;



          margin-left: 80px;



          opacity: .08;



      }



  }











  .bg-anim-2 {



      position: absolute;



      background-repeat: no-repeat;



      width: 200px;



      height: 70px;



  }



  @keyframes movingcard {



      0% {



          margin-left: 0;



      }



      25% {



          top: -215px;



          transform: rotate(-5deg);



      }



      50% {



          top: -210px;



          transform: rotate(-10deg);







      }



      75% {



          top: -180px;



          transform: rotate(-15deg);







      }



      100% {



          top: -150px;



          transform: rotate(-20deg);



          opacity: .08;







      }



  }







  @keyframes mymove {







      20% {
          transform: translate(calc(5% * -20), 0px);
      }



      40% {
          transform: translate(calc(5% * -12), 0px);
      }



      60% {
          transform: translate(calc(5% * -10), 0px);
      }



      80% {
          transform: translate(calc(5% * -8), 0px);
      }



      100% {
          transform: translate(calc(5% * -5), 0px);
      }



      120% {
          transform: translate(calc(5% * -2), 0px);
      }



  }







  @keyframes {







      0% {
          transform: translate(70px, 0px);
      }



      20% {
          transform: translate(calc(100% * -2), 0px);
      }



      40% {
          transform: translate(calc(100% * -5), 0px);
      }



      60% {
          transform: translate(calc(100% * -8), 0px);
      }



      80% {
          transform: translate(calc(100% * -11), 0px);
      }



      100% {
          transform: translate(calc(100% * -16), 0px);
      }



      120% {
          transform: translate(calc(100% * -21), 0px);
      }



  }







  @keyframes gradient {



      0% {



          background-position: 0% 40%;



      }



      50% {



          background-position: 100% 60%;



      }



      100% {



          background-position: 0% 80%;



      }



  }







  .alignleft {



      float: left;



      margin: .375em 1.75em 1.75em 0;



  }



  .alignright {



      float: right;



      margin: .375em 0 1.75em 1.75em;



  }



  .z-index_1 {
      z-index: -1;
  }



  .z-index-0 {
      z-index: 0;
  }



  .z-index-1 {
      z-index: 1;
  }



  .z-index-2 {
      z-index: 2;
  }











  /* ===============================================



    Spacing



------------------------*/







  /** Padding **/



  .spacing-1 {
      padding-top: 204px;
      padding-bottom: 90px;
      padding-left: 50px;
      margin-top: -140px;



      margin-right: -290px;
  }



  .spacing-2 {
      padding: 60px 50px 45px;
      margin-top: -65px;
  }



  .spacing-3 {
      padding: 60px 25px 30px;
      margin-top: 80px;
      margin-left: -30px;
      margin-bottom: -80px;
  }



  .spacing-4 {
      padding: 65px 25px 55px 60px;
  }



  .spacing-5 {
      margin-top: -260px;
      margin-right: -215px;
      padding-right: 250px;
      padding-top: 106px;
  }



  .spacing-6 {
      padding: 80px 40px 80px 0;
  }



  .spacing-7 {
      padding: 80px 60px;
      margin-top: -80px;
  }







  .pr-5 {
      padding-right: 5px !important
  }



  .pr-10 {
      padding-right: 10px !important;
  }



  .pr-15 {
      padding-right: 15px !important;
  }



  .pr-20 {
      padding-right: 20px !important;
  }



  .pr-25 {
      padding-right: 25px !important;
  }



  .pr-30 {
      padding-right: 30px !important;
  }



  .pr-35 {
      padding-right: 35px !important;
  }



  .pr-40 {
      padding-right: 40px !important;
  }



  .pr-45 {
      padding-right: 45px !important;
  }



  .pr-50 {
      padding-right: 50px !important;
  }



  .pr-55 {
      padding-right: 55px !important;
  }



  .pr-60 {
      padding-right: 60px !important;
  }



  .pr-65 {
      padding-right: 65px !important;
  }



  .pr-70 {
      padding-right: 70px !important;
  }



  .pr-75 {
      padding-right: 75px !important;
  }



  .pr-80 {
      padding-right: 80px !important;
  }



  .pr-85 {
      padding-right: 85px !important;
  }



  .pr-90 {
      padding-right: 90px !important;
  }



  .pr-95 {
      padding-right: 95px !important;
  }



  .pr-100 {
      padding-right: 100px !important;
  }







  .pl-0 {
      padding-left: 0px !important;
  }



  .pl-5 {
      padding-left: 5px !important;
  }



  .pl-10 {
      padding-left: 10px !important;
  }



  .pl-15 {
      padding-left: 15px !important;
  }



  .pl-20 {
      padding-left: 20px !important;
  }



  .pl-25 {
      padding-left: 25px !important;
  }



  .pl-30 {
      padding-left: 30px !important;
  }



  .pl-35 {
      padding-left: 35px !important;
  }



  .pl-40 {
      padding-left: 40px !important;
  }



  .pl-45 {
      padding-left: 45px !important;
  }



  .pl-50 {
      padding-left: 50px !important;
  }



  .pl-55 {
      padding-left: 55px !important;
  }



  .pl-60 {
      padding-left: 60px !important;
  }



  .pl-65 {
      padding-left: 65px !important;
  }



  .pl-70 {
      padding-left: 70px !important;
  }



  .pl-75 {
      padding-left: 75px !important;
  }



  .pl-80 {
      padding-left: 80px !important;
  }



  .pl-85 {
      padding-left: 85px !important;
  }



  .pl-90 {
      padding-left: 90px !important;
  }



  .pl-95 {
      padding-left: 95px !important;
  }



  .pl-100 {
      padding-left: 100px !important;
  }







  .pt-5 {
      padding-top: 5px !important;
  }



  .pt-10 {
      padding-top: 10px !important;
  }



  .pt-15 {
      padding-top: 15px !important;
  }



  .pt-20 {
      padding-top: 20px !important;
  }



  .pt-25 {
      padding-top: 25px !important;
  }



  .pt-30 {
      padding-top: 30px !important;
  }



  .pt-35 {
      padding-top: 35px !important;
  }



  .pt-40 {
      padding-top: 40px !important;
  }



  .pt-45 {
      padding-top: 45px !important;
  }



  .pt-50 {
      padding-top: 50px !important;
  }



  .pt-55 {
      padding-top: 55px !important;
  }



  .pt-60 {
      padding-top: 60px !important;
  }



  .pt-65 {
      padding-top: 65px !important;
  }



  .pt-70 {
      padding-top: 70px !important;
  }



  .pt-75 {
      padding-top: 75px !important;
  }



  .pt-80 {
      padding-top: 80px !important;
  }



  .pt-90 {
      padding-top: 90px !important;
  }



  .pt-100 {
      padding-top: 100px !important;
  }







  .pb-5 {
      padding-bottom: 5px !important;
  }



  .pb-10 {
      padding-bottom: 10px !important;
  }



  .pb-15 {
      padding-bottom: 15px !important;
  }



  .pb-20 {
      padding-bottom: 20px !important;
  }



  .pb-25 {
      padding-bottom: 25px !important;
  }



  .pb-30 {
      padding-bottom: 30px !important;
  }



  .pb-35 {
      padding-bottom: 35px !important;
  }



  .pb-40 {
      padding-bottom: 40px !important;
  }



  .pb-45 {
      padding-bottom: 45px !important;
  }



  .pb-50 {
      padding-bottom: 50px !important;
  }



  .pb-55 {
      padding-bottom: 55px !important;
  }



  .pb-60 {
      padding-bottom: 60px !important;
  }



  .pb-70 {
      padding-bottom: 70px !important;
  }



  .pb-80 {
      padding-bottom: 80px !important;
  }



  .pb-90 {
      padding-bottom: 90px !important;
  }



  .pb-100 {
      padding-bottom: 100px !important;
  }







  /** Margin **/



  .mt-5 {
      margin-top: 5px !important;
  }



  .mt-10 {
      margin-top: 10px !important;
  }



  .mt-15 {
      margin-top: 15px !important;
  }



  .mt-20 {
      margin-top: 20px !important;
  }



  .mt-25 {
      margin-top: 25px !important;
  }



  .mt-30 {
      margin-top: 30px !important;
  }



  .mt-35 {
      margin-top: 35px !important;
  }



  .mt-40 {
      margin-top: 40px !important;
  }



  .mt-45 {
      margin-top: 45px !important;
  }



  .mt-50 {
      margin-top: 50px !important;
  }



  .mt-60 {
      margin-top: 60px !important;
  }



  .mt-65 {
      margin-top: 65px !important;
  }



  .mt-70 {
      margin-top: 70px !important;
  }



  .mt-80 {
      margin-top: 80px !important;
  }



  .mt-90 {
      margin-top: 90px !important;
  }



  .mt-100 {
      margin-top: 100px !important;
  }



  .mt-160 {
      margin-top: 160px !important;
  }











  .mt_5 {
      margin-top: -5px !important;
  }



  .mt_10 {
      margin-top: -10px !important;
  }



  .mt_15 {
      margin-top: -15px !important;
  }



  .mt_25 {
      margin-top: -25px !important;
  }



  .mt_30 {
      margin-top: -30px !important;
  }



  .mt_35 {
      margin-top: -35px !important;
  }



  .mt_40 {
      margin-top: -40px !important;
  }



  .mt_50 {
      margin-top: -50px !important;
  }



  .mt_60 {
      margin-top: -60px !important;
  }



  .mt_70 {
      margin-top: -70px !important;
  }



  .mt_80 {
      margin-top: -80px !important;
  }



  .mt_90 {
      margin-top: -90px !important;
  }



  .mt_100 {
      margin-top: -100px !important;
  }



  .mt_120 {
      margin-top: -120px !important;
  }



  .mt_140 {
      margin-top: -140px !important;
  }



  .mt_150 {
      margin-top: -150px !important;
  }



  .mt_160 {
      margin-top: -160px !important;
  }



  .mt_170 {
      margin-top: -170px !important;
  }



  .mt_180 {
      margin-top: -180px !important;
  }



  .mt_190 {
      margin-top: -190px !important;
  }



  .mt_200 {
      margin-top: -200px !important;
  }



  .mt_220 {
      margin-top: -220px !important;
  }



  .mt_240 {
      margin-top: -240px !important;
  }











  .mb-5 {
      margin-bottom: 5px !important;
  }



  .mb-10 {
      margin-bottom: 10px !important;
  }



  .mb-15 {
      margin-bottom: 15px !important;
  }



  .mb-25 {
      margin-bottom: 25px !important;
  }



  .mb-20 {
      margin-bottom: 20px !important;
  }



  .mb-30 {
      margin-bottom: 30px !important;
  }



  .mb-35 {
      margin-bottom: 35px !important;
  }



  .mb-40 {
      margin-bottom: 40px !important;
  }



  .mb-45 {
      margin-bottom: 45px !important;
  }



  .mb-50 {
      margin-bottom: 50px !important;
  }



  .mb-60 {
      margin-bottom: 60px !important;
  }



  .mb-65 {
      margin-bottom: 65px !important;
  }



  .mb-70 {
      margin-bottom: 70px !important;
  }



  .mb-80 {
      margin-bottom: 80px !important;
  }



  .mb-90 {
      margin-bottom: 90px !important;
  }



  .mb-100 {
      margin-bottom: 100px !important;
  }







  .mb_5 {
      margin-bottom: -5px !important;
  }



  .mb_10 {
      margin-bottom: -10px !important;
  }



  .mb_15 {
      margin-bottom: -15px !important;
  }



  .mb_20 {
      margin-bottom: -20px !important;
  }



  .mb_25 {
      margin-bottom: -25px !important;
  }



  .mb_30 {
      margin-bottom: -30px !important;
  }



  .mb_50 {
      margin-bottom: -50px !important;
  }



  .mb_60 {
      margin-bottom: -60px !important;
  }



  .mb_70 {
      margin-bottom: -70px !important;
  }



  .mb_80 {
      margin-bottom: -80px !important;
  }



  .mb_90 {
      margin-bottom: -90px !important
  }



  .mb_100 {
      margin-bottom: -100px !important
  }



  .mb_120 {
      margin-bottom: -120px !important
  }



  .mb_140 {
      margin-bottom: -140px !important
  }







  .ml-0 {
      margin-left: 0px !important
  }



  .ml-10 {
      margin-left: 10px !important
  }



  .ml-15 {
      margin-left: 15px !important;
  }



  .ml-30 {
      margin-left: 30px !important;
  }



  .ml-40 {
      margin-left: 40px !important;
  }



  .ml-50 {
      margin-left: 50px !important;
  }



  .ml-80 {
      margin-left: 80px !important;
  }



  .ml-100 {
      margin-left: 100px !important;
  }



  .ml-145 {
      margin-left: 145px !important;
  }



  .ml-160 {
      margin-left: 160px !important;
  }







  .ml_10 {
      margin-left: -10px !important;
  }



  .ml_15 {
      margin-left: -15px !important;
  }



  .ml_20 {
      margin-left: -20px !important;
  }



  .ml_25 {
      margin-left: -25px !important;
  }



  .ml_30 {
      margin-left: -30px !important;
  }



  .ml_35 {
      margin-left: -35px !important;
  }



  .ml_40 {
      margin-left: -40px !important;
  }



  .ml_50 {
      margin-left: -50px !important;
  }



  .ml_60 {
      margin-left: -60px !important;
  }



  .ml_70 {
      margin-left: -70px !important;
  }



  .ml_80 {
      margin-left: -80px !important;
  }



  .ml_90 {
      margin-left: -90px !important;
  }



  .ml_100 {
      margin-left: -100px !important;
  }



  .ml_110 {
      margin-left: -110px !important;
  }



  .ml_130 {
      margin-left: -130px !important;
  }



  .ml_150 {
      margin-left: -150px !important;
  }







  .mr-0 {
      margin-right: 0px !important;
  }



  .mr-10 {
      margin-right: 10px !important;
  }



  .mr-15 {
      margin-right: 15px !important;
  }



  .mr-20 {
      margin-right: 20px !important;
  }



  .mr-25 {
      margin-right: 25px !important;
  }



  .mr-30 {
      margin-right: 30px !important;
  }



  .mr-40 {
      margin-right: 40px !important;
  }



  .mr-50 {
      margin-right: 50px !important;
  }



  .mr-60 {
      margin-right: 60px !important;
  }







  .mr_10 {
      margin-right: -10px !important;
  }



  .mr_15 {
      margin-right: -15px !important;
  }



  .mr_20 {
      margin-right: -20px !important;
  }



  .mr_25 {
      margin-right: -25px !important;
  }



  .mr_30 {
      margin-right: -30px !important;
  }



  .mr_40 {
      margin-right: -40px !important;
  }



  .mr_50 {
      margin-right: -50px !important;
  }



  .mr_60 {
      margin-right: -60px !important;
  }



  .mr_70 {
      margin-right: -70px !important;
  }



  .mr_80 {
      margin-right: -80px !important;
  }



  .mr_90 {
      margin-right: -90px !important;
  }



  .mr_100 {
      margin-right: -100px !important;
  }



  .mr_130 {
      margin-right: -130px !important;
  }



  .mr_150 {
      margin-right: -150px !important;
  }



  .mr_160 {
      margin-right: -160px !important;
  }



  .mr_180 {
      margin-right: -180px !important;
  }



  .mr_200 {
      margin-right: -200px !important;
  }



  .mr_240 {
      margin-right: -240px !important;
  }















  /* ===============================================



    Color



------------------------*/



  /** 1.Skin-color **/



  .cmt-textcolor-skincolor,



  .cmt-textcolor-skincolor h1,



  .cmt-textcolor-skincolor h2,



  .cmt-textcolor-skincolor h3,



  .cmt-textcolor-skincolor h4,



  .cmt-textcolor-skincolor h5,



  .cmt-textcolor-skincolor h6,



  .cmt-textcolor-skincolor a,
  .cmt-textcolor-skincolor i,



  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor a,
  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor i,



  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor a,
  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor i,



  a.cmt-textcolor-skincolor,
  i.cmt-textcolor-skincolor,



  :not(.cmt-bgcolor-darkgrey) a.cmt-textcolor-skincolor,



  :not(.cmt-bgcolor-darkgrey) i.cmt-textcolor-skincolor,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h1,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h2,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h3,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h4,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h5,



  .cmt-bgcolor-darkgrey .cmt-textcolor-skincolor h6,



  .cmt-bgcolor-darkgrey a:hover,



  .cmt-textcolor-white a:hover,



  .cmt-bgcolor-darkgrey a:hover i,



  .cmt-btn-color-skincolor,



  .cmt-bgcolor-darkgrey .cmt-btn-color-skincolor,



  .cmt-bgcolor-darkgrey .cmt-btn-color-skincolor i,



  .cmt-bgcolor-grey .cmt-btn-color-skincolor,



  .cmt-list-icon-color-skincolor li i,



  .cmt-icon_element-border.cmt-icon_element-color-skincolor,



  .cmt-btn-style-border.cmt-btn-color-skincolor,



  .cmt-icon_element-fill.cmt-icon_element-color-white,



  .cmt-icon_element-color-skincolor,



  .cmt-icon_element-color-skincolor:not(.cmt-icon_element-fill) i,



  .cmt-bgcolor-darkgrey .cmt-icon_element-color-skincolor i,



  nav.main-menu ul.menu>li.active>a,



  a:hover,
  .cmt-bgcolor-darkgrey a:hover,
  .section-title h5,



  .testimonials.cmt-testimonial-box-view-style2 .testimonial-content:before,



  .cmt-tabs.tabs-style-02 ul.tabs li a i,



  .cmt-p_table-amount,
  .cmt-p_table-price,



  .featured-imagebox-portfolio .featured-content .featured-title h5 a:hover,



  .featured-imagebox-post.style4 .featured-content.featured-content-post .post-meta span:not(:last-child),



  .widget.widget-download ul li i,



  .featured-icon-box.icon-align-before-content.style5 .featured-title h5 span {



      color: #0067ed;



  }







  /** Skin-bg-color **/



  .cmt-bgcolor-skincolor,



  .cmt-bgcolor-skincolor>.cmt-bg-layer,



  .cmt-bgcolor-skincolor>.cmt-bg-layer>.cmt-col-wrapper-bg-layer-inner,



  .cmt-icon_element-fill.cmt-icon_element-color-skincolor,



  .cmt-btn-style-fill.cmt-btn-color-skincolor,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-skincolor:not(.btn-inline):hover:after,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark:not(.btn-inline):hover:after,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-skincolor:not(.btn-inline):hover:before,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark:not(.btn-inline):hover:before,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover:before,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:not(.btn-inline):hover:after,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:not(.btn-inline):hover:before,



  .cmt-bgcolor-grey .tooltip:after,
  .cmt-bgcolor-grey [data-tooltip]:after,



  nav.main-menu ul.menu li>ul.mega-submenu li a:hover,



  nav.main-menu ul.menu li ul.mega-submenu li.active>a,



  .cmt-tabs.tabs-style-01 ul.tabs li.active a,



  .slick_slider.slick-dots-style1 .slick-dots li.slick-active button,



  .slick_slider.slick-dots-style2 .slick-dots li.slick-active button,



  .header_cart .cart_count,



  .cmt-progress-bar .progress-bar-inner .progress-bar:before,



  .widget ul#menu-footer-quick-links li a:before,



  .widget .widget-title:before,



  .cmt-bgcolor-darkgrey .tooltip-top:after,



  .social-icons.circle li>a:hover,



  .featured-imagebox-post.style3 .featured-content.featured-content-post .post-header:before,



  .featured-icon-box.icon-align-top-content.style6 .cmt-icon:before,



  .featured-imagebox-team .media-block .social-icons li a:hover,



  .featured-imagebox-post.style4 .featured-content.featured-content-post .post-meta span:not(:last-child):before,



  .featured-imagebox-post.style4 .cat_block-wrapper .cat_block,



  .featured-icon-box.icon-align-top-content.style1 a.di_link:hover,



  .cmt-bgcolor-darkgrey .testimonials-info .slick-prev:hover,
  .cmt-bgcolor-darkgrey .testimonials-info .slick-next:hover,



  .cmt-toggle-title-bgcolor-darkgrey .toggle-title a.active,



  .cmt-toggle-title-bgcolor-grey .toggle-title a.active,



  .featured-imagebox-services.style2 .bottom-footer a.cmt-btn i,



  .accordion .toggle.cmt-control-left-true .toggle-title a:after,



  .featured-imagebox-team.style1:hover .team-sep-icon i,



  .ttm_subscribe_form .btn[type="submit"],



  .footer .widget .widget-title:after,
  .widget .widget-title:after,



  .featured-imagebox-services .cmt-box-view-content-inner:before,



  .time-line-dot:before,
  .time-line-dot:after,
  .time-line-dot i,



  .featured-imagebox-services .fea-btn a i,



  .cmt-tabs.tabs-style-02 ul.tabs li.active,



  .progress-bar-color-bar_skincolor,



  .widget.widget-nav-menu ul li::after,



  .widget.widget-download ul li:hover,



  article.cmt-blog-classic .cmt-box-post-date .cmt-entry-date,



  .cmt-blog-single .cmt-box-post-date,



  .pagination-block .page-numbers:hover,



  .pagination-block .page-numbers.current,



  #totop.top-visible {



      background-color: #0067ed;



  }











  /** Skin-border-color **/



  .cmt-btn-style-fill.cmt-btn-color-skincolor,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:not(.btn-inline):hover,



  .cmt-icon.cmt-icon_element-border.cmt-icon_element-color-skincolor,



  .featured-icon-box.icon-align-top-content.style1 a.di_link:hover,



  .cmt-page-title-row-inner .row,
  .social-icons.circle li>a:hover,



  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor a,
  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor i,



  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor a,
  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-skincolor i {



      border-color: #0067ed;



  }



  .cmt-bgcolor-darkgrey .tooltip-top:before,
  .cmt-bgcolor-darkgrey .tooltip:before,



  .cmt-bgcolor-grey .tooltip-top:before,
  .cmt-bgcolor-grey .tooltip:before,



  .cmt-bgcolor-grey [data-tooltip]:before,



  .cmt-tabs.tabs-style-02 ul.tabs li.active a:after,



  .featured-icon-box.icon-align-before-content.style3:after,



  nav.main-menu {



      border-top-color: #0067ed !important;



  }



  .cmt-bgcolor-darkgrey .tooltip-bottom:before {



      border-bottom-color: #0067ed;



  }











  /** 2.Darkgrey-color **/



  .cmt-textcolor-darkgrey,



  .cmt-textcolor-darkgrey p,



  .cmt-textcolor-darkgrey h1,
  .cmt-textcolor-darkgrey h2,
  .cmt-textcolor-darkgrey h3,



  .cmt-textcolor-darkgrey h4,
  .cmt-textcolor-darkgrey h5,
  .cmt-textcolor-darkgrey h6,



  .cmt-icon.cmt-icon_element-border.cmt-icon_element-color-darkgrey,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-dark:hover,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-white:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white i,



  .cmt-btn-style-fill.cmt-btn-color-skincolor:hover,



  .cmt-btn-color-dark,
  .cmt-btn-color-skincolor:hover,



  .cmt-bgcolor-skincolor .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-bgcolor-skincolor .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-skincolor .cmt-btn.cmt-btn-style-border.cmt-btn-color-white:hover,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-border.cmt-btn-color-white:hover,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-grey:hover,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-border.cmt-btn-color-grey:hover,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-white:not(.btn-inline):hover,



  .cmt-icon_element-color-darkgrey,
  :not(.cmt-bgcolor-darkgrey) .cmt-textcolor-darkgrey>i,



  .cmt-icon_element-color-darkgrey:not(.cmt-icon_element-fill) i,



  .cmt-icon_element-fill.cmt-icon_element-color-white i,



  .footer .cmt-textcolor-darkgrey p,



  .footer .cmt-textcolor-darkgrey a,



  .featured-imagebox-team .featured-content h5 a,



  .featured-icon-box.icon-align-top-content.style3 a.di_link i,



  .featured-icon-box.icon-align-before-content.style5 .featured-title h5,











  .cmt-tabs.cmt-tab-style-vertical ul.tabs li.active a,



  .testimonials .testimonial-content blockquote,



  .ttm_subscribe_form .btn[type="submit"]:hover i,



  .testimonials .testimonial-caption h5,



  .cmt-progress-bar .progress-bar-percent,



  .cmt-progress-bar .progressbar-title {



      color: #1f2437;



  }







  /** DarkGrey-bg-color **/



  .cmt-bgcolor-darkgrey,



  .cmt-bgcolor-darkgrey>.cmt-bg-layer,



  .cmt-bgcolor-darkgrey>.cmt-bg-layer>.cmt-col-wrapper-bg-layer-inner,



  .cmt-bgcolor-skincolor .tooltip:after,
  .cmt-bgcolor-skincolor [data-tooltip]:after,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark,
  .tooltip:after,
  [data-tooltip]:after,



  .cmt-icon_element-fill.cmt-icon_element-color-darkgrey,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:not(.btn-inline):hover:after,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:not(.btn-inline):hover:before,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-grey:not(.btn-inline):before,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-grey:not(.btn-inline):before,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-dark:not(.btn-inline):before,



  .cmt-header-style-overlay .cmt-stickable-header.fixed-header,



  .testimonials-info .testimonials .testimonial-avatar:before,



  .testimonials-info .testimonials .testimonial-content:before,



  .progress-bar.progress-bar-color-bar_dark,



  .progress-bar.progress-bar-color-bar_skincolor .progress-bar-percent,



  .cmt-toggle-title-bgcolor-darkgrey .toggle-title a,



  .cmt-toggle-title-bgcolor-skincolor .toggle-title a.active,



  .testimonials-info .slick-prev:hover,
  .testimonials-info .slick-next:hover {



      background-color: #1f2437;



  }







  .cmt-icon.cmt-icon_element-border.cmt-icon_element-color-darkgrey,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-grey:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:not(.btn-inline):hover,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-dark:hover,



  a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,
  a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .tooltip-top:before,
  .tooltip:before,
  [data-tooltip]:before,



  .testimonials-info .testimonials .testimonial-content {



      border-color: #1f2437;



  }







  .cmt-bgcolor-skincolor .tooltip-top:before,
  .cmt-bgcolor-skincolor .tooltip:before,
  .cmt-bgcolor-skincolor [data-tooltip]:before,



  .tooltip-top:before,
  .tooltip:before,
  [data-tooltip]:before {



      border-top-color: #1f2437 !important;



  }







  .blog_2-section {

      background-color: #f5faff !important;

  }







  /** 3.White-color **/



  .cmt-textcolor-white,
  .cmt-bgcolor-skincolor a,
  .cmt-textcolor-white a,



  .cmt-btn-color-white,
  .cmt-icon_element-color-white,
  .cmt-bgcolor-skincolor i,
  .cmt-bgcolor-darkgrey i,



  .cmt-textcolor-white h1,
  .cmt-textcolor-white h2,
  .cmt-textcolor-white h3,



  .cmt-textcolor-white h4,
  .cmt-textcolor-white h5,
  .cmt-textcolor-white h6,
  .cmt-textcolor-white a,



  .cmt-bgcolor-skincolor h1,
  .cmt-bgcolor-skincolor h2,
  .cmt-bgcolor-skincolor h3,



  .cmt-bgcolor-skincolor h4,
  .cmt-bgcolor-skincolor h5,
  .cmt-bgcolor-skincolor h6,
  .cmt-bgcolor-skincolor a,



  :not(.cmt-bgcolor-skincolor) .cmt-textcolor-white span,



  .cmt-bgcolor-darkgrey h1,
  .cmt-bgcolor-darkgrey h2,
  .cmt-bgcolor-darkgrey h3,



  .cmt-bgcolor-darkgrey h4,
  .cmt-bgcolor-darkgrey h5,
  .cmt-bgcolor-darkgrey h6,
  .cmt-bgcolor-darkgrey a,



  .cmt-textcolor-white .cmt-social-links-wrapper ul li a,



  .cmt-icon_element-fill.cmt-icon_element-color-skincolor,



  .cmt-icon_element-fill.cmt-icon_element-color-skincolor i,



  .cmt-icon_element-fill.cmt-icon_element-color-darkgrey,



  .cmt-btn-style-fill.cmt-btn-color-skincolor,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:not(.btn-inline):hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-grey:hover,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-dark:hover,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-skincolor:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover i,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-darkgrey .cmt-btn-color-skincolor:hover i,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-bgcolor-skincolor .row>[class*='col-'] :not(.cmt-bgcolor-white) a.cmt-btn.cmt-btn-style-fill.cmt-btn-color-white:hover,



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-dark,



  .cmt-icon.cmt-icon_element-fill.cmt-icon_element-color-darkgrey i,



  .cmt-icon.cmt-icon_element-fill.cmt-icon_element-color-skincolor i,



  nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
  nav.main-menu ul.menu li ul.mega-submenu li.active>a,



  .cmt-bgcolor-skincolor .section-title h2.title,



  .cmt-bgcolor-darkgrey .section-title h2.title,



  .cmt-bgcolor-skincolor .section-title h2.title strong,



  .cmt-bgcolor-darkgrey .section-title h2.title strong,



  .cmt-bgcolor-darkgrey .testimonials .testimonial-content blockquote,



  .cmt-bgcolor-skincolor .testimonials .testimonial-content blockquote,



  .cmt-bgcolor-darkgrey .testimonials .testimonial-content h5,



  .cmt-bgcolor-skincolor .testimonials .testimonial-content h5,



  .social-icons.circle li>a:hover,



  .social-icons.circle li>a:hover i,



  .featured-imagebox-team:hover .media-block .social-icons li a:hover,



  .testimonials-info .slick-prev:hover,
  .testimonials-info .slick-next:hover,



  .cmt-toggle-title-bgcolor-darkgrey .toggle-title a,



  .cmt-toggle-title-bgcolor-skincolor .toggle-title a,



  .cmt-toggle-title-bgcolor-grey .toggle-title a.active,



  .page-title-heading h2,



  .featured-imagebox-services.style2 .bottom-footer a.cmt-btn i,



  .widget.widget-nav-menu ul li:hover a,



  .widget.widget-nav-menu ul li.active a,



  .cmt-tabs.tabs-style-01 ul.tabs li.active a,



  .featured-imagebox-team.style1:hover .team-sep-icon i,



  .featured-imagebox-services .fea-btn a i,



  .cmt-tabs.tabs-style-02 ul.tabs li.active,



  .cmt-tabs.tabs-style-02 ul.tabs li.active a,



  .cmt-tabs.tabs-style-02 ul.tabs li.active i,



  .featured-imagebox-portfolio .featured-content .featured-title h5 a,



  .featured-imagebox-portfolio .featured-iconbox a:hover,



  .widget.widget-download ul li:hover,



  .widget.widget-download ul li:hover i,



  .widget.widget-download ul li:hover h4,



  .cmt-blog-single .cmt-box-post-date,



  .pagination-block .page-numbers:hover,



  .pagination-block .page-numbers.current {



      color: #fff;



  }



  .top_bar_contact_item,



  .cmt-bgcolor-skincolor .title-desc,
  .cmt-bgcolor-darkgrey .title-desc,



  .cmt-bgcolor-skincolor p,
  .cmt-bgcolor-darkgrey p,



  .cmt-bgcolor-skincolor span,
  .cmt-bgcolor-darkgrey span,



  .cmt-bgcolor-skincolor i,
  .cmt-bgcolor-darkgrey i,



  .cmt-bgcolor-skincolor .cmt-progress-bar .progressbar-title,



  .cmt-bgcolor-darkgrey .cmt-progress-bar .progressbar-title,



  .cmt-bgcolor-skincolor .cmt-progress-bar .progress-bar-percent,



  .cmt-bgcolor-darkgrey .cmt-progress-bar .progress-bar-percent,



  .footer .widget ul.cmt-recent-post-list>li .post-date,



  .footer .widget ul.cmt-recent-post-list>li .post-date i,



  .cmt-bgcolor-skincolor .inside h3,
  .cmt-bgcolor-darkgrey .inside h3 {



      color: rgba(255, 255, 255, .90);



  }











  /** White-bg-color **/



  .cmt-bgcolor-white,



  .cmt-bgcolor-white>.cmt-bg-layer,



  .cmt-bgcolor-white>.cmt-bg-layer>.cmt-col-wrapper-bg-layer-inner,



  .cmt-icon_element-fill.cmt-icon_element-color-white,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:not(.btn-inline):hover:after,



  .cmt-btn.cmt-btn-style-border.cmt-btn-color-white:not(.btn-inline):hover:before,



  .cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-icon_element-fill.cmt-icon_element-color-white,



  .cmt-bgcolor-skincolor .section-title h5:before,



  .cmt-bgcolor-skincolor .section-title.title-style-center_text h5:after,



  .cmt-bgcolor-darkgrey .section-title h5:before,



  .cmt-bgcolor-darkgrey .section-title.title-style-center_text h5:after,



  .cmt-tabs.cmt-tab-style-vertical ul.tabs li.active a,



  .ttm_subscribe_form .btn[type="submit"]:hover {



      background-color: #fff;



  }







  /** White-border-color **/



  .cmt-bgcolor-darkgrey>.sep_holder .sep_line,



  .cmt-bgcolor-skincolor>.sep_holder .sep_line,



  .cmt-progress-bar .progress-bar-color-bar_white.progress-bar {



      border-color: rgba(255, 255, 255, .06);



  }



  .cmt-btn.cmt-btn-style-fill.cmt-btn-color-white,



  .cmt-icon.cmt-icon_element-border.cmt-icon_element-color-white,



  .cmt-bgcolor-darkgrey .cmt-btn.cmt-btn-style-fill.cmt-btn-color-skincolor:not(.btn-inline):hover {



      border-color: #fff;



  }











  /** 4.Grey-color **/



  .cmt-bgcolor-grey,



  .cmt-bgcolor-grey>.cmt-bg-layer,



  .cmt-bgcolor-grey>.cmt-bg-layer>.cmt-col-wrapper-bg-layer-inner,



  .cmt-btn-style-fill.cmt-btn-color-grey,



  .cmt-icon_element-fill.cmt-icon_element-color-grey,



  .testimonials.cmt-testimonial-box-view-style1 .testimonial-content,



  .cmt-header-style-03 .header_search .header_search_content,



  .cmt-btn-style-fill.cmt-btn-color-grey,



  .cmt-header-style-03 .header_search #search_query_top,



  .cmt-toggle-title-bgcolor-grey .toggle-title,



  .wrap-form.contact_form span.text-input input,



  .wrap-form.contact_form span.text-input textarea,



  .wrap-form.contact_form span.text-input select,



  .comment-body,



  .pagination-block .page-numbers {



      background-color: #f5faff;



  }



  .cmt-btn-style-fill.cmt-btn-color-grey,



  .cmt-icon.cmt-icon_element-border.cmt-icon_element-color-grey {



      border-color: #f5faff;



  }



  .comment-body:after {



      color: #f5faff;



  }



  .cmt-icon.cmt-icon_element-fill.cmt-icon_element-color-grey {



      color: inherit;



  }











  /* ===============================================



    Pre-loader



------------------------*/



  .preloader {



      position: absolute;



      top: 50%;



      left: 50%;



      width: 50px;



      height: 50px;



      margin: -30px 0 0 -30px;



  }



  #status {



      position: fixed;



      z-index: 999999;



      top: 0;



      right: 0;



      bottom: 0;



      left: 0;



      display: block;



      background: #fff;



      background-image: url(../images/preloader-1.html);



      background-repeat: no-repeat;



      background-position: center;



  }







  /*  ===============================================



    SocialIcon / TooltipTop



------------------------*/



  ul.social-icons {



      margin: 0;



      padding: 0;



  }



  .social-icons li {



      display: inline-block;



      border: none;



      z-index: 1;



      position: relative;



  }



  .social-icons li {



      margin: 0 2px;



  }



  .social-icons li:last-child {



      margin-right: 0px;



  }



  .social-icons li a {



      display: block;



      min-width: 26px;



      text-align: center;



  }



  .social-icons.circle li>a {



      border-width: 1px;



      border-style: solid;



      height: 33px;



      width: 33px;



      line-height: 33px;



      text-align: center;



      display: block;



      background-color: transparent;



      font-size: 13px;



      border-radius: 50%;



  }







  .
  /* TooltipTop */







  .tooltip-top {
      position: relative;
  }



  .tooltip:after,
  .tooltip:before,
  [data-tooltip]:after,
  [data-tooltip]:before {



      position: absolute;



      visibility: hidden;



      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



      filter: alpha(Opacity=0);



      opacity: 0;



      -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);



      -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);



      transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s cubic-bezier(.71, 1.7, .77, 1.24);



      -webkit-transform: translate3d(0, 0, 0);



      -moz-transform: translate3d(0, 0, 0);



      transform: translate3d(0, 0, 0);



      pointer-events: none;



  }



  .tooltip:before,
  [data-tooltip]:before {



      z-index: 1001;



      border: 6px solid transparent;



      background: 0 0;



      content: "";



  }



  .tooltip-top:before,
  .tooltip:before,
  [data-tooltip]:before {



      margin-left: -6px;



      margin-bottom: -12px;



      border-top-color: #000;



      border-top-color: hsla(0, 0%, 20%, .9);



  }



  .tooltip-top:after,
  .tooltip-top:before,
  .tooltip:after,
  .tooltip:before,
  [data-tooltip]:after,
  [data-tooltip]:before {



      bottom: 100%;



      left: 50%;



  }



  .tooltip-bottom:after {



      bottom: -100%;



  }



  .tooltip-bottom:before {



      margin-left: -6px;



      margin-bottom: -12px;



      border-top-color: transparent !important;



  }



  .tooltip-bottom:before {



      bottom: -7px;



  }



  .tooltip-top:focus:after,
  .tooltip-top:focus:before,
  .tooltip-top:hover:after,
  .tooltip-top:hover:before,



  .tooltip:focus:after,
  .tooltip:focus:before,
  .tooltip:hover:after,
  .tooltip:hover:before,
  [data-tooltip]:focus:after,



  [data-tooltip]:focus:before,
  [data-tooltip]:hover:after,
  [data-tooltip]:hover:before {



      -webkit-transform: translateY(-12px);



      -moz-transform: translateY(-12px);



      transform: translateY(-12px);



  }



  .tooltip-top:after,
  .tooltip:after,
  [data-tooltip]:after {



      margin-left: -60px;



  }



  .tooltip:after,
  [data-tooltip]:after {



      z-index: 1000;



      padding: 8px;



      width: 120px;



      color: #fff;



      content: attr(data-tooltip);



      font-size: 14px;



      line-height: 1.2;



      text-align: center;



      border-radius: 5px;



  }



  .tooltip:focus:after,
  .tooltip:focus:before,
  .tooltip:hover:after,
  .tooltip:hover:before,



  [data-tooltip]:focus:after,
  [data-tooltip]:focus:before,
  [data-tooltip]:hover:after,
  [data-tooltip]:hover:before {



      visibility: visible;



      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";



      filter: alpha(Opacity=100);



      opacity: 1;



  }











  /*  ===============================================



    Slick_dots/arrows



------------------------*/



  .slick-slide {
      border: 0;
      outline: 0;
  }



  .slick_slider.slick-dots-style1 .slick-dots {



      text-align: center;



      padding: 0;



      margin-top: -50px;



  }



  .slick_slider.slick-dots-style2 .slick-dots {



      padding: 0;



      margin: 0;



      padding: 0 15px;



      padding-top: 40px;



      top: 100%;



      text-align: center;



      line-height: 0;



  }



  .slick_slider.slick-dots-style1 .slick-dots li,



  .slick_slider.slick-dots-style2 .slick-dots li {



      display: inline-block;



      vertical-align: middle;



      list-style: none;



      line-height: 0;



  }



  .slick_slider.slick-dots-style1 .slick-dots li button,



  .slick_slider.slick-dots-style2 .slick-dots li button {



      height: 10px;



      width: 13px;



      line-height: 0;



      border: 0;



      border-radius: 30px;



      position: relative;



      margin-right: 7px;



      padding: 0;



      font-size: 0;



      background-color: #dedee7;



  }



  .slick_slider.slick-dots-style1 .slick-dots li.slick-active button,



  .slick_slider.slick-dots-style2 .slick-dots li.slick-active button {



      width: 27px;



      height: 10px;



  }



  .slick_slider.slick-dots-style2 .slick-dots {
      text-align: left;
      padding-top: 30px;
  }



  .slick_slider.slick-dots-style2 .slick-dots li.slick-active button {
      margin-left: 0;
  }







  .slick_slider .slick-arrow {



      width: 46px;



      height: 46px;



      z-index: 1;



      border: 0;



      border-radius: 100%;



      color: inherit;



      background-color: rgba(255, 255, 255, .07);



      box-shadow: 0 0 10px 0 rgba(0, 43, 92, 0.08);



      border: 0;



  }



  .slick_slider.slick-arrows-style1 .slick-prev {
      left: 0;
  }

  .slick_slider.slick-arrows-style1 .slick-prev {
      margin-left: 15px;
  }



  .slick_slider.slick-arrows-style1 .slick-next {
      right: 0;
  }







  .slick_slider.slick-arrows-style2 .slick-next {



      right: auto;



      left: -315px;



      top: 90%;



  }



  .slick_slider.slick-arrows-style2 .slick-prev {



      left: -375px;



      top: 90%;



  }







  .slick_slider .slick-prev:before,
  .slick_slider .slick-next:before {



      font-family: 'themify';



      font-size: 15px;



      line-height: 1;



      opacity: 1;



      -webkit-font-smoothing: antialiased;



      -moz-osx-font-smoothing: grayscale;



  }



  .slick_slider .slick-prev:before {



      content: "\e629";



  }



  .slick_slider .slick-next:before {



      content: "\e628";



  }



  .slick-prev,
  .slick-next {



      font-size: 0;



      line-height: 0;



      position: absolute;



      top: 50%;



      display: block;



      width: 20px;



      height: 20px;



      padding: 0;



      -webkit-transform: translate(0, -50%);



      -ms-transform: translate(0, -50%);



      transform: translate(0, -50%);



      cursor: pointer;



      color: transparent;



      border: none;



      outline: none;



      background: transparent;



  }











  /*  ===============================================



    TopBar



------------------------*/



  .top_bar {



      width: 100%;



      z-index: 1;



      height: 51px;



      line-height: 51px;



      position: relative;



  }



  .top_bar_icon {



      display: inline-block;



      vertical-align: middle;



      margin-right: 8px;



  }



  .top_bar_contact_item {



      font-size: 13px;



      height: 51px;



      line-height: 51px;



      margin-right: 14px;



      padding-right: 14px;



      position: relative;



  }



  .testimonials.cmt-testimonial-box-view-style1 .testimonial-img img {

      height: 100px;

      width: 100px;



  }



  .top_bar_contact_item:last-child {



      margin-right: 0;



      padding-right: 0;



      font-size: 15px;



      font-weight: 500;



      opacity: 1;



      color: #fff;







  }



  .top_bar_contact_item:last-child i {
      color: #fff;
  }











  .top_bar_contact_item:after {



      content: "";



      height: 20px;



      width: 1px;



      background-color: rgba(255, 255, 255, 0.11);



      display: block;



      position: absolute;



      left: -14px;



      top: 15px;



  }



  .top_bar_contact_item:nth-child(odd):after {



      content: unset;



  }



  .top_bar .social-icons {
      display: flex;
  }



  .top_bar .social-icons li {
      margin: 0;
  }



  .top_bar .social-icons li a {



      margin: 0;



      font-size: 12px;



      min-width: 40px;



  }



  .cmt-header-style-02 .top_bar .social-icons li a {
      min-width: 26px;
  }







  .top_bar ul li.facebook-icon a {



      background-color: #385da9;



  }



  .top_bar ul li.twitter-icon a {



      background-color: #33ccff;



  }



  .top_bar ul li.google-icon a {



      background-color: #dc4a38;



  }



  .top_bar ul li.linkedin-icon a {



      background-color: #0073b1;



  }







  .top_bar ul li.facebook-icon:hover a,



  .top_bar ul li.twitter-icon:hover a,



  .top_bar ul li.google-icon:hover a,



  .top_bar ul li.linkedin-icon:hover a {



      background-color: #fff;



  }











  /*  ===============================================



    Header



------------------------*/



  /** SiteBrand(logo) **/



  .site-branding img {



      max-height: 116px;



  }



  .site-branding {



      display: flex;



      flex-direction: column;



      justify-content: center;



  }











  /* header_extra */



  .header_extra>div {



      margin-left: 7px;



  }



  .header_search #searchbox {



      position: relative;



  }



  .header_search .search_btn {



      position: relative;



      padding: 0;



      border: none;



      display: inline-block;



      font-size: 14px;



      height: 30px;



      width: 40px;



      line-height: 33px;



      text-align: right;



      border-left-width: 1px;



      border-left-style: solid;



      border-left-color: #eaeff5;



      border-radius: 0;



  }



  .header_search_content button.close-search {



      position: absolute;



      top: 0;



      bottom: 0;



      right: 5px;



      box-shadow: unset;



      opacity: .30;



  }



  .header_search_content button.close-search:hover {



      opacity: 1;



  }



  .header_search .header_search_content {



      position: absolute;



      top: 100%;



      left: 0;



      right: 0;



      bottom: 0;



      height: 108px;



      padding: 30px;



      flex-direction: column;



      display: flex;



      justify-content: center;



      opacity: 0;



      display: none;



      transition: all .6s ease-in;



      background-color: #fff;



      clear: both;



      box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10);



      border-radius: 0px 0px 5px 5px;



  }



  .header_search .header_search_content.on {



      display: block;



      opacity: 1;



      z-index: 2;



  }



  .header_search #search_query_top {



      width: 100%;



      font-size: 12px;



      line-height: 25px;



      font-weight: 400;



      position: relative;



      clear: both;



      min-width: 240px;



  }











  /** SiteNavigation(Menu) **/



  .site-navigation {



      position: relative;



  }







  /* .widget_info */



  .widget_info {



      position: relative;



      padding: 10px 0 10px 28px;



      margin: 20px 0;



      margin-left: 30px;



      border-left: 1px solid #eaeff5;



  }



  .widget_info:last-child {



      padding-right: 0;



  }











  /* ===============================================



    Footer



------------------------*/



  .footer {



      position: relative;



      z-index: 1;



      background-color: #1f2437;



      background-image: url(../images/footer-bg.png);



      background-position: center center;



      background-attachment: scroll;



  }



  .footer .widget .widget-title {



      font-size: 19PX;



      line-height: 16px;



      font-weight: 500;



      margin-bottom: 36px;



      display: inline-block;



      position: relative;



  }



  .footer .cmt-horizontal_sep {



      border-top-color: rgba(255, 255, 255, 0.06);



  }



  .footer .widget-area:last-child .widget .widget-title {



      margin-bottom: 44px
  }



  .footer .widget .widget-title:before {



      position: absolute;



      content: '';



      bottom: -14px;



      left: 0;



      width: 18px;



      height: 2px;



      display: block;



  }



  .footer .widget ul {



      margin: 0;



      padding: 0;



      list-style: none;



  }







  /* first-footer */



  .first-footer {



      padding-top: 24px;



      padding-bottom: 15px;



  }



  .first-footer .widget-area .widget {



      padding: 40px 0 40px;



  }







  /* second-footer */



  .second-footer .widget-area .widget {



      padding: 7px 30px;



      position: relative;



  }



  .second-footer .widget-area:not(:nth-child(2)) .widget {



      background-color: #1a1f31;



  }



  .second-footer .featured-icon-box .featured-title h5 {



      font-size: 16px;



      font-weight: 400;



      line-height: 23px;



      margin-bottom: 0;



  }



  .second-footer .featured-icon-box .featured-desc p {
      color: #fff;
  }



  .second-footer .featured-icon-box .featured-icon .cmt-icon {



      width: 46px;



      height: 46px;



      line-height: 46px;



      background-color: rgba(255, 255, 255, .07);



      box-shadow: 0 0 10px 0px rgba(0, 0, 0, .08);



  }



  .second-footer .featured-icon-box .cmt-icon i {



      font-weight: 600;



      font-size: 15px;



  }











  /** menu-footer-quick-links **/



  .widget ul#menu-footer-quick-links li a {



      padding-left: 22px;



      font-weight: 400;



  }



  .widget ul#menu-footer-quick-links li a:before {



      position: absolute;



      content: "";



      top: 12px;



      left: 0;



      height: 1px;



      width: 10px;



      background-color: rgba(255, 255, 255, 0.37);



  }



  .widget ul#menu-footer-quick-links li {



      display: block;



      padding: 0 0 11px 0;



      position: relative;



  }



  .widget ul#menu-footer-quick-links li:last-child {
      padding-bottom: 0;
  }











  /** cmt-recent-post-list **/



  .footer .widget ul.cmt-recent-post-list>li {



      padding: 7px 0 14px;



      border: 0;



  }



  .footer .widget ul.cmt-recent-post-list>li:last-child {
      padding-bottom: 0;
  }



  .footer .widget ul.cmt-recent-post-list>li>.post-detail a {



      font-size: 14px;



      line-height: 23px;



      display: block;



      font-weight: 500;



      position: relative;



      overflow: hidden;



      display: -webkit-box;



      -webkit-line-clamp: 2;



      -webkit-box-orient: vertical;



  }



  .footer .widget ul.cmt-recent-post-list>li img {



      width: 69px;



      height: 64px;



  }



  .footer .widget ul.cmt-recent-post-list>li .post-date {



      display: block;



      font-size: 12px;



      line-height: 12px;



      margin-bottom: 7px;



  }



  .widget ul.cmt-recent-post-list>li .post-date i {



      margin-right: 5px;



      font-size: 11px;



  }











  /** widget_contact_wrapper **/



  ul.widget_contact_wrapper li {



      padding-left: 22px;



      position: relative;



      line-height: 23px;



      font-size: 14px;



      margin-top: 7px;



      color: #fff;



  }



  ul.widget_contact_wrapper li i {



      position: absolute;



      left: 0;



      top: 0;



      bottom: 0;



      display: flex;



      flex-direction: column;



      font-weight: 400;



      justify-content: center;



  }







  /* social-icons */



  .footer .social-icons li>a {



      display: block;



      height: 36px;



      width: 36px;



      line-height: 36px;



      border-width: 1px;



      border-style: solid;



      text-align: center;



      transition: all .3s ease-in-out;



      -moz-transition: all .3s ease-in-out;



      -webkit-transition: all .3s ease-in-out;



      -o-transition: all .3s ease-in-out;



  }







  .bottom-footer-text {



      border-top: 1px dashed rgba(255, 255, 255, .06);



      /* padding-top: 53px; */



      margin-top: -50px;



  }











  /** copyright **/



  .copyright {



      padding-top: 23px;



      padding-bottom: 23px;



      font-size: 13px;



      line-height: 24px;



  }



  .copyright a {
      font-weight: 500;
  }



  .copyright ul.list-inline {
      margin: 0;
  }







  /** Footer-nav-menu **/



  .footer-nav-menu {



      padding: 0;



      margin: 0;



  }



  .footer-nav-menu li {



      display: inline-block;



      padding-right: 20px;



      font-size: 14px;



      margin-bottom: 2px;



  }



  .footer-nav-menu li:last-child {
      padding-right: 0;
  }



  ul.footer-nav-menu li:after {



      position: absolute;



      content: "|";



      padding-left: 10px;



  }



  ul.footer-nav-menu li:last-child:after {



      content: unset;



  }











  /* ===============================================



    GoTop BUtton



------------------------*/



  #totop {



      font-weight: 900;



      color: #fff;



      display: none;



      position: fixed;



      right: 34px;



      bottom: 50px;



      z-index: 999;



      height: 0;



      width: 0;



      font-size: 0;



      text-align: center;



      padding-top: 3px;



      line-height: 34px;



      border-radius: 3px;



      transition: .3s ease-in-out;



  }



  #totop.top-visible {



      height: 40px;



      width: 40px;



      font-size: 22px;



      display: inline;



  }



  @keyframes jump {



      0% {
          bottom: 20px;
      }

      50% {
          bottom: 40px;
      }

      100% {
          bottom: 20px;
      }



  }



  #totop.top-visible {



      animation: jump 4s infinite;



  }











  /* ===============================================



    Page-Title-Row



------------------------*/



  .cmt-page-title-row {



      background: url(../images/pagetitle-bg.jpg);



      width: 100%;



      background-size: cover;



      background-position: center;



      position: relative;



      z-index: 1;



  }



  .cmt-page-title-row-inner {



      width: 100%;



      padding: 150px 0;



      background-color: rgba(0, 0, 0, 0.02);



  }



  .cmt-page-title-row-inner .row {



      border-left-width: 6px;



      margin: 0;



      padding-left: 7px;



      border-left-style: solid;



  }



  .page-title-heading h2 {



      font-weight: 500;



      text-transform: capitalize;



      font-size: 41px;



      line-height: 51px;



      margin-bottom: 0px;



  }



  .page-title-heading p {



      font-size: 18px;



      color: #fff;



  }



  .breadcrumb-wrapper {



      z-index: 99;



      display: inline-block;



  }



  .breadcrumb-wrapper span {



      font-weight: 400;



      text-transform: capitalize;



      font-size: 16px;



      line-height: 30px;



      position: relative;



  }



  .breadcrumb-wrapper span:first-child {



      padding-right: 20px;



  }



  .breadcrumb-wrapper span:first-child a {



      color: #fff;



  }



  .breadcrumb-wrapper span:first-child:after {



      position: absolute;



      content: "";



      width: 2px;



      height: 15px;



      right: 12px;



      background-color: #fff;



      top: 4px;



      display: inline-block;



      transform: rotate(25deg);



      font-style: normal;



  }











  /* ===============================================



    Inner-Pages



------------------------*/







  /*------------------------------------------------------------------------------*/



  /*  single-pages-content



/*------------------------------------------------------------------------------*/



  .cmt-team-single-contents .left-content h4 {
      font-size: 22px;
      line-height: 28px;
  }



  .cmt-team-single-contents .right-content h4 {
      font-size: 26px;
      line-height: 32px;
  }







  .cmt-service-single-content-area h4 {
      font-size: 26px;
      line-height: 36px;
  }











  /*------------------------------------------------------------------------------*/



  /*  Classic_Blog



/*------------------------------------------------------------------------------*/



  article.cmt-blog-classic {



      margin-bottom: 50px;



      padding-bottom: 0;



  }



  article.cmt-blog-classic:last-child {



      margin-bottom: 15px;



  }



  article.cmt-blog-classic,
  .cmt-post-featured-wrapper {



      position: relative;



  }



  article.cmt-blog-classic .cmt-blog-classic-content {



      padding: 35px 30px 27px;



      background: #fff;



      z-index: 1;



      position: relative;



      box-shadow: 0 0 10px 0 rgba(29, 33, 67, 0.08);



  }



  article.cmt-blog-classic .cmt-box-post-date {



      position: absolute;



      top: -30px;



      left: 30px;



  }



  article.cmt-blog-classic .cmt-box-post-date .cmt-entry-date {



      color: #fff;



      display: inline-block;



      padding: 5px 20px;



      z-index: 2;



      text-transform: uppercase;



      font-size: 13px;



      line-height: 20px;



  }



  .cmt-blog-classic .post-meta,
  .cmt-blog-single-content .post-meta {



      display: block;



      padding-bottom: 15px;



  }



  .cmt-blog-classic .post-meta .cmt-meta-line,
  .cmt-blog-single-content .post-meta .cmt-meta-line {



      font-size: 13px;



      line-height: 15px;



      display: inline-block;



      padding-right: 20px;



      position: relative;



  }



  .cmt-blog-classic .post-meta .cmt-meta-line:last-child {



      padding-right: 0;



  }



  .cmt-blog-classic .post-meta .cmt-meta-line:not(:last-child):after,



  .cmt-blog-single-content .post-meta .cmt-meta-line:not(:last-child):after {



      position: absolute;



      content: "";



      height: 4px;



      width: 4px;



      border-radius: 100%;



      top: 5px;



      right: 7px;



      display: block;



      background-color: currentColor;



  }



  .cmt-blog-classic .post-meta .cmt-meta-line i,
  .cmt-blog-single-content .post-meta .cmt-meta-line i {



      padding-right: 7px;



      font-size: 13px;



  }



  .cmt-blog-classic .entry-header .entry-title {



      font-size: 28px;



      line-height: 28px;



      font-weight: 600;



      margin-bottom: 10px;



  }



  .cmt-blog-classic .cmt-blogbox-desc-footer {



      display: flex;



      justify-content: space-between;



      align-items: center;



      height: 51px;



      border-top: 1px solid #ededed;



      padding-top: 17px;



      margin-top: 25px;



  }











  /*------------------------------------------------------------------------------*/



  /*  Single_Blog



/*------------------------------------------------------------------------------*/



  .cmt-blog-single-content .post-meta {



      display: block;



      margin-top: 20px;



      display: block;



      padding-bottom: 18px;



      margin-bottom: 18px;



      border-bottom: 1px solid rgba(0, 0, 0, 0.08);



  }



  .cmt-blog-single .cmt-box-post-date {



      position: absolute;



      right: 20px;



      top: 20px;



      height: 70px;



      width: 70px;



      border-radius: 5px;



      font-weight: 500;



      text-align: center;



      z-index: 2;



      cursor: pointer;



      display: flex;



      flex-direction: column;



      justify-content: center;



  }



  .cmt-blog-single .cmt-box-post-date .entry-date {



      font-weight: 600;



      font-size: 24px;



      line-height: 17px;



  }



  .cmt-blog-single .cmt-box-post-date .entry-month {



      font-size: 15px;



      font-weight: 400;



      display: block;



      text-transform: uppercase;



  }



  .cmt-blog-single blockquote {



      display: block;



      padding: 40px 45px;



      padding-left: 100px;



      position: relative;



      border: none;



      border-radius: 6px;



      font-weight: 400;



      margin: 35px 0 35px 0;



      font-size: 20px;



      line-height: 30px;



  }



  .cmt-blog-single blockquote:after {



      content: "“";



      font-family: inherit;



      font-size: 140px;



      line-height: 140px;



      font-weight: 400;



      position: absolute;



      left: 40px;



      top: 30px;



      font-style: normal;



      display: block;



  }



  .cmt-blog-single blockquote cite {



      font-size: 16px;



      line-height: 18px;



      font-weight: normal;



  }



  .cmt-blog-single .cmt-blogbox-desc-media {



      display: flex;



      justify-content: space-between;



      align-items: center;



      border-top: 1px solid #ededed;



      padding-top: 20px;



      margin-top: 30px;



  }



  .cmt-social-share-wrapper {



      display: flex;



      align-items: center;



  }



  .cmt-social-share-wrapper .cmt-social-share-icon_btn {



      padding-left: 15px;



      font-size: 18px;



      color: inherit;



      opacity: .8;



  }



  .cmt-blog-classic-content .cmt-social-share-wrapper .social-icons {



      display: none;



      transform: translateX(-30%);



      transition: all .8s;



  }



  .cmt-blog-classic-content .cmt-social-share-wrapper .social-icons.show {



      display: block;



      transform: translateX(0%);



  }















  /*blog-comment*/



  .comments-area {



      padding-top: 60px;



      margin-bottom: 0;



  }



  .comments-area h2 {



      font-size: 26px;



      line-height: 30px;



      margin-bottom: 15px;



  }



  .comment-list li {
      position: relative;
      margin-top: 30px;
  }



  .comment-list .children {
      margin-left: 35px;
  }



  .comment-list,
  .comment-list .children {



      list-style-type: none;



      padding: 0;



  }



  .single-post .comments-area {
      margin-top: 50px;
      margin-bottom: 0;
  }



  .single-post .comments-area .comments-title {
      font-size: 33px;
      font-weight: 600;
  }



  .comment-body {



      margin-left: 110px;



      padding: 20px 25px;



      position: relative;



      position: relative;



  }



  .comment-body:after {



      content: "";



      position: absolute;



      top: 25px;



      left: -18px;



      width: 0;



      height: 0;



      border-top: 18px solid transparent;



      border-bottom: 18px solid transparent;



      border-right: 18px solid;



  }



  .comment-author {



      float: left;



      text-align: center;



      width: 81px;



      height: 81px;



      display: block;



      overflow: hidden;



      margin-left: -135px;



      margin-top: -20px;



  }



  .comment-author img {
      max-width: 100%;
      height: auto;
  }



  .comment-reply-title {



      font-weight: 700;



      font-size: 26px;



      line-height: 28px;



      margin-bottom: 10px;



  }



  .comment-notes {



      font-size: 15px;



      font-style: italic;



  }



  .comment-meta,
  .reply {



      display: inline-block;



      vertical-align: middle;



      margin-bottom: 15px;



  }



  .comment-body .author-content-wrap p {
      margin-bottom: 0;
  }



  .reply {
      float: right;
  }



  .comment-meta,
  .comment-meta span {



      font-size: 13px;



      line-height: 24px;



  }



  .comment-meta .cmt-comment-owner h5,
  .cmt-comment-owner {



      display: block;



      font-size: 18px;



      line-height: 18px;



      font-weight: 700;



      margin-bottom: 0;



      font-style: normal;



  }



  .single article.post .comment-body p {
      margin-top: 10px;
  }



  .comment-list a.comment-reply-link {



      border: none;



      color: #fff;



      font-size: 13px;



      padding: 4px 30px 2px 17px;



      position: relative;



      display: inline-block;



      vertical-align: middle;



      -webkit-transition: all 0.3s ease-in-out 0s;



      -moz-transition: all 0.3s ease-in-out 0s;



      -ms-transition: all 0.3s ease-in-out 0s;



      -o-transition: all 0.3s ease-in-out 0s;



      transition: all 0.3s ease-in-out 0s;



  }



  .comment-list a.comment-reply-link:after {



      position: absolute;



      top: 6px;



      font-family: 'themify';



      content: "\e649";



      font-weight: 400;



      display: inline-block;



      margin-right: .2em;



      text-align: center;



      opacity: 1;



      line-height: 20px;



      font-size: 10px;



      margin-left: 6px;



  }



  .comments-area .comment-respond {
      padding-top: 40px;
  }



  #respond .comment-reply-title {
      margin: 0 0 20px !important;
  }



  .comment-form textarea,
  .comment-form input[type="text"],
  .comment-form input[type="email"],
  .comment-form input[type="url"] {



      background-color: transparent;



      font-size: 17px;



      border: none;



      border-bottom: 1px solid rgba(0, 0, 0, .1);



      border-radius: 0;



      padding-left: 0;



      padding-bottom: 5px;



      text-indent: 0;



      font-style: italic;



  }





  /* pre-loader css */











  /*------------------------------------------------------------------------------*/



  /*  Contact_page



/*------------------------------------------------------------------------------*/



  .conatact-section h4 {
      font-size: 24px;
      line-height: 32px;
  }











  /*------------------------------------------------------------------------------*/



  /*  Error_page











/*------------------------------------------------------------------------------*/





  .rs-module {



      margin-top: 115px !important;



  }

  /*feedback css*/



  #feedback {



      display: none;



      position: fixed;



      left: 0px;



      bottom: 50px;



      /*height: 250px;*/







      z-index: 9999 !important;



      margin-right: -3px;



      margin-bottom: 120px;



  }











  #feedback-form {



      background: aliceblue;



      float: left;



      padding: 30px;



      width: 300px !important;



      height: 100%;



      z-index: 1000;



      padding-left: 5px;



      padding-right: 10px;



      background-clip: 'padding-box';



      border: 1px solid rgba(0, 0, 0, .2);



      -moz-border-radius: 0px;



      -webkit-border-radius: 0px;



      border-radius: 0px;



      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);



      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);



      box-shadow: 0 5px 10px rgba(0, 0, 0, .2);



  }







  #feedback-tab {



      float: left;



      color: #fff;



      font-size: 23px;



      padding: 10px;



      cursor: pointer;



      text-align: center;



      width: auto;



      /* height: 42px; */



      background-color: rgba(31, 63, 129, 0.9);



      margin-top: 113px;



      margin-left: -114px;



      padding-top: 5px;



      -moz-border-radius: 3px;



      -webkit-border-radius: 3px;



      border-radius: 3px;



      -webkit-transform: rotate(90deg);



      -moz-transform: rotate(90deg);



      -ms-transform: rotate(90deg);



      -o-transform: rotate(90deg);



      transform: rotate(90deg);



  }







  #feedback-tab:hover {



      background-color: rgba(31, 63, 129, 1);



  }







  #feedback-form textarea {



      resize: none;



  }



  .nopadding {



      padding: 0px;



  }



  .m .pt-20 {



      padding-top: 20px;



  }















  .error-404 {



      background-position: center center;



      background-size: cover;



      background-repeat: no-repeat;



      background-attachment: scroll;



      color: #fff;



      text-align: center;



      overflow: hidden;



      display: flex;



      align-items: center;



      padding: 200px 0 160px;



  }



  .error-404 .text-content {



      text-align: center;



      display: inline-block;



      position: relative;



  }



  .error-404 .text-content ._404 {



      font-size: 120px;



      line-height: 120px;



      font-weight: 600;



      position: relative;



      display: inline-block;



      z-index: 2;



      letter-spacing: 15px;



  }



  .error-404 .text-content .h1 {



      text-align: center;



      display: block;



      position: relative;



      letter-spacing: 12px;



      font-size: 4em;



  }



  .error-404 .text-content .h2 {



      text-align: center;



      display: block;



      position: relative;



      font-size: 20px;



      margin-bottom: 40px;



  }



  .error-404 hr {



      padding: 0;



      display: inline-block;



      color: #fff;



      text-align: center;



      margin: 20px auto;



      width: 100%;



      height: 5px;



      background: #fff;



      z-index: -10;



  }



  .error-404 hr:after {



      content: "\2022";



      display: inline-block;



      vertical-align: middle;



      position: relative;



      top: -0.5em;



      font-size: 2em;



      line-height: 1em;



      padding: 0 0.2em;



      background: rgba(255, 255, 255, .6);



  }



  .cloud {



      width: 350px;
      height: 120px;



      background: #FFF;



      background: linear-gradient(top, #FFF 100%);



      background: -webkit-linear-gradient(top, #FFF 100%);



      background: -moz-linear-gradient(top, #FFF 100%);



      background: -ms-linear-gradient(top, #FFF 100%);



      background: -o-linear-gradient(top, #FFF 100%);



      border-radius: 100px;



      -webkit-border-radius: 100px;



      -moz-border-radius: 100px;



      position: absolute;
      ;



      margin: 0 auto;



      transition: ease 1s;



  }



  .cloud:after,
  .cloud:before {



      content: '';



      position: absolute;



      background: #FFF;



      z-index: -1
  }



  .cloud:after {



      width: 100px;
      height: 100px;



      top: -50px;
      left: 50px;



      border-radius: 100px;



      -webkit-border-radius: 100px;



      -moz-border-radius: 100px;



  }



  .cloud:before {



      width: 180px;
      height: 180px;



      top: -90px;
      right: 50px;



      border-radius: 200px;



      -webkit-border-radius: 200px;



      -moz-border-radius: 200px;



  }



  .introduction-section {

      /* margin-bottom: 200px!important; */

  }

  .z1 {



      top: -100px;



      left: 100px;



      -webkit-transform: scale(0.3);



      -moz-transform: scale(0.3);



      transform: scale(0.3);



      opacity: 0.9;



      -webkit-animation: moveclouds 15s linear infinite;



      -moz-animation: moveclouds 15s linear infinite;



      -o-animation: moveclouds 15s linear infinite;



  }



  .z1_5 {



      top: -80px;



      left: 250px;



      -webkit-transform: scale(0.3);



      -moz-transform: scale(0.3);



      transform: scale(0.3);



      -webkit-animation: moveclouds 17s linear infinite;



      -moz-animation: moveclouds 17s linear infinite;



      -o-animation: moveclouds 17s linear infinite;



  }



  .z2 {



      left: 250px;



      top: 30px;



      -webkit-transform: scale(0.6);



      -moz-transform: scale(0.6);



      transform: scale(0.6);



      opacity: 0.6;



      -webkit-animation: moveclouds 25s linear infinite;



      -moz-animation: moveclouds 25s linear infinite;



      -o-animation: moveclouds 25s linear infinite;



  }



  .z3 {



      left: 250px;
      bottom: -70px;



      -webkit-transform: scale(0.6);



      -moz-transform: scale(0.6);



      transform: scale(0.6);



      opacity: 0.8;



      -webkit-animation: moveclouds 25s linear infinite;



      -moz-animation: moveclouds 25s linear infinite;



      -o-animation: moveclouds 25s linear infinite;



  }



  .z4 {



      left: 470px;
      botttom: 20px;



      -webkit-transform: scale(0.75);



      -moz-transform: scale(0.75);



      transform: scale(0.75);



      opacity: 0.75;



      -webkit-animation: moveclouds 18s linear infinite;



      -moz-animation: moveclouds 18s linear infinite;



      -o-animation: moveclouds 18s linear infinite;



  }



  .z5 {



      left: 200px;
      top: 360px;







      -webkit-transform: scale(0.5);



      -moz-transform: scale(0.5);



      transform: scale(0.5);



      opacity: 0.8;



      -webkit-animation: moveclouds 20s linear infinite;



      -moz-animation: moveclouds 20s linear infinite;



      -o-animation: moveclouds 20s linear infinite;



  }



  @-webkit-keyframes moveclouds {



      0% {
          margin-left: 1000px;
      }



      100% {
          margin-left: -1000px;
      }



  }



  @-moz-keyframes moveclouds {



      0% {
          margin-left: 1000px;
      }



      100% {
          margin-left: -1000px;
      }



  }



  @-o-keyframes moveclouds {



      0% {
          margin-left: 1000px;
      }



      100% {
          margin-left: -1000px;
      }



  }



  @media only screen and (min-width:0px) and (max-width:850px) {

      .site-branding img {

          max-height: 78px !important;

      }

  }

















  /*------------------------------------------------------------------------------*/



  /*  Map



/*------------------------------------------------------------------------------*/



  #map {
      display: block;
      height: 400px;
      width: 100%;
  }



  a:hover,
  a:focus {



      outline: none;



      text-decoration: none;



  }



  .tab .nav-tabs {



      position: relative;



      border-bottom: none;



  }



  .tab .nav-tabs li {



      margin: 0;



  }



  .tab .nav-tabs li a {



      display: block;



      padding: 20px 15px;



      background: #fff;



      font-size: 17px;



      font-weight: 700;



      color: blue;



      text-transform: uppercase;



      text-align: center;



      border-radius: 0;



      border: none;



      margin-right: 0;



      overflow: hidden;



      z-index: 1;



      position: relative;



      transition: all 0.3s ease 0s;



  }



  .tab .nav-tabs li a:after {



      content: "";



      width: 100%;



      height: 100%;



      background: #e9e9e9;



      position: absolute;



      top: 0;



      left: 0;



      z-index: -1;



      perspective-origin: 50% 100%;



      transform: perspective(900px) rotate3d(1, 0, 0, 90deg);



      transform-origin: 50% 100% 0;



      transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;



  }



  .tab .nav-tabs li.active a:after {



      background: whitesmoke;



      transform: perspective(900px) rotate3d(1, 0, 0, 0deg);



  }



  .tab .nav-tabs li.active a,



  .tab .nav-tabs li a:hover {



      color: #4b489b;



      border: none;



  }



  .tab .tab-content {



      padding: 20px;



      background: whitesmoke;



      font-size: 15px;



      color: #757575;



      line-height: 26px;



  }



  .tab .tab-content h3 {



      font-size: 24px;



      margin-top: 0;



  }



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



      .tab .nav-tabs li {



          width: 100%;



          text-align: center;



      }



  }







  .site-main {



      /*margin-bottom: 25px;*/







  }







  /* Counter section strat */



  .counter {

      color: #222;



      text-align: center;

      padding: 0 10px;

  }

  .counter .counter-icon {

      color: #fff;

      background-color: #FD521E;

      font-size: 40px;

      line-height: 84px;

      height: 80px;

      width: 80px;

      margin: 0 auto 7px;

      border-radius: 20px/50px;

      position: relative;

      clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);

  }

  .counter .counter-icon:before {

      content: '';

      background-color: rgba(255, 255, 255, 0.15);

      position: absolute;

      left: 7px;

      top: 7px;

      right: 7px;

      bottom: 7px;

      clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);

  }

  .counter .counter-value {

      color: #FD521E;

      font-size: 30px;

      font-weight: 600;

      display: block;

  }

  .counter h3 {

      color: #555;

      font-size: 17px;

      font-weight: 400;

      text-transform: uppercase;

      letter-spacing: 0.5px;

      margin: 0;

  }

  .counter.blue .counter-icon {
      background-color: #0073E6;
  }

  .counter.blue .counter-value {
      color: #0073E6;
  }

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

      .counter {
          margin-bottom: 40px;
      }

  }



  .counter {

      margin-top: 15px;

  }







  .sticky-container {

      padding: 0px;

      margin: 0px;

      position: fixed;

      right: -174px;

      top: 230px;

      width: 210px;

      z-index: 1100;

  }

  .sticky li {

      list-style-type: none;

      background-color: whitesmoke;

      color: #efefef;

      height: 43px;

      padding: 0px;

      margin: 0px 0px 1px 0px;

      -webkit-transition: all 0.25s ease-in-out;

      -moz-transition: all 0.25s ease-in-out;

      -o-transition: all 0.25s ease-in-out;

      transition: all 0.25s ease-in-out;

      cursor: pointer;

  }

  .sticky li:hover {

      margin-left: -174px;

  }

  .sticky li img {

      float: left;

      margin: 5px 4px;

      margin-right: 5px;

      height: 30px;

  }

  .sticky li p {

      padding-top: 5px;

      margin: 0px;

      line-height: 16px;

      font-size: 11px;

  }

  .sticky li p a {

      text-decoration: none;

      color: #2C3539;

  }

  .sticky li p a:hover {

      text-decoration: underline;

  }

  .description-review-wrapper {

      margin-top: 30px;

  }









  .btn-contact-popover,
  .btn-contact-popover:hover {

      cursor: pointer;

      outline: none !important;

      position: fixed !important;

      padding: 10px !important;

      color: #fff !important;

      z-index: 99999 !important;

      font-size: 17px !important;

      font-family: inherit !important;

      background-color: #4d097f !important;

      border-top-left-radius: 10px;

      border-top-right-radius: 10px;

      max-width: 250px !important;

      box-sizing: content box !important;

      line-height: 1.2 !important;

      top: calc(50% - 210px);

      right: 0;

      box-shadow: rgb(255 248 248 / 90%) 0 0px 0px 3px;

      -webkit-transform: rotate(-90deg);

      transform: rotate(-90deg);

      transform-origin: bottom right;

      text-decoration: none !important;

  }



  .cmt-header-style-02 #site-header-menu .site-navigation ul.menu>li>a:hover {

      color: #0067ed !important;

      background: rgb(244 116 53);

      border-radius: 2em;

  }



  section.cmt-row.action-section.bg-img6.cmt-bgcolor-skincolor.cmt-bg.cmt-bgimage-yes.cmt-bg-pattern.clearfix {
      height: 470px;
  }



  /* counter section end */


  /* 
  .soc .left,

  .soc .right {

      top: 50%;

      float: left;

      transform: translateY(125%);

  }



  .soc .left {

      background: #337ab7;

      display: inline-block;

      white-space: nowrap;

      width: 50px;

      transition: width .5s;

  }



  .soc .right {

      background: #fff;

      width: 350px;

      transition: width 1s;

      border-style: solid;

      border-color: #ccc;

      border-width: 1px;

  }



  .soc .left:hover {

      width: 250px;

  }



  .soc .item:hover {

      background-color: #222;

  }



  .soc .left .fas {

      margin: 15px;

      width: 20px;

      color: #fff;

  }



  .soc i.fas {

      font-size: 17px;

      vertical-align: middle !important;

  }



  .soc .item {

      height: 50px;

      overflow: hidden;

      color: #fff;

  } */