/*
  /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

       1. IMPORT
       2. HEADER
       3. NAVIGATION
       4. FOOTER & FOOTER WIDGETS
       5. SIDEBAR & SIDEBAR WIDGETS
       6. PORTFOLIO/PROJECTS
       7. BLOG STYLING
       8. HOME PAGE
       9. 404 PAGE
       10. ABOUT PAGE
       11. CONTACT PAGE FORM
       12. ICON LIST
       13. RECENT WORK CAROUSEL
       14. TESTIMONIALS
       15. ICON SERVICE BOXES
       16. PARALLAX
       17. CLIENTS
       18. TYPOGRAPHY
       19. BUTTONS
       20. PRICING TABLES BOXS
       21. TABS
       22. ACCORDION & TOGGLE
       23. PROGRESS SKILL BAR
       24. PROMO BOX
       25. PAGINATION
       26. TITLE
       27. DROPCAPS
       28. HIGHLIGHT
       29. SWIPE J.S SLIDER
       30. CAROUSEL
       31. FLICKR
       33. LIST & BULLETS
       33. BUTTON UP
       34. MEDIA QUERIES
  */


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


  /* Import Section
  ====================================================================== */

  @import url("font-awesome.css");
  @import url("magnified.css");
  @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
  @import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
  @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      font-weight: 600;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .button,
  input[type="button"],
  input[type="submit"],
  input[type="text"],
  input[type="password"],
  input[type="email"],
  textarea,
  select {
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 20px;
      color: #555;
  }

  h1 {
      font-size: 28px;
      line-height: 50px;
      margin: 0;
  }

  h2 {
      font-size: 22px;
      line-height: 30px;
  }

  h3 {
      font-size: 16px;
      line-height: 30px;
  }

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

  h5 {
      font-size: 12px;
      line-height: 24px;
  }

  h6 {
      font-size: 10px;
      line-height: 20px;
  }

  a {
      text-decoration: none;
  }

  a:hover {
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      color: #555;
  }

  a:focus {
      outline: none;
      text-decoration: none;
  }

  .not-ie a {
      -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
      -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
      -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
      -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
      transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  }

  .mrgb-20 {
      margin-bottom: 20px;
      display: block;
  }

  .mrgb-30 {
      margin-bottom: 30px;
  }

  .mrgb-40 {
      margin-bottom: 40px;
      display: block;
  }

  .mrgb-50 {
      margin-bottom: 50px;
      display: block;
  }

  .mrgb-60 {
      margin-bottom: 60px;
      display: block;
  }

  .mrg-0 {
      margin: 0 auto;
  }


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


  /* 2. HEADER
  ====================================================================== */

  #header {
      z-index: 999;
      background: #fff;
      /*width:100%;*/
      transition: all 0.4s ease-in-out 0s;
  }

  .flash {
      /* background: #ed1c24;
      color: #fff; */
      padding: 5px;
  }
  @import url(http://weloveiconfonts.com/api/?family=entypo);
  @import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css);
  @import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
  @import "https://fonts.googleapis.com/css?family=Roboto:400,500";
  .box-icon {
    text-align: center;
    position: relative;
  }

  .box-icon > .image {
    position: relative;
    z-index: 2;
    cursor:pointer;
    margin: auto;
    width: 88px;
    height: 88px;
    /* border: 8px solid white; */
    line-height: 88px;
    border-radius: 50%;
    background: #ff9833;
    vertical-align: middle;
  }


  /* .box-icon:hover > .image {
    background: #333;
  } */

  /* STYLE NEW PSD*/
  .col-md-2.col-md-offset-2.aej_flash {
      background: #ff0000;
      width: auto;
      padding: 6px;
      color: #fff;
      font-style: italic;
      font-size: 15px;
      border: 3px solid #ff0000;
  }
  a.foot_a {
    color: #fff;
}
  .module.deepest {
    padding: 38px;
}
.module.deepest {
    padding: 38px;
    margin-top: -10px !important;
    margin-left: -15em;
    margin-bottom: -45px;
}
  .col-md-12.aej_tv.col22 {
      text-align: justify;
      font-weight: normal;
      /* padding: 6px; */
      margin-left: -5px;
      /* margin: 2px; */
      margin-top: -2px;
      /* margin: -9px; */
      font-size: 14px;
      /* height: 237px; */
      border: 1px solid #ddd;
      padding-top: 39px;
  }
  .container-fluid.nav_arre {
    background: #ed9730;
    color: #fff !important;
    z-index: 99999;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #45931b;
}

  .col-md-5.aej_tv.col1 {
      color: #fff;
      background: #ed9730;
      height: 25px;

  }
  .col-md-5.aej_tv.col3 {
      color: #fff;
      background: #00bb2d;
      height: 25px;
  }

  .col-md-2.aej_tv.col2 {
      text-align: center;
      font-size: 22px;
      font-weight: bold;
  }


  /* Removes the default 20px margin and creates some padding space for the indicators and controls */
  .carousel {
      margin-bottom: 0;
      /* padding: 0 40px 30px 40px; */
  }
  /* Reposition the controls slightly */
  .carousel-control {
      left: -12px;
  }
  .carousel-control.right {
      right: -12px;
  }
  /* Changes the position of the indicators */
  .carousel-indicators {
      right: 50%;
      top: auto;
      bottom: 0px;
      margin-right: -19px;
  }
  /* Changes the colour of the indicators */
  .carousel-indicators li {
      background: #c0c0c0;
  }
  .carousel-indicators .active {
  background: #333333;
  }


  section.wrapper.aej_icon {
      position: relative;
      top: -105px;
      margin-left: 50px;
      z-index: 99999;
      background: none;
  }

  .col-md-9.aej_info {
      padding: 6px;
      border: 1px solid #ff0000;
      font-weight: bold;
      font-size: 15px;
      color: #ff0000;
      margin-left: 6px;
      width: 65% !important;
  }

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

  .box-icon > .image > i {
    font-size: 36px !important;
    color: #fff !important;
    line-height: 1;
    display: inline-block;
  }

  /* .box-icon:hover > .image > i {
    color: white !important;
  } */

  .box-icon > .info {
    /* margin-top: -24px; */
    margin-top: -10px;
  }

  /* .box-icon:hover > .info {
    background: rgba(0, 0, 0, 0.04);
    border-color: #e0e0e0;
    color: white;
  } */

  .box-icon > .info > h3.title {
      font-family: "Lato", sans-serif !important;
      font-size: 16px;
      cursor:pointer;
      color: #585454;
      line-height: normal;
      font-weight: 700;
  }

  .box-icon > .info > p {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px;
    color: #666;
    line-height: 1.5em;
    margin: 20px;
  }

  .carousel-inner>.item>a>img,
  .carousel-inner>.item>img {
      line-height: 1;
      width: 100%;
  }
  a.tiiitr {
    color: #ed9730;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    font-size: 22px;
}
  .row.aej_art {
      position: relative;
      top: -8em;
  }
  h4.titr4 {
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    /* font-weight: bold; */
    text-shadow: 1px 1px 1px #000;
}

  .box-icon:hover > .info > h3.title,
  .box-icon:hover > .info > p,
  .box-icon:hover > .info > .more > a {
    color: #00bb2d;
  }

  a.btn.btn-default.btn-lg.fs_obj.fs_obj_active {
      border-radius: 0px;
      line-height: 100% !important;
      background: rgb(255, 255, 255);
      opacity: 1;
      color: rgb(87, 185, 15);
      top: 68% !important;
      font-size: 25px !important;
      left: 17em !important;
      display: inline;
  }

  .col-md-3.aej_tv {
      text-align: center;
      font-weight: bold;
      padding: 12px;
      margin: 2px;
      font-size: 15px;
      border: 1px solid #ddd;
  }
  .col-md-3.aej_tv.col1 {
      color: #fff;
      background: #ed9730;

  }
  .col-md-3.aej_tv.col2 {
      color: #555;
      background: #fff;
      font-family: "Open Sans", Helvetica, Arial, sans-serif;
  }

  span.downl {
    color: #333;
    font-size: 15px;
    margin: 5px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
}
  .col-md-3.aej_tv.col3 {
      color: #fff;
      background: #00bb2d;

  }
  .col-md-3.aej_tv.col22 {
      padding-bottom: 55px;
      padding-top: 55px;
      height: 228px;
  }

  .col-md-3.aej_tv.col32 {
      height: 228px;
  }
  .col-md-5.aej_tv.col22.uu {
      text-align: center;
      font-weight: bold;
      height: 188px;
      /* margin-left: 2px; */
      padding: 12px;
      margin-left: 2px !important;
      margin: 2px;
      font-size: 15px;
      border: 1px solid #ddd;
  }
  span.aej_suiv {
      font-size: 16px;
      font-style: italic;
  }
  .col-md-4.aej_suivre {
      text-align: center;
  }


  .col-md-5.aej_tv.col2.uuuu {
      margin-left: 1px;
      margin-top: 5px;
      /* text-align: center; */
      /* margin-left: 0px; */
      font-weight: bold;
      /* padding: 12px; */
      font-size: 15px;
      border: 1px solid #ddd;
  }
  .col-md-5.aej_tv {
      text-align: center;
      font-weight: bold;
      padding: 12px;
      margin: 2px;
      font-size: 15px;
      border: 1px solid #ddd;
  }
  .col-md-4.aej_tv.col2.uuuu {
      margin-left: 18px;
      margin-top: -9px;
      text-align: center;
      font-weight: bold;
      padding: 12px;
      font-size: 15px;
      border: 1px solid #ddd;
  }
  .col-md-5.aej_tv.col2.uuuu {
      /* margin-top: -9px; */
  }
  .col-md-4.aej_suivre.uuu {
      margin-top: 31px;
  }
  i.fa.fa-calendar.aej_agen {
      font-size: 20px !important;
  }

  div#carousel-example-generic {
      /* height: 202px !important; */
  }
  .carousel-indicators .active {
      width: 12px;
      height: 12px;
      margin: 0;
      background-color: #ed9730;
  }
  .carousel-indicators li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 1px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #000 \9;
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #dadada;
      border-radius: 10px;
  }
  p.aej_ttt {
      padding: 10px;
      /* border: 1px solid; */
  }
  .col-md-3.aej_offr {
      /* width: 24%;
      background: #e6e6e6;
      margin: 5.5px;
      padding-bottom: 20px; */
      width: 20%;
      /* background: #e6e6e6; */
      /* border: 2px solid #dadada; */
      margin: 5.5px;
      cursor: pointer;
      padding-bottom: 20px;
      box-shadow: -1px 1px 3px 3px #dadada;
  }
  .col-md-3.aej_offr:hover {
      /* width: 24%;
      background: #e6e6e6;
      margin: 5.5px;
      padding-bottom: 20px; */
      width: 20%;
      /* background: #e6e6e6; */
      /* border: 2px solid #dadada; */
      margin: 5.5px;
      cursor: pointer;
      padding-bottom: 20px;
      box-shadow: -1px 1px 4px 4px #ed972f;
  }
  p.text_actuu {
    font-size: 15px;
}
  section.wrapper.aej_offert {
      position: relative;
      top: -75px;
      margin-left: 85px;
  }

  span.aej_dateAlert {
      color: #ff0000;
  }
  span.aej_dateAlert2 {
      color: #00bb2d;
  }

  /* .aej_statutdiv {
      text-align: left;
  } */
  img.aej_news {
      width: 16%;
  }
  /* span.aej_statut {
      background: #ff0000;
      margin-right: -15px;
      font-style: italic;
      padding-left: 8px;
      padding-right: 8px;
      padding-bottom: 10px;
      border-bottom-left-radius: 80%;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
  } */
  .aej_statutdiv {
      position: relative;
      left: -10px;
  }
  .col-md-4.aej_tv.col1 {
      color: #fff;
      background: #ed9730;
      padding: 8px;
      text-align: center;
      font-size: 21px;
  }
  .col-md-4.aej_tv {
      text-align: center;
      font-weight: bold;
      padding: 12px;
      font-size: 15px;
      border: 1px solid #ddd;
  }
  .aej_joblib {
      /* font-size: 17px;
      font-weight: bold; */
      font-size: 17px;
      text-transform: uppercase;
      font-weight: bold;
  }
  .aej_loc {
      font-size: 16px;
      font-weight: 600;
  }
  .aej_dipl {
      font-size: 16px;
      font-weight: 600;
  }

  .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #48991f !important;
    color: white !important;
    text-shadow: 1px 1px 1px black;
}
  .aej_postD{
      font-size: 15px;
      font-weight: 600;
  }
  .aej_Dlimite {
      font-size: 15px;
      font-weight: 600;
      padding-left: 1px;
      color: #fff;
      /* background: #57b90f; */
  }
  i.fa.fa-plus.aej_plusicon {
      color: #57b90f;
      font-size: 15px;
  }

  .col-md-12.aej_line {
      border-bottom: 5px solid #58b912;
      position: relative;
      top: -55px;
      border-right: 15em solid #58b912;
      height: 40px;
  }
  i.fa.fa-plus.aej_plusicon2 {
      padding: 15px;
      border-color: #fff;
      border: 8px solid;
      border-radius: 100%;
      font-size: 16px;
      left: 58%;
      color: #fff;
      background: #e9612a;
      position: relative;
  }
  h3.aej_slidertit.sect2 {
      margin-left: -4px;
      font-size: 17px;
      width: 13em;
      margin-top: -62px;
  }

  h3.aej_slidertit {
      font-size: 27px;
      width: 8em;
      margin-left: 16px;
      text-align: right;
      z-index: 9999;
      padding: 5px;
      top: 58px;
      position: relative;
      padding-right: 15px;
      background: #ed972f;
      color: #fff;
  }
  img.aej_news2 {
      width: 19%;
  }
  span.aej_more {
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      position: relative;
      right: -76em;
      top: -10px;
  }
  .video-link {
    font-size: 0.92em;
    color: #333;
    line-height: 1.20em;
    display: block;
    margin: 0 0 10px 0;
}
.video-link img {
    display: block;
    margin-bottom: 6px;
    width: 100%;
}

.video2 {
    /* box-sizing: border-box; */
    /* cursor: default; */
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(220, 220, 220);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    padding: 3px;
    border-top: none;
    /* padding-top: 16px; */
    margin-bottom: 19px;
}
  i.fa.fa-plus.aej_plusicon2:hover {
      cursor: pointer;
  }


  .box-icon > .info > .more a {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
  }

  section.btnsec {
      /* background: #02b702;
      height: 45px; */
      background: #02b702;
      height: 45px;
      position: relative;
      top: -100px;
  }
  button.btn.btn-aej {
      margin: 5px;
      background: #fff;
      color: #57b90f;
      font-weight: 700;
      font-size: 15px;
      width: auto;
  }

  span.aej_title {
      color: #fff;
      cursor:pointer;
      margin: 15px;
      font-weight: bold;
      font-size: 16px;    
  }

  .col-sm-6.col-md-4 {
    margin-top: 10px;
}
.col-sm-6.col-md-8 {
    margin-top: -13px;
}

  /* .box-icon:hover > .info > .more > a {
    color: #fff;
    padding: 6px 8px;
    background-color: #ff9833;
  } */
  span.col-md-2.aeji_box {
      /* position: absolute;
      margin-top: -25px;
       */
       position: relative;
       top: -6em;
       left: 88%;
  }
  .col-sm-2.lef {
    /* float: left; */
    padding: 4px;
    font-size: 18px;
    line-height: 1.7;
    /* color: #fff !important; */
}
h3.tttt {
    font-size: 19px;
    color: #ffffffd6;
    text-transform: unset;
}
span.iem {
    font-size: 14px !important;
    position: relative !important;
    top: -7px;
    right: -2px;
}
a.li_la {
    color: #aaa;
    font-size: 15px;
}
  .image.aeji_images {
      border: 4px solid white;
      line-height: 110px;
      /* border-radius: 50%; */
      background: #57b90f;
      width: 9em;
      height: 9em;
  }
  span.aej_lib {
      color: #fff;
      position: relative;
      top: -48px;
      z-index: 999;
      right: -40px;
      font-size: 14px;
      font-weight: bold;
  }
  span.aej_lib2 {
      color: #fff;
      position: relative;
      top: -35px;
      z-index: 999;
      right: 25px;
      font-size: 14px;
      font-weight: bold;
  }
  .box .space {
    height: 30px;
  }



  #info-bar {
      background: white;
      color: #707270;
      padding: 5px 0 3px;
  }

  .top-info ul {
      list-style: none;
      float: right;
      padding: 0;
      margin: 0;
  }

  .top-info span {
      font: 13px/28px "open sans";
      padding-right: 15px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  }

  .top-info span i {
      font-size: 13px;
      margin-right: 5px;
  }

  .top-info li {
      float: left;
  }

  .top-info li a {
      border-radius: 100%;
      color: #fff;
      display: inline-block;
      font-size: 14px;
      height: 25px;
      line-height: 23px;
      margin: 0 2px;
      text-align: center;
      transition: background-color 400ms linear 0s;
      width: 25px;
      background: none repeat scroll 0 0 #bfbfbf;
  }

  .top-info li:hover a {
      color: #fff!important;
  }

  .top-info li:hover a.my-tweet {
      background: #3ABDD1;
  }

  .top-info li:hover a.my-facebook {
      background: #648CD5;
  }

  .top-info li:hover a.my-skype {
      background: #00AFFF;
  }

  .top-info li:hover a.my-pint {
      background: #DE5656;
  }

  .top-info li:hover a.my-rss {
      background: #EF8D1F;
  }

  .top-info li:hover a.my-google {
      background: #E73904;
  }

  .ie8 #header {
      border-bottom: 1px solid #e9e9e9;
  }

  .pixel-header {
      height: 50px;
      overflow: hidden;
  }


  /* Logo
  ====================================*/

  #logo-bar {
      /* background: #02b702; */
      padding: 5px;
      margin-bottom: -9px;
  }

  img.aej_search {
      top: -10px;
      width: 70%;
      position: relative;
  }
  #logo {
      margin-top: 20px;
  }

  #logo>h1 {
      margin: 0;
      line-height: 0;
      font-size: 0;
  }

  #logo a img {
      max-width: 100%;
      height: auto;
      width: 55%;
      margin-top: -7px;
      background: #fff;
      box-shadow: 1px 1px 1px 5px #fff;
  }
  #logoc a img {
      max-width: 100%;
      height: auto;
      width: 55%;
      margin-top: -7px;
      background: #fff;
      box-shadow: 1px 1px 1px 5px #fff;
  }

  .navbar .navbar-nav>li>a {
    color: #ffffff;
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
    /* text-align: center; */
}

  .content {
      padding: 30px 0 60px;
      position: relative;
  }

  .sub_content {
      padding: 30px 0;
  }

  #CENTER_1 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 90px;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      width: 1140px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 570px 45px;
      transform-origin: 570px 45px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      outline: rgb(51, 51, 51) none 0px;
  }


  /*#CENTER_1*/

  #NAV_2 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 90px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      width: 1140px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 570px 45px;
      transform-origin: 570px 45px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 10px;
      outline: rgb(51, 51, 51) none 0px;
  }


  /*#NAV_2*/

  #IMG_3,
  #IMG_4 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 60px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      vertical-align: middle;
      width: 60px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 30px 30px;
      transform-origin: 30px 30px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 30px 30px;
      outline: rgb(51, 51, 51) none 0px;
  }
/*Panel tabs*/
.panel-tabs {
    position: relative;
    bottom: 30px;
    color: red !important;
    clear:both;
    border-bottom: 1px solid #f2f2f2;
}

.panel-tabs > li {
    float: left;
    margin-bottom: -1px;
    color: red;
}

.panel-tabs > li > a {
    margin-right: 2px;
    margin-top: 20px;
    line-height: .85;
    font-weight: 500;
    font-size: 17px;
    /* border: 1px solid transparent; */
    /* border-radius: 4px 4px 0 0; */
    color: #46931d;
}

.panel-tabs > li > a:hover {
    border-color: transparent;
    color: #ed9730;
    background-color: #fff !important;
}

.panel-tabs > li.active > a,
.panel-tabs > li.active > a:hover,
.panel-tabs > li.active > a:focus {
    color: #ed9730;
    font-weight: 600;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
    border-bottom-color: transparent;
}
.panel.panel-primary {
    margin-top: 2px !important;
    border-color: #eee !important;
    /* border-top: sienna; */
    margin-top: -8px;
    border-top: none;
}

.panel-primary>.panel-heading {
    color: #ed9730 !important;
    background-color: #fff;
    border-color: #fff;
    height: 37px;
}
  /*#IMG_3, #IMG_4*/

  #IMG_5 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 60px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      vertical-align: middle;
      width: 60px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 30px 30px;
      transform-origin: 30px 30px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 30px 30px;
      outline: rgb(51, 51, 51) none 0px;
  }

  
.sect_ttt {
    /* float: left; */
    height: 35px;
    px; */
    perspective-origin: 347.359px 17.5px;
    border-bottom: 2px solid rgb(237, 151, 48);
    font: normal normal 400 normal 14px / 22.61px "Open Sans";
    /* margin: 0px 0px 25px; */
    /* margin-left: -19px; */
    padding-top: -1px;
    margin-bottom: 1px;
}/*.sect_ttt*/

.titrrr_h2 {
    /* background-position: 100% 50%; */
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    float: left;
    text-shadow: 1px 1px 1px #000000c4;
    height: 33px;
    letter-spacing: -0.5px;
    text-align: center;
    text-decoration: none solid rgb(255, 255, 255);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    text-transform: uppercase;
    /* z-index: 99999; */
    /* width: 217.172px; */
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 108.578px 16.5px;
    transform-origin: 108.578px 16.5px;
    caret-color: rgb(255, 255, 255);
    background: rgb(237, 151, 48) url(../images/border_title.png) no-repeat scroll 100% 50% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 800 normal 17px / 33px "Open Sans";
    margin: 0px;
    outline: rgb(255, 255, 255) none 0px;
    padding: 0px 23px 5px 9px;
}/*.titrrr_h2*/

  /*#IMG_5*/

  #IMG_6 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 60px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      vertical-align: middle;
      width: 64.8906px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 32.4375px 30px;
      transform-origin: 32.4375px 30px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 30px 30px;
      outline: rgb(51, 51, 51) none 0px;
  }


  /*#IMG_6*/

  #IMG_7 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 60px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      vertical-align: middle;
      width: 110.797px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 55.3906px 30px;
      transform-origin: 55.3906px 30px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 30px 30px;
      outline: rgb(51, 51, 51) none 0px;
  }


  /*#IMG_7*/

  #IMG_8 {
      box-sizing: border-box;
      color: rgb(51, 51, 51);
      height: 60px;
      text-align: -webkit-center;
      text-decoration: none solid rgb(51, 51, 51);
      text-size-adjust: 100%;
      vertical-align: middle;
      width: 81.7344px;
      column-rule-color: rgb(51, 51, 51);
      perspective-origin: 40.8594px 30px;
      transform-origin: 40.8594px 30px;
      caret-color: rgb(51, 51, 51);
      border: 0px none rgb(51, 51, 51);
      font: normal normal normal normal 14px / 20px Arial;
      margin: 0px 0px 30px 30px;
      outline: rgb(51, 51, 51) none 0px;
  }


  /*#IMG_8*/


  /* page_head Title
  ====================================*/

  .page_head {
      /*background: url(../images/page-title-head.png) repeat;*/
      /* border-bottom: 2px solid #dadada; */
      /* padding: 16px 0 0; */
      position: relative;
  }

  .page_title {
      margin-top: 60px;
      display: inline-block;
  }

  i.fa.fa-check.stock {
      font-size: 30px;
      color: #02b702;
  }

  .titr_item {
      color: #b2c82a;
      text-shadow: 1px 2px 1px black;
      font-size: 23px;
      font-weight: bold;
      margin-left: -20px;
      text-transform: uppercase;

  }

  .titr_item_sub {
      color: #262626;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
      font-size: 18px;
      font-weight: bold;
      margin-left: -20px;
      text-transform: uppercase;
  }

  .prix_item {
      color: #02b702;
      text-shadow: 1px 2px 1px black;
      font-size: 26px;
      margin-left: -15px;
      font-weight: bold;
      text-transform: uppercase;
  }

  span.titr {
      font-weight: bold;
  }
  img.mot_dg {
    height: 100%;
    width: 113%;
    margin: 2px;
    margin-left: -15px;
    box-shadow: 4px 2px 12px #dadada;
    border-radius: 5px;
}

  /*white bar | espace /separateur;*/

  .white-bar {
      height: 45px;
  }

  .white-bar2 {
      height: 10px;
  }

  .white-bar3 {
      height: 20px;
  }

  .white-bar4 {
      height: 5px
  }

  img.aste.prod {
      width: 3%;
      margin-top: -25px;
  }

  .ansut-img {
      width: 30%;
  }

  .ansut-img1 {
      width: 70%;
  }

  .page_title h2 {
      color: #09934a;
      text-shadow: 1px 2px 1px black;
      float: left;
      font-size: 28px;
      font-weight: bold;
      margin-top: 0;
      text-transform: uppercase;
      /* border-bottom: 3px solid #02b702; */
      margin: 0;
      padding-bottom: 17px;
      bottom: -3px;
      position: absolute;
  }

  .aste {
      width: 2.9%;
  }

  blockquote.default.alert-b {
      color: #272525;
      background: rgba(255, 0, 0, 0.12);
      font-size: 12px;
      font-weight: 600;
      border-left-color: #e80000;
  }


  /* Breadcrumbs
  ====================================*/

  #breadcrumbs {
      margin-top: 20px;
      float: right
  }

  #breadcrumbs ul {
      font-size: 12px;
      padding: 0;
      margin: 0;
  }

  #breadcrumbs ul li {
      display: inline-block;
      color: #888;
      padding: 0 11px 0 0;
      margin: 0 0 0 5px;
      background: url(../images/breadcrumbs.png) no-repeat 100% 55%;
  }

  #breadcrumbs ul li a {
      color: #02b702;
  }

  #breadcrumbs ul li:first-child {
      padding-right: 0;
      margin-left: 0;
  }

  #breadcrumbs ul li:first-child,
  #breadcrumbs ul li:last-child {
      color: #888;
      background: none;
  }

  #breadcrumbs ul li:last-child {
      padding: 0;
      background: none;
  }


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


  /* 3. NAVIGATION
  ====================================================================== */


  /*
    Add some SmartMenus requi#ff0000 styles not cove#ff0000 in Bootstrap 3's default CSS.
   These are theme independent and should work with any Bootstrap 3 theme mod.
  */

  .navbar-nav ul {
      width: 100%;
      min-width: 187px!important;
      padding: 0;
      border: 0;
  }

  .col-md-9.menu {
      width: 75%;
      /*height: 75px;*/
  }
  span.titr_dec {
    font-size: 17px;
    color: #46931d;
    font-weight: 600;
    text-transform: uppercase;
}
span.deddd {
    font-size: 14px;
    font-weight: 600;
}
  .navbar-toggle {
      background: #d7df21;
      border: none;

      /* padding: 10px; */
      border-radius: 3px;
      margin-top: -10px;
      margin-right: -32%;
  }

  .navbar-default {
      background: none;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
      background: rgba(0, 146, 69, 0.88);
  }

  .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
      height: 3px;
  }

  .navbar {
      /*margin-bottom: 0;
      min-height: 35px;
      border: none;
      float: right;
      margin-top: -30px;
      height: 75px;
  }*/
      /* margin-bottom: 0; */
      /* min-height: 35px; */
      /* border: none; */
      /* margin-top: -30px; */
      /* height: 44px; */
      /* top: 35px; */
      /* background: #519c17; */
  }


  /* sub menus arrows */

  .navbar-nav .sub-arrow,
  .navbar-nav .collapsible .sub-arrow {
      position: static;
      margin-top: 0;
      margin-right: 0;
      margin-left: 6px;
      display: inline-block;
      width: 0;
      height: 0;
      overflow: hidden;
      vertical-align: middle;
      border-top: 4px solid;
      border-right: 4px dashed transparent;
      border-bottom: 4px dashed transparent;
      border-left: 4px dashed transparent;
  }

  .navbar-nav>li>.has-submenu .sub-arrow {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      font-size: 12px;
      width: 8px;
      height: 8px;
      line-height: 8px;
      border-width: 0px;
  }

  .navbar-nav>li>.has-submenu .sub-arrow:before {
      content: "\f107";
  }

  .navbar-nav ul .sub-arrow {
      position: absolute;
      right: 0;
      margin-top: 6px;
      margin-right: 15px;
      border-top: 4px dashed transparent;
      border-bottom: 4px dashed transparent;
      border-left: 4px solid;
  }

  .navbar-nav ul a.has-submenu {
      padding-right: 30px;
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
      border-color: transparent;
      padding: 0;
  }


  /* scrolling arrows for tall menus */

  .navbar-nav span.scroll-up,
  .navbar-nav span.scroll-down {
      position: absolute;
      display: none;
      visibility: hidden;
      height: 20px;
      overflow: hidden;
      text-align: center;
  }

  .navbar-nav span.scroll-up-arrow,
  .navbar-nav span.scroll-down-arrow {
      position: absolute;
      top: -2px;
      left: 50%;
      margin-left: -8px;
      width: 0;
      height: 0;
      overflow: hidden;
      border-top: 7px dashed transparent;
      border-right: 7px dashed transparent;
      border-bottom: 7px solid;
      border-left: 7px dashed transparent;
  }

  .navbar-nav span.scroll-down-arrow {
      top: 6px;
      border-top: 7px solid;
      border-right: 7px dashed transparent;
      border-bottom: 7px dashed transparent;
      border-left: 7px dashed transparent;
  }

  .navbar-default .navbar-nav li a {
      color: #555;
      /* text-transform: uppercase; */
      font-size: 16px;
      font-weight: 500;
      line-height: 15px;
  }

  .navbar-default .navbar-nav>li {}

  .navbar-default .navbar-nav>li:first-child {
      border-left: none;
      height: 35px;
  }

  a.voir {
      color: #0d974e;
      font-size: 17px;
      font-weight: 600;
      float: right;
      margin-right: 16px;
  }

  a.voir:hover {
      text-shadow: -1px 1px 3px #0d974e;
      font-size: 18px;
      font-weight: 600;
      float: right;
      margin-right: 16px;
  }

  .navbar-default .navbar-nav>li>a {
      /* text-shadow: 1px 1px 1px #000; */
      /* margin-top: -5px; */
      margin: 4px;
      color: #fff;
      margin: 11px;
      padding: 5px;
      border-radius: 10px;
      text-align: center;
      /* width: 5.5em; */
      /* border: 1px solid #ed972f; */
  }

  .navbar-default .navbar-nav>li>a:hover,
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:hover,
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:hover {
      background: none !important;
      color: #fff !important;
      /*top: -8px;*/
      /*margin-top: -22px;*/
      /*margin-top: -30px;*/
  }

  #myCarousel .carousel-caption {
    left:0;
    right:0;
    bottom:0;
    text-align:left;
    padding:10px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
	background: #ed9730;
}
#myCarousel .list-group .active {
	background-color: #46931d;
	box-shadow: 3px 1px 1px #ed9730;
	/* border: 2px solid #ffffff7d; */
}




/* test */
#DIV_1 {
    box-sizing: border-box;
    cursor: default;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(220, 220, 220);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    padding: 17px;
    border-top: none;
    padding-top: 16px;
    margin-bottom: 40px;
}/*#DIV_1*/

#SPAN_2 {
    display: block;
    color: rgb(237, 151, 48);
    border: 0px none rgb(89, 89, 89);
    margin: -11px 0px 0px;
    padding: 5px;
    font-weight: 500;
    font-size: 18px;
}/*#SPAN_2*/

#LI_3 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 68px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 278px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 139px 34px;
    transform-origin: 139px 34px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    margin: 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#LI_3*/

.sidetxt {
    /* box-sizing: border-box; */
    color: rgb(0, 50, 102);

    font: normal normal 400 normal 14px / 17.1429px Arial, Helvetica, sans-serif;

}/*.sidetxt*/

#BR_5 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(51, 51, 51) none 0px;
}/*#BR_5*/

#SPAN_6 {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(153, 153, 153);
    text-size-adjust: 100%;
    column-rule-color: rgb(153, 153, 153);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(153, 153, 153);
    border: 0px none rgb(153, 153, 153);
    font: normal normal 400 normal 10px / 14.2857px verdana;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(153, 153, 153) none 0px;
}/*#SPAN_6*/

#DIV_7 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 6px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 298px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 149px 3px;
    transform-origin: 149px 3px;
    caret-color: rgb(51, 51, 51);
    border-top: 1px dotted rgb(220, 220, 220);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 0px none rgb(51, 51, 51);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 0px 5px;
}/*#DIV_7*/

#LI_8 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 68px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 278px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 139px 34px;
    transform-origin: 139px 34px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    margin: 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#LI_8*/

#A_9 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    text-align: left;
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(0, 50, 102) none 0px;
}/*#A_9*/

#BR_10 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(51, 51, 51) none 0px;
}/*#BR_10*/

#SPAN_11 {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(153, 153, 153);
    text-size-adjust: 100%;
    column-rule-color: rgb(153, 153, 153);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(153, 153, 153);
    border: 0px none rgb(153, 153, 153);
    font: normal normal 400 normal 10px / 14.2857px verdana;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(153, 153, 153) none 0px;
}/*#SPAN_11*/

#DIV_12 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 6px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 298px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 149px 3px;
    transform-origin: 149px 3px;
    caret-color: rgb(51, 51, 51);
    border-top: 1px dotted rgb(220, 220, 220);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 0px none rgb(51, 51, 51);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 0px 5px;
}/*#DIV_12*/

#LI_13 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 85px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 278px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 139px 42.5px;
    transform-origin: 139px 42.5px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    margin: 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#LI_13*/

#A_14 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    text-align: left;
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(0, 50, 102) none 0px;
}/*#A_14*/

#BR_15 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(51, 51, 51) none 0px;
}/*#BR_15*/

#SPAN_16 {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(153, 153, 153);
    text-size-adjust: 100%;
    column-rule-color: rgb(153, 153, 153);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(153, 153, 153);
    border: 0px none rgb(153, 153, 153);
    font: normal normal 400 normal 10px / 14.2857px verdana;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(153, 153, 153) none 0px;
}/*#SPAN_16*/

#DIV_17 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 6px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 298px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 149px 3px;
    transform-origin: 149px 3px;
    caret-color: rgb(51, 51, 51);
    border-top: 1px dotted rgb(220, 220, 220);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 0px none rgb(51, 51, 51);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 0px 5px;
}/*#DIV_17*/

#LI_18 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 51px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 278px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 139px 25.5px;
    transform-origin: 139px 25.5px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    margin: 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#LI_18*/

#A_19 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    text-align: left;
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(0, 50, 102) none 0px;
}/*#A_19*/

#BR_20 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(51, 51, 51) none 0px;
}/*#BR_20*/

#SPAN_21 {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(153, 153, 153);
    text-size-adjust: 100%;
    column-rule-color: rgb(153, 153, 153);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(153, 153, 153);
    border: 0px none rgb(153, 153, 153);
    font: normal normal 400 normal 10px / 14.2857px verdana;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(153, 153, 153) none 0px;
}/*#SPAN_21*/

#DIV_22 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 6px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 298px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 149px 3px;
    transform-origin: 149px 3px;
    caret-color: rgb(51, 51, 51);
    border-top: 1px dotted rgb(220, 220, 220);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 0px none rgb(51, 51, 51);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 0px 5px;
}/*#DIV_22*/

#LI_23 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 68px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 278px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 139px 34px;
    transform-origin: 139px 34px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    margin: 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#LI_23*/

#A_24 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    text-align: left;
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(0, 50, 102) none 0px;
}/*#A_24*/

#BR_25 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(51, 51, 51) none 0px;
}/*#BR_25*/

.col-lg-4.col-md-4.col-sm-4 {
    margin-right: 69px;
}
.col-lg-3.col-md-3.col-sm-3 {
    margin-left: -69px;
}

#SPAN_26 {
    box-sizing: border-box;
    color: rgb(153, 153, 153);
    cursor: default;
    text-align: left;
    text-decoration: none solid rgb(153, 153, 153);
    text-size-adjust: 100%;
    column-rule-color: rgb(153, 153, 153);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(153, 153, 153);
    border: 0px none rgb(153, 153, 153);
    font: normal normal 400 normal 10px / 14.2857px verdana;
    list-style: square inside url("https://news.abidjan.net/images/arrow_list.jpg");
    outline: rgb(153, 153, 153) none 0px;
}/*#SPAN_26*/

#DIV_27 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: default;
    height: 6px;
    text-decoration: none solid rgb(51, 51, 51);
    text-size-adjust: 100%;
    width: 298px;
    column-rule-color: rgb(51, 51, 51);
    perspective-origin: 149px 3px;
    transform-origin: 149px 3px;
    caret-color: rgb(51, 51, 51);
    border-top: 1px dotted rgb(220, 220, 220);
    border-right: 0px none rgb(51, 51, 51);
    border-bottom: 0px none rgb(51, 51, 51);
    border-left: 0px none rgb(51, 51, 51);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 0px 5px;
}/*#DIV_27*/

#IMG_28 {
    /* box-sizing: border-box; */
    /* color: rgb(51, 51, 51); */
    /* cursor: default; */
    /* height: 8px; */
    /* text-decoration: none solid rgb(51, 51, 51); */
    /* text-size-adjust: 100%; */
    /* vertical-align: middle; */
    /* width: 8px; */
    /* column-rule-color: rgb(51, 51, 51); */
    /* perspective-origin: 4px 4px; */
    /* transform-origin: 4px 4px; */
    /* caret-color: rgb(51, 51, 51); */1) */
    border: 0px none rgb(51, 51, 51);
    /* font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif; */
    /* outline: rgb(51, 51, 51) none 0px; */
    px; */
}/*#IMG_28*/

#A_29 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 400 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    outline: rgb(0, 50, 102) none 0px;
}/*#A_29*/

#STRONG_30 {
    box-sizing: border-box;
    color: rgb(0, 50, 102);
    cursor: pointer;
    text-decoration: none solid rgb(0, 50, 102);
    text-size-adjust: 100%;
    column-rule-color: rgb(0, 50, 102);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(0, 50, 102);
    border: 0px none rgb(0, 50, 102);
    font: normal normal 700 normal 12px / 17.1429px Arial, Helvetica, sans-serif;
    outline: rgb(0, 50, 102) none 0px;
}/*#STRONG_30*/


/* End Test */

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}
   .navbar-nav>li.active {
       background: none;
       /* border-top: 4px solid #089801; */
  } 

  .navbar-nav>li:hover {
      /* border-top: 4px solid #089801; */
      /* color: #ff9833; */
      /* background: #ceda24; */
      /* transition: all 0.2s ease-in-out 0s; */
      /* height: 40px; */
      /* margin-top: 22px; */
      /* top: 30px; */
      /* margin-top: -30px; */
  }

  .row.row-title {
      height: 85px;
      width: 100%;
      margin-top: 10px;
      margin-bottom: -5px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
      background: #ceda24;
      color: #fff;
  }

  .dropdown-menu>.active>a,
  .dropdown-menu>.active>a:focus,
  .dropdown-menu>.active>a:hover {
      background-color: #fff;
  }


  /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */

  .navbar-nav .collapsible ul .dropdown-menu>li>a,
  .navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
      padding-left: 35px;
  }

  .navbar-nav .collapsible ul ul .dropdown-menu>li>a,
  .navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
      padding-left: 45px;
  }

  .navbar-nav .collapsible ul ul ul .dropdown-menu>li>a,
  .navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
      padding-left: 55px;
  }

  .navbar-nav .collapsible ul ul ul ul .dropdown-menu>li>a,
  .navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
      padding-left: 60px;
  }

  .navbar-nav .dropdown-menu>li>a {
      white-space: normal;
      font-size: 13px;
      padding: 12px 20px;
      border-bottom: 1px solid #e4e4e4;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  }

  .navbar-nav .dropdown-menu>li:last-child a {
      border-bottom: none;
  }

  .navbar-nav .dropdown-menu>li>a:hover {
      color: #ff9833;
      background: #fff;
      z-index: 9999 !i;
      /* text-shadow: 1px 1px 1px #000; */
  }

  .navbar-nav ul.sm-nowrap>li>a {
      /* white-space: nowrap; */
  }


  /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */

  .navbar-nav .collapsible ul {
      display: none;
      position: static !important;
      top: auto !important;
      left: auto !important;
      margin-left: 0 !important;
      margin-top: 0 !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
  }

  .navbar-nav .collapsible ul.sm-nowrap>li>a {
      white-space: normal;
  }

  .navbar-nav .collapsible iframe {
      display: none;
  }


  /* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */

  ul.sm li *,
  ul.sm li *:before,
  ul.sm li *:after {
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
  }

  .nav .open>a,
  .nav .open>a:hover,
  .nav .open>a:focus {
      border-color: transparent!important;
      background-color: #02b702;
      color: #fff !important;
  }


  /*--------Animation_Hover_Effect_CSS---------------*/

  .navbar-nav>li:hover>ul {
      -moz-animation: fadeInUp .4s ease-in;
      -webkit-animation: fadeInUp .4s ease-in;
      animation: fadeInUp .4s ease-in;
  }

  .navbar-nav>li>ul.dropdown-menu li:hover ul {
      -moz-animation: fadeInUp .5s ease-in;
      -webkit-animation: fadeInUp .5s ease-in;
      animation: fadeInUp .5s ease-in;
  }

  @-webkit-keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(30px);
          transform: translateY(30px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
      }
  }

  @keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(30px);
          -ms-transform: translateY(30px);
          transform: translateY(30px);
      }
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
      }
  }

  .fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }


  /*--------//Animation_Hover_Effect_CSS---------------*/


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


  /* 4. FOOTER & FOOTER WIDGETS												 */


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

  .footer_bottom {
      background: #05351c;
      padding: 20px 0;
      color: #fff;
  }

  .footer {
      background: #05542b;
      padding: 30px 0;
      position: relative;
      color: #fff;
  }


  /* Footer Widgets
  ====================================*/

  .widget_content {
      margin-top: 15px;
  }

  .widget_content>p {
      font-family: Pt Sans;
      font-size: 14px;
  }

  .copyright {
      color: #AAAAAA;
      font-size: 16px;
      line-height: 25px;
      margin: 0;
      padding: 25px;
      text-align: center;
  }

  .copyright a {
      color: #fff;
      text-decoration: none;
  }

  .copyright a:hover {
      color: #aaa;
  }

  .sidebar .widget h4 span {
      background: #fff;
      color: inherit;
  }


  /* Twitter Feed Widget
  ====================================*/

  .tweet_list {
      padding: 0;
      position: relative;
      margin: 0 auto;
      list-style: none;
  }

  .tweet_list li {
      color: #fff;
      margin-bottom: 5px;
  }

  .tweet_list li i {
      float: left;
      font-size: 16px;
      line-height: 20px;
      padding-right: 8px;
      position: relative;
  }

  .tweet_list li p {
      line-height: 20px;
      overflow: hidden;
      margin-bottom: 0px;
  }

  .tweet_list li p a {
      color: #fff;
      font-weight: 700;
      font-size: 12px
  }

  .time {
      font-size: 12px;
      color: #E3E3E3;
      font-family: Lato;
      font-weight: bold;
      padding-left: 25px;
  }


  /* Contact Widget
  ====================================*/

  .contact-details-alt {
      padding: 0;
  }

  .contact-details-alt li {
      list-style: none;
  }

  .contact-details-alt li p strong {
      color: #fff;
      float: left;
      margin: 0;
      font-size: 12px;
      width: 25%;
  }

  .contact-details li p strong {
      color: #666;
      float: left;
      margin: 0 5px 5px 0;
  }

  .contact-details-alt li {
      margin: 0 0 5px 0;
  }

  .contact-details p,
  .contact-details li,
  .contact-details a {
      color: #666;
  }

  .contact-details-alt p {
      line-height: 18px;
      width: 100%;
      margin: 0;
  }

  .contact-details-alt p a {
      color: #FFFFFF;
      font-weight: 700;
      font-size: 12px;
  }

  .contact-details-alt p a:hover {
      color: #919191;
  }

  .contact-details-alt li i {
      float: left;
      font-size: 12px;
      margin: 2px 0 0 0;
      width: 15px;
  }

  .widget_info_contact {
      padding: 0;
      margin-top: 20px;
  }

  .widget_info_contact li {
      list-style: none;
  }

  .widget_info_contact li p strong {
      color: #666;
      float: left;
      margin: 0 5px 5px 0;
      font-size: 12px;
      width: 20%;
  }

  .widget_info_contact li {
      margin: 0 0 5px 0;
  }

  .widget_info_contact p {
      margin: 0 0 0 20px;
      line-height: 18px;
      overflow: hidden;
  }

  .widget_info_contact p a {
      color: #666;
      font-weight: 600;
      font-size: 12.5px;
  }

  .widget_info_contact p a:hover {
      color: #919191;
  }

  .widget_info_contact li i {
      float: left;
      margin: 1px 0 0 0;
  }


  /* Social Widget
  ====================================*/

  .widget_social {
      list-style: none outside none;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
  }

  .widget_social li {
      float: left;
      background: none !important;
  }

  .widget_social li a {
      color: #666;
      display: block;
      height: 46px;
      text-align: center;
      width: 46px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
  }

  .widget_social li a i {
      font-size: 22px;
      line-height: 46px;
      margin-right: 0;
      float: none;
  }

  .widget_social li a.fb:hover {
      color: #2f5a9a;
  }

  .widget_social li a.twtr:hover {
      color: #3abdd1;
  }

  .widget_social li a.gmail:hover {
      color: #363636;
  }

  .widget_social li a.pinterest:hover {
      color: #d13a3a;
  }

  .widget_social li a.rss:hover {
      color: #f15200;
  }

  .widget_social li a.tumblr:hover {
      color: #203550;
  }

  .widget_social li a.flickrs:hover {
      color: #ff0084;
  }

  .widget_social li a.instagram:hover {
      color: #507ea4;
  }

  .widget_social li a.linkedin:hover {
      color: #0072b2;
  }

  .widget_social li a.skype:hover {
      color: #00aaf1;
  }

  .widget_social li a.youtube:hover {
      color: #ff3330;
  }

  .widget_social li a.dribbble:hover {
      color: #f973a4;
  }


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


  /* 5. Sidebar & Sidebar Widgets
  ====================================================================== */

  .sidebar .widget {
      display: block;
      float: left;
      height: 100%;
      margin-bottom: 30px;
      position: relative;
      width: 100%;
  }

  .sidebar .widget ul.list_style {
      padding: 0px;
      margin: 0px;
      float: left;
      width: 100%;
  }

  .sidebar .widget ul.list_style li {
      list-style: none;
      border-bottom: 1px solid #f2f2f2;
      font-size: 12px;
      line-height: 20px;
      padding: 8px 2px 8px 12px;
  }

  .sidebar .list_style li:before {
      font-family: FontAwesome;
      content: "\f105";
      font-size: 13px;
      position: absolute;
      left: 0;
      top: 8px;
  }

  .sidebar .widget ul.list_style li a {
      color: #777;
      font-size: 13px;
      line-height: 20px;
  }

  .sidebar .widget ul.list_style li a:hover {
      color: #02b702;
  }


  /* Site Search
  ====================================*/

  .site-search-area {
      margin: 0px;
      padding: 0 0 30px;
  }

  #site-searchform {
      margin: 0;
      padding: 0;
  }

  #site-searchform #s {
      border: 1px solid #eee;
      background-color: #fff;
      width: 82%;
      height: 41px;
      padding: 5px 10px 5px 10px;
      color: #999;
      float: left;
      font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
  }

  #site-searchform #s:focus {
      border: 1px solid #E74C3C;
      background-color: #fff;
      width: 82%;
      height: 41px;
      padding: 5px 10px 5px 10px;
      color: #999;
      float: left;
      font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
  }

  #site-searchform #searchsubmit {
      float: left;
      width: 18%;
      height: 41px;
      cursor: pointer;
      text-indent: -5555em;
      line-height: 100;
      overflow: hidden;
      background: #02b702 url(../images/search-icon.png) no-repeat center 14px;
      border: 0;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
  }

  #site-searchform #searchsubmit:hover {
      background: #383634 url(../images/search-icon.png) no-repeat center 14px;
  }

  .gray_border {
      width: 100%;
      height: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #DCDCDC;
  }

  ul.tags {
      padding: 0;
      margin: 5px 0 15px;
      float: left;
  }

  .tags li {
      float: left;
      padding: 0px;
      margin: 0px 5px 5px 0px;
      list-style-type: none;
      line-height: 25px;
  }

  .tags li a {
      border: 1px solid #f2f2f2;
      color: #909090;
      float: left;
      font-size: 12px;
      padding: 3px 8px;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
  }

  .tags li a:hover {
      background-color: #02b702;
      color: #fff;
  }


  /* Recent Posts Widget
  ====================================*/

  .links {
      margin: 0;
      padding: 0;
  }

  .links li {
      list-style: none;
  }

  .links i {
      margin-right: 2px;
  }

  .links li a {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      line-height: 22px;
  }

  .footer li a:hover {
      color: #02b702;
  }

  .links li span {
      display: block;
      color: #919191;
      font-size: 12px;
      margin-bottom: 6px;
  }


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


  /*  6. PORTFOLIO/PROJECTS                                     */


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

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

  .isotope-hidden.isotope-item {
      pointer-events: none;
      z-index: 1;
  }


  /* Isotope CSS3 transitions */

  .isotope,
  .isotope .isotope-item {
      -webkit-transition-duration: 0.8s;
      -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
      -o-transition-duration: 0.8s;
      transition-duration: 0.8s;
  }

  .isotope {
      -webkit-transition-property: height, width;
      -moz-transition-property: height, width;
      -ms-transition-property: height, width;
      -o-transition-property: height, width;
      transition-property: height, width;
  }

  .isotope .isotope-item {
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      -ms-transition-property: -ms-transform, opacity;
      -o-transition-property: top, left, opacity;
      transition-property: transform, opacity;
  }


  /* Disabling Isotope CSS3 transitions */

  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
      -webkit-transition-duration: 0s;
      -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
      -o-transition-duration: 0s;
      transition-duration: 0s;
  }


  /* Disable CSS transitions for containers with infinite scrolling */

  .isotope.infinite-scrolling {
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
  }

  #portfolio {
      width: 100%;
      padding-bottom: 120px;
      position: relative;
      z-index: 9;
  }

  #filter {
      margin: 0 auto 25px 15px;
      overflow: hidden;
      padding: 5px 0 0;
      position: relative;
      text-align: left;
      width: auto;
      z-index: 10;
  }

  #filter li {
      float: left;
      list-style: none outside none;
      margin: 0 1px 10px;
  }

  #filter li a {
      color: #505354;
      padding: 10px 20px;
      font-size: 14px;
      position: relative;
      line-height: 12px;
      font-family: Arial, Helvetica, sans-serif;
      -moz-transition: all .50s ease-in-out;
      -webkit-transition: all .50s ease-in-out;
      transition: all .50s ease-in-out;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      outline: none;
      text-decoration: none;
  }

  #filter li.selected a,
  #filter li a:hover {
      color: #02b702;
  }

  #filter li.selected a:after,
  #filter li a:hover:after {
      background: #02b702;
      width: 100%;
  }

  #filter li a:after,
  #filter li a:before {
      transition: all .5s;
  }

  #filter li a:after {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 0%;
      content: '.';
      color: transparent;
      height: 2px;
  }

  #filter li a:hover:after {
      width: 100%;
  }

  #list {
      margin-bottom: 30px;
      padding: 0;
  }

  .list_item {
      margin-bottom: 3%;
      overflow: hidden;
  }

  .list_item h4 {
      font-size: 18px;
  }

  img.patimg {
      width: 65%;
      /* height: 60%; */
  }


  /* Hover Effect on Portfolio Image
  ====================================*/

  .recent-item {
      transition: all 0.4s cubic-bezier(0.76, 0.1, 0.21, 0.9) 0s;
      width: 100%;
      border: 1px solid #f1ecec;
  }

  .recent-item .touching.medium .plus_overlay {
      border-bottom: 50px solid #02b702;
      border-left: 50px solid transparent;
      bottom: 0;
      height: 0;
      opacity: 0.95;
      position: absolute;
      right: 0;
      text-indent: -9999px;
      transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
      width: 0;
      z-index: 999;
  }

  .recent-item:hover .touching.medium .plus_overlay {
      border-bottom: 500px solid rgba(5, 144, 71, 0.72);
      border-left: none;
      height: 100%;
      width: 100%;
  }

  .recent-item:hover .touching.medium .plus_overlay_icon {
      display: none;
  }

  .recent-item .touching.medium .plus_overlay_icon {
      bottom: 10px;
      color: #fff;
      height: 15px;
      position: absolute;
      right: 8px;
      transition: all 0.2s cubic-bezier(0.63, 0.08, 0.35, 0.92) 0s;
      width: 13px;
      z-index: 999;
  }

  .recent-item:hover .item-description {
      display: block;
      left: 0;
      position: absolute;
      top: 35%;
      left: 0;
      width: 100%;
      z-index: 999;
  }

  .touching.medium {
      position: relative;
      overflow: hidden;
      width: 100%;
  }

  .touching.medium img {
      width: 100%;
      position: relative;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
  }

  .recent-item .item-description {
      opacity: 0;
      position: absolute;
      top: 0;
      text-align: center;
  }

  .item-description h5 {
      color: #fff;
      font-size: 22px;
      font-weight: 700;
      line-height: 40px;
      margin: 0;
      text-transform: uppercase;
  }

  .recent-item:hover .item-description {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      opacity: 1;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
  }

  .recent-item .item-description span {
      color: #fff;
      font-size: 20px;
      display: block;
      font-weight: 600;
      line-height: 14px;
  }

  .recent-item .option {
      position: absolute;
      text-align: center;
      top: 25%;
      left: 0;
      width: 100%;
      z-index: 9999;
  }

  .recent-item .option a {
      color: #02b702;
      background: #FFF;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      font-size: 21px;
      line-height: 43px;
      text-align: center;
      display: inline-block;
      zoom: 1;
      -moz-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      z-index: 100;
      transform: scale(0, 0) rotateX(360deg);
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
  }

  .recent-item .option a:hover {
      background: #02b702;
      color: #fff;
  }

  .recent-item:hover .option a {
      zoom: 1;
      -moz-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100);
      transform: scale(1, 1) rotateX(0deg);
  }

  .recent-item .option a.hover-zoom {
      margin-right: 1%;
  }

  .recent-item .option a.hover-link {
      margin-left: 1%;
  }


  /*-------Portfolio_3_Medium_Images----------*/

  .medium-images .recent-item .option {
      top: 23%;
  }

  .medium-images .recent-item .option a {
      font-size: 15px;
      line-height: 40px;
      width: 40px;
      height: 40px;
  }

  .medium-images .recent-item:hover .item-description {
      top: 35%;
  }

  .medium-images .item-description h5 {
      font-size: 19px;
      line-height: 33px;
  }

  .medium-images .item-description span {
      font-size: 18px;
      font-weight: 600;
      line-height: 13px;
  }

  .medium-images .list_item h4 {
      font-size: 16px;
  }


  /*-------Portfolio_4_small-images----------*/

  .small-images .recent-item .option {
      top: 18%;
  }

  .small-images .recent-item .option a,
  .jcarousel .recent-item a {
      width: 55px;
      height: 55px;
      font-size: 25px;
      /* background: #d7df22; */
      color: #d7df22;
      line-height: 55px;
  }

  .small-images .recent-item:hover .item-description {
      top: 28%;
  }

  .small-images .item-description h5,
  .jcarousel-list .item-description>h5 {
      font-size: 17px;
      margin: 0;
  }

  .jcarousel-list .item-description>span {
      font-size: 17px;
      line-height: 1;
  }

  .small-images .item-description span {
      line-height: 0.5;
      font-size: 16px;
  }

  .small-images .list_item h4 {
      font-size: 18px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
      color: #000;
  }

  .small-images .list_item h4:hover {
      font-size: 18px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
      color: #fff;
  }

  .jcarousel-list .recent-item:hover .item-description {
      top: 50%;
  }


  /*----------//Portfolio_4_small-images-------------*/


  /* ----------------------------------------------------
    MASONRY PORTFOLIO STYLES
  ------------------------------------------------------- */

  .masonry_wrapper {
      overflow: hidden;
      margin: 0 0 30px;
  }

  .masonry_wrapper .item img {
      height: auto !important;
      height: 100% !important;
      width: 100%;
      position: relative;
      z-index: -2;
  }

  .mixed-container .item {
      padding: 10px 5px !important;
      margin: 0 !important;
      height: auto !important
  }

  .mixed-container .item img {
      padding: 0 !important;
      width: 100%;
      margin: 0 !important;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      -ms-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
  }

  .mixed-container .item img:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
  }

  .item figure {
      position: relative;
      z-index: 1;
      overflow: hidden;
      background: #fff;
      text-align: center;
      cursor: pointer;
  }

  .item figure img {
      position: relative;
      display: block;
      opacity: 1;
  }

  .item .recent-item .option {
      top: 33%;
  }

  .item .recent-item:hover .item-description {
      top: 50%;
  }


  /*------------Masonry-medium-images----------*/

  .medium-images .item .recent-item .option {
      top: 25%;
  }

  .medium-images .item .recent-item:hover .item-description {
      top: 48%;
  }


  /*-----------Masonry-small-images---------*/

  .small-images .item .recent-item:hover .item-description {
      top: 45%;
  }

  .small-images .item .recent-item .option {
      top: 25%;
  }


  /*---------//Masonry-CSS---------------*/


  /* Portfolio Single Page
  ====================================*/

  .portfolio_single {
      padding: 30px 0;
  }

  .portfolio_single .widget_title h4 span {
      background: #fff;
  }

  .project_details {
      background-color: #fff;
      overflow: hidden;
  }

  .project_detail_slider {
      margin-bottom: 30px;
  }

  .project_desc p {
      margin-bottom: 20px;
  }

  .project_desc h6,
  .project_details h6 {
      font-size: 20px;
      margin-top: 5px;
  }

  .project_details .details li {
      border-bottom: 1px solid #F2F2F2;
      color: #A3A3A3;
      font-size: 12px;
      line-height: 18px;
      padding: 8px 0;
  }

  .project_details .details {
      margin: 0;
      padding: 0;
  }

  .project_details .details li span {
      color: #686868;
      display: block;
      float: left;
      font-weight: bold;
      height: 20px;
      position: relative;
      width: 30%;
  }

  .project_details .details li a {
      color: #A3A3A3;
      font-size: 12px;
  }

  .project_details .details li a:hover {
      color: #e74c3c;
  }

  .project_detail_box {
      margin-bottom: 30px;
  }

  .project_description,
  .project_details {
      margin-bottom: 30px;
  }

  .arrow-left,
  .arrow-right {
      width: 23px;
      height: 23px;
      display: inline-block;
      float: left;
      background-color: #f2f2f2;
      color: #666;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      -ms-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
  }

  .arrow-left i,
  .arrow-right i {
      font-size: 14px;
      display: block;
      line-height: 16px;
      padding-top: 4px;
      text-align: center;
  }

  .arrow-left.active,
  .arrow-right.active {
      background-color: #bdc3c7;
      color: #f2f2f2;
      cursor: pointer;
  }

  .arrow-left.active:hover,
  .arrow-right.active:hover {
      background-color: #777;
  }


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


  /* 7. BLOG STYLING
  /* ======================================================================== */

  .blogTitle {
      margin: auto auto 10px;
      position: relative;
  }

  .blogTitle>a h2 {
      font-size: 18px;
      margin-bottom: 5px;
      margin-top: 0;
      color: #555;
      font-weight: 600;
      text-decoration: none;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
  }

  .blogContent>p {
      font-size: 13px;
      line-height: 20px;
  }

  .blogTitle>a:hover h2 {
      color: #02b702;
  }

  .blogTitle span {
      color: #777;
      cursor: pointer;
      font-size: 12px;
      line-height: 24px;
  }

  .blogTitle span i {
      padding-right: 5px;
      font-size: 12px;
  }

  .blogTitle span:hover i {
      color: #777;
  }

  .blogMeta {
      display: inline-block;
      padding: 5px 0 0;
      position: relative;
  }

  .blogMeta a {
      color: #777;
      font-size: 12px;
      line-height: 20px;
      margin-right: 15px;
      text-decoration: none;
  }

  .blogMeta a:hover,
  .blogTitle span:hover {
      color: #02b702
  }

  .blogMeta a i {
      padding-right: 5px;
      font-size: 14px;
  }

  .blogMeta a:hover i {
      color: #777;
  }

  .blogDetail {
      border: 1px solid #f2f2f2;
      display: inline-block;
      padding: 15px;
      position: relative;
  }

  .blogPic {
      position: relative;
  }

  .blogPic>img {
      width: 100%;
  }

  .blog-hover>a {
      display: block;
      left: 45%;
      position: absolute;
      top: 35%;
  }

  .blogPic .blog-hover {
      background: rgba(255, 255, 255, 0.5);
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transition: all 120ms ease-in-out;
      -moz-transition: all 120ms ease-in-out;
      -o-transition: all 120ms ease-in-out;
      -ms-transition: all 120ms ease-in-out;
      transition: all 120ms ease-in-out;
      width: 100%;
  }

  .blogPic:hover .blog-hover {
      opacity: 1;
  }

  .blogPic .blog-hover .icon {
      background: #02b702;
      border-radius: 50% 50% 50% 50%;
      display: block;
      height: 40px;
      margin: 25% auto 0;
      position: relative;
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out;
      color: #f2f2f2;
      width: 40px;
      text-align: center;
      font-size: 16px;
      line-height: 40px;
      top: 50%;
  }

  .blogPic .blog-hover .icon:hover {
      background: #555;
  }

  .blogPic:hover .blog-hover .icon {
      top: 0;
  }

  .blogPic .blog-hover p {
      font-size: 20px;
      text-align: center;
      text-transform: uppercase;
  }

  .blog {
      padding: 50px 0;
  }

  .blog_large .post,
  .blog_single .post {
      padding-bottom: 50px;
      margin-bottom: 50px;
      border-bottom: 1px solid #f2f2f2;
  }

  .blog_large .post_img,
  .blog_single .post_img {
      margin-bottom: 25px;
      position: relative;
  }

  .blog_large .post_img img,
  .blog_single .post_img img {
      height: auto;
      max-width: 100%;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      -ms-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
  }

  .blog_large .post_img:hover img,
  .blog_single .post_img:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
  }

  .blog_large .post_video {
      margin-bottom: 25px;
      position: relative;
  }

  .blog_large .post_video iframe {
      max-width: 100%;
      max-height: 100%;
      height: 320px;
      width: 100%;
      border: none;
      box-shadow: none;
  }

  .blog_large .post_date,
  .blog_single .post_date {
      float: left;
      height: 0;
      text-align: center;
  }

  .blog_large .post_date span,
  .blog_single .post_date span {
      display: block;
  }

  .blog_large .day,
  .blog_single .day {
      background: #02b702;
      color: #FFFFFF;
      font-size: 22px;
      font-weight: 600;
      padding: 10px;
  }

  .blog_large .month,
  .blog_single .month {
      background: #555;
      color: #FFFFFF;
      padding: 4px 13px 6px;
  }

  .blog_large .post_content,
  .blog_single .post_content {
      margin: 0 0 0 70px;
  }

  .blog_large .post_meta .metaInfo,
  .blog_single .post_meta .metaInfo {
      font-size: 0.9em;
      margin-bottom: 7px;
  }

  .blog_large .post_meta .metaInfo>span,
  .blog_single .post_meta .metaInfo>span {
      display: inline-block;
      padding-right: 15px;
      color: #777;
  }

  .blog_large .post_meta .metaInfo>span>a,
  .blog_single .post_meta .metaInfo>span>a {
      color: #777;
      font-family: lato;
      font-size: 12.4px;
  }

  .blog_large .post_meta .metaInfo>span>a:hover,
  .blog_single .post_meta .metaInfo>span>a:hover {
      color: #02b702;
  }

  .blog_large .post_meta .metaInfo,
  .blog_single .post_meta .metaInfo {
      font-size: 0.95em;
      margin: 0 auto;
      padding: 0 0 20px;
  }

  .blog_large .post_meta .metaInfo i,
  .blog_single .post_meta .metaInfo i {
      margin-right: 3px;
      color: #777;
  }

  .blog_large .post_meta h2,
  .blog_single .post_meta h2 {
      margin-bottom: 10px;
      margin-top: 0;
  }

  .blog_large .post_meta h2 a,
  .blog_single .post_meta h2 a {
      font-size: 24px;
      font-weight: 600;
      color: #555;
      line-height: 34px;
      text-transform: capitalize;
  }

  .blog_large .post_meta h2:hover a,
  .blog_single .post_meta h2:hover a {
      color: #02b702;
  }

  .blog_large .post_content>p,
  .blog_single .post_content>p {
      margin-bottom: 20px;
  }


  /* BLOG MEDIUM
  /* ==========================*/

  .blog_medium .post:after {
      clear: both;
      content: " ";
      display: block;
      visibility: hidden;
  }

  .blog_medium .post {
      padding-bottom: 50px;
      margin-bottom: 50px;
      border-bottom: 1px solid #f2f2f2;
  }

  .blog_medium .post_img {
      float: left;
      margin-bottom: 0;
      margin-right: 20px;
      position: relative;
      width: 35%;
  }

  .blog_medium .post_img img {
      height: auto;
      max-width: 100%;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
  }

  .blog_medium .post_img:hover img {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
  }

  .blog_medium .post_video {
      margin-bottom: 25px;
      position: relative;
  }

  .blog_medium .post_video iframe {
      max-width: 100%;
      max-height: 100%;
      height: 320px;
      width: 100%;
      border: none;
      box-shadow: none;
  }

  .blog_medium .post_date {
      float: left;
      margin-right: 20px;
      position: relative;
      text-align: center;
  }

  .blog_medium .post_date span {
      display: block;
  }

  .blog_medium .day {
      background: #02b702;
      color: #FFFFFF;
      font-size: 22px;
      font-weight: 600;
      padding: 5px 10px;
  }

  .blog_medium .month {
      background: #555;
      color: #FFFFFF;
      padding: 2px 13px 4px;
  }

  .blog_medium .post_content {
      float: left;
      margin: 0;
      width: 50%;
  }

  .blog_medium .post.no_images .post_content {
      max-width: 88%;
      width: auto;
  }

  .blog_medium .post_meta .metaInfo {
      font-size: 0.9em;
      margin-bottom: 7px;
  }

  .blog_medium .post_meta .metaInfo>span {
      display: inline-block;
      padding-right: 15px;
      color: #777;
  }

  .blog_medium .post_meta .metaInfo>span>a {
      color: #777;
      font-family: lato;
      font-size: 12.4px;
  }

  .blog_medium .post_meta .metaInfo>span>a:hover {
      color: #02b702;
  }

  .blog_medium .post_meta .metaInfo {
      font-size: 0.95em;
      margin: 0 auto;
      padding: 0 0 20px;
  }

  .blog_medium .post_meta .metaInfo i {
      margin-right: 3px;
      color: #777;
  }

  .blog_medium .post_meta h2 {
      margin-bottom: 10px;
      margin-top: 0;
  }

  .blog_medium .post_meta h2 a {
      font-size: 24px;
      font-weight: 600;
      color: #555;
      line-height: 34px;
      text-transform: capitalize;
  }

  .blog_medium .post_meta h2:hover a {
      color: #02b702;
  }

  .blog_medium .post_content>p {
      margin-bottom: 20px;
  }


  /*  Masonry Blog Style
  ================================================== */

  .masonry_wrapper_blog .blog-item {
      background: #f1f1f1 !important;
      padding: 20px !important;
  }

  .masonry_wrapper_blog .metaInfo {
      margin-top: 25px;
      padding: 0;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
  }

  .masonry_wrapper_blog .metaInfo a {
      color: #555;
      padding: 0;
  }

  .masonry_wrapper_blog .metaInfo a:hover,
  .blog-item>span a:hover,
  .blog-title a:hover {
      color: #02b702;
  }

  .blog-title>h2 {
      margin: 15px 0;
  }

  .blog-title a {
      font-size: 22px;
      line-height: 25px;
      font-weight: 600;
      color: #555;
      text-transform: capitalize;
  }

  .blog-desc {
      padding-bottom: 15px;
  }

  .masonry_blog .pagination {
      margin: 50px 0 20px;
  }


  /* SINGLE POST
  /* ========================== */

  .about_author {
      background: #f2f2f2;
      overflow: hidden;
      position: relative;
  }

  .author_desc {
      background: #02b702;
      float: left;
      height: 100%;
      min-height: 100%;
      overflow: hidden;
      padding: 20px 0;
      position: absolute;
      text-align: center;
      width: 25%;
  }

  .author_desc>img {
      background: #FFFFFF;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      margin-bottom: 20px;
      padding: 4px;
      max-width: 80px;
      max-height: 80px;
  }

  .about_author h3 {
      margin: 0 auto;
  }

  .author_name>a {
      color: #555333;
      font-size: 16px;
      font-weight: bold;
  }

  .author_name>a:hover {
      color: #02b702;
  }

  .author_bio {
      display: block;
      float: right;
      padding: 20px;
      position: relative;
      width: 75%;
  }

  .author_det {
      margin-bottom: 0;
  }

  .author_bio>h5 {
      font-size: 12px;
      margin: 0 auto 10px;
  }

  .author_bio>h5 a {
      color: #02b702;
  }


  /* Post Share Article
  ================================================== */

  .shares {
      background: #f2f2f2;
      list-style: none;
      overflow: hidden;
      margin: 50px 0 0;
      padding: 0;
  }

  .shares li {
      float: left;
      border-right: 1px solid #fff;
  }

  .shares li.shareslabel h3 {
      padding: 8px 20px;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 18px;
      margin: 0;
  }

  .shares li a {
      display: block;
      width: 45px;
      height: 46px;
      background-repeat: no-repeat;
      background-position: 7px 7px;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      -ms-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
  }

  .shares li a:hover {
      background-position: 7px -58px;
      background-color: #02b702;
  }

  .shares li a:active {
      background-color: #999;
  }

  .shares li a.twitter {
      background-image: url(../images/social/twitter.png);
  }

  .shares li a.facebook {
      background-image: url(../images/social/facebook.png);
  }

  .shares li a.gplus {
      background-image: url(../images/social/gplus.png);
  }

  .shares li a.pinterest {
      background-image: url(../images/social/pinterest.png);
  }

  .shares li a.yahoo {
      background-image: url(../images/social/yahoo.png);
  }

  .shares li a.linkedin {
      background-image: url(../images/social/linkedin.png);
  }


  /* About Author
  ====================================*/

  .author_social {
      list-style: none outside none;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
      text-align: center;
      z-index: 9999;
  }

  .author_social li {
      background: none !important;
      display: inline-block
  }

  .author_social li a {
      color: #444;
      display: block;
      height: 30px;
      text-align: center;
      width: 30px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
      background: #f9f9f9;
  }

  .author_social li a i {
      font-size: 14px;
      line-height: 30px;
      margin-right: 0;
      float: none;
  }

  .author_social li a.fb:hover {
      background: #2f5a9a;
      color: #fff;
  }

  .author_social li a.twtr:hover {
      background: #3abdd1;
      color: #fff;
  }

  .author_social li a.gmail:hover {
      background: #363636;
      color: #fff;
  }

  .author_social li a.pinterest:hover {
      background: #d13a3a;
      color: #fff;
  }

  .author_social li a.rss:hover {
      background: #f15200;
      color: #fff;
  }

  .author_social li a.tumblr:hover {
      background: #203550;
      color: #fff;
  }

  .author_social li a.flickr:hover {
      background: #ff0084;
      color: #fff;
  }

  .author_social li a.instagram:hover {
      background: #507ea4;
      color: #fff;
  }

  .author_social li a.linkedin:hover {
      background: #0072b2;
      color: #fff;
  }

  .author_social li a.skype:hover {
      background: #00aaf1;
      color: #fff;
  }

  .author_social li a.youtube:hover {
      background: #ff3330;
      color: #fff;
  }

  .author_social li a.dribbble:hover {
      background: #f973a4;
      color: #fff;
  }

  .post-author {
      margin-left: 94px;
      position: relative;
      margin-top: 15px;
      margin-bottom: 60px;
  }

  .post-author .avatar {
      left: -47px;
      position: absolute;
  }

  .post-author h6 {
      font-family: lato;
      font-size: 20px;
      font-weight: 600;
      line-height: 1.6;
      margin-bottom: auto;
  }

  .news_content h2 {
      border-bottom: 1px solid #f2f2f2;
      font-size: 30px;
      font-weight: 600;
      line-height: 1.8;
      margin: 30px auto;
  }

  .metaInfo {
      font-size: 0.9em;
      margin-bottom: 7px;
  }

  .metaInfo>span {
      display: inline-block;
      padding-right: 14px;
      color: #777;
  }

  .metaInfo>span>a {
      color: #777;
  }

  .metaInfo>span>a:hover {
      color: #e74c3c;
  }

  .metaInfo {
      font-size: 0.95em;
      margin: 0 auto;
      padding: 15px 0 20px;
  }

  .metaInfo i {
      margin-right: 3px;
      color: #777;
  }

  .news_content .metaPost {
      margin-top: 0;
  }

  .news_content .titlePost>h4 {
      font-size: 28px;
      line-height: 1.4;
      margin-bottom: 0;
      margin-top: 0;
      padding-bottom: 0;
  }

  .news-slider {
      margin-bottom: 30px;
  }


  /* comment list */

  .news_comments {
      margin: 50px auto;
  }

  #comment-list {
      margin: 0;
      padding: 0;
  }

  #comment-list li {
      background: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
  }


  /* Comment
  ============================*/

  #comment-list ul.children {
      margin-left: 94px;
      padding: 0;
  }

  .comment-container {
      border-top: solid 3px #f2f2f2;
      margin: 0 0 15px 90px;
      padding: 20px 20px;
      position: relative;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }

  .comment-container:hover {
      background: #F4F4F4;
      border-color: #02b702;
  }

  .comment-body p {
      margin: 0;
  }

  .avatar {
      float: left;
      width: 74px;
  }

  .avatar img {
      display: block;
      margin-right: 20px;
      position: relative;
      z-index: 0;
      border: 1px solid #DCDCDC;
      padding: 3px;
  }

  h4.comment-author {
      font-size: 16px;
      line-height: 20px;
      margin: 0;
  }

  h4.comment-author a {
      color: #555
  }

  #comment-list li .comment-container:hover a {
      color: #02b702;
  }

  #comment-list .comment-meta {
      margin-bottom: 10px;
  }

  #comment-list .comment-date {
      font-size: 12px;
      font-style: italic;
      color: #888;
  }

  #comment-list li .comment-container:hover .comment-date {
      color: #02b702;
  }


  /* comment hover effect */

  #comment-list li .comment-container:hover h4 {
      color: #02b702;
  }

  .comment-reply-link {
      position: absolute;
      right: 20px;
      top: 20px;
  }

  a.link-style3 {
      color: inherit !important;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none !important;
      text-transform: uppercase;
  }

  .comment-reply-link {
      position: absolute;
      right: 20px;
      top: 20px;
  }

  .comment_form>input {
      margin-bottom: 20px;
      margin-right: 20px;
      width: 31.1%;
  }

  #comments {
      margin-bottom: 20px;
  }

  .comment_form>input:last-child {
      margin-right: 0;
  }


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


  /* 8. HOME PAGE						                     */


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

  .lead {
      font-size: 28px;
      font-weight: 300;
      line-height: 40px;
      margin-bottom: 50px;
  }


  /* Texture Section
  =========================== */

  .texture-section {
      padding: 65px 0;
      margin: 20px 0 30px;
      background: #96D3C6;
  }

  .texture1 {
      background: url(../images/pattern-1.png);
  }


  /* Recent Post
  =========================== */

  .post-images {
      float: left;
      width: 30%;
      margin-right: 25px;
  }

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

  .post-detail {
      width: 65%;
      display: inline-block;
      margin: 0px;
  }

  .post-detail>span {
      color: #BCBCBC;
      margin: 0 2px;
      font-size: 11px;
      text-transform: uppercase;
  }

  .post-detail a {
      color: #BCBCBC;
  }

  .post-detail a:hover {
      color: #02b702;
  }

  .post-detail h5 {
      margin: 0 0 7px;
  }

  .post-detail h5 a {
      color: #21252b;
      font: lighter 16px/18px "Trebuchet MS";
  }

  .post-detail>p {
      margin: 7px 0 0;
      line-height: 19px;
  }

  .post-detail .read-more {
      color: #02b702;
  }

  .post-detail .read-more:hover {
      color: #444A6D;
  }

  .dashed {
      border-color: #DBDFE2;
      border-style: dashed;
  }


  /* Feature Block
  =========================== */

  .feature-block {
      padding: 30px 0;
  }

  .feature-block h4 {
      color: #363333;
      font: 300 38px/30px "open sans";
      margin: 0;
      padding-bottom: 20px;
  }

  .feature-block p {
      font: 500 13px/22px "open sans";
      color: #A6A1A1;
  }

  .feature-block i.fa {
      font-size: 40px;
      margin: 0 12px 0 0;
  }

  .feature-block hr {
      border-color: #D0D0D0;
      margin: 20px 0;
  }


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


  /* 9. 404 PAGE					                     	 */


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

  .page_404 {
      position: relative;
      text-align: center;
  }

  .page_404>h1 {
      font-size: 250px;
      font-weight: 600;
      line-height: 250px;
      position: relative;
  }

  .page_404>p {
      font-family: Pt Sans;
      font-size: 30px;
      font-weight: bold;
      line-height: 30px;
      margin-bottom: 30px;
  }

  a.back_home {
      margin: 0;
      color: #fff;
      padding: 12px 18px 13px;
  }


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


  /* 10. ABOUT PAGE											 */


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

  .left_img {
      float: left;
      margin: 0 15px 8px 0;
      overflow: hidden;
  }

  .right_img {
      float: right;
      margin: 0 0 8px 15px;
      overflow: hidden;
  }

  
  .divider {
      position: relative;
      display: block;
      height: 30px;
  }


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


  /* OUR TEAM PAGE										 */


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

  .our_team {
      padding: 30px 0 60px;
  }

  .pic {
      border: 1px solid #eee;
      border-bottom: none;
      position: relative;
      overflow: hidden;
  }

  .pic>img {
      width: 100%;
      cursor: pointer;
      transition: all 0.7s ease-in-out;
      -webkit-transition: all 0.7s ease-in-out;
      -moz-transition: all 0.7s ease-in-out;
      -ms-transition: all 0.7s ease-in-out;
      -o-transition: all 0.7s ease-in-out;
  }

  .pic>img:hover {
      cursor: pointer;
  }

  .names {
      font-family: Pt Sans;
      font-size: 18px;
      font-weight: 600;
      margin-top: 10px;
      color: #666;
      text-transform: uppercase;
  }

  .names>small {
      float: right;
      font-size: 12px;
      font-weight: 600;
      line-height: 30px;
      text-transform: capitalize;
  }

  .description {
      color: #666666;
      font-family: PT sans;
      font-size: 14px;
  }

  .team_prof {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: -moz-use-text-color #ecf0f1 #f2f2f2;
      border-style: none solid solid;
      border-width: medium 1px 1px;
      border-color: #f2f2f2;
      padding: 10px 15px 5px;
      overflow: hidden;
  }


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


  /* SOCIAL MEDIA OUR TEAM								 */


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

  .dreamz-team {
      overflow: hidden;
  }

  .social_media_team {
      position: absolute;
      background: rgba(114, 124, 182, 0.55);
      border: 1px solid #ccc;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      text-align: center;
      transform: scale(0);
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transition: all 0.6s ease-in-out;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      visibility: hidden;
  }

  .dreamz-team:hover .social_media_team {
      visibility: visible;
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
  }

  .dreamz-team:hover .pic>img {
      transform: scale(1.5);
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
  }

  .team_social {
      list-style: none outside none;
      margin: 37% 0 0 0;
      overflow: hidden;
      padding: 0;
      text-align: center;
  }

  .team_social li {
      display: inline-block;
      margin: 0 5px;
  }

  .team_social li a {
      color: #fff;
      background: #363636;
      display: block;
      height: 35px;
      text-align: center;
      width: 35px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
  }

  .team_social li a i {
      font-size: 16px;
      line-height: 35px;
      margin-right: 0;
  }

  .team_social li a.fb:hover {
      background: #2f5a9a;
  }

  .team_social li a.twtr:hover {
      background: #3abdd1;
  }

  .team_social li a.gmail:hover {
      background: #E72828;
  }


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


  /* 11. CONTACT PAGE FORM
  ====================================================================== */

  #contactForm {
      margin-top: 30px;
  }

  input[type="submit"] {
      color: #fff !important;
  }


  /* Forms
  =========================== */

  textarea {
      resize: vertical;
      width: 100%;
  }

  .form-control {
      height: 46px;
      border-radius: 0;
      padding: 12px;
      margin-bottom: 10px;
  }

  .form-control:focus,
  #site-searchform #s:focus {
      border-color: #02b702;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(114, 124, 182, 0.6);
      outline: none;
  }

  label.error {
      color: #ebedef;
      font-size: 13.006px;
      line-height: 18.004px;
      font-weight: normal;
      margin-right: 4px;
      text-shadow: none;
      text-decoration: none;
  }

  label.error {
      color: #e74c3c;
  }

  label {
      margin-bottom: 10px;
  }


  /* Contact-Page-2
  ===============================*/

  .contact_2 {
      padding: 0 0 60px;
      position: relative;
  }

  .contact_2 .form-control {
      border-radius: 4px;
      margin-bottom: 22px;
  }

  .contact_2 textarea.form-control {
      border-radius: 4px;
      height: 150px;
  }

  .contact_2 .widget_info_contact li {
      display: inline-block;
      margin-bottom: 20px;
      width: 33.333333%;
  }

  .contact_2 .widget_info_contact li i {
      color: #647382;
      float: left;
      font-size: 24px;
      height: 80px;
      width: 45px;
  }

  .contact_2 strong {
      color: #647382;
      font-size: 16px;
      font-weight: 600;
      text-transform: uppercase;
  }

  .contact_2 .widget_info_contact p {
      line-height: 22px;
  }

  .contact_2 .widget_info_contact a {
      color: #647382;
  }


  /* Contact_page_3
  ==================================*/

  .contact_3 {
      padding: 0 0 60px;
      position: relative;
  }

  .contact_3 .lead {
      font-size: 16px;
      margin-bottom: 80px;
      line-height: 1.4;
  }

  .contact_3 .maps {
      margin-bottom: 50px;
  }

  .contact_3 .form-control {
      border-radius: 0;
      height: 36px;
      margin-bottom: 10px;
      padding: 0 12px;
  }

  .contact_3 textarea.form-control {
      height: 230px;
  }

  .contact_3 .form-group label {
      color: #6f6f6f;
      font-size: 13px;
      font-weight: normal;
      margin-bottom: 4px;
  }

  .contact_3 .widget_info_contact {
      margin-top: 20px;
      display: inline-block;
  }

  .contact_3 .widget_info_contact strong {
      display: block;
      font-size: 18px;
      line-height: 20px;
      font-weight: normal;
      text-align: center;
      margin-bottom: 10px;
  }

  .contact_3 .widget_info_contact li i {
      color: #647382;
      font-size: 24px;
      text-align: center;
      width: 100%;
      margin-bottom: 17px;
  }

  .contact_3 .widget_info_contact p {
      overflow: visible;
      margin: 0;
      text-align: center;
  }

  .contact_3 .widget_info_contact p a {
      color: #647382;
      font-size: 12.5px;
      font-weight: 600;
      margin-bottom: 5px;
  }


  /*MAPS
  =========================== */

  .contact {
      padding: 50px 0;
  }

  .maps {
      position: relative;
  }

  #page_maps {
      max-height: 380px;
      height: 360px;
  }


  /* ==================================================
     12. ICON LIST
  ================================================== */

  .icon_lists {
      margin-top: 22px;
  }

  .icon_lists .fa-hover a {
      border-radius: 0;
      color: #222222;
      display: block;
      height: 32px;
      line-height: 32px;
      padding-left: 10px;
  }

  .icon_lists .fa-hover a .fa {
      display: inline-block;
      font-size: 14px;
      margin-right: 10px;
      text-align: right;
      width: 32px;
  }

  .icon_lists .fa-hover a:hover {
      background-color: #02b702;
      color: #FFFFFF;
      text-decoration: none;
  }

  .icon_lists .fa-hover a:hover .fa {
      font-size: 24px;
      vertical-align: -3px;
      ;
  }

  .icon_lists .fa-hover a:hover .text-muted {
      color: #BBE2D5;
  }


  /* ==================================================
     13. Recent Works Carousel
  ================================================== */

  .jcarousel {
      position: relative;
      overflow: hidden;
      width: 100%;
  }

  .jcarousel ul {
      position: absolute;
      list-style: none;
      margin: 0;
      padding: 0;
  }

  .carousel-navi {
      bottom: 17px;
      float: right;
      position: absolute;
      right: 15px;
  }

  .carousel-intro {
      position: relative;
  }

  .jcarousel-list li {
      margin-bottom: 30px;
      width: 234px;
      padding-left: 10px;
      padding-right: 10px;
  }

  .jcarousel-list .item-description>h5 {
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      line-height: 12px;
      margin: 2% 0;
  }

  .jcarousel-list .item-description>span {
      font-size: 15px;
  }

  .jcarousel-list .item-description>a {
      font-size: 16px;
      margin: 12px 4px;
      padding: 4px 6px;
  }

  .arrow-left,
  .arrow-right {
      width: 23px;
      height: 23px;
      display: inline-block;
      float: left;
      background-color: #f2f2f2;
      color: #666;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      -o-transition: all 150ms ease-in-out;
      -ms-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
  }

  .arrow-left i,
  .arrow-right i {
      font-size: 14px;
      display: block;
      line-height: 16px;
      padding-top: 4px;
      text-align: center;
  }

  .arrow-left.active,
  .arrow-right.active {
      background-color: #bdc3c7;
      color: #f2f2f2;
      cursor: pointer;
  }

  .arrow-left.active:hover,
  .arrow-right.active:hover {
      background-color: #777;
  }


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


  /* 14. TESTIMONIALS
  /*--------------------------------------------------------------------------*/

  .testimonial-item blockquote {
      background: #EAEAEA;
      border-top: 3px solid #02b702;
      border-left: none;
      padding: 20px;
      margin: 0;
  }

  blockquote {
      font-size: 14px;
  }

  .testimonial-item .icon {
      color: #fff;
      font-size: 120px !important;
      line-height: 0;
      position: absolute;
      right: 20px;
      top: 10px;
      z-index: 0;
  }

  .testimonial-review>img {
      background: #FFFFFF;
      border: 2px solid #02b702;
      border-radius: 50%;
      float: left;
      height: 70px;
      overflow: hidden;
      padding: 2px;
      width: 70px;
  }

  .testimonial-review>h1 {
      float: left;
      color: #555;
      font-size: 14px;
      font-weight: 700;
      line-height: normal;
      margin-top: 15px;
      padding-left: 20px;
  }

  .testimonial-item blockquote p {
      margin-bottom: 0;
      font-size: 14px;
      font-family: PT sans;
      font-weight: 400;
      line-height: 21px;
      color: #444;
      position: relative;
      z-index: 10;
      font-style: italic;
      font-weight: 500;
  }

  .testimonial blockquote small {
      display: block;
      line-height: 20px;
      font-size: 12px;
      color: #999999;
      margin-top: 5px;
  }

  .testimonial-review {
      position: relative;
      padding-top: 20px;
  }

  .testimonial-item blockquote:after {
      font-family: FontAwesome;
      content: "\f0D7";
      position: absolute;
      bottom: 4%;
      left: 23px;
      font-size: 40px;
      color: #EAEAEA;
  }

  .testimonial-review small {
      font-size: 13px;
      line-height: 18px;
      color: #02b702;
      display: block;
  }

  #testimonial-carousel {
      margin-top: 25px;
  }

  .testimonial .testimonial-buttons {
      position: absolute;
      right: 0;
      top: -41px;
  }

  .testimonial .testimonial-buttons a {
      background: #f2f2f2;
      margin-left: -3px;
      width: 25px;
      font-size: 11px;
      height: 25px;
      display: inline-block;
      text-align: center;
      line-height: 27px;
      color: #bdc3c7;
  }

  .testimonial .testimonial-buttons a:hover {
      background: #f2f2f2;
      color: #555;
  }


  /* Parallax Testimonial
  =========================== */

  .parallax-testimonial {
      margin: 0 auto;
      padding: 0 100px 30px;
      text-align: center;
      color: #fff;
  }

  .parallax-testimonial-review>img {
      background: #FFFFFF;
      border-radius: 50%;
      height: 70px;
      overflow: hidden;
      padding: 3px;
      width: 70px;
  }

  .parallax-testimonial-review>span {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: normal;
      margin-top: 15px;
      padding-left: 20px;
      display: block;
  }

  .parallax-testimonial-item blockquote {
      border-left: none;
  }

  .parallax-testimonial-item blockquote p {
      margin-bottom: 0;
      font-size: 25px;
      font-weight: 400;
      line-height: 33px;
      color: #fff;
      position: relative;
      z-index: 10;
  }

  .parallax-testimonial blockquote small {
      display: block;
      line-height: 20px;
      font-size: 12px;
      margin-top: 5px;
  }

  .parallax-testimonial-review {
      position: relative;
  }

  .parallax-testimonial-review small {
      font-size: 13px;
      line-height: 18px;
      color: #02b702;
      display: block;
  }

  .parallax-testimonial .carousel-indicators {
      bottom: 0;
      margin-bottom: 0;
  }


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


  /* 15. Parallax
  /* ======================================================================== */

  section.parallax {
      padding: 65px 0;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  section.parallax h2 {
      color: rgba(255, 255, 255, 0.8);
      font-size: 42px;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  section.parallax-1 {
      background-image: url("../images/1.jpg");
  }

  section.parallax h2 {
      color: rgba(255, 255, 255, 0.8);
      font-size: 42px;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  .parallax-contact {
      text-align: center;
      color: #fff;
  }

  .parallax-contact>h4 {
      color: #fff;
      font: 700 26px/25px "arial", sans-serif;
      margin-bottom: 21px;
  }

  .parallax-contact>p {
      color: #ccc;
      font-size: 16px;
      margin-bottom: 30px;
  }

  .parallax-contact>em {
      display: block;
      font: lighter 22px/22px "Open Sans", Helvetica, Arial, sans-serif;
      margin-top: 35px;
  }

  .parallax-contact strong {
      color: #B3ADAD;
      font: 600 20px/20px "arial", sans-serif;
  }


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


  /* 16. Icon Service Boxes
  /* ======================================================================== */

  .info_service {
      padding: 20px 0 0;
  }


  /* Service Box 1
  ====================================*/

  .serviceBox_1 {
      margin-top: 25px;
  }

  .serviceBox_1 .service-icon {
      float: left;
  }

  .serviceBox_1 .service-icon i {
      font-size: 34px;
      color: #02b702;
  }

  .serviceBox_1 .service-content h3 {
      color: hsl(0, 0%, 20%);
      font-size: 18px;
      font-weight: 600;
      margin-top: 0;
  }

  .serviceBox_1 .service-content {
      margin-left: 55px;
  }

  .serviceBox_1 .service-content p {
      color: hsl(0, 0%, 47%);
      line-height: 24px;
      font-family: Open Sans, Helvetica, Arial, sans-serif;
  }


  /* service Box 2
  ====================================*/

  .serviceBox_2 {
      text-align: center;
      margin-top: 20px;
  }

  .serviceBox_2 .service-icon {
      border: 2px solid #02b702;
      border-radius: 100%;
      width: 90px;
      height: 90px;
      line-height: 98px;
      margin: 0 auto;
  }

  .serviceBox_2 .service-icon i {
      font-size: 35px;
      color: #02b702;
      transition: all 0.3s ease-in-out 0s;
  }

  .serviceBox_2 .service-content h3 {
      color: hsl(0, 0%, 20%);
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 23px 0;
  }

  .serviceBox_2 .service-content p {
      color: hsl(0, 0%, 47%);
      font-family: Open Sans, Helvetica, Arial, sans-serif;
  }


  /* service Box 3
  ====================================*/

  .serviceBox_3 {
      /* padding: 15px 15px 25px; */
      margin-top: 1px;
      text-align: center;
      cursor: pointer;
      border-radius: 4px;
      height: 135px;
      background: #fff;
      border: 1px solid #02b702;
      border-bottom-width: 3px;
      position: relative;
  }

  .serviceBox_3 .service-icon {
      width: 135px;
      height: 45px;
      /* line-height: 70px; */
      border-radius: 2px;
      border: 1px solid #02b702;
      background: #fff;
      color: #02b702;
      margin: -38px auto 20px;
  }

  .serviceBox_3,
  .serviceBox_3 i,
  .serviceBox_3 p,
  .service-icon,
  .serviceBox_3 :after,
  .serviceBox_3 h3:before,
  .service-icon:after,
  .service-icon,
  .service-content {
      transition: all 0.5s ease-in-out;
  }

  .serviceBox_3 p {
      margin-top: 0;
      text-shadow: 1px 1px 1px rgba(195, 195, 195, 0.15);
      font-size: medium;
  }

  .serviceBox_3 h3 {
      font-size: 20px;
      font-weight: normal;
      letter-spacing: 0.7px;
      position: relative;
      margin-top: -25px;
      padding: 10px 0;
      background: none;
      overflow: hidden;
  }


  /*.serviceBox_3 .buy:hover:hover {
      color: #ceda24;
  }*/

  .serviceBox_3 .buy:hover {
      color: #ceda24;
      box-shadow: 1px 2px 1px 1px #09934a;
  }

  .serviceBox_3 .buy {
      color: #09934a;
      border: 1px solid #09934a;
      padding: 5px 10px 5px 10px;
      border-radius: 5px;
      font-size: 18px;
      box-shadow: 1px 3px 1px 1px #09934a;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
  }

  .serviceBox_3 h3:before {
      content: "";
      background: #d9e12b;
      width: 0;
      height: 4px;
      position: absolute;
      bottom: 0;
      left: 50%;
  }

  .serviceBox_3 h3:after {
      content: "";
      background: #02b702;
      width: 0;
      height: 4px;
      position: absolute;
      bottom: 0;
      right: 50%;
  }

  .serviceBox_3:hover h3:after,
  .serviceBox_3:hover h3:before {
      width: 100%;
  }

  .serviceBox_3 i {
      display: inline-block;
      font-size: 3em;
      line-height: 70px;
  }

  .serviceBox_3:hover .service-icon {
      background: #02b702;
      color: #fff;
  }

  .serviceBox_3 .read {
      color: #02b702;
  }

  .serviceBox_3 .read:hover {
      color: #21328B;
  }


  /* service Box 4
  ====================================*/

  .grey_bg {
      background: #EFEFEF;
  }

  .serviceBox_4 {
      padding: 40px 0 0;
  }

  .serviceBox_4 {
      background: none repeat scroll 0 0 #fff;
      text-align: center;
  }

  .serviceBox_4>span {
      background: none repeat scroll 0 0 #02b702;
      border-radius: 100%;
      color: #fff;
      display: inline-block;
      font: bold 40px/18px "arial", sans-serif;
      height: 88px;
      line-height: 88px;
      width: 88px;
  }

  .serviceBox_4>h3 {
      color: #424955;
      font-family: 'Open Sans', sans-serif;
      font-size: 30px;
      font-weight: 300;
      line-height: 35px;
      text-transform: uppercase;
      margin-bottom: 25px;
  }

  .serviceBox_4>p {
      color: #424955;
      font: lighter 14px/21px "open sans", sans-serif;
      padding: 0 35px;
  }

  .serviceBox_4 .read {
      padding: 25px 0 40px;
  }

  .serviceBox_4 .read a {
      background: rgba(0, 0, 0, 0) linear-gradient(to right, #444A6D 0%, #444A6D 50%, #02b702 50%) repeat scroll 100% 0 / 200% 100%;
  }

  .serviceBox_4 .read a:hover {
      background-position: 0 0;
  }


  /* service Box 5
  ====================================*/

  .serviceBox_5 {
      margin-bottom: -10px;
      line-height: 0;
      overflow: hidden;
      text-align: center;
  }

  .serviceBox_5 .service-image {
      display: inline-block;
      width: 100%;
      overflow: hidden;
      position: relative;
      transition: all 0.5s ease 0s;
  }

  .serviceBox_5 .service-image>img {
      width: 100%;
  }

  .serviceBox_5 .service-image:hover {
      opacity: 0.7;
      transition: all 0.5s ease 0s;
  }

  .serviceBox_5 .service-content {
      padding-top: 62px;
      position: relative;
  }

  .serviceBox_5 .service-content::before {
      background: hsl(188, 30%, 39%) none repeat scroll 0 0;
      content: "";
      display: block;
      height: 500px;
      left: -20%;
      position: absolute;
      top: 0;
      transform: rotate(7deg);
      transition: all 0.3s ease 0s;
      width: 400px;
  }

  .serviceBox_5 .service-content::after {
      background: hsl(188, 30%, 39%) none repeat scroll 0 0;
      content: "";
      display: block;
      height: 500px;
      left: 30%;
      position: absolute;
      top: 30px;
      transform: rotate(-35deg);
      transition: all 0.3s ease 0s;
      width: 400px;
  }

  .serviceBox_5 .service-content .internal::before {
      background: hsl(188, 35%, 31%) none repeat scroll 0 0;
      content: "";
      display: block;
      height: 500px;
      left: -50%;
      position: absolute;
      top: 3%;
      transform: rotate(14deg);
      transition: all 0.3s ease 0s;
      width: 400px;
      z-index: 1;
  }

  .serviceBox_5 .service-content .internal::after {
      background: hsl(188, 35%, 31%) none repeat scroll 0 0;
      content: "";
      display: block;
      height: 500px;
      left: 57%;
      position: absolute;
      top: 30px;
      transform: rotate(-52deg);
      transition: al l 0.3s ease 0s;
      width: 400px;
      z-index: 1;
  }

  .serviceBox_5 .service-content .item_content {
      background: hsl(188, 35%, 31%) none repeat scroll 0 0;
      position: relative;
      z-index: 2;
      color: white;
  }

  .serviceBox_5 .service-content.bg1::before {
      background: #4D8D72;
  }

  .serviceBox_5 .service-content.bg1::after {
      background: #4D8D72;
  }

  .serviceBox_5 .service-content.bg1 .internal::before {
      background: #407A61;
  }

  .serviceBox_5 .service-content.bg1 .internal::after {
      background: #407A61;
  }

  .serviceBox_5 .service-content.bg1 .item_content {
      background: #407A61;
  }

  .serviceBox_5 .service-content.bg2::before {
      background: #C2D4A4;
  }

  .serviceBox_5 .service-content.bg2::after {
      background: #C2D4A4;
  }

  .serviceBox_5 .service-content.bg2 .internal::before {
      background: #ABBD8C;
  }

  .serviceBox_5 .service-content.bg2 .internal::after {
      background: #ABBD8C;
  }

  .serviceBox_5 .service-content.bg2 .item_content {
      background: #ABBD8C;
  }

  .serviceBox_5 .service-content.bg3::before {
      background: #E9DC9F;
  }

  .serviceBox_5 .service-content.bg3::after {
      background: #E9DC9F;
  }

  .serviceBox_5 .service-content.bg3 .internal::before {
      background: #D8CC93;
  }

  .serviceBox_5 .service-content.bg3 .internal::after {
      background: #D8CC93;
  }

  .serviceBox_5 .service-content.bg3 .item_content {
      background: #D8CC93;
  }

  .serviceBox_5 .service-content h3 {
      color: hsl(0, 0%, 100%);
      font: 400 20px/24px "Trebuchet MS", Tahoma, sans-serif;
      margin-bottom: 30px;
      margin-top: 20px;
      color: #fff;
      text-transform: uppercase;
  }

  .serviceBox_5 .service-content a {
      color: hsl(0, 0%, 100%);
      font-size: 14px;
      font-weight: 700;
      line-height: 38px;
      text-transform: uppercase;
      transition: all 0.3s ease 0s;
  }

  .serviceBox_5 .service-content a:hover {
      color: #000000;
      text-decoration: none;
      transition: all 0.3s ease 0s;
  }

  .serviceBox_5 .service-content:hover::before {
      transform: rotate(-7deg);
  }

  .serviceBox_5 .service-content:hover .internal::before {
      transform: rotate(10deg);
  }


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


  /* 17. CLIENTS												 */


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

  .our_clients ul .img {
      max-width: 100%;
  }

  .our_clients ul {
      padding: 0;
      list-style: none;
      position: relative;
      display: block;
  }


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


  /* 18. TYPOGRAPHY
  /*--------------------------------------------------------------------------*/

  .typography {
      padding: 30px 0;
  }

  .typography h1 {
      margin-top: 0;
  }


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


  /* 19. BUTTONS                                                              */


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

  .btn {
      color: #fff;
  }

  .btn-default {
      background: #02b702;
      color: #fff;
      padding: 6px;
      padding-left: 21px;
      /* float: right; */
      padding-right: 21px;
      border: none;
      border-radius: 2px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
  }

  .btn-default:hover {
      background: #ed9730 !important;
      color: #fff;
      text-shadow: 1px 1px 1px #000 !important;
  }


  /* Social Buttons
  ====================================*/

  .btn-social-googleplus {
      background-color: hsl(0, 0%, 18%);
  }

  .btn-social-facebook {
      background-color: #3453A2;
  }

  .btn-social-twitter {
      background-color: #2ABBE3;
  }

  .btn-social-pinterest {
      background-color: #D91F25;
  }

  .btn-social-linkedin {
      background-color: #1F80BB;
  }

  .btn-social-stumbleupon {
      background-color: #E86130;
  }

  .btn-social-stumbleupon,
  .btn-social-linkedin,
  .btn-social-pinterest,
  .btn-social-twitter,
  .btn-social-facebook,
  .btn-social-googleplus {
      color: #fff;
      border-radius: 0;
  }

  .content.elements .btn {
      border-radius: 2px;
  }

  .btn-social-stumbleupon:hover,
  .btn-social-googleplus:hover,
  .btn-social-linkedin:hover,
  .btn-social-pinterest:hover,
  .btn-social-twitter:hover,
  .btn-social-facebook:hover {
      background: #333;
      color: #fff;
  }


  /* ==================================================
     20. PRICING TABLES BOXS
  ================================================== */

  .pricingBlock {
      padding-bottom: 30px;
      position: relative;
  }

  .pricingTable {
      text-align: center;
      font-weight: 400;
  }

  .pricingTable-sign-up {
      padding: 20px;
      text-align: center;
      background: #f2f2f2;
  }

  .pricingContent ul li {
      padding: 5px 20px;
      text-align: center;
  }

  .pricingContent {
      background: #fff;
      border-left: 1px solid #f2f2f2;
      border-right: 1px solid #f2f2f2;
  }

  .pricingTable .pricingTable-header {
      color: #fff;
      padding: 0px;
  }

  .pricingTable-header .heading {
      display: inline-block;
      width: 100%;
      padding: 15px 0px;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: bold;
  }

  .pricingTable .heading {
      background: #F2F2F2;
      color: #333;
  }

  .pricingTable.business .heading {
      background: #e74c3c;
  }

  .pricingTable .pricingTable-header .price-value {
      background: #555;
  }

  .pricingTable-header .price-value {
      display: inline-block;
      width: 100%;
      padding: 20px 0px;
  }

  .pricingBlock.theme-color-pt .pricingTable-header .price-value {
      background: #02b702;
  }

  .pricingTable-header .price-value span {
      font-size: 250%;
  }

  .pricingTable-header .price-value span.mo {
      font-size: 150%;
  }

  .pricingTable {
      text-align: center;
      font-weight: 400;
      margin-bottom: 30px;
      background: #fff;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
  }

  .theme-color-pt .pricingTable,
  .pricingTable {
      position: relative;
      box-shadow: 0px 1px 4px 0px #cccccc;
      -webkit-box-shadow: 0px 1px 4px 0px #cccccc;
      -moz-box-shadow: 0px 1px 4px 0px #cccccc;
      box-shadow: 0px 1px 4px 0px #cccccc;
      border-bottom: 3px solid #02b702;
  }

  .theme-color-pt .pricingTable:hover {
      transform: none;
      overflow: visible;
  }

  .theme-color-pt .pricingTable:before,
  .pricingTable:before {
      content: "";
      right: 23%;
      top: -3px;
      width: 50%;
      height: 3px;
      background: #02b702;
      position: absolute;
  }

  .pricingTable {
      border-bottom-color: #696868;
  }

  .pricingTable:before,
  .pricingTable .btn-default {
      background: #696868;
  }

  .pricingTable .btn-default:hover {
      background: #403F3F;
  }

  .theme-color-pt .btn-default {
      background: #02b702;
  }

  .theme-color-pt .btn-default:hover {
      background: #444A6D;
  }

  .theme-color-pt .pricingTable .heading,
  .pricingTable .heading {
      background: #F2F2F2;
      color: #333;
      border: 1px solid #E4E4E4;
      border-bottom: none;
  }

  .pricingContent ul li {
      color: #434343;
      overflow: hidden;
  }

  .pricingContent ul li {
      border-bottom: 1px solid #F0F0F0;
      padding: 15px 0;
      text-align: center;
      overflow: hidden;
      display: block;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
  }

  .pricingBlock.theme-color-pt .pricingContent ul li:nth-child(2n+2),
  .pricingContent ul li:nth-child(2n+2) {
      background: #F4F4F4;
  }

  .pricingBlock.theme-color-pt .pricingContent ul li:hover,
  .pricingContent ul li:hover {
      padding-left: 15px;
  }

  .pricingContent ul {
      margin: 0;
      padding: 0;
  }


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


  /*	21. TABS
  /* -------------------------------------------------- */

  .nav-tabs {
      border: none;
  }

  .nav-tabs>li {
      margin-bottom: -2px;
  }

  .nav-tabs>li>a {
      background: #F8F8F8;
      border: 1px solid #ebebeb;
      margin: 0;
      color: #777777;
      border-radius: 0;
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:hover,
  .nav-tabs>li.active>a:focus {
      border-color: #ebebeb;
      outline: none;
      background: white;
      color: #02b702;
      margin: 0 0 -1px 0;
      border-bottom: none;
      border-top: 1px solid #02b702;
  }

  .nav-tabs li.active,
  .nav-tabs li.active a,
  .nav-tabs li.active a:hover {
      border-top: 1px solid #02b702;
      color: #02b702;
  }

  ul.nav-tabs li a i {
      font-size: 24px;
      font-weight: 500;
      line-height: 30px;
  }

  ul.nav-tabs li.last-tab a {
      padding: 4px 22px;
      outline: none;
  }

  .tab-content {
      /* border: 1px solid #ebebeb; */
      padding: 20px 14px;
  }

  .tab-content:first-child {
      display: block;
      font-size: 14px;
      padding: 21px;
  }

  .tab-content>h3 {
      color: #555333;
      font-size: 20px;
      font-weight: 600;
      line-height: 24px;
      margin-top: 0;
  }

  .tab-content>p {
      font-family: lato;
      line-height: 20px;
  }


  /* Recent Tab
  ====================================*/

  .recent_tab_list {
      margin: 0;
      padding: 0;
  }

  ul.recent_tab_list li {
      margin: 0 0 15.5px;
      padding: 0 0 17px;
      list-style-type: none;
      border-bottom: 1px solid #ebebeb;
      float: left;
      width: 100%;
  }

  .recent_tab_list li span {
      float: left;
      margin-right: 15px;
  }

  .recent_tab_list li a {
      color: #444444;
      display: block;
      font-size: 12px;
      text-decoration: none;
  }

  .recent_tab_list li a:hover {
      color: #02b702;
  }

  .recent_tab_list li span img {
      float: left;
      margin-right: 0px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
  }

  .recent_tab_list li span img:hover {
      float: left;
      margin-right: 0px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
  }

  .recent_tab_list li i {
      padding: 1px 0px 0px 0px;
      margin: 0px;
      display: block;
      font-size: 11px;
      font-style: normal;
      color: #9e9e9e;
      font-family: Lato;
  }

  .recent_tab_list li.last {
      padding: 0px 0px 7px 0px;
      margin: 0px 0px 0px 0px;
      border-bottom: 0px solid #f5f6f6;
  }


  /* Comment Tab
  ====================================*/

  .comments {
      padding: 0;
      margin: 0;
  }

  .comments .post-thumbnail {
      float: left;
      margin: 0 15px 0 0;
  }

  .comments .post-thumbnail>img {
      height: 50px;
      width: 50px;
  }

  .comments li {
      border-bottom: 1px solid #ebebeb;
      margin-bottom: 15px;
      padding: 0 0 15px;
      font-size: 12px;
      line-height: 18px;
      list-style: none outside none;
  }

  .comments_list>p {
      margin: 0;
      overflow: hidden;
  }

  .comments li:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding: 0;
  }

  .comments li:last-child p {
      margin: 0
  }

  .comments_list a {
      text-decoration: none;
      color: #02b702;
  }

  .com_pist a:focus {
      color: #555;
  }

  .comments_list i {
      color: #909090;
      font-size: 12px;
      margin-left: 3px;
  }

  .sidebar-tab {
      margin-bottom: 30px;
  }


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


  /* 22. ACCORDION & TOGGLE                   */


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

  .panel-group .switch {
      float: right;
      font-size: 17px;
      color: #524d4d;
  }

  .panel-group .panel.panel-default {
      border-color: #e2e2e2;
      border-right: none;
      border-left: none;
      border-radius: 0;
      margin: 15px 0 0;
      padding: 3px 0;
      box-shadow: none;
  }

  .panel-group .panel.panel-default>.panel-heading+.panel-collapse .panel-body {
      border-top-color: #fff;
      color: #545454;
      font-size: 16px;
      text-shadow: 1px 1px 1px rgba(128, 128, 128, 0.38);
  }

  .panel-group .panel .panel-body {
      color: #5F5F5F;
  }

  .panel-default>.panel-heading {
      background: #fff;
      padding-right: 0;
  }

  .panel-group .panel+.panel {
      margin-top: -2px;
  }

  div#accordion {
      border-left: 1px solid #e2e2e2;
      border-right: 1px solid #e2e2e2;
  }

  .panel-title {
      color: #878787;
      font: lighter 15px/22px "verdana";
      padding: 0 30px;
      position: relative;
  }

  .panel-title i.fa {
      color: #02b702;
      font-size: 17px;
      margin: 0 5px;
  }

  .panel-title a>i.fa {
      position: absolute;
      left: 0;
      top: 2px;
  }

  .panel-title .accordion-icon {
      position: absolute;
      right: 0;
      top: 2px;
  }

  .panel-group .panel-body {
      color: #323232;
  }

  .panel-group .panel-default>.panel-heading+.panel-collapse .panel-body {
      border-top-color: #878787;
  }

  .panel-group .panel-title>a {
      font-size: 18px;
      line-height: 21px;
      font-weight: 500;
      margin-bottom: 0;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
      outline: medium none;
      text-decoration: none;
      color: #02b702;
      display: block;
  }

  .active_acc .panel-title a {
      color: #02b702;
  }

  .panel.active_acc,
  .panel:hover {
      border-top-color: #02b702;
  }

  .panel-heading:hover a,
  .panel-heading:hover .accordion-icon {
      color: #02b702;
  }


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


  /* 23. PROGRESS SKILL BAR									 */


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

  .progress-skill-bar {
      padding: 0;
  }

  .progress_skill {
      background: #F8F8F8;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      box-shadow: none;
      height: 27px;
      border: 1px solid #F1F1F1;
      margin-bottom: 15px;
      line-height: normal;
  }

  .progress_skill .bar {
      background: #02b702;
      line-height: 24px;
      font-family: "Open sans", Helvetica, Arial, sans-serif;
      color: #ffffff;
      text-align: left;
      font-weight: bold;
      text-indent: 15px;
      text-transform: uppercase;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-text-shadow: none;
      -moz-text-shadow: none;
      text-shadow: none;
      -webkit-transition: width 1s ease;
      -moz-transition: width 1s ease;
      -o-transition: width 1s ease;
      transition: width 1s ease;
      border-radius: 5px;
  }

  .progress_skill:hover .bar {
      -webkit-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -o-transition: all 0.35s ease;
      transition: all 0.35s ease;
      background: #444A6D !important;
      color: #fff;
      cursor: pointer;
  }

  .progress-skill-bar {
      margin-bottom: 10px;
      margin-left: 0;
      margin-top: 15px;
      list-style: none;
  }

  .progress-skill-bar li {
      overflow: hidden;
  }

  .progress-skill-bar .lable {
      background: #555;
      float: left;
      color: #fff;
      border-right: 1px #FFFFFF solid;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      font-size: 11px;
      font-weight: bold;
      height: 25px;
      margin-top: 1px;
      line-height: 25px;
      padding: 0 0 0 4px;
      text-align: center;
      width: 37px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
  }

  .progress-success .bar,
  .progress_skill .bar-success {
      filter: none;
      background: #15b994;
  }


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


  /* 24. PROMO BOX											 */


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

  .promo_box {
      background: #f2f2f2;
      padding: 30px 0;
      overflow: hidden;
  }

  .promo_box .pb_action a.btn {
      float: right;
      margin-top: 5px;
      border: none;
  }

  .promo_box .pb_action a.btn i {
      margin-right: 7px;
  }

  .promo_content h3 {
      color: #444;
      font-size: 22px;
      font-weight: bold;
      font-family: PT Sans;
      margin: 0 0 5px;
  }

  .promo_content p {
      color: #666;
      font-family: PT sans;
      margin-bottom: 0;
  }

  .promo_box.dark {
      background: #20242A;
  }

  .promo_box.dark .promo_content h3 {
      color: #fff;
  }

  .promo_box.dark .promo_content p {
      color: #B0B0B0;
  }


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


  /* 25. PAGINATION										 */


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

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

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


  /* ==================================================
     26. TITLE
  ================================================== */

  .dividerHeading h4,
  .widget_title h4 {
      border-bottom: 1px solid #D6D4D4;
      font-size: 21px;
      /* font-weight: normal; */
      margin: 0 0 25px 0;
      padding: 0 0 10px;
      position: relative;
  }

  .dividerHeading h4::before,
  .widget_title h4::before {
      border-radius: 0 5px 5px 0;
      bottom: -1px;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      width: 100px;
  }

  .dividerHeading h4::before,
  .widget_title h4::before {
      background: #02b702;
  }

  .widget_title h4 {
      font-size: 14px;
      text-transform: uppercase;
  }

  .footer .widget_title h4 {
      border-color: #B5B5B5;
  }

  .footer .widget_title h4 span {
      color: #fff;
  }


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


  /* 27. DROPCAPS												 */


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

  .dropcap {
      float: left;
      color: #169fe6;
      font-size: 58px;
      line-height: 54px;
      padding: 6px 10px 8px;
      margin-top: 8px;
  }

  .dropcap.default {
      color: #02b702;
  }

  .dropcap.gray {
      color: #555;
  }

  .dropcap.light {
      color: #aaa;
  }

  .dropcap_block {
      float: left;
      background-color: #02b702;
      font-size: 50px;
      line-height: 50px;
      padding: 6px 10px 8px;
      margin-top: 8px;
      margin-right: 10px;
      color: #fff;
  }

  .dropcap_block.default {
      background-color: #02b702;
  }

  .dropcap_block.gray {
      background-color: #555;
  }

  .dropcap_block.light {
      background-color: #aaa;
  }


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


  /* 28. HIGHLIGHT										 */


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

  .highlight {
      padding: 0px 6px 2px;
      color: #fff;
  }

  .highlight.default {
      background: #02b702;
  }

  .highlight.gray {
      background: #4c4c4c;
  }

  .highlight.light {
      background: #aaa;
  }

  blockquote.default {
      border-color: #02b702;
      color: #666;
      background: #f2f2f2;
      font-size: inherit;
  }


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


  /* 29. Swipe.JS Slider									 */


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

  .swipe {
      overflow: hidden;
      visibility: hidden;
      position: relative;
      margin-top: 0;
  }

  .swipe-wrap {
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
      position: relative;
  }

  .swipe-wrap>li {
      float: left;
      width: 100%;
      overflow: hidden;
      position: relative;
  }

  .swipe-navi {
      display: block;
      height: auto;
      margin-top: 10px;
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 1001
  }

  .swipe-navi .swipe-left,
  .swipe-navi .swipe-right {
      position: absolute;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 40px;
      opacity: 0;
      zoom: 1;
      filter: alpha(opacity=0);
      color: #fff;
      cursor: pointer;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      transition: all 200ms;
      -moz-transition: all 200ms;
      -webkit-transition: all 200ms;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      background: #02b702;
  }

  .swipe-navi .swipe-left:hover,
  .swipe-navi .swipe-right:hover {
      background: #555 !important;
  }

  .swipe-wrap img {
      width: 100%;
  }

  .swipe:hover .swipe-navi .swipe-left {
      opacity: .9;
      zoom: 1;
      filter: alpha(opacity=90);
      margin-top: -27px;
  }

  .swipe:hover .swipe-navi .swipe-right {
      opacity: .9;
      zoom: 1;
      filter: alpha(opacity=90);
      margin-top: -27px;
  }

  .swipe-navi .swipe-left {
      left: 5px;
      margin-top: -32px;
  }

  .swipe-navi .swipe-right {
      right: 5px;
      margin-top: -22px;
  }

  .img-about {
      margin-top: 15px;
  }


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


  /*  30. CAROUSEL                                     */


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

  .porDetCarousel,
  .porDet2Carousel {
      margin-bottom: 40px;
      overflow: hidden;
  }

  .carousel-content,
  .porDetCarousel,
  .porDet2Carousel {
      position: relative;
  }

  .carousel-item {
      width: 100%;
      display: block;
      visibility: hidden;
      position: absolute;
      top: 0;
      left: 0;
  }

  .carousel-item.active {
      display: block;
      visibility: visible;
      position: static;
  }

  .carousel-item.current {
      left: 0;
      right: 0;
      visibility: visible;
      z-index: 1;
  }

  .carousel-item {
      max-width: 100%;
      display: block;
  }

  .carousel-control {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: hidden;
      width: 100%;
  }

  .porDetCarousel:hover .carousel-prev {
      left: 10px;
  }

  .porDetCarousel:hover .carousel-next {
      right: 10px;
  }

  .porDet2Carousel:hover .carousel-prev {
      left: 10px;
  }

  .porDet2Carousel:hover .carousel-next {
      right: 10px;
  }

  .carousel-prev,
  .carousel-next {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 45%;
      left: -40px;
      z-index: 2;
      background: #666;
      border-radius: 2px;
      cursor: pointer;
      -webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
      transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
  }

  .carousel-next {
      left: auto;
      right: -40px;
  }

  .carousel-prev:hover,
  .carousel-next:hover {
      background: #555;
  }

  .carousel-prev:before,
  .carousel-next:before {
      content: '\f104';
      display: block;
      text-align: center;
      line-height: 40px;
      font: 20px/40px 'FontAwesome';
      color: #fff;
  }

  .carousel-next:before {
      content: '\f105';
  }

  .carousel-next:hover:before,
  .carousel-prev:hover:before {
      color: #fff;
  }

  .carousel-pagination {
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transition: bottom 0.2s ease;
      transition: bottom 0.2s ease;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 2;
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center;
      line-height: 50px;
  }

  .carousel-pagination li {
      background: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      float: left;
      height: 6px;
      margin: 0 2px;
      width: 20px;
  }

  .carousel-pagination li.active {
      background: #02b702;
  }


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


  /* 31. FLICKR											 */


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

  .flickr {
      margin-top: 20px;
      text-align: center;
  }

  .flickr-feed {
      overflow: hidden;
      padding: 0;
  }

  .flickr-feed li {
      display: inline-block;
      margin: 0 8px 4px auto;
      position: relative;
      z-index: 0;
      width: 62px;
      height: 62px;
      overflow: hidden;
  }

  .flickr-feed li img {
      margin: 0 8px 8px 0;
      width: 62px;
      height: 62px;
      overflow: hidden;
      box-shadow: none;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
  }

  .flickr-feed li:hover img {
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      transform: scale(1.2) rotate(10deg);
      -webkit-transform: scale(1.2) rotate(10deg);
      -moz-transform: scale(1.2) rotate(10deg);
      -o-transform: scale(1.2) rotate(10deg);
      -ms-transform: scale(1.2) rotate(10deg);
  }

  .flickr-feed li a {
      display: block;
      overflow: hidden;
      position: absolute;
      width: 62px;
      height: 62px;
      filter: alpha(opacity=100);
      /* internet explorer */
      -khtml-opacity: 1;
      /* khtml, old safari */
      -moz-opacity: 1;
      /* mozilla, netscape */
      opacity: 1;
      /* fx, safari, opera */
  }

  .flickr-feed li .hover {
      position: absolute;
      width: 62px;
      height: 62px;
      background: #02b702;
      opacity: 0;
      filter: alpha(opacity=0);
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      z-index: 10;
  }

  .flickr-feed li a:hover .hover {
      opacity: 0.8;
      filter: alpha(opacity=80);
      visibility: visible;
  }

  .flickr-feed li a i {
      display: block;
      position: absolute;
      width: 62px;
      height: 62px;
      font-size: 18px;
      color: white;
      line-height: 3.8;
      opacity: 0;
      filter: alpha(opacity=0);
      z-index: 11;
      -webkit-font-smoothing: antialiased;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
      -o-transition-duration: 0.4s;
      transition-duration: 0.4s;
      text-align: center;
  }

  .flickr-feed li a:hover i {
      filter: alpha(opacity=100);
      -khtml-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
  }


  /* Footer Social
  ====================================*/

  .footer_social {
      float: right;
  }

  .footbot_social {
      list-style: none outside none;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
  }

  .footbot_social li {
      float: left;
      background: none !important;
  }

  .footbot_social li a {
      color: #666;
      display: block;
      height: 40px;
      text-align: center;
      width: 35px;
      -webkit-transition: 0.25s;
      -moz-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
      margin: 0 2px;
  }

  .footbot_social li a i {
      font-size: 18px;
      line-height: 40px;
      margin-right: 0;
      float: none;
  }

  .footbot_social li a.fb:hover {
      background: #1964DA;
      border-radius: 5px;
      color: #fff;
  }

  .footbot_social li a.twtr:hover {
      color: #fff;
      background: #3ABDD1;
      border-radius: 5px;
  }

  .footbot_social li a.gmail:hover {
      color: #fff;
  }

  .footbot_social li a.pinterest:hover {
      color: #fff;
  }

  .footbot_social li a.rss:hover {
      color: #fff;
      background: #F15200;
      border-radius: 5px;
  }

  .footbot_social li a.tumblr:hover {
      color: #fff;
  }

  .footbot_social li a.flickr:hover {
      color: #fff;
  }

  .footbot_social li a.instagram:hover {
      color: #fff;
  }

  .footbot_social li a.linkedin:hover {
      color: #fff;
  }

  .footbot_social li a.skype:hover {
      color: #fff;
      background: #00AAF1;
      border-radius: 5px;
  }

  .footbot_social li a.youtube:hover {
      color: #fff;
  }

  .footbot_social li a.dribbble:hover {
      color: #fff;
      background: #F97193;
      border-radius: 5px;
  }


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


  /* 32. List & Bullets									 */


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

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


  /* --------list style  CSS---------- */

  .list_style li {
      font-family: PT sans;
      font-size: 14px;
      line-height: 21px;
      padding: 3px 2px 3px 10px;
      position: relative;
  }

  .list_style li a {
      color: #666;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0;
      text-decoration: none;
  }

  .jumbotron.head_der {
    border-radius: 0px;
    margin-top: -22px;
    margin-bottom: -10px;
    height: 16em;
    width: 60%;
    background: url('../images/b_1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
  .list_style li a:hover {
      color: #02b702;
      text-decoration: none;
  }

  .list_style li a.active {
      color: #02b702;
  }


  /* --------list style 1 : Simple CSS---------- */

  .list_style li {
      padding: 3px 2px 3px 12px;
  }

  .list_style li:before {
      font-family: FontAwesome;
      content: "\f105";
      font-size: 14px;
      position: absolute;
      left: 0;
      top: 3px;
  }


  /* --------list style 2 : Circle CSS---------- */

  .list_style.circle li {
      padding: 3px 2px 3px 23px;
  }

  .list_style.circle li:before {
      font-family: FontAwesome;
      content: "\f105";
      color: #FFFFFF;
      background: #02b702;
      border-radius: 50%;
      display: inline-block;
      height: 16px;
      line-height: 16px;
      width: 16px;
      text-align: center;
      font-size: 11px;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      position: absolute;
      left: 0;
      top: 5px;
  }


  /* --------list style 3 : Square CSS---------- */

  .list_style.square li {
      padding: 3px 2px 3px 23px;
  }

  .list_style.square li:before {
      font-family: FontAwesome;
      content: "\f105";
      background: #02b702;
      display: inline-block;
      border-radius: 0;
      color: #FFFFFF;
      height: 15px;
      width: 15px;
      line-height: 15px;
      text-align: center;
      position: absolute;
      left: 0;
      top: 5px;
  }


  /* --------list style 4 : Star CSS---------- */

  .list_style.star li {
      padding: 3px 2px 3px 22px;
  }

  .list_style.star li:before {
      font-family: FontAwesome;
      content: "\f005";
      display: inline-block;
      border-radius: 0;
      color: #02b702;
      font-size: 16px;
      text-align: center;
      position: absolute;
      left: 0;
      top: 3px;
  }
  a.foot_a {
    color: #fff !important;
}

  /* --------list style 5 : Right-arrow CSS---------- */

  .list_style.right-arrow li {
      padding: 3px 2px 3px 20px;
  }

  .list_style.right-arrow li:before {
      font-family: FontAwesome;
      content: "";
      display: inline-block;
      border-radius: 0;
      color: #02b702;
      font-size: 15px;
      position: absolute;
      left: 0;
      top: 4px;
  }


  /* --------list style 6 : Hand CSS---------- */

  .list_style.hand li {
      padding: 3px 2px 3px 22px;
  }

  .list_style.hand li:before {
      font-family: FontAwesome;
      content: "";
      display: inline-block;
      border-radius: 0;
      color: #02b702;
      position: absolute;
      left: 0;
      top: 4px;
  }


  /* --------list style 7 : Play  CSS---------- */

  .list_style.play li {
      padding: 3px 2px 3px 21px;
  }

  .list_style.play li:before {
      font-family: FontAwesome;
      content: "ï…’";
      display: inline-block;
      border-radius: 0;
      color: #02b702;
      font-size: 15px;
      position: absolute;
      left: 0;
      top: 3px;
  }


  /* --------list style 8 : Dubble-Right-Arrow  CSS---------- */

  .list_style.dubble-right-arrow li {
      padding: 3px 2px 3px 17px;
  }

  .list_style.dubble-right-arrow li:before {
      font-family: FontAwesome;
      content: "";
      display: inline-block;
      border-radius: 0;
      color: #02b702;
      font-size: 15px;
      position: absolute;
      left: 0;
      top: 3px;
  }


  /* --------list style 9 : Multiple-Icon CSS---------- */

  .multi-icon-list li {
      font-family: PT sans;
      font-size: 14px;
      line-height: 21px;
      padding: 3px 2px 3px 23px;
      position: relative;
  }

  .multi-icon-list li i.fa {
      color: #02b702;
      font-size: 16px;
      position: absolute;
      left: 0;
  }


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


  /* 33. Button Up										 */


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

  .btntoTop {
      width: 44px;
      height: 44px;
      position: fixed;
      bottom: 30px;
      color: #fff !important;
      right: 30px;
      background-color: #ed972f;
      border-radius: 2px;
      text-align: center;
      line-height: 40px;
      cursor: pointer;
      z-index: 999;
      opacity: 0;
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
  }

  .btntoTop:before {
      content: "\f106";
      display: inline-block;
      vertical-align: middle;
      font: 20px 'FontAwesome';
      color: #ffffff;
  }

  .btntoTop.active {
      opacity: 1;
  }

  .btntoTop.active:hover {
      opacity: 0.8;
  }


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


  /* 34. Media Query										 */


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

  @media only screen and (min-width: 980px) and (max-width: 1280px) {
      .names {
          font-size: 14px
      }
      .blog_medium .post_img {
          width: 30%;
      }
      .shares li.shareslabel h3 {
          padding: 8px 14px;
      }
      .comment_form>input {
          width: 30%;
      }
      .testimonial .testimonial-buttons a {
          height: 17px;
          line-height: 17px;
          width: 17px;
      }
      .testimonial .testimonial-buttons {
          position: absolute;
          right: 47%;
          top: -22px;
      }
      .post-images {
          margin-right: 15px;
      }
  }

  @media only screen and (max-width:980px) {
      .recent-item .option {
          top: 23% !important;
      }
      .recent-item .option a {
          height: 40px !important;
          width: 40px !important;
          line-height: 40px !important;
          font-size: 15px !important;
      }
      .recent-item:hover .item-description {
          top: 35% !important;
      }
      .recent-item .item-description h5 {
          font-size: 19px !important;
          line-height: 33px !important;
      }
      .recent-item .item-description span {
          font-size: 18px !important;
          font-weight: 600 !important;
          line-height: 14px !important;
      }
      .item .recent-item:hover .item-description {
          top: 45% !important;
      }
      .list_item h4 {
          font-size: 15px !important;
      }
  }

  @media only screen and (min-width: 989px) and (max-width: 989px) {
      #logo {
          margin: 22px 0 0;
          position: absolute;

      }
      .navbar-default .navbar-nav>li>a {
          padding: 40px 6px;
      }
      .navbar-nav>li>ul.dropdown-menu {
          top: 94px!important;
      }
      .serviceBox_1 .service_icon>h3 {
          font-size: 17px;
      }
      .serviceBox_5 .service-content::before {
          left: -40%;
      }
      .serviceBox_5 .service-content::after {
          left: 30%;
          top: -18px;
      }
      .serviceBox_5 .service-content .internal::before {
          left: -70%;
          top: 4%;
      }
      .serviceBox_5 .service-content .internal::after {
          left: 57%;
          top: -18px;
      }
      .tab-content {
          margin-bottom: 30px;
      }
      .post-images {
          margin-right: 15px;
      }
      .contact_3 .widget_info_contact li {
          margin: 0 0 20px;
      }
  }

  .page_head_home {
      /*background: url(../images/page-title-head.png) repeat;*/
      border-bottom: 4px solid #02b702;
      padding: 16px 0 0;
      position: relative;
  }


  /*.containerhom {
      width: 1170px;
      margin-right: -15px;
      margin-left: -15px;
  }*/


  /*Media*/

  @media only screen and (max-width:768px) {
      #logo-bar {
          padding: 0;
      }
      #logoc a img {
          height: auto;
      }
      #logo a img {
          height: auto;
      }
      .jcarousel-list li {
          width: 248px;
      }
      .tab-content {
          margin-bottom: 30px;
      }
      .nav-tabs>li>a {
          padding: 10px 10px;
      }
      .serviceBox_1,
      .serviceBox_2,
      .serviceBox_3 {
          margin-bottom: 30px;
      }
      .blog-hover>a {
          top: 30%;
      }
      .blog_medium .post_content {
          width: 45%;
      }
      .shares li.shareslabel h3 {
          padding: 8px 14px;
      }
      section.parallax {
          padding: 30px 0;
          margin: 30px 0 0;
      }
      .parallax-testimonial {
          padding: 0 0 30px;
      }
      .img-about {
          margin-bottom: 20px;
      }
      .texture-section {
          padding: 15px 0;
          margin: 10px 0;
      }
  }

  @media only screen and (max-width: 767px) {
      #info-bar {
          background: none;
          padding: 0;
      }
      #logo {
          margin: 0;
          /* z-index: 10000; */
      }
      #logo-bar {
          padding: 10px 0;
      }
      .navbar-default .navbar-nav li a {
          color: #fff;
      }
      .navbar {
          background: none;
          border-color: transparent;
          float: none;
      }
      .navbar.scroll-to-fixed-fixed {
          box-shadow: 0 0 10px #9c9999;
      }
      .navbar-nav {
          background: rgba(0, 146, 69, 0.88);
          margin: 0;
      }
      .navbar-collapse {
          position: absolute;
          width: 100%;
      }
      .navbar-nav>li>a:hover,
      .navbar-nav>li>a:focus,
      .navbar-nav>li.active>a,
      .navbar-default .navbar-nav>.active>a,
      .navbar-default .navbar-nav>.active>a:hover,
      .navbar-default .navbar-nav>.active>a:focus,
      .navbar-default .navbar-nav>.open>a,
      .navbar-default .navbar-nav>.open>a:hover,
      .navbar-default .navbar-nav>.open>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
          background: #ceda24 !important;
          color: #fff!important;
      }
      .navbar-nav>li ul>li:first-child>a {
          border-top: none;
      }
      .navbar-default .navbar-nav>li {
          border-bottom: 1px solid rgba(255, 255, 255, 0.54);
      }
      .navbar-default .navbar-nav>li>a,
      .navbar-nav .dropdown-menu>li>a {
          padding-top: 12px!important;
          padding-bottom: 12px!important;
          border-bottom: none!important;
      }
      .navbar-default .navbar-nav li a {
          color: #fff;
      }
      .navbar-nav .open .dropdown-menu>li>a,
      .navbar-nav .open .dropdown-menu .dropdown-header,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a {
          background: rgba(0, 146, 69, 0.88);
          padding-left: 45px;
          color: #fff;
          font-size: 13px;
      }
      .dropdown-menu.sm-nowrap>li {
          background: rgba(0, 146, 69, 0.88);
          border-top: 1px solid rgba(255, 255, 255, 0.54);
      }
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
          background: #ceda24;
          color: #fff;
      }
      .navbar-nav .sub-arrow,
      .navbar-nav .collapsible .sub-arrow {
          float: right;
          color: #fff;
      }
      .navbar-nav>li>ul:before {
          content: "";
          display: none;
      }
      .navbar-nav>li>.has-submenu .sub-arrow {
          font-size: 14px;
          font-weight: bold;
          width: 10px;
      }
      .navbar-nav>li.active {
          color: #fff;
      }
      .navbar-nav>li:hover>ul {
          -moz-animation: none;
          -webkit-animation: none;
          animation: none;
      }
      .navbar-nav>li>ul.dropdown-menu li:hover ul {
          -moz-animation: none;
          -webkit-animation: none;
          animation: none;
      }

      .sub_content {
          padding: 0;
      }
      /* .page_head {
          padding: 16px 0 0;
          position: relative;
      } */
      .text-center>img {
          width: 100%;
      }
      .images-style-inner {
          margin: 10px 0;
      }
      /* .page_head h2 {
          font-size: 20px;
      } */
      #breadcrumbs {
          float: right;
          margin-top: 25px;
      }
      .serviceBox_1,
      .serviceBox_5 {
          margin-bottom: 30px;
      }
      .serviceBox_5 .service-content::before {
          left: -5%;
          top: -38px;
          width: 100%;
      }
      .serviceBox_5 .service-content::after {
          left: 71%;
          top: -75px;
      }
      .serviceBox_5 .service-content .internal::before {
          left: -11%;
          top: -1px;
          width: 100%;
      }
      .serviceBox_5 .service-content .internal::after {
          left: 83%;
          top: -77px;
      }
      .list_style li i {
          margin-right: 0;
      }
      .our_clients ul {
          display: block;
          margin: 0 auto;
          padding: 0;
          text-align: center;
      }
      .list_item {
          width: 100%;
      }
      .jcarousel-list li {
          width: 99%;
      }
      .widget_content {
          margin-bottom: 30px;
      }
      .promo_box .pb_action a.btn {
          display: block;
          float: none;
          margin-top: 20px;
      }
      .list_style {
          margin: 0 0 30px;
      }
      .pricingTable {
          margin-bottom: 50px;
      }
      .team_prof {
          margin-bottom: 30px;
      }
      .blog_large .post_meta h2 a,
      .blog_single .post_meta h2 a {
          font-size: 18px;
          line-height: normal;
      }
      .blog_medium .post_meta h2 a {
          font-size: 20px;
          line-height: normal;
      }
      .blog_large .post_meta h2,
      .blog_medium .post_meta h2,
      .blog_single .post_meta h2 {
          font-size: 18px;
          line-height: 20px;
          margin-bottom: 10px;
          margin-top: 0;
      }
      .blog_large .day,
      .blog_medium .day,
      .blog_single .day {
          font-size: 20px;
      }
      .blog_large .month,
      .blog_medium .month,
      .blog_single .month {
          padding: 2px 8px 4px;
      }
      .blog_large .post_img,
      .blog_single .post_img {
          margin-bottom: 20px;
      }
      .blog_large .post_content,
      .blog_single .post_content {
          margin: 0 0 0 60px;
      }
      .blog_large .post_meta .metaInfo,
      .blog_single .post_meta .metaInfo {
          padding: 0 0 10px;
      }
      .blog_large .post_meta .metaInfo>span,
      .blog_single .post_meta .metaInfo>span {
          line-height: 24px;
      }
      .blog_large .post,
      .blog_medium .post,
      .blog_single .post,
      .blog_medium .post {
          margin-bottom: 40px;
          padding-bottom: 40px;
      }
      .blog_medium .post_content {
          float: left;
          width: 100%;
      }
      .blog_medium .post_img {
          margin-right: 0;
          width: 75%;
          margin-bottom: 30px;
      }
      .sidebar .widget {
          display: inline-block;
          position: relative;
      }
      .shareslabel {
          display: none;
      }
      .author_desc {
          height: auto;
          min-height: inherit;
          width: 100%;
      }
      .author_bio {
          float: none;
          margin-top: 35%;
          padding: 20px;
          position: relative;
          text-align: center;
          width: 100%;
      }
      #comment-list ul.children {
          margin-left: 10px;
      }
      .comment-container {
          margin-left: 80px;
          margin-bottom: 10px;
      }
      .comment_form>input {
          width: 100%;
      }
      .page_404>h1 {
          font-size: 160px;
          line-height: 180px;
          margin-top: 0;
      }
      .page_404>p {
          font-size: 26px;
          line-height: 36px;
      }
      .rec_blog {
          margin-bottom: 20px;
      }
      .copyright {
          text-align: left;
          float: left;
      }
      .post-images {
          margin-right: 15px;
      }
  }

  @media only screen and (min-width: 481px) and (max-width: 767px) {
      .author_bio {
          margin-top: 35%;
          position: relative;
      }
      #breadcrumbs {
          float: right;
          margin-top: 25px;
      }
      .contact_3 .widget_info_contact li {
          margin: 0 0 25px;
      }
  }

  @media only screen and (max-width: 480px) {
      #breadcrumbs {
          display: none;
      }
      .panel-group i {
          margin: -17px 5px 0px;
      }
      .panel-group i {
          margin: 0 5px;
      }
      .author_bio {
          margin-top: 55%;
          position: relative;
      }
      #filter li a {
          padding: 10px;
      }
      .recent-item .item-description h5 {
          font-size: 18px !important;
          line-height: 31px !important;
      }
      .recent-item .item-description span {
          font-size: 16px !important;
          font-weight: 600 !important;
          line-height: 13px !important;
      }
      table {
          display: block;
          padding: 0;
      }
      tbody {
          display: block;
      }

      .post-images {
          width: 100%;
          margin: 0 0 15px 0;
      }
      .post-detail {
          width: 100%;
      }
      .contact_3 .widget_info_contact li {
          margin: 0 0 25px;
      }
      .serviceBox_5 .service-content::before {
          background: hsl(188, 30%, 39%) none repeat scroll 0 0;
          content: "";
          display: block;
          height: 500px;
          left: -8%;
          position: absolute;
          top: 0;
          transform: rotate(7deg);
          transition: all 0.3s ease 0s;
          width: 400px;
      }
      .serviceBox_5 .service-content::after {
          background: hsl(188, 30%, 39%) none repeat scroll 0 0;
          content: "";
          display: block;
          height: 500px;
          left: 61%;
          position: absolute;
          top: -76px;
          transform: rotate(-35deg);
          transition: all 0.3s ease 0s;
          width: 400px;
      }
      .serviceBox_5 .service-content .internal::before {
          background: hsl(188, 35%, 31%) none repeat scroll 0 0;
          content: "";
          display: block;
          height: 500px;
          left: -32%;
          position: absolute;
          top: 3%;
          transform: rotate(14deg);
          transition: all 0.3s ease 0s;
          width: 400px;
          z-index: 1;
      }
      .serviceBox_5 .service-content .internal::after {
          background: hsl(188, 35%, 31%) none repeat scroll 0 0;
          content: "";
          display: block;
          height: 500px;
          left: 70%;
          position: absolute;
          top: -44px;
          transform: rotate(-52deg);
          transition: al l 0.3s ease 0s;
          width: 400px;
          z-index: 1;
      }
  }