/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* ==========================================================================
    Style Button
========================================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Blog Classic
2. Post Classic
3. Navigation
4. FAQ
5. Contact
-------------------------------------------------------------------*/
/* Padding equal container */
/* ==========================================================================
   All Style Header
========================================================================== */
/* ==========================================================================
    Start Style Footer
========================================================================== */
/* ==========================================================================
   [Start] All Style Form
========================================================================== */
/*------------------------------------------------------------------
[Table of contents]

1. Reset HTML/CSS, Unitest, Body
2. Page Title
3. Primary
-------------------------------------------------------------------*/
/* ==========================================================================
   [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend
========================================================================== */
/*------------------------------------------------------------------
[All Style Shortcode]

  1. Shortcode Fancy Box
        2. Shortcode Pie Chart
  3. Shortcode Team
        4. Shortcode Testimonial
  5. Tab
  6. Counter
  7. Accordion
  8. Progress
  9. Pricing
  10. Blog
  11. Images Carousel
  12. Block Title
  13. Social icon
-------------------------------------------------------------------*/
/* ==========================================================================
   [Start] 1. Shortcode Fancy Box
========================================================================== */
/* Images */
/* Style Loadding */
/* ==========================================================================
   Style 1
========================================================================== */
/* ==========================================================================
  Style Main Menu
  $primary_color;
========================================================================== */
/*------------------------------------------------------------------
[All Style Sidebar Widget]

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[All Style Sidebar Widget]

    1. Widget Search
        2. Widget Category
        3. Widget Tags
        4. Widget title

-------------------------------------------------------------------*/
/* ==========================================================================
   [Start] 1. Widget Search
========================================================================== */
/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
/* Fancybox */
/* Header Sticky */
/* Footer Scroll Top */
/* Start Form Comment */
/*Client carousel*/
body.admin-bar #zo-header.zo-header-1 {
  margin-top: calc(0 + 32px); }

#zo-header-logo a {
  line-height: 90px; }
#zo-header-logo a img{
  max-width: 280px; }



#zo-header {
  background-color: 0, 0, 0; 
  height: auto;
}

#zo-header.header-fixed {
  height: 70px; }

body.fixed-margin-top {
  margin-top: 70px; }

#zo-header.zo-main-header.header-fixed {
  background-color: #fff; }

#zo-header.header-fixed #zo-header-logo a img {
  max-height: 112px; }

#zo-header.header-fixed #zo-header-logo a, #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li {
  line-height: 40px; }

.navborder{
  border-top: 5px solid #08451b;
}
@media (min-width: 992px) {
  

  #zo-header-navigation .main-navigation .menu-main-menu > li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a {
    color: #444;
    line-height: 40px; }

  #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .zo-menu-toggle {
    color: #444; }

  #zo-header-navigation .main-navigation .menu-main-menu > li, #zo-header-navigation .main-navigation .menu-main-menu > ul > li {
    line-height: 40px; }

  #zo-header-navigation .main-navigation .menu-main-menu > li > a:hover, #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a:hover {
    color: #fff; } }

#zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a {
  color: #444; }

#zo-header.zo-main-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a:hover {
  color: #fff; }

#zo-header-navigation .main-navigation .menu-main-menu > li ul li > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li .zo-menu-toggle {
  color: #444; }

#zo-header-navigation .main-navigation .menu-main-menu > li ul li:hover > a, #zo-header-navigation .main-navigation .menu-main-menu > li ul li:hover .zo-menu-toggle, #zo-header-navigation .main-navigation .menu-main-menu > li ul a:focus, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-item > a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li:hover a, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a:focus, #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li.current-menu-item > a, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-parent > a, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-parent > .zo-menu-toggle, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-ancestor > a, #zo-header-navigation .main-navigation .menu-main-menu > li ul li.current-menu-ancestor > .zo-menu-toggle {
  color: #08451b; }

#zo-footer-top .wg-title:before {
  background-color: #fff; }

.vc_general.vc_btn3.btn, button.vc_general.vc_btn3, a.vc_general.vc_btn3, .btn, .button, input[type='submit'] {
  color: #000;
  background-color: transparent; }

.vc_general.vc_btn3.btn, button.vc_general.vc_btn3, a.vc_general.vc_btn3, .btn, .button, input[type='submit'] {
  background-color: transparent; }

.vc_general.vc_btn3.btn, button.vc_general.vc_btn3, a.vc_general.vc_btn3, .btn, .button, input[type='submit'] {
  -webkit-border-radius: 120px;
  -khtml-border-radius: 120px;
  -moz-border-radius: 120px;
  -ms-border-radius: 120px;
  -o-border-radius: 120px;
  border-radius: 120px;
  /* BACKGROUND GRADIENT */ }

.vc_general.vc_btn3.btn:hover, button.vc_general.vc_btn3:hover, a.vc_general.vc_btn3:hover, .btn:hover, .button:hover, input[type='submit']:hover, .vc_general.vc_btn3.btn:focus, button.vc_general.vc_btn3:focus, a.vc_general.vc_btn3:focus, .btn:focus, .button:focus, input[type='submit']:focus {
  color: #fff; }

.vc_general.vc_btn3.btn:hover, button.vc_general.vc_btn3:hover, a.vc_general.vc_btn3:hover, .btn:hover, .button:hover, input[type='submit']:hover, .vc_general.vc_btn3.btn:focus, button.vc_general.vc_btn3:focus, a.vc_general.vc_btn3:focus, .btn:focus, .button:focus, input[type='submit']:focus {
  background-color: #08451b; }

.vc_general.vc_btn3.btn.btn-primary, .btn.btn-primary {
  color: #fff; }

.vc_general.vc_btn3.btn.btn-primary, .btn.btn-primary {
  background-color: #08451b; }

.vc_general.vc_btn3.btn.btn-primary, .btn.btn-primary {
  -webkit-border-radius: 120px;
  -khtml-border-radius: 120px;
  -moz-border-radius: 120px;
  -ms-border-radius: 120px;
  -o-border-radius: 120px;
  border-radius: 120px;
  /* BACKGROUND GRADIENT */ }

.vc_general.vc_btn3.btn.btn-primary:hover, .btn.btn-primary:hover, .vc_general.vc_btn3.btn.btn-primary:focus, .btn.btn-primary:focus {
  color: #08451b; }

.vc_general.vc_btn3.btn.btn-primary:hover, .btn.btn-primary:hover, .vc_general.vc_btn3.btn.btn-primary:focus, .btn.btn-primary:focus {
  background-color: transparent; }

.btn, button, .button, a.vc_general.vc_btn3, input[type='submit'] {
  text-transform: uppercase; }

.btn, button, .button, input[type="submit"], .vc_btn3 {
  line-height: 1;
  display: inline-block;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  border: solid 1px #08451b !important;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  /* BACKGROUND GRADIENT */
  /* TRIPLE BORDERS */
  font-weight: 400;
  -webkit-border-radius: 120px;
  -khtml-border-radius: 120px;
  -moz-border-radius: 120px;
  -ms-border-radius: 120px;
  -o-border-radius: 120px;
  border-radius: 120px;
  /* BACKGROUND GRADIENT */
  border-radius: 120px;
  background-color: #08451b !important;
  color: #fff !important; }
  .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .vc_btn3:hover {
    background-color: #2f2e2e !important;
    border-color: #2f2e2e !important; }

.btn-md {
  padding: 10px 40px; }

.btn.btn-primary-transparent {
  background-color: transparent;
  color: #08451b; }
  .btn.btn-primary-transparent:hover, .btn.btn-primary-transparent:focus {
    background-color: #08451b;
    color: #000; }
  .btn.btn-white {
    border: 2px solid #fff !important;
    color: #000 !important;
    background: #fff !important; }
  .btn.btn-white:hover, .btn.btn-white:focus {
    background-color: transparent;
    border-color: #fff !important; }
  .btn.btn-white-transparent {
    background-color: transparent !important;
    border: solid 2px #fff !important;
    color: #fff !important; }
  .btn.btn-white-transparent:hover {
    background-color: transparent !important; }
  .btn.btn-dark-transparent {
    background-color: transparent !important;
    border: solid 2px #000 !important;
    color: #000 !important; }
  .btn.btn-dark-transparent:hover {
    background-color: transparent !important; }
  .btn.btn-blue-2 {
    background-color: #2f2e2e !important;
    border-color: #2f2e2e !important; }
  .btn.btn-blue-2:hover {
    background-color: #08451b !important;
    border-color: #08451b !important; }

.btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus {
  outline: medium none;
  text-decoration: none;
  /*.vc_btn3 {
    background-color: $preset-blue-color;
    &:hover{
        background-color: #2f2e2e;
    }
}*/ }

@media screen and (max-width: 767px) {
  .btn-parallax-scrolling .btn {
    padding-left: 15px !important;
    padding-right: 15px !important; } }

.zo-fancyboxes-readmore a.btn {
  background-color: transparent !important;
  color: #000 !important;
  font-size: 10px;
  border-color: #ddd !important;
  padding: 10px 30px !important;
  /* ==========================================================================
    End Style Button
========================================================================== */ }
  .zo-fancyboxes-readmore a.btn:hover {
    color: #fff !important; }

.blog-item-wrapper {
  margin-bottom: 30px;
  /* ==========================================================================
   [Start] Blog Classic
========================================================================== */ }
  .blog-item-wrapper .blog-image {
    padding: 0;
    width: 40%;
    float: left; }
  .blog-item-wrapper .blog-image .zo-grid-media {
    position: relative;
    min-height: 190px; }
  .blog-item-wrapper .blog-desc {
    width: 60%;
    position: relative;
    padding: 20px 30px 0;
    height: 190px;
    border: 1px solid #ddd; }
  .blog-item-wrapper .blog-desc hr {
    margin: 10px 0;
    width: 30px;
    border-width: 3px 0 0;
    border-color: #2f2e2e; }
  .blog-item-wrapper .magnifier {
    position: absolute;
    background: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
    top: 0;
    left: 0;
    border: 0 !important;
    z-index: 100;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all, 0.3s, ease-in-out;
    -khtml-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;
    transition: all, 0.3s, ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .blog-item-wrapper .magnifier .icon-container {
    background-color: #08451b;
    border-radius: 120px;
    bottom: 20px;
    color: #fff;
    font-size: 17px;
    height: 60px;
    left: 20px;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.11);
    width: 60px; }
    .blog-item-wrapper .magnifier .icon-container:hover {
      webkit-box-shadow: 0px 5px 2px 0px rgba(25, 183, 247, 0.9);
      -moz-box-shadow: 0px 5px 2px 0px rgba(25, 183, 247, 0.9);
      box-shadow: 0px 5px 2px 0px rgba(25, 183, 247, 0.9); }
  .blog-item-wrapper:hover .magnifier {
    opacity: 1; }
  .blog-item-wrapper:hover .blog-desc {
    background: #08451b;
    color: #fff;
    border: 1px solid transparent; }
    .blog-item-wrapper:hover .blog-desc:after {
      right: 100%;
      top: 30%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      z-index: 111;
      pointer-events: none;
      border-color: rgba(25, 103, 247, 0);
      border-right-color: #08451b;
      border-width: 10px;
      margin-top: -10px; }
    .blog-item-wrapper:hover .blog-desc a {
      color: #fff; }

.dropcap {
  line-height: 24px; }
  .dropcap:first-letter {
    margin-top: 10px;
    padding: 0 20px;
    color: #141414;
    float: left;
    font-size: 36px;
    font-weight: bold; }

.dropcap-bg {
  line-height: 24px;
  margin-top: 10px; }
  .dropcap-bg:first-letter {
    background: #141414 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 36px;
    font-weight: bold;
    margin-right: 14px;
    margin-top: -3px;
    padding: 10px 15px; }

.entry-blog {
  position: relative;
  margin: 0 0 50px;
  /**
* ----> Single Post
*/ }
  .entry-blog .entry-title {
    font-size: 24px;
    line-height: 38px;
    margin: 0;
    padding: 30px 0;
    text-transform: uppercase; }
  .entry-blog .entry-header .entry-feature.entry-feature-image img {
    width: 100%; }
  .entry-blog .entry-meta {
    border-bottom: 1px solid #eee;
    padding: 25px 0; }
  .entry-blog .entry-meta ul {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0; }
    .entry-blog .entry-meta ul li {
      display: inline-block;
      margin-right: 6px;
      padding-right: 10px;
      position: relative;
      font-size: 12px;
      color: #aaa; }
      .entry-blog .entry-meta ul li a {
        color: #aaa; }
        .entry-blog .entry-meta ul li a:hover {
          color: #08451b; }
      .entry-blog .entry-meta ul li i {
        padding-right: 6px; }
      .entry-blog .entry-meta ul li.detail-like .zo-post-like {
        cursor: pointer; }
        .entry-blog .entry-meta ul li.detail-like .zo-post-like:hover {
          color: #08451b; }
  .entry-blog .entry-content {
    /*** Blog Type ***/ }
  .entry-blog .entry-content .list-style-check {
    margin-left: 40px; }
  .entry-blog .entry-gallery .carousel-control {
    width: 45px;
    height: 45px;
    line-height: 52px;
    text-align: center;
    opacity: 1;
    top: 50%;
    transform: translate(0, -50%);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0) 2px 5px rgba(0, 0, 0, .4);
    /* TRANSFORM  */
    border: 1px solid #08451b;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    /* BACKGROUND GRADIENT */
    background-color: transparent;
    background-image: none !important;
    filter: none; }
  .entry-blog .entry-gallery .carousel-control.left {
    left: 10px; }
  .entry-blog .entry-gallery .carousel-control.right {
    right: 10px; }
  .entry-blog .entry-gallery .carousel-control .fa {
    font-size: 36px;
    color: #08451b; }
  .entry-blog .entry-video iframe {
    width: 100%; }
  .entry-blog .entry-quote blockquote {
    background: none repeat scroll 0 0 #ece9ef;
    border-left: 3px solid #08451b;
    padding: 23px;
    margin: 0 0 0 78px;
    position: relative; }
    .entry-blog .entry-quote blockquote:before {
      content: "\f10d";
      font-size: 60px;
      font-family: FontAwesome;
      color: #08451b;
      position: absolute;
      top: 15px;
      left: -75px; }

.single .post-teaser {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 0 none; }
  .single .social-share {
    padding-bottom: 25px;
    border-bottom: solid 1px #eee;
    margin-bottom: 60px; }
  .single .social-list {
    text-align: right; }
  .single .social-list li {
    display: inline-block;
    list-style: none;
    margin-left: 6px; }
    .single .social-list li .fa {
      display: block;
      width: 37px;
      height: 37px;
      line-height: 37px;
      text-align: center;
      font-size: 18px;
      color: #fff;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      /* BACKGROUND GRADIENT */ }
      .single .social-list li .fa.fa-facebook {
        background-color: #3b5997; }
      .single .social-list li .fa.fa-google-plus {
        background-color: #df4c3c; }
      .single .social-list li .fa.fa-twitter {
        background-color: #2fc2ee; }
      .single .social-list li .fa.fa-linkedin {
        background-color: #0077b5; }
  .single .post-navigation {
    padding: 10px 0;
    border-top: 1px solid #141414;
    border-bottom: 1px solid #141414; }
  .single .zo-portfolio-detail .wpb_heading {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -12px;
    padding-bottom: 48px;
    margin-bottom: -2px; }

.page .post-teaser blockquote, .blog .post-teaser blockquote, .archive .post-teaser blockquote, .search .post-teaser blockquote {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0; }

.single .post-teaser .zo-blog-detail .zo-blog-title {
  font-size: 26px; }
  .single .related-portfolio-grid .wpb_heading {
    font-weight: 500;
    font-size: 32px;
    position: relative;
    display: block;
    margin-bottom: 72px; }
    .single .related-portfolio-grid .wpb_heading:before {
      bottom: -5px; }
    .single .related-portfolio-grid .wpb_heading:after {
      bottom: -3px; }

.post-teaser {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
  clear: both;
  display: table; }
  .post-teaser.format-audio .zo-blog-audio {
    padding-top: 10px; }
  .post-teaser.format-audio .blog-date {
    display: none !important; }
  .post-teaser.format-quote {
    background: #08451b;
    padding: 40px 67px 40px 130px; }
  .post-teaser.format-quote .zo-blog-content {
    color: #fff;
    font-size: 16px;
    font-weight: 600; }
    .post-teaser.format-quote .zo-blog-content p {
      margin-bottom: 25px; }
    .post-teaser.format-quote .zo-blog-content:after {
      content: "";
      background: #2f2e2e;
      display: block;
      height: 3px;
      width: 30px; }
    .post-teaser.format-quote .zo-blog-content:before {
      content: "\f10e";
      font-family: FontAwesome;
      font-size: 20px;
      left: -70px;
      color: #fff;
      position: relative;
      top: 45px;
      border: 3px solid #fff;
      border-radius: 50%;
      padding: 7px; }
  .post-teaser.format-quote .zo-blog-meta {
    margin: 0px; }
    .post-teaser.format-quote .zo-blog-meta a {
      color: #fff;
      text-transform: capitalize;
      font-weight: 700; }
  .post-teaser.sticky {
    background-color: #f9f9f9;
    padding: 10px 20px 20px; }
  .post-teaser.sticky .zo-blog-detail .zo-blog-title:before {
    content: "\f08d";
    font-size: 30px;
    color: #08451b;
    padding-right: 10px;
    font-family: FontAwesome; }
  .post-teaser .zo-media-wrapper {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden; }
  .post-teaser .zo-media-wrapper img {
    width: 100%;
    height: auto; }
  .post-teaser .zo-media-wrapper .ImageOverlay:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: -100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    width: 100%; }
  .post-teaser .zo-media-wrapper .ImageOverlay:after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    width: 100%; }
  .post-teaser .zo-media-wrapper:hover .ImageOverlay:after {
    opacity: 1;
    top: -50%; }
  .post-teaser .zo-media-wrapper:hover .ImageOverlay:before {
    bottom: -50%;
    opacity: 1; }
  .post-teaser .zo-media-wrapper .Buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 0;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    text-align: center; }
  .post-teaser .zo-media-wrapper:hover .Buttons {
    opacity: 1; }
  .post-teaser .zo-media-wrapper a i {
    border: 1px solid #08451b;
    color: #fff;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    margin-bottom: 20px;
    text-align: center;
    width: 54px;
    border-radius: 50%; }
  .post-teaser .zo-blog-image {
    text-align: center; }
  .post-teaser .blog-date {
    background-color: #08451b;
    border: 1px solid #08451b;
    bottom: 20px;
    color: #fff;
    font-size: 17px;
    height: 60px;
    left: 20px;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index: 9999;
    border-radius: 120px; }
  .post-teaser .zo-blog-link {
    text-align: left; }
  .post-teaser .zo-blog-detail .zo-blog-title {
    letter-spacing: 0;
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    color: #444; }
    .post-teaser .zo-blog-detail .zo-blog-title a {
      color: #141414; }
      .post-teaser .zo-blog-detail .zo-blog-title a:hover {
        color: #08451b; }
  .post-teaser .zo-blog-detail hr {
    width: 30px;
    margin-left: 0;
    border-width: 3px 0 0;
    border-color: #ddd; }
  .post-teaser .zo-blog-detail .author {
    color: #141414; }
    .post-teaser .zo-blog-detail .author a {
      color: #08451b; }
      .post-teaser .zo-blog-detail .author a:hover {
        color: #909090; }
  .post-teaser .zo-blog-detail .zo-blog-meta {
    margin-bottom: 15px; }
    .post-teaser .zo-blog-detail .zo-blog-meta .blog-meta {
      color: #444;
      font-size: 12px;
      line-height: 28px;
      font-family: "Source Sans Pro", sans-serif;
      letter-spacing: 1px;
      font-weight: 400; }
    .post-teaser .zo-blog-detail .zo-blog-meta ul {
      padding-left: 0;
      padding-right: 57px;
      margin: 15px 0 0;
      border-top: 1px solid #ececec;
      border-bottom: 1px solid #ececec;
      position: relative;
      width: 100%; }
      .post-teaser .zo-blog-detail .zo-blog-meta ul li {
        display: inline-block;
        font-size: 12px;
        margin-right: 20px;
        line-height: 35px;
        color: #6f6f6f; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-category, .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-tag {
          color: #c8c8c8; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-category i, .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-tag i {
          color: #6f6f6f; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li .fa {
          padding-right: 10px;
          font-size: 16px; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-date {
          position: absolute;
          bottom: 0;
          right: 0;
          margin: 0;
          color: #fff;
          background: #08451b;
          width: 58px;
          height: 52px;
          text-transform: uppercase;
          line-height: normal;
          text-align: center;
          font-style: italic;
          font-size: 16px;
          -webkit-transition: all 420ms ease 0s;
          -khtml-transition: all 420ms ease 0s;
          -moz-transition: all 420ms ease 0s;
          -ms-transition: all 420ms ease 0s;
          -o-transition: all 420ms ease 0s;
          transition: all 420ms ease 0s;
          /* BACKGROUND GRADIENT */
          /* TRIPLE BORDERS */
          padding-top: 7px; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-date span {
          display: inline-block;
          width: 100%; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li a {
          color: #6f6f6f; }
        .post-teaser .zo-blog-detail .zo-blog-meta ul li a:hover {
          color: #08451b; }
        @media screen and (max-width: 479px) {
    .post-teaser .zo-blog-detail .zo-blog-meta ul li.zo-blog-category a {
      font-size: 10px; } }
  .post-teaser .zo-blog-detail .zo-blog-content {
    margin-bottom: 20px; }
  .post-teaser .zo-blog-detail .zo-blog-readmore {
    border-color: #e4e4e4; }
  .post-teaser .zo-blog-image {
    position: relative; }
  .post-teaser .zo-blog-image .carousel .carousel-control {
    background: none;
    text-shadow: none;
    opacity: 1; }
    .post-teaser .zo-blog-image .carousel .carousel-control .fa {
      background: #fff;
      color: #141414;
      display: block;
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */ }
    .post-teaser .zo-blog-image .carousel .carousel-control:hover > .fa {
      background: #08451b;
      color: #fff; }
  .post-teaser .zo-blog-video .overlay, .post-teaser .zo-blog-audio .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
    .post-teaser .zo-blog-video .overlay .overlay-inner, .post-teaser .zo-blog-audio .overlay .overlay-inner {
      position: absolute;
      top: 50%;
      left: 0;
      text-align: center;
      width: 100%;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */
      padding-left: 20px;
      padding-right: 20px; }
    .post-teaser .zo-blog-video .overlay .play-button, .post-teaser .zo-blog-audio .overlay .play-button {
      color: #fff;
      display: inline-block;
      border: 1px solid rgba(255, 255, 255, 0.3);
      font-size: 55px;
      height: 88px;
      line-height: 88px;
      text-align: center;
      width: 88px; }
    .post-teaser .zo-blog-video .overlay .mejs-container, .post-teaser .zo-blog-audio .overlay .mejs-container {
      margin-top: 40px; }
  .post-teaser .zo-blog-video iframe, .post-teaser .zo-blog-audio iframe {
    width: 100%; }
  .post-teaser .zo-blog-link {
    position: relative; }
  .post-teaser .zo-blog-link .overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    /* COLOR OPACITY */ }
    .post-teaser .zo-blog-link .overlay-link .link {
      position: absolute;
      display: block;
      top: 50%;
      left: 0;
      width: 100%;
      padding: 0 50px;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */ }
    .post-teaser .zo-blog-link .overlay-link .link a {
      color: #fff; }
      .post-teaser .zo-blog-link .overlay-link .link a:hover {
        color: #08451b; }
  .post-teaser .btn-readmore {
    border: 1px solid #ddd;
    color: #000;
    font-size: 10px;
    margin: 0;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 120px;
    font-weight: 500;
    line-height: 10px; }
  .post-teaser .btn-readmore:hover {
    background-color: #08451b;
    color: #fff;
    border-color: #08451b; }

@media (min-width: 768px) and (max-width: 991px) {
  /* ==========================================================================
   [End] Blog Classic
========================================================================== */
  /* ==========================================================================
   [Start] Navigation
========================================================================== */
    .page .post-teaser .zo-blog-detail .zo-blog-content {
      min-height: 85px; } }

.navigation {
  text-align: center; }
  .navigation .pagination {
    margin-bottom: 27px;
    margin-bottom: 115px; }
  .navigation .pagination a, .navigation .pagination .current {
    padding: 11px 16px;
    border: 1px solid #cacaca;
    color: #333;
    margin-right: 7px;
    border-radius: 50px; }
    .navigation .pagination a:hover, .navigation .pagination .current:hover {
      background-color: #08451b;
      color: #fff;
      border-color : #08451b; }
  .navigation .pagination span.current {
    background-color: #08451b;
    color: #fff;
    border-color : #08451b; }
  .navigation .pagination .next {
    padding: 11px 20px !important; }

.post-navigation {
  /* ==========================================================================
   [End] 3. Navigation
========================================================================== */
  /*=================================================================
 [Start] Portfolio
*==================================================================*/
  /*
---> zo-portfolio-style-1
*/ }
  .post-navigation a {
    font-size: 14px;
    color: #141414;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .post-navigation a.post-prev i {
    padding-right: 20px; }
  .post-navigation a.post-next i {
    padding-left: 20px; }

.zo-portfolio-style-1 {
  height: 100%;
  width: 100%;
  background-size: cover;
  position: relative;
  /*=================================================================
 [End] Portfolio
*==================================================================*/
  /*=================================================================
 [Start] Team
*==================================================================*/
  /*=================================================================
 [End] Team
*==================================================================*/
  /*=================================================================
 [Start] Testimonial
*==================================================================*/
  /*=================================================================
 [End] Testimonial
*==================================================================*/
  /*=================================================================
 [Start] Client
*==================================================================*/ }
  .zo-portfolio-style-1:hover .zo-portfolio-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }
  .zo-portfolio-style-1 .zo-portfolio-image img {
    width: 100%; }
    @media (min-width: 980px) and (max-width: 991px) {
    .zo-portfolio-style-1 .zo-portfolio-image img {
      width: 100% !important; } }
  .zo-portfolio-style-1 .zo-portfolio-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    -webkit-transition: all 200ms ease-in-out;
    -khtml-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .zo-portfolio-style-1 .zo-portfolio-overlay .zo-portfolio-title {
    font-size: 15px;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
    .zo-portfolio-style-1 .zo-portfolio-overlay .zo-portfolio-title a {
      color: #fff; }
    .zo-portfolio-style-1 .zo-portfolio-overlay .zo-portfolio-title a:hover {
      color: #08451b; }
  .zo-portfolio-style-1 .zo-portfolio-overlay .zo-portfolio-category {
    font-style: italic;
    font-size: 18px;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 60px;
    margin-top: -40px; }
    .zo-portfolio-style-1 .zo-portfolio-overlay .zo-portfolio-category a {
      color: #fff; }

.our-partners {
  text-align: center;
  /*=================================================================
 [End] Client
*==================================================================*/
  /* ==========================================================================
   [Start] FAQ
========================================================================== */ }
  .our-partners img {
    display: inline-block;
    border: 1px solid #ececec;
    margin-bottom: 15px !important; }
  @media screen and (min-width: 640px) {
    .our-partners img {
      margin-left: 15px !important; } }

.vc_tta-panel-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 55px !important;
  /* ==========================================================================
   [End] Blog Classic
========================================================================== */
  /* ==========================================================================
   [Start] Custom Carousel
========================================================================== */ }
  .vc_tta-panel-body .vc_toggle_default {
    border: 1px solid #ececec;
    padding: 15px 35px 15px 25px; }
  .vc_tta-panel-body .vc_toggle_default .vc_toggle_title {
    padding-left: 0 !important; }
    .vc_tta-panel-body .vc_toggle_default .vc_toggle_title h4 {
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 0; }
    .vc_tta-panel-body .vc_toggle_default .vc_toggle_title .vc_toggle_icon {
      left: auto !important;
      right: -10px; }
  .vc_tta-panel-body .vc_toggle_default .vc_toggle_content {
    padding-left: 0 !important;
    font-size: 13px; }
  .vc_tta-panel-body .vc_toggle_default.vc_toggle_active {
    border-color: #909090; }

.custom-carousel.owl-carousel .owl-item {
  color: #fff; }
  .custom-carousel.owl-carousel .owl-item h2 {
    font-size: 26px;
    line-height: 60px;
    letter-spacing: 0.1em;
    font-weight: 400;
    color: #fff; }
  .custom-carousel.owl-carousel .owl-item p {
    font-size: 22px;
    font-style: italic;
    color: #fff; }
  .custom-carousel.owl-carousel .owl-nav {
    text-align: left;
    margin-top: 40px; }
  .custom-carousel.owl-carousel .owl-nav [class*="owl-"] {
    background-color: transparent;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 34px;
    width: 34px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
    .custom-carousel.owl-carousel .owl-nav [class*="owl-"] i {
      line-height: normal; }
    .custom-carousel.owl-carousel .owl-nav [class*="owl-"].owl-prev {
      margin-right: 40px;
      position: relative; }
    .custom-carousel.owl-carousel .owl-nav [class*="owl-"].owl-prev:after {
      width: 40px;
      height: 1px;
      background-color: #fff;
      content: '';
      position: absolute;
      top: 50%;
      right: -41px; }

body.error404 #zo-page-element-wrap {
  margin-bottom: 0; }

.widget-title {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 0; }
  .widget-title h3 {
    font-size: 15px;
    color: #08451b;
    text-align: center;
    text-transform: uppercase; }
  .widget-title:after {
    background-color: #ddd;
    bottom: 30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 160px;
    margin-left: -80px; }
  .widget-title:before {
    background-color: #ddd;
    bottom: 28px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }

.entry-author {
  margin-top: 20px;
  padding: 40px;
  background-color: #f5f6f6;
  /* ==========================================================================
   [End] Custom Carousel
========================================================================== */
  /* ==========================================================================
   [Start] Contact
========================================================================== */ }
  .entry-author .entry-author-avatar {
    float: left;
    margin: 5px 20px 5px 0; }
  .entry-author .entry-author-name {
    color: #000;
    font-size: 16px; }

.contact-box {
  /* ==========================================================================
   [End] Contact
========================================================================== */
  /* ==========================================================================
   [Start] Header border bottom
========================================================================== */ }
  .contact-box h3 {
    font-size: 20px;
    line-height: 1;
    color: #fff; }
  .contact-box h3 i {
    width: 65px;
    vertical-align: middle; }
  .contact-box h3 small {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    padding-left: 70px;
    margin-top: -10px;
    display: block; }

.zo-border-bottom {
  text-align: center;
  padding-bottom: 50px; }
  .zo-border-bottom:after {
    background-color: #ddd;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px; }
  .zo-border-bottom:before {
    background-color: #ddd;
    bottom: -2px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }

#siderbar {
  padding: 0px 25px;
  /* ==========================================================================
   [End] Header border bottom
========================================================================== */ }

#comments .comments-title, #comments .comment-reply-title {
  font-size: 15px;
  position: relative;
  padding-bottom: 50px;
  text-transform: uppercase;
  color: #08451b;
  text-align: center;
  margin-bottom: 0; }
  #comments .comments-title:after, #comments .comment-reply-title:after {
    background-color: #ddd;
    bottom: 30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 160px;
    margin-left: -80px; }
  #comments .comments-title:before, #comments .comment-reply-title:before {
    background-color: #ddd;
    bottom: 28px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }
  #comments .comments-title {
    margin-top: 80px; }
  #comments .comment-reply-title {
    margin-top: 50px; }
  #comments .comment-list {
    list-style: none;
    padding: 0;
    margin: 40px 0 28px; }
  #comments .comment-list li {
    position: relative;
    list-style: none; }
  #comments .comment-list .comment-body {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: solid 1px #eee;
    overflow: hidden; }
    #comments .comment-list .comment-body .comment-author-image {
      float: left;
      max-width: 70px; }
    #comments .comment-list .comment-body .comment-author-image img {
      height: 70px;
      width: 70px;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      /* BACKGROUND GRADIENT */ }
  #comments .comment-list .comment-main {
    margin-left: 100px; }
    @media screen and (max-width: 767px) {
    #comments .comment-list .comment-main {
      margin-left: 0; } }
    #comments .comment-list .comment-main .comment-header .comment-author {
      font-size: 12px;
      line-height: 60px;
      color: #08451b;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1199px) {
      #comments .comment-list .comment-main .comment-header .comment-author {
        line-height: 1.5; } }
      #comments .comment-list .comment-main .comment-header .comment-author a {
        color: #08451b; }
    #comments .comment-list .comment-main .comment-header .comment-date {
      color: #6f6f6f;
      font-size: 11px;
      line-height: 24px; }
    #comments .comment-list .comment-main .comment-header .comment-awaiting-moderation {
      font-size: 10px;
      color: #08451b; }
    #comments .comment-list .comment-main .comment-content {
      margin-bottom: 15px; }
    #comments .comment-list .comment-main .reply {
      text-align: right;
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase; }
  #comments .comment-list ul.children {
    padding-left: 130px;
    position: relative; }
    #comments .comment-list ul.children .comment-author-image {
      max-width: 109px;
      float: left;
      padding: 10px 0 20px;
      background: #fff; }
  #comments #commentform p {
    margin: 0 0 10px; }
    #comments #commentform p input[type="text"], #comments #commentform p textarea {
      -webkit-border-radius: 0;
      -khtml-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      /* BACKGROUND GRADIENT */
      font-size: 13px;
      border-color: #ebebeb; }
    #comments #commentform p input[type="text"]:focus, #comments #commentform p textarea:focus {
      border-color: #08451b; }
    #comments #commentform p label {
      font-size: 12px;
      font-style: italic;
      letter-spacing: 0.1em;
      color: #141414;
      text-transform: uppercase; }
    #comments #commentform p.comment-form-author, #comments #commentform p.comment-form-url, #comments #commentform p.comment-form-email {
      width: 33.33%;
      float: left;
      padding-right: 30px; }
    @media screen and (max-width: 767px) {
      #comments #commentform p.comment-form-author, #comments #commentform p.comment-form-url, #comments #commentform p.comment-form-email {
        width: 100%;
        padding-right: 0; } }
    #comments #commentform p.comment-form-url {
      padding-right: 0; }
    #comments #commentform p.comment-form-comment {
      clear: both;
      margin-bottom: 30px; }
    #comments #commentform p.form-submit {
      text-align: right; }

.single #comments {
  margin-bottom: 100px; }

.padding-equal-container {
  padding-right: calc((100% - 1170px) / 2) !important; }

.padding-left-equal-container {
  padding-left: calc((100% - 1170px) / 2) !important; }
  @media (min-width: 992px) and (max-width: 1199px) {
  .padding-left-equal-container {
    padding-left: 15px !important; } }

.full-single-image {
  /* Row in row */ }
  .full-single-image figure {
    width: 100%; }
  .full-single-image figure .vc_single_image-wrapper {
    width: 100%; }
    .full-single-image figure .vc_single_image-wrapper img {
      width: 100%; }

.row-in-row {
  /* Primary color class */ }
  .row-in-row .container {
    width: 100%; }
  .row-in-row .row {
    margin-left: 0;
    margin-right: 0; }

.primary-color {
  color: #08451b;
  /*[Start] Zo Grid
=============================================*/ }

.zo-grid {
  /*[End] Zo Grid
=============================================*/ }
  @media screen and (min-width: 992px) {
    .zo-grid .zo-grid-item.col-lg-6:nth-child(2n+1) {
      clear: both; }

    .zo-grid .zo-grid-item.col-lg-4:nth-child(3n+1) {
      clear: both; }

    .zo-grid .zo-grid-item.col-lg-3:nth-child(4n+1) {
      clear: both; }

    .zo-grid .zo-grid-item.col-lg-2:nth-child(6n+1) {
      clear: both; } }
  @media screen and (max-width: 991px) {
    .zo-grid .zo-grid-item.col-sm-6:nth-child(2n+1) {
      clear: both; } }
  .zo-grid.zo-grid-masonry .zo-grid-item {
    margin-bottom: 30px; }

blockquote {
  border-left: 5px solid #08451b;
  padding-left: 10px; }

dl {
  margin-bottom: 1.6em; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: 1.6em; }

table, th, td {
  border: 1px solid #eaeaea; }

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  /* Prevents HTML tables from becoming too wide */
  table-layout: fixed;
  width: 100%; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

th {
  border-width: 0 1px 1px 0;
  font-weight: 700; }

td {
  border-width: 0 1px 1px 0; }

th, td {
  padding: 0.4em; }

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 0; }

del {
  opacity: 0.8; }

dl {
  /* Alignments
==================================*/ }
  dl dt {
    font-weight: bold; }

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
  margin: 0.4em 1.6em 1.6em 0; }

blockquote.alignright, .wp-caption.alignright, img.alignright {
  margin: 0.4em 0 1.6em 1.6em; }

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em; }

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
  margin-bottom: 1.2em; }

.post-password-form input[type="submit"] {
  margin-top: 15px; }

@media screen and (min-width: 1200px) {
  .no-padding .container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 991px) {
  /* Accordion */
    .no-padding.zo-row-full-width .no-container {
      padding-left: 0;
      padding-right: 0; } }

.zo-accordion {
  /*Message box*/ }
  .zo-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 400; }
    .zo-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
      color: #6f6f6f; }
    .zo-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title i {
      border: 2px solid #ececec;
      height: 22px;
      width: 22px; }
      .zo-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title i:before {
        width: 8px;
        margin: 0 auto; }
      .zo-accordion .vc_tta-accordion .vc_tta-panel-heading .vc_tta-panel-title i:after {
        height: 8px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -khtml-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM STYLE */ }
  .zo-accordion .vc_tta-accordion .vc_tta-panel-body {
    padding: 25px !important; }
    .zo-accordion .vc_tta-accordion .vc_tta-panel-body .wpb_single_image {
      float: left;
      width: 116px; }
    .zo-accordion .vc_tta-accordion .vc_tta-panel-body .wpb_text_column {
      padding-left: 136px; }
    .zo-accordion .vc_tta-accordion .vc_tta-panel-body .wpb_text_column p {
      font-size: 12px;
      line-height: 24px;
      color: #6f6f6f; }
  .zo-accordion .vc_tta-accordion .vc_active .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-title-text {
    color: #08451b;
    font-size: 14px;
    font-weight: bold; }
    .zo-accordion .vc_tta-accordion .vc_active .vc_tta-panel-heading .vc_tta-panel-title i {
      border: 2px solid #08451b;
      background: #08451b; }
    .zo-accordion .vc_tta-accordion .vc_active .vc_tta-panel-heading .vc_tta-panel-title i:before {
      border-color: #fff !important; }

.custom-message .alert {
  border-radius: 0;
  position: relative;
  margin-bottom: 30px; }
  .custom-message .alert .close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
    font-weight: bold; }
  .custom-message .alert .vertical-align > div:first-child {
    text-align: center; }
  .custom-message.message-icon-1 .alert strong {
    font-size: 14px; }
    .custom-message.message-icon-1 .alert .fa {
      background: #fff;
      border-radius: 50%;
      color: #000;
      line-height: 38px;
      -webkit-transform: translateY(calc(50% + 17px));
      -khtml-transform: translateY(calc(50% + 17px));
      -moz-transform: translateY(calc(50% + 17px));
      -ms-transform: translateY(calc(50% + 17px));
      -o-transform: translateY(calc(50% + 17px));
      transform: translateY(calc(50% + 17px));
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */
      height: 38px;
      text-align: center;
      width: 38px; }
  .custom-message.message-icon-2.message-style-1 .alert .fa {
    border: 1px solid #fff; }
  .custom-message.message-icon-2.message-style-2 .alert.alert-success .fa {
    border: 1px solid #2fba87; }
    .custom-message.message-icon-2.message-style-2 .alert.alert-warning .fa {
      border: 1px solid #ffc11b; }
    .custom-message.message-icon-2.message-style-2 .alert.alert-info .fa {
      border: 1px solid #6dcff6; }
    .custom-message.message-icon-2.message-style-2 .alert.alert-danger .fa {
      border: 1px solid #eb5020; }
  .custom-message.message-icon-2 .alert strong {
    font-size: 14px; }
    .custom-message.message-icon-2 .alert .fa {
      border-radius: 50%;
      line-height: 38px;
      height: 38px;
      text-align: center;
      width: 38px; }
    .custom-message.message-icon-2 .alert .vertical-align > div:first-child {
      text-align: center; }
  .custom-message.message-style-1 .alert {
    font-size: 11px;
    color: #fff; }
    .custom-message.message-style-1 .alert .close {
      color: #fff; }
    .custom-message.message-style-1 .alert.alert-success {
      background: #2fba87;
      border-color: #2fba87; }
    .custom-message.message-style-1 .alert.alert-warning {
      background: #ffc11b;
      border-color: #ffc11b; }
    .custom-message.message-style-1 .alert.alert-info {
      background: #6dcff6;
      border-color: #6dcff6; }
    .custom-message.message-style-1 .alert.alert-danger {
      background: #eb5020;
      border-color: #eb5020; }
  .custom-message.message-style-2 .alert {
    font-size: 11px;
    border-width: 2px; }
    .custom-message.message-style-2 .alert.alert-success {
      color: #2fba87;
      border-color: #2fba87;
      background: #e7f6f0; }
    .custom-message.message-style-2 .alert.alert-success .close {
      color: #2fba87; }
    .custom-message.message-style-2 .alert.alert-warning {
      color: #ffc11b;
      border-color: #ffc11b;
      background: #fffbf0; }
    .custom-message.message-style-2 .alert.alert-warning .close {
      color: #ffc11b; }
    .custom-message.message-style-2 .alert.alert-info {
      color: #6dcff6;
      border-color: #6dcff6;
      background: #effaff; }
    .custom-message.message-style-2 .alert.alert-info .close {
      color: #6dcff6; }
    .custom-message.message-style-2 .alert.alert-danger {
      color: #eb5020;
      border-color: #eb5020;
      background: #fff0ec; }
    .custom-message.message-style-2 .alert.alert-danger .close {
      color: #eb5020; }

.fancy-about .zo-fancyboxes-description {
  margin-bottom: 65px !important; }
  .fancy-about .zo-fancy-box-title {
    margin-bottom: 5px !important; }
  .fancy-about .zo-fancy-box-title:after {
    display: none; }
  .fancy-about .zo-fancy-box-content {
    margin-bottom: 20px; }
  .fancy-about .zo-fancyboxes-readmore a {
    line-height: 14px; }

.wpb_single_image.image-margin .wpb_heading {
  padding-bottom: 40px !important;
  margin-bottom: 7px !important; }

.details-purchase {
  background-image: url("../../wp-content/themes/percorp/assets/images/parallax_05.jpg");
  padding: 75px; }
  .details-purchase h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px; }
  .details-purchase h1 .btn-blue {
    color: #fff;
    background-color: #2f2e2e;
    border-color: #2f2e2e;
    border-radius: 50px;
    padding: 17px 30px;
    font-size: 13px;
    vertical-align: middle;
    margin-left: 25px; }
  .details-purchase h1 i {
    margin-right: 25px; }

.absolute-img .wpb_single_image {
  position: relative;
  bottom: -10px; }

.heading-service {
  font-weight: 600;
  letter-spacing: 0.6px; }

.map-contact .wpb_wrapper {
  padding: 0 !important; }
.wpb_wrapper p{
  padding-bottom: 5px;
}
.contact-form-heading {
  font-size: 21px !important;
  font-weight: 500 !important;
  margin-bottom: 10px;
  position: relative;
  top: -15px; }
  .contact-form-heading:before {
    bottom: 3px !important; }
  .contact-form-heading:after {
    bottom: 5px !important; }

.wpcf7-form .form-title {
  margin-bottom: 20px; }
  .wpcf7-form .form-input input[type="text"], .wpcf7-form .form-input input[type="email"] {
    padding: 15px;
    height: 50px;
    width: 50%;
    margin-bottom: 14px; }
  .wpcf7-form .form-input textarea {
    height: 180px; }
  .wpcf7-form .ajax-loader {
    position: relative;
    top: 10px; }

.template-zo_fancybox--right .zo-fancy-box-content {
  margin-right: 100px; }

@media screen and (max-width: 767px) {
  body div#zo-header {
    margin-top: 10px; }
    body.admin-bar div#zo-header {
      margin-top: 0px; }
    body div#zo-header.zo-header-2, body.admin-bar div#zo-header.zo-header-2 {
      margin-top: 0; } }

#zo-header-top .container {
  padding-top: 13px;
  padding-bottom: 3px;
  color: #444;
  font-weight: 400;
  font-size: 13px;
  border-bottom: 1px solid #eee; }
  #zo-header-top .container .topcontact span {
    margin-right: 10px; }
    #zo-header-top .container .topcontact span i {
      margin-right: 4px;
      color: #2f2e2e; }
  #zo-header-top .container .topsocial {
    /*      a {
        border: 1px solid #eeeeee;
        @include css3-prefix('border-radius', 500px);
        width: 30px;
        height: 30px;
        margin-left: 3px;
        display: inline-block;
        text-align: center;
        line-height: 29px;
      }*/
    text-align: right; }

.admin-bar #zo-header.header-fixed {
  top: 32px; }

#zo-header {
  width: 100%;
  z-index: 999;
  position: relative;
  top: 0; }
  #zo-header.header-fixed {
    border-bottom: 1px solid #eee;
    left: 0; }
  #zo-header.no-sticky {
    position: relative; }
  #zo-header.no-sticky.header-transparent.header-transparent-disable .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon {
    color: #000; }
    #zo-header.no-sticky.header-transparent.header-transparent-disable .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover {
      color: #fff; }
  #zo-header.no-sticky.header-fixed, #zo-header.no-sticky.header-fixed-page {
    -webkit-transition: all 420ms linear 0ms;
    -khtml-transition: all 420ms linear 0ms;
    -moz-transition: all 420ms linear 0ms;
    -ms-transition: all 420ms linear 0ms;
    -o-transition: all 420ms linear 0ms;
    transition: all 420ms linear 0ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    position: fixed; }
  #zo-header.header-fixed, #zo-header.header-fixed-page {
    position: fixed; }
  #zo-header.header-fixed .widget_cart_search_wrap .widget_cart_search_wrap_item, #zo-header.header-fixed-page .widget_cart_search_wrap .widget_cart_search_wrap_item {
    line-height: ; }
  #zo-header.header-transparent {
    position: absolute; }
  #zo-header.header-transparent.header-transparent-disable {
    position: relative; }
  #zo-header.header-transparent.header-fixed, #zo-header.header-transparent.header-fixed-page {
    position: fixed; }
  #zo-header #zo-header-logo a img {
    -webkit-transition: all 420ms linear 0ms;
    -khtml-transition: all 420ms linear 0ms;
    -moz-transition: all 420ms linear 0ms;
    -ms-transition: all 420ms linear 0ms;
    -o-transition: all 420ms linear 0ms;
    transition: all 420ms linear 0ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ 
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #zo-header > .container {
    position: relative;
    z-index: 99; }
  #zo-header.header-fixed-page.header-fixed-page-trans {
    position: absolute; }

.border-header:after {
  background: url("../images/shadow.png") no-repeat scroll center center;
  content: "";
  display: block;
  height: 28px;
  left: 0;
  position: absolute;
  width: 100%; }

#zo-header.zo-header-2, #zo-header.zo-header-3 {
  height: auto;
  margin: 0;
  /*** Admin Bar ***/ }
  #zo-header.zo-header-2.no-sticky, #zo-header.zo-header-3.no-sticky {
    position: relative; }

.admin-bar {
  /*** End Admin Bar ***/
  /*** Logo ***/ }
  .admin-bar #zo-header.no-sticky {
    top: 0; }
    .admin-bar #zo-header.no-sticky.header-fixed-page {
      top: 32px; }

#zo-header-logo a {
  display: block;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  /* BACKGROUND GRADIENT */
  /* TRIPLE BORDERS */
  /*** End Logo ***/
  /* ==========================================================================
  End All Style Header
========================================================================== */ }

#zo-header-right {
  padding: 0;
  position: static;
  /* Cart and Search
==========================================================*/ }

.widget_cart_search_wrap {
  text-align: right; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item {
    line-height: 90px;
    width: 40px;
    display: inline-block; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon {
    color: #fff;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    /* BACKGROUND GRADIENT */ }
    @media screen and (max-width: 767px) {
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon {
      position: absolute !important;
      right: 95px;
      top: 25px; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_search_wrap {
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM STYLE */ } }
    @media (min-width: 768px) and (max-width: 992px) {
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon {
      position: absolute !important;
      right: 100px;
      top: 19px; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_search_wrap {
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        /* BACKGROUND GRADIENT */
        /* TRANSFORM STYLE */ } }
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover, .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.active {
      background-color: #141414;
      color: #fff; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover .cart_total, .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.active .cart_total {
      color: #fff; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap {
      margin-right: 10px;
      position: relative; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap .cart_total {
      position: absolute;
      color: #fff;
      background-color: #08451b;
      -webkit-border-radius: 100%;
      -khtml-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      /* BACKGROUND GRADIENT */
      display: block;
      font-size: 11px;
      height: 18px;
      line-height: 18px;
      right: -5px;
      text-align: center;
      top: -10px;
      width: 18px; }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 400ms;
    -khtml-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown.active, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content.active {
      height: auto;
      overflow: hidden;
      opacity: 1; }

      .widget.widget_search{
        padding-top: 30px;
      }

  .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown {
    width: 360px;
    position: absolute;
    background-color: #141414;
    top: 100%;
    right: 16px; }
    @media screen and (max-width: 768px) {
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown {
      right: 0;
      width: 100%; } }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner {
      padding: 20px; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list {
      list-style: none inside;
      margin: 0;
      padding: 0; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list {
      border-bottom: 1px solid #393939;
      color: #fff;
      overflow: hidden;
      padding: 20px 0;
      line-height: normal; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list.empty {
      text-align: center; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a {
      float: left; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list a img {
        width: 75px;
        height: 93px; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info {
      padding-left: 95px;
      text-align: left; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .title {
        color: #fff;
        font-size: 12px;
        padding: 0 0 10px;
        margin: 0;
        text-transform: uppercase;
        line-height: normal; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .amount {
        color: #08451b;
        display: block;
        font-style: italic;
        padding-bottom: 10px;
        padding-right: 4px; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity {
        display: block;
        color: #858585;
        text-transform: uppercase;
        padding-bottom: 10px;
        padding-right: 4px; }
        .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity a {
          float: right;
          margin-left: 15px;
          color: #858585; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total {
      font-size: 16px;
      color: #fff;
      display: block;
      text-align: center;
      text-transform: uppercase; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .total .amount {
      font-size: 36px;
      padding-left: 10px;
      color: #08451b; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn {
      width: 100%;
      text-align: center;
      color: #fff !important; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout:hover {
      background: #08451b;
      background: rgba(131, 43, 129, 0.3);
      /* COLOR OPACITY */ }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart {
      background-color: #909090;
      border-color: #909090; }
      .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart:hover {
        background: #909090;
        background: rgba(144, 144, 144, 0.3);
        /* COLOR OPACITY */ }
  .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form {
      position: relative;
      padding: 35px 60px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      background: rgba(255, 255, 255, 0.3); }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input {
      display: block;
      height: 40px;
      line-height: 40px;
      padding: 0;
      color: #fff; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"] {
      font-size: 18px;
      color: #000;
      background-color: #fff;
      border: none;
      padding: 0 15px; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:focus {
      background-color: #fff;
      border: none; }
    .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] {
      font-size: 12px;
      text-transform: uppercase;
      padding: 0 50px;
      position: absolute;
      right: 40px;
      top: 35px;
      background-color: #08451b; }
    @media screen and (max-width: 768px) {
          .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] {
            padding: 0 15px; } }

footer:not(.entry-meta) {
  position: relative;

  padding-top: 0px; }
footer{
  margin-top: 100px;
}
#zo-footer-top {
  position: relative;
  line-height: 30px;
  overflow: hidden; }
  #zo-footer-top .container {
    border-bottom: 1px solid #333;
    padding-bottom: 10px; }
  #zo-footer-top a {
    font-weight: 500; }
  #zo-footer-top .wg-title {
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600; }
  #zo-footer-top .wg-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    background-color: #333; }
  #zo-footer-top ul.menu {
    padding: 0;
    margin: 0;
    list-style: none inside; }
  #zo-footer-top ul.menu li {
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase; }
    #zo-footer-top ul.menu li:first-child {
      margin-top: -9px; }
  #zo-footer-top .footer-top-second {
    text-align: right; }
  #zo-footer-top .border-bottom {
    border-bottom: solid 1px #333;
    padding-bottom: 10px; }
  #zo-footer-top .contact-widget ul li {
    margin-bottom: 20px; }
    #zo-footer-top .contact-widget ul li i {
      font-size: 18px;
      padding-right: 10px; }
  #zo-footer-top ul {
    padding: 0; }
  #zo-footer-top ul li {
    list-style: none;
    list-style-type: none;
    font-size: 15px; }
  #zo-footer-top .widget_recent_entries span.post-date {
    color: #999;
    font-size: 12px;
    font-style: italic;
    line-height: 1.9;
    margin-bottom: 5px;
    display: block; }

  #zo-footer-top .wpcf7-form {
    margin-right: 10px; }
  #zo-footer-top .wpcf7-form input[type="text"], #zo-footer-top .wpcf7-form textarea, #zo-footer-top .wpcf7-form input[type="email"] {
    border: medium none;
    background: #222 none repeat scroll 0% 0%;
    padding-left: 13px;
    color: #555;
    font-weight: 300;
    border: 1px transparent solid;
    text-transform: uppercase; }
    #zo-footer-top .wpcf7-form input[type="text"]:focus, #zo-footer-top .wpcf7-form textarea:focus, #zo-footer-top .wpcf7-form input[type="email"]:focus {
      border: 1px solid #555; }
    #zo-footer-top .wpcf7-form input[type="text"]::-webkit-input-placeholder, #zo-footer-top .wpcf7-form textarea::-webkit-input-placeholder, #zo-footer-top .wpcf7-form input[type="email"]::-webkit-input-placeholder {
      color: #ccc;
      opacity: 1; }
    #zo-footer-top .wpcf7-form input[type="text"]:-moz-placeholder, #zo-footer-top .wpcf7-form textarea:-moz-placeholder, #zo-footer-top .wpcf7-form input[type="email"]:-moz-placeholder {
      color: #ccc;
      opacity: 1; }
    #zo-footer-top .wpcf7-form input[type="text"]::-moz-placeholder, #zo-footer-top .wpcf7-form textarea::-moz-placeholder, #zo-footer-top .wpcf7-form input[type="email"]::-moz-placeholder {
      color: #ccc;
      opacity: 1; }
    #zo-footer-top .wpcf7-form input[type="text"]:-ms-input-placeholder, #zo-footer-top .wpcf7-form textarea:-ms-input-placeholder, #zo-footer-top .wpcf7-form input[type="email"]:-ms-input-placeholder {
      color: #ccc;
      opacity: 1; }

#zo-footer-bottom {
  /* End Widget Categories */ }
  #zo-footer-bottom .copyrig ht {
    font-size: 12px;
    text-transform: uppercase; }
  #zo-footer-bottom .container {
    padding-top: 40px; }

footer.entry-meta {
  font-size: 13px;
  line-height: 1.84615;
  color: #757575;
  margin: 0;
  text-align: center;
  clear: both;
  /* Back To Top */ }

.back_to_top {
  color: #555;
  height: auto;
  position: absolute;
  margin: 0;
  z-index: 10000;
  -webkit-transition: all 1s ease 1s;
  -moz-transition: all 1s ease 1s;
  -o-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
  right: 25px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  /* BACKGROUND GRADIENT */
  border: 2px solid #555; }
  .back_to_top.on {
    opacity: 1;
    bottom: 35px;
    right: 50%;
    transform: translateX(50%);
    border: none;
    background: #333; }

#back_to_top span {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  -khtml-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  /* BACKGROUND GRADIENT */
  /* TRIPLE BORDERS */
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  /* BACKGROUND GRADIENT */
  background: transparent;
  display: block;
  text-align: center;
  color: #b0b0b0;
  /* End Back To Top */
  /* Contact from*/ }
  #back_to_top span i {
    font-size: 15px;
    -webkit-transition: all 0.2s ease 0s;
    -khtml-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    line-height: 42px; }

.footer-four {
  /* Social */ }
  .footer-four .wpcf7-form .wpcf7-submit {
    float: right;
    background-color: #2f2e2e !important;
    border-color: #2f2e2e !important;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857;
    float: right !important; }
    .footer-four .wpcf7-form .wpcf7-submit:hover {
      background-color: #08451b !important;
      border-color: #08451b !important; }

.footer-social {
  /* End contact form*/
  /* ==========================================================================
    End Style Footer
========================================================================== */ }
  .footer-social a {
    border-color: #3b3b3b;
    width: 35px;
    height: 35px; }
  .footer-social a i {
    font-size: 13px; }

input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 17px;
  border: 1px solid #ececec;
  width: 100%;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /* BACKGROUND GRADIENT */
  line-height: normal; }

textarea {
  height: 240px;
  max-height: 240px;
  max-width: 100%; }

input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus {
  border: 1px solid #141414;
  background-color: inherit; }

.form-group {
  margin-bottom: 10px;
  /** Contact Form 7 */ }

.wpcf7-form {
  /* ==========================================================================
   [End] All Style Form
========================================================================== */
  /*Quick contact form*/ }
  .wpcf7-form p {
    margin: 0; }
  .wpcf7-form .wpcf7-form-item {
    margin-bottom: 24px; }
  .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"] {
    height: 40px;
    margin-bottom: 10px; }
  .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form textarea, .wpcf7-form select {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 5px;
    background-color: transparent;
    border: solid 1px #ddd;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    line-height: normal;
    margin-bottom: 10px; }
  .wpcf7-form input[type='text']:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form input[type="datetime"]:focus, .wpcf7-form input[type="datetime-local"]:focus, .wpcf7-form input[type="date"]:focus, .wpcf7-form input[type="month"]:focus, .wpcf7-form input[type="time"]:focus, .wpcf7-form input[type="week"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="url"]:focus, .wpcf7-form input[type="search"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="color"]:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {
    border: solid 1px #555; }
  .wpcf7-form input[type="submit"] {
    float: left; }
  .wpcf7-form textarea {
    height: 100px; }
  .wpcf7-form .wpcf7-form-control-wrap {
    display: block; }
  .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea + .wpcf7-not-valid-tip {
    bottom: -1px; }
  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    right: 5px;
    bottom: 15px;
    color: #08451b; }
  .wpcf7-form .wpcf7-validation-errors {
    display: block;
    text-align: center;
    margin: 30px 0 0;
    border: 1px solid #08451b;
    color: #08451b; }
  .wpcf7-form .wpcf7-response-output {
    text-align: center; }

body {
  overflow-x: hidden; }
  body.remove-margin-top {
    margin-top: 0; }

.align-center {
  text-align: center; }

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

.align-right {
  text-align: right; }

.left {
  float: left; }

.right {
  float: right; }

.entry-page-image {
  margin-bottom: 14px; }

#main #page-default {
  position: relative; }

a, a:hover, a:focus {
  outline: none;
  text-decoration: none;
  -webkit-transition: all 300ms linear 0ms;
  -khtml-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  -o-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
  /* BACKGROUND GRADIENT */
  /* TRIPLE BORDERS */ }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #08451b; }

p {
  margin: 0 0 15px; }

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

.image-fullwidth img {
  width: 100%; }

.w50 {
  float: left;
  width: 50%; }

.clear {
  clear: both; }

body .wpb_content_element, body .wpb_button {
  margin: 0 auto; }

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

.zo-animation {
  visibility: hidden; }

.bg-effect-lg, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel, .bg-effect-sm, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a, .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a span {
  background: repeat-y center center;
  background-size: 100%; }

.bg-position-center {
  background-position: center center !important; }

.bg-dark-inset .wpb_wrapper {
  background: #060606; }

.bg-main-inset .wpb_wrapper {
  background: #08451b; }

.wrap-btn-inline {
  display: inline-block;
  margin-right: 20px; }
  @media screen and (max-width: 479px) {
  .wrap-btn-inline {
    margin-right: 0px; }
    .wrap-btn-inline + .wrap-btn-inline {
      margin-top: 20px; } }

.align-right {
  text-align: right;
  /**
* Fix Row Full Width
*/ }

.vc_row.wpb_row {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }
  .vc_row.wpb_row .vc_row.vc_inner {
    margin-left: -15px;
    margin-right: -15px; }

.vc_row.vc_row-fluid {
  /* ==========================================================================
   [End] 1. Reset HTML/CSS, Unitest, Body
========================================================================== */
  /* ==========================================================================
   [Start] 2. Page Title
========================================================================== */ }
  .vc_row.vc_row-fluid.vc_row-no-padding .vc_row.vc_inner {
    margin-left: 0;
    margin-right: 0; }

#zo-page-element-wrap {
  max-height: 765px; }

#page-title-text h1 {
  padding: 0;
  text-transform: uppercase; background-color: rgb(131, 43, 129, 0.43);}
  #page-title-text .page-sub-title {
    margin: 0 0 75px;
    padding: 0; }

@media screen and (max-width: 767px) {
  div.page-title #page-title-text h1 {
    font-size: 24px; } }
#breadcrumb a{
  color: #08451b;
}
#breadcrumb {
  background: #fff;

  padding: 0px 0;
  color: #08451b;
  /* ==========================================================================
   [End] 2. Page Title
========================================================================== */
  /* ==========================================================================
   [Start] 3. Primary
========================================================================== */
  /*
----> List Style
*/ }
  #breadcrumb #breadcrumb-text .breadcrumbs {
    margin: 0;
    padding: 0; }
    #breadcrumb #breadcrumb-text .breadcrumbs li {
      padding: 0;
      display: inline-block;
      position: relative; }
    #breadcrumb #breadcrumb-text .breadcrumbs li:after {
      content: ">";
      margin: 0 10px; }
    #breadcrumb #breadcrumb-text .breadcrumbs li:first-child {
      padding-left: 0; }
    #breadcrumb #breadcrumb-text .breadcrumbs li:last-child {
      padding-right: 0; }
    #breadcrumb #breadcrumb-text .breadcrumbs li:last-child:after {
      content: ""; }
    #breadcrumb #breadcrumb-text .breadcrumbs li a {
      color: #08451b;; }
    #breadcrumb #breadcrumb-text .breadcrumbs li a:hover {
      color: #08451b; }

.list-style-check li {
  color: #9c9c9c;
  line-height: 31px;
  position: relative;
  padding-left: 36px; }
  .list-style-check li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 1px;
    left: 4px;
    z-index: 1; }
  .list-style-check li:after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #db5896;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    /* BACKGROUND GRADIENT */
    border: 2px solid #ba2b6f;
    position: absolute;
    top: 4px;
    left: 0; }

.list-style-check.green {
  /*
----> End List Style
*/
  /*
----> VC Row Overlay Color
*/ }
  .list-style-check.green li:after {
    background-color: #81b748;
    border-color: #5a951b; }

.entry-content .wpb_row {
  /*
----> End VC Row Overlay Color
*/
  /*
----> VC Row Backgrund Color Custom
*/ }
  .entry-content .wpb_row.background-image-fixed {
    overflow: hidden;
    position: inherit; }
  .entry-content .wpb_row.background-image-fixed .zo-overlay-color {
    height: 3000px;
    left: 0;
    position: relative;
    margin-bottom: -3000px;
    width: 100%;
    -webkit-transform: translateY(-20%);
    -khtml-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }
  .entry-content .wpb_row .zo-overlay-color {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }

.row-custom-bg-color {
  position: relative;
  /*
----> End VC Row Backgrund Color Custom
*/ }
  .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%; }
  .row-custom-bg-color .zo-custom-bg-right {
    left: inherit;
    right: 0; }

.zo-row-arrow {
  border: 20px solid;
  bottom: 0;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 38px; }

.row-arrow-top .zo-row-arrow {
  bottom: inherit;
  top: 0;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent; }
  .row-arrow-top .zo-row-arrow:hover {
    cursor: pointer; }

.row-overlay-color, .zo_parallax {
  position: relative; }

.row-arrow-bottom .zo-row-arrow {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent; }
  .row-arrow-bottom .zo-row-arrow:hover {
    cursor: pointer; }

#zo-loadding {
  background: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  /* [Start] Eror Page
==============================================================*/ }
  #zo-loadding .ball {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }

.error404 {
  /* [End] Eror Page
==============================================================*/ }
  .error404 #main {
    padding: 0 !important; }
  .error404 #main #primary {
    background-color: #08451b;
    padding: 160px 0; }
  .error404 .entry-error404 {
    text-align: center;
    color: #333; }
  .error404 .entry-error404 .entry-header img {
    margin-bottom: 40px; }
    .error404 .entry-error404 .entry-header h1 {
      font-size: 50px;
      color: #333; }
    .error404 .entry-error404 .entry-header h2 {
      color: #333;
      font-size: 30px;
      line-height: 50px; }
  .error404 .entry-error404 .entry-content {
    padding: 20px 0; }
  .error404 .entry-error404 .entry-footer .btn-home {
    margin-right: 20px; }

.zo-carousel.owl-carousel .owl-item img {
  width: auto;
  /* 
========================================  
Helper Classes  
========================================
*/ }

.br0 {
  border-radius: 0 !important; }

.br1 {
  border-radius: 1px !important; }

.br2 {
  border-radius: 2px !important; }

.br4 {
  border-radius: 4px !important; }

.br6 {
  border-radius: 6px !important; }

.br8 {
  border-radius: 8px !important; }

.op8 {
  opacity: 0.8 !important; }

.op7 {
  opacity: 0.7 !important; }

.op6 {
  opacity: 0.6 !important; }

.op5 {
  opacity: 0.5 !important; }

.op4 {
  opacity: 0.4 !important; }

.op2 {
  opacity: 0.2 !important; }

.uppercase {
  text-transform: uppercase; }

.montserrat {
  font-family: "Montserrat", sans-serif; }

.fs-small {
  font-size: 80% !important; }

.fs-large {
  font-size: 120% !important; }

.unstyled {
  list-style: none;
  padding: 0 0 10px 20px; }

.pull-center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both;
  text-align: center; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.m0 {
  margin: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p0 {
  padding: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

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

.pr5 {
  padding-right: 5px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr0 {
  padding-right: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.no-border {
  border: none !important; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.shadow-a {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.4); }

.shadow-b {
  box-shadow: 2px 2px 8px rgba(10, 10, 10, 0.4); }

.shadow-c {
  box-shadow: 3px 3px 10px rgba(10, 10, 10, 0.4); }

.shadow-d {
  box-shadow: 1px 1px 5px rgba(10, 10, 10, 0.4); }

.welcome {
  color: #fff; }
  .welcome h2 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin: 0; }

.zo-fancy-box-icon i {
  line-height: normal;
  /*
----> Fancy Layout 1 Default
*/ }

.custom_service_box.zo-fancybox-layout-right, .custom_service_box.zo-fancybox-layout-left {
  margin-bottom: 0px !important; }
  .custom_service_box.zo-fancybox-layout-right .zo-fancy-box-content-wrapper .zo-fancy-box-title {
    margin-top: 5px;
    padding-top: 10px; }

.zo-fancybox-layout-default .zo-fancyboxes-title {
  font-family: Raleway, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 38.4px;
  position: relative;
  padding-bottom: 70px;
  color: #000; }
  .zo-fancybox-layout-default .zo-fancyboxes-title:after {
    background-color: #ddd;
    bottom: 30px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px; }
  .zo-fancybox-layout-default .zo-fancyboxes-title:before {
    background-color: #ddd;
    bottom: 28px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }
  .zo-fancybox-layout-default .zo-fancyboxes-description {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 80px; }
  .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon {
    background-color: transparent;
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    -khtml-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    -moz-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    -ms-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    -o-box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    box-shadow: rgba(50, 50, 50, 0.11) 0 5px 2px 0;
    /* BACKGROUND GRADIENT */
    /* BOX SIZING */
    color: #5b5b5b;
    font-size: 36px;
    height: 104px;
    line-height: 114px;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 104px;
    -webkit-transform: 0deg;
    -khtml-transform: 0deg;
    -moz-transform: 0deg;
    -ms-transform: 0deg;
    -o-transform: 0deg;
    transform: 0deg;
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    -webkit-transition: all, 0.3s, ease-out;
    -khtml-transition: all, 0.3s, ease-out;
    -moz-transition: all, 0.3s, ease-out;
    -ms-transition: all, 0.3s, ease-out;
    -o-transition: all, 0.3s, ease-out;
    transition: all, 0.3s, ease-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* BACKGROUND GRADIENT */ }
    .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */
      display: block;
      margin-right: auto;
      margin-left: auto; }
    .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon:hover {
      background-color: #08451b;
      -webkit-box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      -khtml-box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      -moz-box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      -ms-box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      -o-box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      box-shadow: rgba(25, 183, 247, 0.9) 0 5px 2px 0;
      /* BACKGROUND GRADIENT */
      /* BOX SIZING */
      border-color: #08451b; }
    .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-content-icon:hover i {
      color: #fff; }
  .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-title {
    font-family: Raleway, sans-serif;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px; }
    .zo-fancybox-layout-default .zo-fancybox-inner .zo-fancy-box-title:after {
      background-color: #ddd;
      bottom: 0px;
      content: "";
      height: 3px;
      left: 50%;
      margin-left: -15px;
      position: absolute;
      width: 30px; }
  .zo-fancybox-layout-default.zo-fancybox-small {
    margin-bottom: 10px !important; }
  .zo-fancybox-layout-default.zo-fancybox-small .zo-fancy-box-content-icon {
    height: 60px !important;
    margin-top: 25px;
    width: 60px !important; }
    .zo-fancybox-layout-default.zo-fancybox-small .zo-fancy-box-content-icon i {
      font-size: 20px !important; }
  .zo-fancybox-layout-default.zo-fancybox-small.template-zo_fancybox--right .zo-fancy-box-content {
    margin-right: 80px !important; }
  .zo-fancybox-layout-default.zo-fancybox-small:after {
    display: none; }
  .zo-fancybox-layout-default.zo-fancybox-small .zo-fancy-box-title {
    margin-top: 30px !important;
    font-size: 14px !important;
    font-weight: bold;
    position: relative;
    line-height: 34px;
    padding-top: 5px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right, .zo-fancybox-layout-default.zo-fancybox-layout-left {
    margin-bottom: 30px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-content-icon, .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-content-icon {
    height: 80px;
    margin-top: 25px;
    width: 80px; }
    .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-content-icon i, .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-content-icon i {
      font-size: 30px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-title, .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-title {
    margin-bottom: 0; }
    .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-title:after, .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-title:after {
      background-color: transparent; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right.custom_service_box .zo-fancy-box-title, .zo-fancybox-layout-default.zo-fancybox-layout-left.custom_service_box .zo-fancy-box-title {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 25px;
    text-transform: uppercase; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right {
    margin-bottom: 36px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-content-icon, .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-image {
    float: right;
    margin-left: 20px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-content-wrapper {
    margin-bottom: 20px; }
    .zo-fancybox-layout-default.zo-fancybox-layout-right .zo-fancy-box-content-wrapper .zo-fancy-box-title {
      margin-top: 5px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right:after {
    content: "";
    height: 3px;
    width: 30px;
    background: #ddd none repeat scroll 0% 0%;
    position: absolute;
    right: 115px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-right.no-boder:after {
    display: none !important; }
  .zo-fancybox-layout-default.zo-fancybox-layout-left.no-boder:after {
    display: none !important; }
  .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-content-icon, .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-image {
    float: left;
    /*            @include breakpoint-max(768px){
                            float: none;
                            margin-right: 0;
                        }*/
    margin-right: 20px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-left .zo-fancy-box-title {
    font-size: 18px; }
  .zo-fancybox-layout-default.zo-fancybox-layout-left:after {
    content: "";
    height: 3px;
    width: 30px;
    background: #ddd none repeat scroll 0% 0%;
    position: absolute;
    left: 115px; }
  .zo-fancybox-layout-default .zo-fancyboxes-readmore a:not(.btn) {
    color: #08451b;
    position: relative; }
    .zo-fancybox-layout-default .zo-fancyboxes-readmore a:not(.btn):after {
      content: "→";
      font-size: 14px;
      margin-left: 5px;
      color: #444; }
  .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner {
    border-color: #ebebeb;
    border-style: solid;
    border-width: 2px 2px 4px;
    overflow: visible;
    padding: 15px 20px;
    position: relative;
    border-bottom-color: #2f2e2e;
    margin-top: 70px; }
    .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner .zo-fancy-box-content-icon {
      margin-top: -70px;
      background-color: #fff;
      box-shadow: none;
      border-width: 2px;
      margin-bottom: 0 !important; }
    .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner .zo-fancy-box-title {
      padding-bottom: 6px; }
    .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner:hover {
      background-color: #08451b;
      color: #fff; }
    .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner:hover .zo-fancy-box-title {
      color: #fff !important; }
    .zo-fancybox-layout-default.template-zo_fancybox--border .zo-fancybox-inner:hover .zo-fancy-box-content-icon {
      background-color: #2f2e2e;
      color: #fff;
      border-color: #fff !important; }

.template-zo_fancybox--top_left .zo-fancy-box-item {
  margin-bottom: 28px; }

.zo-fancybox-top-left .zo-fancy-box-content-title i {
  font-size: 30px;
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle; }
  .zo-fancybox-top-left .zo-fancy-box-content-title .zo-fancy-box-title {
    display: inline-block;
    margin-bottom: 28px; }
    .zo-fancybox-top-left .zo-fancy-box-content-title .zo-fancy-box-title:after {
      left: 0;
      margin-left: 0;
      bottom: -8px; }

.template-zo_fancybox_single {
  border-bottom: 5px solid #bbb;
  padding: 83px;
  position: relative;
  padding-bottom: 65px; }
  .template-zo_fancybox_single .fancy-box-icon i {
    font-size: 28px; }
  .template-zo_fancybox_single h3 {
    font-size: 17px;
    margin-bottom: 0;
    line-height: 30px;
    padding: 10px 0; }
  .template-zo_fancybox_single .fancy-box-content {
    font-size: 16px; }
  .template-zo_fancybox_single.bg-blue-1 i, .template-zo_fancybox_single.bg-blue-2 i, .template-zo_fancybox_single.bg-blue-3 i, .template-zo_fancybox_single.bg-blue-1 h3, .template-zo_fancybox_single.bg-blue-2 h3, .template-zo_fancybox_single.bg-blue-3 h3, .template-zo_fancybox_single.bg-blue-1 .fancy-box-content, .template-zo_fancybox_single.bg-blue-2 .fancy-box-content, .template-zo_fancybox_single.bg-blue-3 .fancy-box-content {
    color: #fff; }
  .template-zo_fancybox_single.bg-blue-1 .zo-fancyboxes-foot a.btn, .template-zo_fancybox_single.bg-blue-2 .zo-fancyboxes-foot a.btn, .template-zo_fancybox_single.bg-blue-3 .zo-fancyboxes-foot a.btn {
    background-color: transparent !important;
    border: solid 1px #fff !important;
    color: #fff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .template-zo_fancybox_single.large-icon i {
    bottom: 60px;
    color: #fff;
    left: auto;
    position: absolute;
    right: 30px;
    z-index: 1;
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
    font-size: 180px; }
  .template-zo_fancybox_single.large-icon .zo-fancybox-item h3 {
    margin-bottom: 30px;
    font-size: 20px; }
    .template-zo_fancybox_single.large-icon .zo-fancybox-item h3:after {
      content: '';
      display: block;
      border: solid 2px #fff;
      width: 30px; }
  .template-zo_fancybox_single.bg-blue-1 {
    background-color: #08451b; }
  .template-zo_fancybox_single.bg-blue-2 {
    background-color: #2f2e2e; }
  .template-zo_fancybox_single.bg-blue-3 {
    background-color: #7bd6fb; }
  .template-zo_fancybox_single.text-white i, .template-zo_fancybox_single.text-white h3, .template-zo_fancybox_single.text-white .fancy-box-content {
    color: #fff; }
  .template-zo_fancybox_single.text-white .zo-fancyboxes-foot a.btn {
    background-color: transparent !important;
    border: solid 1px #fff !important;
    color: #fff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .template-zo_fancybox_single .mini-icon {
    border-bottom: 2px solid #fff;
    bottom: 0;
    color: #fff;
    position: absolute;
    right: 0;
    text-align: center;
    width: 25px; }

.content-align-default .zo-fancyboxes-head {
  text-align: center; }

.template-zo_carousel--testimonial {
  /*.zo-fancyboxes-readmore{
    .btn{
        border: 1px solid #ddd;
        font-size: 10px;
        padding: 10px 30px;
        background-color: transparent !important;
        color:#000 !important;
        &:hover{
            background-color: $primary_color !important;
            border-color: $primary_color !important;
            color:#fff !important;
        }
    }
}*/
  /* ==========================================================================
   [End] 1. Shortcode Fancy Box
========================================================================== */
  /* ==========================================================================
   [Start] 2. Shortcode Pie Chart
========================================================================== */
  /* ==========================================================================
   [End] 2. Shortcode Pie Chart
========================================================================== */
  /* ==========================================================================
   [Start] 3. Team
========================================================================== */ }
  .template-zo_carousel--testimonial .zo-carousel-item .wp-post-image {
    width: 90px !important; }
  .template-zo_carousel--testimonial .zo-testimonial-position {
    margin-top: 20px;
    margin-bottom: 10px; }

.zo-grid-team {
  padding: 0 15px;
  /* ==========================================================================
   [End] 3. Team
========================================================================== */
  /* ==========================================================================
   [Start] 4. Testimonial
========================================================================== */ }
  .zo-grid-team .zo-team-image {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* BACKGROUND GRADIENT */
    border: solid 3px #fff;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    text-align: center; }
  .zo-grid-team .zo-team-image .ImageOverlay:before {
    position: absolute;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 50%;
    -webkit-border-bottom-left-radius: 50%;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 50%;
    -moz-border-radius-bottomleft: 50%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    /* BOX */
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: -100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    width: 100%; }
  .zo-grid-team .zo-team-image .ImageOverlay:after {
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    width: 100%;
    -webkit-border-top-left-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /* BOX */
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: -100%; }
  .zo-grid-team .zo-team-image img {
    width: 100%;
    height: auto; }
  .zo-grid-team .zo-team-image:hover .ImageOverlay:after {
    top: -50%;
    opacity: 1; }
  .zo-grid-team .zo-team-image:hover .ImageOverlay:before {
    opacity: 1;
    bottom: -50%; }
  .zo-grid-team .zo-team-image:hover {
    border: solid 3px #2f2e2e; }
  .zo-grid-team .zo-team-image .zo-team-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 0;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    text-align: center;
    color: #fff;
    width: 80%;
    font-weight: 300;
    line-height: 18px;
    font-size: 12px;
    margin-top: 10px; }
  .zo-grid-team .zo-team-image:hover .zo-team-center {
    opacity: 1; }
  .zo-grid-team .zo-team-bottom {
    text-align: center; }
  .zo-grid-team .zo-team-bottom .zo-team-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 40px;
    margin-top: 10px; }
  .zo-grid-team .zo-team-bottom .zo-team-position {
    font-size: 12px;
    margin: 0;
    text-transform: uppercase; }
  .zo-grid-team .zo-team-bottom hr {
    border-width: 3px 0 0;
    width: 30px;
    border-color: #2f2e2e;
    margin-top: 15px; }
  .zo-grid-team .zo-team-bottom .zo-team-socials ul {
    padding: 0; }
    .zo-grid-team .zo-team-bottom .zo-team-socials ul a {
      border-color: #eee; }
    .zo-grid-team .zo-team-bottom .zo-team-socials ul a i {
      color: #aaa; }

.zo-carousel-item {
  text-align: center;
  /* ==========================================================================
   [End] 4. Testimonial
========================================================================== */
  /* ==========================================================================
   [Start] 5. Tabs
========================================================================== */ }
  .zo-carousel-item .zo-image-thumbnail img {
    border-radius: 50%;
    border: solid 1px #fff;
    padding: 4px;
    margin: 0 auto; }
  .zo-carousel-item .zo-testimonial-position {
    font-style: normal;
    font-size: 14px;
    color: #aaa;
    font-weight: 400; }
  .zo-carousel-item .zo-testimonial-content p {
    font-style: italic;
    color: #444;
    margin-top: 30px;
    font-family: 'Droid Serif', serif;
    font-size: 16px; }

.wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav {
  text-align: center; }
  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default {
    float: none;
    display: inline-block;
    padding: 2px 0;
    margin: 0 1px; }
    .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a {
      font-size: 21px;
      font-weight: 700;
      background-color: #33b9d4;
      color: #fff;
      line-height: 50px;
      padding: 0 30px;
      margin: 0;
      border: 2px solid #1a9eb9;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      /* BACKGROUND GRADIENT */ }
    .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a {
      border-bottom-color: transparent;
      position: relative; }
    .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default.ui-tabs-active a span {
      border-left: 2px solid #ba2b6f;
      border-right: 2px solid #ba2b6f;
      bottom: -6px;
      content: "";
      height: 8px;
      left: -2px;
      position: absolute;
      width: -moz-calc(100% + 4px);
      width: -webkit-calc(100% + 4px);
      width: -o-calc(100% + 4px);
      width: calc(100% + 4px); }
  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
    border: 2px solid #1a9eb9;
    background-color: #33b9d4;
    padding: 30px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    /* BACKGROUND GRADIENT */ }
  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel img {
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    /* BACKGROUND GRADIENT */ }

.vc_tta-container {
  /* ==========================================================================
   [End] 5. Tabs
========================================================================== */
  /* ==========================================================================
   [Start] 6. Counter
========================================================================== */ }
  .vc_tta-container .vc_tta-tabs.custom-color {
    border: 1px solid #e5e5e5; }
  .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
    border: none;
    color: #141414;
    background: transparent;
    font-size: 11px; }
    .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active {
      position: relative; }
    .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before {
      background: #08451b;
      bottom: 0;
      content: "";
      height: 2px;
      left: 0;
      position: absolute;
      transform: translateX(22%);
      width: 70%; }
  .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-panels-container .vc_tta-panels {
    border: none;
    background: transparent; }
    .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
      font-size: 12px; }
    .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a {
      font-size: 11px;
      color: #141414; }
    .vc_tta-container .vc_tta-tabs.custom-color .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
      padding: 18px 20px !important; }
  .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container {
    margin-right: 0; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list {
      position: relative; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list:before {
      background: #ececec;
      bottom: 5px;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      width: 100%; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a {
      border: none;
      color: #141414;
      background: transparent;
      font-size: 11px;
      padding: 14px 60px 20px 0; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active {
      position: relative; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before {
      background: #08451b;
      bottom: 5px;
      content: "";
      height: 3px;
      left: 0;
      position: absolute;
      width: calc(100% - 60px); }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:after {
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 7px solid #fcc403;
      bottom: 0;
      content: "";
      left: calc((100% - 60px)/2 - 5px);
      position: absolute; }
  .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-panels-container .vc_tta-panels {
    border: none;
    background: transparent; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
      font-size: 12px; }
    .vc_tta-container .vc_tta-tabs.custom-border .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading a {
      font-size: 11px;
      color: #141414; }

.zo-counter-wraper {
  /* ==========================================================================
   [End] 6. Counter
========================================================================== */
  /* ==========================================================================
   [Start] 7. Accordion
========================================================================== */ }
  .zo-counter-wraper .zo-counter-box {
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px; }
  .zo-counter-wraper .zo-counter-box .zo-counter-middle .zo-counter-icon i {
    color: #08451b; }
    .zo-counter-wraper .zo-counter-box .zo-counter-middle .zo-counter {
      font-size: 48px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.1em; }
  .zo-counter-wraper .zo-counter-box .zo-counter-title {
    margin: 0;
    font-size: 13px;
    text-transform: none;
    margin-top: 10px; }
  .zo-counter-wraper.zo-counter-layout-default .zo-counter-body .zo-icon .fa {
    font-size: 46px;
    padding-bottom: 20px; }
    .zo-counter-wraper.zo-counter-layout-default .zo-counter-body .zo-counter {
      font-size: 30px;
      margin-bottom: 10px; }
    .zo-counter-wraper.zo-counter-layout-default .zo-counter-body h3 {
      font-weight: normal;
      letter-spacing: 0.1em;
      color: #6f6f6f;
      font-style: italic; }
  .zo-counter-wraper .zo-counter-title {
    margin-top: 10px; }

.wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_section {
  margin: 0 0 4px; }
  .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    background-color: transparent !important;
    padding: 0;
    margin: 0; }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header .ui-accordion-header-icon {
      display: none; }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a {
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
      color: #444 !important;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 20px;
      padding: 12px 0;
      -webkit-box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      -khtml-box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      -moz-box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      -ms-box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      -o-box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      box-shadow: none 2px 5px rgba(0, 0, 0, .4);
      /* BACKGROUND GRADIENT */
      /* BOX SIZING */
      text-transform: none !important;
      letter-spacing: 0;
      position: relative;
      -webkit-transition: all, 200ms, ease-in-out;
      -khtml-transition: all, 200ms, ease-in-out;
      -moz-transition: all, 200ms, ease-in-out;
      -ms-transition: all, 200ms, ease-in-out;
      -o-transition: all, 200ms, ease-in-out;
      transition: all, 200ms, ease-in-out;
      /* BACKGROUND GRADIENT */
      /* TRIPLE BORDERS */
      line-height: 35px; }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:before {
      content: "\f078";
      font-family: FontAwesome;
      margin-right: 10px;
      border-radius: 50px;
      background: #fff none repeat scroll 0% 0%;
      font-size: 8px !important;
      font-weight: 100;
      padding: 11px;
      vertical-align: top;
      width: 30px;
      display: inline-block;
      text-align: center;
      line-height: 8px; }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:hover {
      color: #08451b !important;
      -webkit-transition: all, 200ms, ease-in-out;
      -khtml-transition: all, 200ms, ease-in-out;
      -moz-transition: all, 200ms, ease-in-out;
      -ms-transition: all, 200ms, ease-in-out;
      -o-transition: all, 200ms, ease-in-out;
      transition: all, 200ms, ease-in-out;
      /* BACKGROUND GRADIENT */
      /* TRIPLE BORDERS */ }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:hover:before {
      background: #2f2e2e !important;
      color: #fff !important; }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a:hover:before {
      color: #2f2e2e;
      -webkit-transition: all, 200ms, ease-in-out;
      -khtml-transition: all, 200ms, ease-in-out;
      -moz-transition: all, 200ms, ease-in-out;
      -ms-transition: all, 200ms, ease-in-out;
      -o-transition: all, 200ms, ease-in-out;
      transition: all, 200ms, ease-in-out;
      /* BACKGROUND GRADIENT */
      /* TRIPLE BORDERS */ }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a:before {
      content: "\f054"; }
  .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    border-width: 0 2px 2px 2px;
    border-style: solid;
    -webkit-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    /* BACKGROUND GRADIENT */ }
    .wpb_accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content p {
      font-weight: 300;
      line-height: 28px;
      margin-bottom: 15px !important;
      color: #444; }

.vc_tta-container {
  /* ==========================================================================
   [End] 7. Accordion
========================================================================== */
  /* ==========================================================================
   [Start] 8. Progress
========================================================================== */ }
  .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading {
    background: transparent;
    margin-bottom: 20px;
    border-radius: 0; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
      font-size: 11px;
      color: #141414; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon {
      left: auto;
      right: 20px;
      width: 10px;
      height: 10px; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
      padding: 18px 20px;
      color: #141414; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body {
      background: transparent;
      border-color: #08451b;
      margin-bottom: 20px;
      margin-top: 20px;
      padding: 18px 20px !important;
      font-size: 12px; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel.vc_active {
      border: 1px solid #08451b;
      margin-bottom: 22px; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-heading {
      border: 0 none;
      margin-bottom: 0; }
    .vc_tta-container .vc_tta-accordion.custom-color .vc_tta-panels-container .vc_tta-panel.vc_active .vc_tta-panel-body {
      border: 0 none;
      margin: 0;
      padding-top: 0 !important; }

.zo-progress-wraper .progress .progress-bar {
  transition-duration: 1s; }

.zo-progress-layout-default {
  margin: 5px 5px 40px 4px;
  /* ==========================================================================
   [End] 8. Progress
========================================================================== */
  /* ==========================================================================
   [Start] 9. Pricing
========================================================================== */ }
  .zo-progress-layout-default .zo-progress-main.bar-icon {
    padding-left: 50px;
    position: relative; }
  .zo-progress-layout-default .zo-progress-main .zo-progress-icon {
    position: absolute;
    left: 0; }
    .zo-progress-layout-default .zo-progress-main .zo-progress-icon i {
      color: #8f8f8f;
      font-size: 34px; }
  .zo-progress-layout-default .zo-progress-main .zo-progress-title {
    color: #2f2e2e;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 18px; }
  .zo-progress-layout-default .zo-progress-main .zo-progress {
    overflow: visible;
    background-color: #08451b;
    height: 38px;
    width: 100%;
    position: relative;
    margin: 0 0 10px;
    box-shadow: 0 0 0 5px rgba(50, 50, 50, 0.13);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    /* BACKGROUND GRADIENT */ }
    .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar {
      width: 20%;
      overflow: visible;
      line-height: 40px;
      text-align: right;
      padding: 0 15px;
      -webkit-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      /* BACKGROUND GRADIENT */ }
    .zo-progress-layout-default .zo-progress-main .zo-progress .progress-bar span {
      color: #2f2e2e;
      display: block;
      font-size: 14px;
      line-height: 14px;
      overflow: visible;
      position: absolute;
      right: 0;
      text-align: center;
      top: -34px;
      z-index: 9999;
      font-weight: bold; }

.zo-grid-pricing {
  /* ==========================================================================
   [End] 9. Pricing
========================================================================== */
  /* ==========================================================================
   [Start] 10. Zo Grid
========================================================================== */ }
  .zo-grid-pricing .zo-pricing-item .zo-pricing-inner {
    text-align: center;
    border: 1px solid #ddd;
    padding-bottom: 30px;
    -webkit-transition: all 200ms ease-in-out;
    -khtml-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner:hover {
      border-color: #f5f6f6;
      background-color: #f5f6f6; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-meta-wrap {
      padding: 30px; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-meta-wrap .option-item {
      font-size: 12px;
      padding: 14px;
      border-bottom: solid 1px #ddd; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-meta-wrap .option-item:last-child {
      border-bottom: 0 none; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-header {
      text-transform: uppercase;
      padding: 30px;
      color: #fff; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-header .zo-pricing-title {
      margin: 0;
      color: #fff;
      font-size: 16px;
      line-height: 20px;
      font-weight: 300; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-header .zo-pricing-price-wrap .price {
      font-size: 50px;
      color: #fff;
      margin: 0; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-header .zo-pricing-price-wrap .price sup {
      font-family: "Source Sans Pro", sans-serif !important;
      font-size: 20px;
      color: #fff;
      font-weight: 100;
      margin: 2px;
      vertical-align: middle; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-button {
      padding: 0 0 30px; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-button .btn-pricing {
      background-color: #fff !important;
      border-color: #ddd !important;
      border-width: 1px;
      padding: 10px 40px;
      line-height: 1.42857;
      text-transform: uppercase;
      color: #333 !important; }
    .zo-grid-pricing .zo-pricing-item .zo-pricing-inner .zo-pricing-button .btn-pricing:hover {
      color: #fff !important;
      border: #08451b !important;
      background-color: #08451b !important; }

.zo-grid-wraper {
  /* ==========================================================================
   [End] 10. Zo Grid
========================================================================== */
  /* ==========================================================================
   [Start] 10. Zo Masonry
========================================================================== */ }
  .zo-grid-wraper .zo-grid-filter {
    margin-bottom: 40px; }
  .zo-grid-wraper .zo-grid-filter ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
    .zo-grid-wraper .zo-grid-filter ul li {
      display: inline-block;
      margin-bottom: 16px; }
    .zo-grid-wraper .zo-grid-filter ul li a {
      border: 1px solid #dedede;
      font-size: 10px;
      font-weight: 600;
      padding: 5px 25px;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
    .zo-grid-wraper .zo-grid-filter ul li a.active, .zo-grid-wraper .zo-grid-filter ul li a:hover {
      border-color: #08451b; }
    .zo-grid-wraper .zo-grid-filter ul li + li {
      margin-left: 16px; }
  .zo-grid-wraper.no-padding .zo-grid .zo-grid-item {
    padding: 0;
    margin: 0; }
    .zo-grid-wraper.no-padding .zo-grid .zo-grid-item .zo-team-wrap {
      padding-bottom: 0; }

.zo-masonry-wrapper {
  /* ==========================================================================
   [End] 10. Zo Masonry
========================================================================== */
  /* ==========================================================================
   [Start] 11. Images Carousel
========================================================================== */ }
  .zo-masonry-wrapper .zo-masonry-filter {
    margin-bottom: 40px; }
  .zo-masonry-wrapper .zo-masonry-filter ul {
    padding: 0;
    margin: 0;
    list-style: none inside;
    text-align: center; }
    .zo-masonry-wrapper .zo-masonry-filter ul li {
      cursor: pointer;
      display: inline-block;
      margin: 0 5px;
      margin-top: 15px; }
    .zo-masonry-wrapper .zo-masonry-filter ul li a {
      display: block;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
      text-transform: uppercase;
      color: #444; }
    .zo-masonry-wrapper .zo-masonry-filter ul li a:after {
      content: "/";
      padding-left: 10px; }
    .zo-masonry-wrapper .zo-masonry-filter ul li a.active {
      color: #08451b; }
    .zo-masonry-wrapper .zo-masonry-filter ul li a.active:after {
      color: #444; }
    .zo-masonry-wrapper .zo-masonry-filter ul li:last-child a:after {
      content: ""; }

.wpb_images_carousel .vc_item {
  text-align: center; }
  .wpb_images_carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    padding: 0;
    margin: 0; }
  .wpb_images_carousel.overlay .vc_item img, .wpb_images_carousel.overlay .slick-slide img {
    opacity: 0.6; }
    .wpb_images_carousel.overlay .vc_item:hover img, .wpb_images_carousel.overlay .slick-slide:hover img {
      opacity: 1; }
  .wpb_images_carousel.green .slick-dots li.slick-active button::before {
    color: #08451b; }
  .wpb_images_carousel .slick-dots li.slick-active button::before {
    color: #08451b; }
  .wpb_images_carousel .vc_slide .vc_carousel-control {
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
    height: 50px;
    opacity: 1;
    width: 50px;
    line-height: 47px;
    margin: 0;
    top: 50%;
    color: #fff;
    text-shadow: none;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    text-shadow: none 2px 5px rgba(0, 0, 0, .4);
    /* TRANSFORM  */
    font-size: 22px; }
    .wpb_images_carousel .vc_slide .vc_carousel-control:hover {
      background-color: rgba(255, 255, 255, 0.5); }
    .wpb_images_carousel .vc_slide .vc_carousel-control span {
      display: none; }
    .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left {
      left: 15px; }
    .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left:before {
      content: "\f053";
      font-family: FontAwesome; }
    .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right {
      right: 15px; }
    .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right:before {
      content: "\f054";
      font-family: FontAwesome; }

@media screen and (max-width: 767px) {
  .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline {
    width: 100% !important; }
    .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item {
      width: 100% !important;
      height: auto !important; }
      .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item + .vc_item {
        margin-top: 50px; }
    .wpb_images_carousel.about-us-carousel-2 .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item + .vc_item {
      margin-top: 0px; } }

@media screen and (max-width: 991px) {
  /* ==========================================================================
   [End] 11. Images Carousel
========================================================================== */
  /** [Start]Heading page
============================*/
    .wpb_images_carousel .zo_images_carousel-wrap {
      text-align: center; }
      .wpb_images_carousel .zo_images_carousel-wrap .zo_images_carousel > div + div {
        margin-top: 50px; } }

.heading {
  /** [End]Heading page
============================*/
  /** [Start]List shortcode page
============================*/ }
  .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
    text-transform: uppercase; }

.list a {
  color: #868686;
  padding-left: 20px; }
  .list li {
    list-style: none inside; }
  .list li:before {
    content: "\f067";
    height: 1px;
    color: #08451b;
    font: normal normal normal 14px/1 FontAwesome; }

.list-right {
  /** [End]List shortcode page*/
  /** [Start]Heading Accordion Toggle page*/ }
  .list-right a {
    color: #868686;
    padding-left: 20px; }
  .list-right li {
    list-style: none inside; }
  .list-right li:before {
    content: "\f111";
    height: 1px;
    color: #08451b;
    font-size: 10px ! important;
    font: normal normal normal 14px/1 FontAwesome; }

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

.wpb_accordion_section {
  /** [End]Heading Accordion Toggle page*/
  /** [Start] charts page*/ }
  .wpb_accordion_section .wpb_accordion_header {
    background: #f8f8f8;
    border: none ! important;
    border-radius: 0 ! important; }
  .wpb_accordion_section .wpb_accordion_header:hover {
    background: #08451b ! important; }
  .wpb_accordion_section .wpb_accordion_header a {
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 14px ! important;
    color: #333 ! important;
    text-transform: uppercase ! important; }
  .wpb_accordion_section .wpb_accordion_header.ui-state-active {
    background: #08451b ! important;
    border-radius: 0 ! important; }
  .wpb_accordion_section .wpb_accordion_content {
    border: none ! important;
    padding: 0 ! important; }

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

.vc_progress_bar {
  /** [End]charts page*/
  /** [Start] text highlight page*/ }
  .vc_progress_bar .vc_single_bar {
    margin-bottom: 60px;
    border-radius: 0;
    background: none !important;
    box-shadow: none !important; }
  .vc_progress_bar .vc_single_bar .vc_bar_wrap {
    background: #909090 none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    width: 100%;
    height: 15px;
    position: relative; }
    .vc_progress_bar .vc_single_bar .vc_bar_wrap .vc_bar {
      border-radius: 0; }
  .vc_progress_bar .vc_single_bar .vc_label {
    font-size: 11px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #333 ! important; }
    .vc_progress_bar .vc_single_bar .vc_label .vc_percent {
      float: right;
      font-size: 11px; }
    .vc_progress_bar .vc_single_bar .vc_label .vc_percent:after {
      color: #909090;
      content: "\f0d7";
      font-family: FontAwesome;
      font-size: 16px;
      margin-left: 10px; }

.highlight1 mark {
  background: #08451b; }

.highlight2 mark {
  background: #08451b;
  color: #fff; }

.highlight3 mark {
  background: #fff;
  color: #808080; }

.highlight4 {
  /** [End]charthighlights page*/
  /** Custome Heading
================================================*/ }
  .highlight4 mark {
    background: #08451b;
    color: #333; }

.zo-custom-heading {
  /** Carousel Wrap
================================================*/ }
  .zo-custom-heading .center {
    text-align: center; }
  .zo-custom-heading .left {
    text-align: left; }
  .zo-custom-heading .right {
    float: none;
    text-align: right; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #08451b !important; }

.owl-carousel .owl-dots .owl-dot span {
  width: 20px !important;
  height: 4px !important;
  border-radius: 0 !important; }

.zo-carousel-purchase .vc_btn3-container .vc_btn3 {
  background: #fff;
  display: inline-block;
  width: 100%; }
  @media (min-width: 768px) and (max-width: 799px) {
      .zo-carousel-purchase .vc_btn3-container .vc_btn3 {
        padding: 16px 26px !important; } }
  @media (min-width: 800px) and (max-width: 979px) {
      .zo-carousel-purchase .vc_btn3-container .vc_btn3 {
        padding: 16px 30px !important; } }
  .zo-carousel-purchase .vc_btn3-container .vc_btn3:hover {
    color: #fff !important;
    background: #08451b; }

.zo-carousel-wrap {
  /** Features
================================================*/ }
  .zo-carousel-wrap .zo-carousel-filter ul {
    margin-bottom: 40px;
    text-align: center;
    padding: 0;
    list-style: none; }
  .zo-carousel-wrap .zo-carousel-filter ul li {
    border: 1px solid #696969;
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
        .zo-carousel-wrap .zo-carousel-filter ul li {
          margin-right: 0; } }
  .zo-carousel-wrap .zo-carousel-filter ul li a {
    padding: 5px 15px;
    text-transform: uppercase;
    display: block;
    color: #fff; }
  .zo-carousel-wrap .zo-carousel-filter ul li a:hover {
    color: #08451b; }

.list-icon li, .list-primary li, .list-number li {
  font-size: 12px;
  margin-bottom: 15px; }
  .list-icon li .fa, .list-primary li .fa, .list-number li .fa {
    font-size: 18px; }

.list-icon {
  list-style: none;
  padding-left: 0; }
  .list-icon .fa {
    background: #909090;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
    margin-right: 14px; }

.list-primary {
  list-style: none;
  padding-left: 0; }
  .list-primary .fa {
    color: #08451b;
    margin-right: 24px; }

.list-number {
  list-style: none;
  padding-left: 0;
  counter-reset: numList;
  overflow: hidden;
  /**
* VC Images Carousel
* Slick Slider
**/ }
  .list-number li {
    padding-left: 48px; }
  .list-number li:before {
    border: 1px solid #ededed;
    border-radius: 50%;
    color: #141414;
    content: counter(numList);
    counter-increment: numList;
    height: 25px;
    left: 17px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 25px; }

.zo_images_carousel-wrap {
  /*===============Block Title==============*/ }
  .zo_images_carousel-wrap .zo_images_carousel .slick-list .slick-slide {
    text-align: center;
    outline: none; }
  .zo_images_carousel-wrap .zo_images_carousel .slick-list .slick-slide img {
    display: inline-block; }
  .zo_images_carousel-wrap .slick-slider .slick-arrow {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    z-index: 99;
    background-color: #fff; }
  .zo_images_carousel-wrap .slick-slider .slick-arrow:before {
    color: #141414;
    line-height: inherit; }
  .zo_images_carousel-wrap .slick-slider .slick-arrow.slick-prev {
    left: 25px; }
  .zo_images_carousel-wrap .slick-slider .slick-arrow.slick-next {
    right: 25px; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-arrow {
    text-align: center;
    z-index: 99;
    top: 0;
    width: 30px;
    background-color: #08451b;
    height: 100%;
    margin: 0;
    padding: 0; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-arrow:before {
    color: #fff;
    line-height: inherit; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-arrow.slick-prev {
    left: 0; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-arrow.slick-next {
    right: 0; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-slide {
    padding: 0 5px; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-slide.slick-current span {
    position: relative;
    display: block; }
  .zo_images_carousel-wrap .zo_images_carousel_nav.slick-slider .slick-slide.slick-current span:before {
    content: '';
    background: #08451b;
    background: rgba(131, 43, 129, 0.8);
    /* COLOR OPACITY */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.zo-block-header {
  text-align: center; }
  .zo-block-header .zo_block_little-title {
    margin-bottom: 0; }
  .zo-block-header .zo-block-title {
    font-size: 32px;
    font-weight: 500;
    position: relative;
    padding-bottom: 75px;
    color: #000;
    font-family: Raleway; }
  .zo-block-header .zo-block-title:after {
    background-color: #ddd;
    bottom: 30px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px; }
  .zo-block-header .zo-block-title:before {
    background-color: #ddd;
    bottom: 28px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }

.zo-block-description {
  color: #444;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 80px;
  text-align: center;
  margin-bottom: 60px !important;
  /*===========Social Icon===========*/ }

.zo-social {
  -webkit-transition: all, 0.3s, ease-out;
  -khtml-transition: all, 0.3s, ease-out;
  -moz-transition: all, 0.3s, ease-out;
  -ms-transition: all, 0.3s, ease-out;
  -o-transition: all, 0.3s, ease-out;
  transition: all, 0.3s, ease-out;
  /* BACKGROUND GRADIENT */
  /* TRIPLE BORDERS */
  /*    border: 1px solid #3b3b3b;
        display: inline-block;
        height: 35px;
        line-height: 33px;
        margin-right: 5px;
        width: 35px;
        text-align: center;
        border-radius: 50%;*/
  position: relative;
  border: 1px solid #eee;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 29px;
  margin-left: 3px;
  text-align: center;
  width: 30px; }
  .zo-social i {
    font-size: 11px;
    color: #aaa;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    display: block;
    margin-right: auto;
    margin-left: auto;
    /* Hover effects */ }
  .zo-social.zo-pinterest {
    background-color: #d8545d; }
  .zo-social.zo-rss {
    background-color: #faaa5e; }
  .zo-social.zo-social-hover:hover i {
    color: #fff !important; }
  .zo-social.zo-social-hover.zo-facebook:hover {
    background-color: #677fb5;
    border-color: #677fb5; }
  .zo-social.zo-social-hover.zo-twitter:hover {
    background-color: #70c2e9;
    border-color: #70c2e9; }
  .zo-social.zo-social-hover.zo-flickr:hover {
    background-color: #ff3ba4;
    border-color: #ff3ba4; }
  .zo-social.zo-social-hover.zo-dribbble:hover {
    background-color: #e299c2;
    border-color: #e299c2; }
  .zo-social.zo-social-hover.zo-behance:hover {
    background-color: #42a9fb;
    border-color: #42a9fb; }
  .zo-social.zo-social-hover.zo-linkedin:hover {
    background-color: #3daccf;
    border-color: #3daccf; }
  .zo-social.zo-social-hover.zo-vimeo:hover {
    background-color: #42b5d4;
    border-color: #42b5d4; }
  .zo-social.zo-social-hover.zo-youtube:hover {
    background-color: #d5615c;
    border-color: #d5615c; }
  .zo-social.zo-social-hover.zo-tumblr:hover {
    background-color: #829fb9;
    border-color: #829fb9; }
  .zo-social.zo-social-hover.zo-github:hover {
    background-color: #6c93bb;
    border-color: #6c93bb; }
  .zo-social.zo-social-hover.zo-google:hover {
    background-color: #bc7067;
    border-color: #bc7067; }
  .zo-social.zo-social-hover.zo-instagram:hover {
    background-color: #b99682;
    border-color: #b99682; }
  .zo-social.zo-social-hover.zo-soundcloud:hover {
    background-color: #ff8b45;
    border-color: #ff8b45; }
  .zo-social.zo-social-hover.zo-skype:hover {
    background-color: #009ee5;
    border-color: #009ee5; }
  .zo-social.zo-social-hover.zo-apple:hover {
    background-color: #231f20;
    border-color: #231f20; }
  .zo-social.zo-social-hover.zo-deviantart:hover {
    background-color: #abca37;
    border-color: #abca37; }

img {
  max-width: 100%; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.entry-content .wp-caption, .post .wp-caption {
  text-align: center; }

.wp-caption {
  /* Keep wide captions from overflowing their container. */
  max-width: 100%;
  padding: 4px; }

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
  font-style: italic;
  font-size: 12px;
  line-height: 2;
  color: #757575; }

img.wp-smiley, .rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.entry-content dl.gallery-item {
  margin: 0; }

.gallery-item a, .gallery-caption {
  width: 90%; }

.gallery-item a {
  display: block; }

.gallery-caption a {
  display: inline; }

.gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto; }

.gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%; }

.gallery-columns-1 .gallery-icon img {
  padding: 3%;
  /* Video background */ }

.row-bg-video {
  position: relative;
  /**
* Slideshow
*/ }
  .row-bg-video .zo-bg-video {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important; }
  @media screen and (max-width: 768px) {
    .row-bg-video .zo-bg-video {
      display: none; } }
  .row-bg-video .wp-video-shortcode {
    width: 100% !important;
    height: auto !important; }

.rev_slider_wrapper {
  /* Slideshow
=============================================*/ }
  .rev_slider_wrapper .tparrows.default {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 37px;
    text-align: center; }
  .rev_slider_wrapper .tparrows.default.tp-leftarrow:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px; }
  .rev_slider_wrapper .tparrows.default.tp-rightarrow:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px; }
  .rev_slider_wrapper .tparrows.default:hover {
    border-color: #fff; }
  .rev_slider_wrapper .tparrows.default:hover:before {
    color: #fff; }

.wpb_revslider_element .tp-bullets {
  z-index: 777; }
  .wpb_revslider_element .tp-bullets.simplebullets.round .bullet {
    padding: 0;
    background: none;
    background-color: #fff;
    width: 50px;
    height: 2px;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer; }
  .wpb_revslider_element .tp-bullets.simplebullets.round .bullet.selected {
    background: #08451b; }
  .wpb_revslider_element .tp-bullets.simplebullets.round .bullet:hover {
    background: #08451b; }

.loader {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  -webkit-transform: rotate(165deg);
  -moz-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  -o-transform: rotate(165deg);
  transform: rotate(165deg); }
  .loader:before, .loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .loader:before {
    -webkit-animation: before 2s infinite;
    -moz-animation: before 2s infinite;
    -ms-animation: before 2s infinite;
    -o-animation: before 2s infinite;
    animation: before 2s infinite; }
  .loader:after {
    -webkit-animation: after 2s infinite;
    -moz-animation: after 2s infinite;
    -ms-animation: after 2s infinite;
    -o-animation: after 2s infinite;
    animation: after 2s infinite; }

@keyframes before {
  0% {
    width: 0.5em;
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }

  35% {
    width: 2.5em;
    -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); }

  70% {
    width: 0.5em;
    -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); }

  100% {
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }

@keyframes after {
  /* Webkit */
  0% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }

  35% {
    height: 2.5em;
    -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }

  70% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }

  100% {
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }

@-webkit-keyframes before {
  0% {
    width: 0.5em;
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }

  35% {
    width: 2.5em;
    -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); }

  70% {
    width: 0.5em;
    -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); }

  100% {
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }

@-webkit-keyframes after {
  /* Moz */
  0% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }

  35% {
    height: 2.5em;
    -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }

  70% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }

  100% {
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }

@-moz-keyframes before {
  0% {
    width: 0.5em;
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }

  35% {
    width: 2.5em;
    -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); }

  70% {
    width: 0.5em;
    -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); }

  100% {
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }

@-moz-keyframes after {
  /* IE */
  0% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }

  35% {
    height: 2.5em;
    -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }

  70% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }

  100% {
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }

@-o-keyframes before {
  0% {
    width: 0.5em;
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); }

  35% {
    width: 2.5em;
    -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); }

  70% {
    width: 0.5em;
    -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); }

  100% {
    -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } }

@-o-keyframes after {
  /**
 * Attempt to center the whole thing!
 */
  0% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); }

  35% {
    height: 2.5em;
    -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); }

  70% {
    height: 0.5em;
    -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); }

  100% {
    -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } }

html, body {
  height: 100%; }

.loader {
  position: absolute;
  top: calc(50% - 1.25em);
  left: calc(50% - 1.25em);
  /* ==========================================================================
   End Style 1
========================================================================== */
  /* ==========================================================================
   Style 2
========================================================================== */ }

@-webkit-keyframes ball {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@-moz-keyframes ball {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@-o-keyframes ball {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes ball {
  0% {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@-webkit-keyframes ball-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-moz-keyframes ball-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-o-keyframes ball-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes ball-highlight {
  0% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    transform: skew(-30deg, 0) translate3d(0, 0, 1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-webkit-keyframes ball-shadow {
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-moz-keyframes ball-shadow {
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@-o-keyframes ball-shadow {
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes ball-shadow {
  /* Styles for old versions of IE */
  0% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  45% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  50% {
    -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }

  55% {
    -webkit-transform: translate3d(12.5px, -15px, -1px);
    -moz-transform: translate3d(12.5px, -15px, -1px);
    -ms-transform: translate3d(12.5px, -15px, -1px);
    -o-transform: translate3d(12.5px, -15px, -1px);
    transform: translate3d(12.5px, -15px, -1px);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  100% {
    -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.ball {
  font-family: sans-serif;
  font-weight: 100;
  /* :not(:required) hides this rule from IE9 and below */ }

.ball:not(:required) {
  position: relative;
  display: inline-block;
  font-size: 0;
  letter-spacing: -1px;
  border-radius: 100%;
  background: #f86;
  width: 50px;
  height: 50px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-animation: ball 1500ms infinite linear;
  -moz-animation: ball 1500ms infinite linear;
  -ms-animation: ball 1500ms infinite linear;
  -o-animation: ball 1500ms infinite linear;
  animation: ball 1500ms infinite linear; }

.ball:not(:required)::after {
  content: '';
  position: absolute;
  top: 4.5px;
  left: 5.5px;
  width: 15px;
  height: 15px;
  background: #ffb099;
  border-radius: 100%;
  -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px);
  -webkit-animation: ball-highlight 1500ms infinite linear;
  -moz-animation: ball-highlight 1500ms infinite linear;
  -ms-animation: ball-highlight 1500ms infinite linear;
  -o-animation: ball-highlight 1500ms infinite linear;
  animation: ball-highlight 1500ms infinite linear; }

.ball:not(:required)::before {
  content: '';
  position: absolute;
  top: 50px;
  left: 5.5px;
  width: 50px;
  height: 15px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1);
  -webkit-animation: ball-shadow 1500ms infinite linear;
  -moz-animation: ball-shadow 1500ms infinite linear;
  -ms-animation: ball-shadow 1500ms infinite linear;
  -o-animation: ball-shadow 1500ms infinite linear;
  animation: ball-shadow 1500ms infinite linear;
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  filter: blur(1px);
  /* ==========================================================================
   End Style 2
========================================================================== */ }

#zo-header-navigation {
  position: static;
  /**
Menu Default
======================================================
*/ }
  #zo-header-navigation .main-navigation ul.ping-right {
    left: auto;
    right: 100%; }
  #zo-header-navigation .main-navigation ul.ping-left {
    left: 100%;
    right: auto; }

@media screen and (min-width: 992px) {
  /*
-----> Minimum width of 992 pixels.
*/
  /*
-----> Max width of 992 pixels.
*/
    #menu-mobile {
      display: none; }
    #zo-header-navigation.collapse {
      display: block; }
    #zo-header-navigation .main-navigation div.nav-menu > ul {
      display: inline-block !important;
      width: 100%; }
      #zo-header-navigation .main-navigation ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-indent: 0;
        /*First level*/ }
        #zo-header-navigation .main-navigation ul li {
          position: relative; }
          #zo-header-navigation .main-navigation ul li a {
            display: inline-block;
            border-bottom: 0;
            white-space: nowrap;
            -webkit-transition: all 420ms linear 0ms;
            -khtml-transition: all 420ms linear 0ms;
            -moz-transition: all 420ms linear 0ms;
            -ms-transition: all 420ms linear 0ms;
            -o-transition: all 420ms linear 0ms;
            transition: all 420ms linear 0ms;
            /* BACKGROUND GRADIENT */
            /* TRIPLE BORDERS */ }
      #zo-header-navigation .main-navigation ul.menu-main-menu > li {
        border: none;
        vertical-align: top;
        -webkit-transition: all 420ms linear 0ms;
        -khtml-transition: all 420ms linear 0ms;
        -moz-transition: all 420ms linear 0ms;
        -ms-transition: all 420ms linear 0ms;
        -o-transition: all 420ms linear 0ms;
        transition: all 420ms linear 0ms;
       
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li > a {
          text-transform: uppercase; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li:hover {
          color: #fff!important;
          background-color: #08451b;

    
           }

           #zo-header-navigation .main-navigation ul.menu-main-menu > li:hover > a{
            color: #fff!important;
           }
          #zo-header-navigation .main-navigation ul.menu-main-menu > li .fa-angle-down {
            display: none; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li.current-menu-item, #zo-header-navigation .main-navigation ul.menu-main-menu > li.current-menu-parent, #zo-header-navigation .main-navigation ul.menu-main-menu > li.current-menu-ancestor {
          border-bottom: 2px solid #08451b; box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
          #zo-header-navigation .main-navigation ul.menu-main-menu > li > a {
            position: relative;
           font-family: "Source Sans Pro", sans-serif;
text-align: center;
font-weight: normal;
line-height: 20px;
font-size: 16px;
            line-height: 20px;
            -webkit-transition: all 420ms linear 0ms;
            -khtml-transition: all 420ms linear 0ms;
            -moz-transition: all 420ms linear 0ms;
            -ms-transition: all 420ms linear 0ms;
            -o-transition: all 420ms linear 0ms;
            transition: all 420ms linear 0ms;
            /* BACKGROUND GRADIENT */
            /* TRIPLE BORDERS */
            /*Submenu*/ }
          #zo-header-navigation .main-navigation ul.menu-main-menu > li > a i {
            display: block;
            width: 100%;
            line-height: 0;
            margin-bottom: 6px;
            -webkit-transition: all 420ms linear 0ms;
            -khtml-transition: all 420ms linear 0ms;
            -moz-transition: all 420ms linear 0ms;
            -ms-transition: all 420ms linear 0ms;
            -o-transition: all 420ms linear 0ms;
            transition: all 420ms linear 0ms;
            /* BACKGROUND GRADIENT */
            /* TRIPLE BORDERS */ }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li > a i + .menu-title {
              -webkit-transform: translateY(25px);
              -khtml-transform: translateY(25px);
              -moz-transform: translateY(25px);
              -ms-transform: translateY(25px);
              -o-transform: translateY(25px);
              transform: translateY(25px);
              /* BACKGROUND GRADIENT */
              /* TRANSFORM STYLE */
              display: block; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children {
          position: relative; }
          #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu {
            margin-top: 24px;
            background-color: #fff;
            -webkit-transition: all 0.4s ease 0s;
            -khtml-transition: all 0.4s ease 0s;
            -moz-transition: all 0.4s ease 0s;
            -ms-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            border-bottom: 5px solid #08451b;
            -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);

            /* BACKGROUND GRADIENT */
            /* TRIPLE BORDERS */ }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu a{
              font-family: "Source Sans Pro", sans-serif;
text-align: center;
font-weight: normal;
line-height: 20px;
font-size: 16px;
border-bottom: 2px solid #fff;
            }

            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu a:hover {
              border-bottom: 2px solid #08451b;
            }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu.current-menu-parent > a, #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu.current-menu-ancestor > a {
              color: #08451b; }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu .sub-menu {
              background-color: #fff;
              border-bottom: 5px solid #08451b;
            -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35); }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu li.menu-item-has-children {
              position: relative; }
              #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu li.menu-item-has-children.group .zo-menu-toggle {
                display: none; }
              #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu li.menu-item-has-children .zo-menu-toggle {
                position: absolute;
                right: 20px;
                top: 50%;
                line-height: normal;
                -webkit-transform: translateY(-50%);
                -khtml-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                /* BACKGROUND GRADIENT */
                /* TRANSFORM STYLE */ }
                #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children > ul.sub-menu li.menu-item-has-children .zo-menu-toggle .fa:before {
                  content: "\f105"; }
          #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children:hover > ul.sub-menu {
            -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) 2px 5px rgba(0, 0, 0, .4);
            /* BACKGROUND GRADIENT */
            /* BOX SIZING */
            margin-top: 0; }
            #zo-header-navigation .main-navigation ul.menu-main-menu > li.menu-item-has-children:hover > .zo-menu-toggle {
              opacity: 1; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li, #zo-header-navigation .main-navigation ul.menu-main-menu > li a, #zo-header-navigation .main-navigation ul.menu-main-menu > ul > li, #zo-header-navigation .main-navigation ul.menu-main-menu > ul > li > a {
          display: inline-block;
          /*text-transform: uppercase;*/
          /*letter-spacing: 1px;*/
          text-decoration: none; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li ul li, #zo-header-navigation .main-navigation ul.menu-main-menu > li ul li a, #zo-header-navigation .main-navigation ul.menu-main-menu > ul > li ul li, #zo-header-navigation .main-navigation ul.menu-main-menu > ul > li ul li a {
          display: block;
          text-decoration: none;
          /*text-transform: uppercase;*/
          /*letter-spacing: 1px;*/
          text-align: left; }
        #zo-header-navigation .main-navigation ul.menu-main-menu > li ul ul, #zo-header-navigation .main-navigation ul.menu-main-menu > ul > li ul ul {
          width: 215px; }
    #zo-header-navigation .main-navigation li li {
      margin: 0; }
    #zo-header-navigation .main-navigation li ul {
      margin: 0;
      padding: 0;
      position: absolute;
      z-index: 1;
      height: 1px;
      width: 220px;
      top: 100%;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      right: 0;
      /* Menu Stick Wall */ }
    #zo-header-navigation .main-navigation li ul ul {
      top: 15px;
      left: 100%;
      width: 220px;
      /* End Menu Stick Wall */ }
      #zo-header-navigation .main-navigation li ul ul.back {
        right: 100%;
        left: auto; }
        #zo-header-navigation .main-navigation li ul ul.back ul:not(.back) {
          right: 100%;
          left: auto; }
        #zo-header-navigation .main-navigation li ul ul.back ul.back {
          left: 100%;
          right: auto; }
        #zo-header-navigation .main-navigation li ul ul.back ul.back ul:not(.back) {
          left: 100%;
          right: auto; }
        #zo-header-navigation .main-navigation li ul ul.back ul.back ul.back {
          right: 100%;
          left: auto; }
    #zo-header-navigation .main-navigation {
      /* End Menu Sub Level */
      /* Start Mega Menu */ }
      #zo-header-navigation .main-navigation ul li:hover > ul, #zo-header-navigation .main-navigation ul li:focus > ul, #zo-header-navigation .main-navigation .focus > ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit; }
      #zo-header-navigation .main-navigation li ul li a {
        padding: 8px 20px;
        line-height: 20px;
        white-space: normal;
        font-weight: 400; }
        #zo-header-navigation .main-navigation li ul li:last-child a {
          border-bottom: none; }
    #zo-header-navigation .main-navigation .columns2 > li:nth-of-type(2n+1), #zo-header-navigation .main-navigation .columns3 > li:nth-child(3n+1), #zo-header-navigation .main-navigation .columns4 > li:nth-child(4n+1), #zo-header-navigation .main-navigation .columns5 > li:nth-child(5n+1) {
      clear: left; }
      #zo-header-navigation .main-navigation .columns5 > li {
        width: 20% !important; }
      #zo-header-navigation .main-navigation .columns4 > li {
        width: 25% !important; }
      #zo-header-navigation .main-navigation .columns3 > li {
        width: 33% !important; }
      #zo-header-navigation .main-navigation .columns2 > li {
        width: 50% !important; }
      #zo-header-navigation .main-navigation [class*="columns"] > li {
        float: left; }
        #zo-header-navigation .main-navigation [class*="columns"] > li > a {
          width: 100%; }
      #zo-header-navigation .main-navigation .menu-main-menu li.has_full_width {
        position: inherit; }
      #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children ul.sub-menu:not(.multicolumn) {
         }
        #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu {
          left: 0 !important;
          width: 100% !important;
          background: #141414;
          padding: 60px 100px 80px; }
        #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu ul.sub-menu:not(.multicolumn) {
          padding-top: 0;
          padding-bottom: 0;
          min-width: 220px;
          padding-right: 20px; }
        #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li.menu-item-has-children a {
          padding: 0;
          line-height: 40px; }
        #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li.menu-item-has-children > a {
          color: #fff !important;
          padding-bottom: 20px;
          margin-bottom: 16px;
          position: relative;
          font-weight: bold;
          font-size: 12px;
          line-height: normal; }
          #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu > li.menu-item-has-children > a:after {
            content: '';
            position: absolute;
            width: 23px;
            height: 3px;
            background-color: #08451b;
            bottom: 0;
            left: 0; }
        #zo-header-navigation .main-navigation .menu-main-menu li:not(.group) > ul.drop_full_width.sub-menu .sub-menu {
          background-color: transparent; }
      #zo-header-navigation .main-navigation li.group > ul.sub-menu {
        display: block;
        float: left;
        left: 0;
        position: relative;
        width: 100%;
        height: inherit;
        padding: 0; }
      #zo-header-navigation .main-navigation li.title-hide .menu-title {
        display: none; }
      #zo-header-navigation .main-navigation .widget {
        line-height: 30px;
        text-transform: initial; }
    #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a i + .menu-title {
      -webkit-transform: translateY(14px);
      -khtml-transform: translateY(14px);
      -moz-transform: translateY(14px);
      -ms-transform: translateY(14px);
      -o-transform: translateY(14px);
      transform: translateY(14px);
      /* BACKGROUND GRADIENT */
      /* TRANSFORM STYLE */ }
    #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a i {
      margin-bottom: 3px;
      /* End Start Mega Menu */ }
    #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li.menu-item-has-children > .zo-menu-toggle {
      display: none; }
    #zo-header.header-fixed ul.menu-main-menu > li > a {
      padding: 25px 20px; }
      #zo-header.header-fixed:after {
        display: none; }
    #zo-header-top .container {
      position: relative; }
      #zo-header-top .container:before {
        top: 0px;
        content: "";
        display: block;
        position: absolute;
        width: calc(100% - 30px);
        border-bottom: 1px #eee solid; } }

@media screen and (max-width: 991px) {
  /*-----> End Max width of 992 pixels.
*/
  /* ==========================================================================
  End Style Main Menu
========================================================================== */
    #zo-header-navigation {
      display: none; }
    #zo-header-navigation.collapse {
      background: #222;
      position: absolute;
      width: 100%; }
    #zo-header-navigation .main-navigation .menu-main-menu, #zo-header-navigation .main-navigation div.nav-menu > ul {
      text-align: left; }
    #zo-menu-mobile {
      display: block; }
      #zo-menu-mobile i {
        background: #08451b;
        color: #fff;
        cursor: pointer;
        font-size: 32px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        width: 45px; }
        #zo-menu-mobile i:hover {
          background: #333; }
    #zo-header-navigation .main-navigation ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden;
      transition: all 500ms ease; }
      #zo-header-navigation .main-navigation ul li {
        list-style: none; }
        #zo-header-navigation .main-navigation ul li a {
          display: block;
          color: #5e5e5e; }
          #zo-header-navigation .main-navigation ul li a:hover, #zo-header-navigation .main-navigation ul li a:focus {
            color: #21759b; }
    .collapse .main-navigation div.nav-menu > ul {
      display: block;
      max-height: 2000px; }
    #zo-header #zo-header-navigation .main-navigation {
      padding: 15px 0;
      /* Dropdown Sub Menu */ }
      #zo-header #zo-header-navigation .main-navigation .menu-main-menu > li > a i {
        display: none; }
        #zo-header #zo-header-navigation .main-navigation .menu-main-menu li {
          line-height: 31px; }
          #zo-header #zo-header-navigation .main-navigation .menu-main-menu li a {
            background: transparent;
            color: #fff; }
      #zo-header #zo-header-navigation .main-navigation ul.sub-menu {
        width: 100% !important; }
    .zo-menu-toggle {
      display: block; }
    .topsocial {
      margin-top: 15px; }
    #zo-header-navigation .main-navigation .menu-main-menu > li {
      position: relative; }
      #zo-header-navigation .main-navigation .menu-main-menu > li li {
        position: relative; }
      #zo-header-navigation .main-navigation .menu-main-menu > li a {
        display: block;
        border-bottom: none;
        color: #999 !important;
        margin: 0 0 4px !important;
        padding: 0 !important; }
        #zo-header-navigation .main-navigation .menu-main-menu > li ul li a {
          font-size: 16px; }
      #zo-header-navigation .main-navigation .menu-main-menu > li .zo-menu-toggle {
        color: #999;
        cursor: pointer;
        position: absolute;
        right: -5px;
        text-align: center;
        top: 10px;
        width: 30px; }
        #zo-header-navigation .main-navigation .menu-main-menu > li .zo-menu-toggle:hover {
          color: #fff; }
      #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu {
        max-height: 0;
        overflow: hidden;
        padding-left: 10px;
        -webkit-transition: max-height 600ms linear 0ms;
        -khtml-transition: max-height 600ms linear 0ms;
        -moz-transition: max-height 600ms linear 0ms;
        -ms-transition: max-height 600ms linear 0ms;
        -o-transition: max-height 600ms linear 0ms;
        transition: max-height 600ms linear 0ms;
        /* BACKGROUND GRADIENT */
        /* TRIPLE BORDERS */ }
        #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open {
          max-height: 1000px; }
          #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle i:before {
            content: "\f106"; }
        #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu .zo-menu-toggle {
          right: 12px; }
        #zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li a {
          font-size: 17px; }
    body #zo-header {
      position: absolute; }
    body, body.fixed-margin-top {
      margin-top: 80px; } }

.secondary, .wpb_widgetised_column {
  margin-bottom: 100px;
  /**
* RSS Widget
*/ }
  .secondary .widget, .wpb_widgetised_column .widget {
    border-bottom: none;
    margin-bottom: 20px; }
  .secondary .wg-title, .wpb_widgetised_column .wg-title {
    font-size: 15px;
    position: relative;
    padding-bottom: 40px;
    text-transform: uppercase;
    color: #08451b;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600; }
  .secondary .wg-title:after, .wpb_widgetised_column .wg-title:after {
    background-color: #ddd;
    bottom: 30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    width: 100%;
    margin-left: -50%; }
  .secondary .wg-title:before, .wpb_widgetised_column .wg-title:before {
    background-color: #ddd;
    bottom: 28px;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px; }
  .secondary .widget_layered_nav ul, .wpb_widgetised_column .widget_layered_nav ul {
    margin: 0px; }
  .secondary ul, .wpb_widgetised_column ul {
    margin: 0px;
    padding: 0; }
  .secondary ul ul, .wpb_widgetised_column ul ul {
    margin: 0 0 0 15px; }
  .secondary ul li, .wpb_widgetised_column ul li {
    list-style: none inside;
    padding-bottom: 10px; }
  .secondary ul li a, .wpb_widgetised_column ul li a {
    color: #444;
    text-transform: capitalize; }
  .secondary ul li a:hover, .wpb_widgetised_column ul li a:hover {
    color: #08451b; }
  .secondary ul li.chosen a, .wpb_widgetised_column ul li.chosen a, .secondary ul li.current-cat a, .wpb_widgetised_column ul li.current-cat a {
    color: #08451b; }
  .secondary .widget_newsletterwidget, .wpb_widgetised_column .widget_newsletterwidget {
    background-color: #2f2e2e;
    padding: 20px 15px;
    color: #fff;
    text-align: center; }
  .secondary .widget_newsletterwidget .wg-title, .wpb_widgetised_column .widget_newsletterwidget .wg-title {
    color: #fff;
    font-weight: 600; }
  .secondary .widget_newsletterwidget .wg-title:after, .wpb_widgetised_column .widget_newsletterwidget .wg-title:after {
    background-color: #fff !important; }
  .secondary .widget_newsletterwidget .wg-title:before, .wpb_widgetised_column .widget_newsletterwidget .wg-title:before {
    background-color: #fff !important; }
  .secondary .widget_newsletterwidget .newsletter-firstname, .wpb_widgetised_column .widget_newsletterwidget .newsletter-firstname, .secondary .widget_newsletterwidget .newsletter-firstname:focus, .wpb_widgetised_column .widget_newsletterwidget .newsletter-firstname:focus, .secondary .widget_newsletterwidget .newsletter-email, .wpb_widgetised_column .widget_newsletterwidget .newsletter-email, .secondary .widget_newsletterwidget .newsletter-email:focus, .wpb_widgetised_column .widget_newsletterwidget .newsletter-email:focus {
    background-color: #4cc9fb;
    border-color: #4cc9fb;
    padding: 7px 12px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    border: none; }
  .secondary .widget_newsletterwidget .newsletter-submit, .wpb_widgetised_column .widget_newsletterwidget .newsletter-submit {
    margin-top: 10px;
    padding: 8px 16px !important;
    border: 2px solid #fff !important;
    background-color: transparent !important; }
  .secondary .searchform:before, .wpb_widgetised_column .searchform:before {
    right: 16px;
    position: absolute;
    top: 10px; }
  .secondary .searchform input[type='text'], .wpb_widgetised_column .searchform input[type='text'] {
    border-radius: 100px 0 0px 100px !important;
    font-size: 13px; }
  .secondary .searchform #searchsubmit, .wpb_widgetised_column .searchform #searchsubmit {
    border: 1px solid #eee !important;
    background: transparent none repeat scroll 0% 0% !important;
    border-radius: 0px;
    opacity: 1;
    width: 50px; }

.widget_rss ul li a {
  color: #08451b; }

.widget_categories li {
  font-weight: 400;
  line-height: 28px; }
  .widget_categories li span {
    float: right;
    color: #444; }
  .widget_categories li:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 13px;
    left: 0;
    color: #777;
    padding-right: 11px;
    position: relative;
    top: 1px; }

.widget_text .textwidget {
  font-weight: 400; }

.widget_tag_cloud .tagcloud a {
  font-weight: 600; }

.searchform, .woocommerce-product-search {
  position: relative;
  margin-bottom: 15px;
  /* ==========================================================================
   [Start] 2. Widget Search
========================================================================== */
  /* ==========================================================================
   [Start] 3. Widget Tags
========================================================================== */ }
  .searchform:before, .woocommerce-product-search:before {
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    content: "\f002";
    font-family: FontAwesome; }
  .searchform .screen-reader-text, .woocommerce-product-search .screen-reader-text {
    display: none; }
  .searchform input[type="text"], .woocommerce-product-search input[type="text"], .searchform input[name="s"], .woocommerce-product-search input[name="s"] {
    width: 100%;
    margin: 0;
    height: 50px;
    line-height: 50px;
    display: block;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    box-sizing: border-box;
    font-style: italic;
    padding: 0 15px; }
  .searchform input[type="submit"], .woocommerce-product-search input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 50px;
    line-height: 50px;
    background: none;
    border: none !important;
    text-indent: -99999px;
    opacity: 0;
    padding: 0; }
  .searchform input[type="submit"]:hover, .woocommerce-product-search input[type="submit"]:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
    opacity: 0.4; }

.tagcloud a {
  font-size: 13px !important;
  line-height: 30px;
  height: 34px;
  padding: 0 15px;
  color: #444;
  margin: 0 5px 5px 0;
  display: inline-block;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /* BACKGROUND GRADIENT */
  background-color: transparent;
  border: 1px solid #cacaca;
  /* ==========================================================================
   [End] 3. Widget Tags
========================================================================== */
  /* ==========================================================================
   [Start] 4. Instagram
========================================================================== */ }
  .tagcloud a:hover {
    border-color: #08451b;
    background-color: transparent; }

.zo-instagram-pics .instagram-item {
  margin: 0 0 16px;
  padding: 0 8px; }
  .zo-instagram-pics .instagram-item a {
    display: block;
    position: relative; }
  .zo-instagram-pics .instagram-item a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #08451b;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -khtml-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .zo-instagram-pics .instagram-item a:after {
    content: "\f002";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    font-size: 20px;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -khtml-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    font-family: FontAwesome; }
  .zo-instagram-pics .instagram-item a:hover:after, .zo-instagram-pics .instagram-item a:hover:before {
    opacity: 1; }

.zo-get-touch li {
  position: relative;
  padding-left: 30px;
  /* ==========================================================================
   [End] 4. Instagram
========================================================================== */
  /* ==========================================================================
   [Start] 5. Twitter
========================================================================== */ }
  .zo-get-touch li i {
    font-size: 20px;
    color: #808080;
    padding-right: 10px;
    position: absolute;
    top: 0;
    left: 0; }

.tweets-container {
  /* ==========================================================================
   [Start] 5. Zo Recent Post
========================================================================== */ }
  .tweets-container ul {
    list-style: none inside;
    margin: 0;
    padding: 0; }
  .tweets-container ul li {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 25px; }
  .tweets-container ul li .jtwt_date {
    color: #3a3a3a !important; }
  .tweets-container ul li .jtwt_date .fa {
    padding-right: 18px; }

.zo-recent-post {
  margin-top: 40px; }
  .zo-recent-post .zo-recent-post-wrapper {
    margin-left: 0; }
  .zo-recent-post .zo-recent-post-wrapper > li {
    margin: 0 0 40px;
    clear: both;
    line-height: normal; }
  .zo-recent-post .zo-recent-post-wrapper > li:last-child {
    margin: 0; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-media {
    width: 70px;
    max-width: 70px;
    float: left; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details {
    padding-left: 100px;
    font-size: 14px; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details.no-image {
    padding: 0; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .title {
    font-size: 16px;
    margin: 0 0 10px;
    color: #141414;
    font-weight: normal;
    letter-spacing: 0;
    line-height: normal; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .title a {
    color: #141414; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date {
    display: inline-block; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date .author {
    padding-left: 1px; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date .author:before {
    content: "|";
    padding-right: 3px; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories {
    margin: 0; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories li {
    line-height: normal; }
  .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories li a {
    font-style: italic;
    font-size: 16px;
    color: #6f6f6f; }

#secondary .zo-recent-post-wrapper {
  /**
* Calendar Widget
*/ }
  #secondary .zo-recent-post-wrapper .zo-recent-details .date {
    color: #08451b; }

.widget_calendar table {
  width: 100%;
  /**
* Products Rate
*/ }
  .widget_calendar table caption {
    text-align: center;
    font-weight: bold; }
  .widget_calendar table td {
    text-align: center; }

.widget_top_rated_products {
  /**
* Filter
*/ }
  .widget_top_rated_products .product_list_widget li {
    overflow: hidden;
    margin-bottom: 30px !important; }
  .widget_top_rated_products .product_list_widget li a img {
    float: left;
    width: 70px;
    height: 75px;
    margin-right: 30px; }
  .widget_top_rated_products .product_list_widget li a .product-title {
    float: left;
    color: #141414;
    font-size: 12px;
    width: calc(100% - 105px);
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: normal;
    word-wrap: break-word; }
  .widget_top_rated_products .product_list_widget li .amount {
    font-size: 18px;
    font-style: italic;
    letter-spacing: 0.1em;
    color: #141414; }
  .widget_top_rated_products .product_list_widget li ins {
    text-decoration: none; }

.widget_price_filter .price_slider_wrapper {
  position: relative;
  padding-top: 30px;
  /**
* News Tabs
*/ }
  .widget_price_filter .price_slider_wrapper .price_slider {
    background-color: #909090 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    /* BACKGROUND GRADIENT */ }
  .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    top: -7px;
    left: -10px;
    background-color: #08451b; }
  .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
    background-color: #141414; }
  .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #6f6f6f; }
  .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
    margin-top: 55px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    border: 2px solid #e4e4e4;
    padding: 10px 25px; }

.widget_ww_news_tabs {
  /*
* Recent Comments
*/ }
  .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs {
    overflow: hidden;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec; }
  .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li {
    background-color: #f2f2f2;
    border: none;
    border-top: 2px solid transparent;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 12px; }
  .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li a {
    display: block;
    border: none !important; }
  .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li.active {
    background-color: transparent;
    border-top-color: #08451b; }
  .widget_ww_news_tabs .tab-content {
    margin: 0;
    border-width: 0 1px 1px 1px; }
  .widget_ww_news_tabs .tab-content .tab-pane {
    padding: 40px 20px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
      .widget_ww_news_tabs .tab-content .tab-pane {
        padding-left: 5px;
        padding-right: 5px; } }
  .widget_ww_news_tabs .tab-content .news-list {
    margin: 0; }
  .widget_ww_news_tabs .tab-content .news-list li {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 40px; }
  .widget_ww_news_tabs .tab-content .news-list li .zo-image {
    width: 70px;
    height: 70px;
    float: left; }
  .widget_ww_news_tabs .tab-content .news-list li .zo-image + .zo-details {
    padding-left: 100px; }
  .widget_ww_news_tabs .tab-content .news-list li .zo-details {
    line-height: normal; }
  .widget_ww_news_tabs .tab-content .news-list li .zo-details h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 5px;
    padding: 0; }
  .widget_ww_news_tabs .tab-content .news-list li .zo-details a {
    font-style: italic;
    font-size: 16px; }

.widget_recent_comments {
  /**
* Rss Widget
*/ }
  .widget_recent_comments .recentcomments {
    color: #c8c8c8; }

.widget_rss {
  /* Lastet new, recent post with thumb */ }
  .widget_rss ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #08451b; }
  .widget_rss .rssSummary {
    line-height: 30px; }

.wpb_widgetised_column .widget.widget_zo-recent-posts-widget-with-thumbnails {
  margin-bottom: 0; }

.widget_zo-recent-posts-widget-with-thumbnails {
  /**
* Social
**/ }
  .widget_zo-recent-posts-widget-with-thumbnails ul li {
    padding-bottom: 20px; }
  .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-title h3 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 19px;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-bottom: 0; }
  .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-content p {
    color: #6f6f6f;
    line-height: 24px;
    margin-top: 15px; }
  .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-date {
    font-size: 12px;
    color: #444;
    font-weight: 400; }
  .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-date i {
    color: #08451b;
    margin-right: 5px; }

ul.zo-social-wrapper {
  /*=======Wedget title=======*/ }
  ul.zo-social-wrapper li {
    list-style: none;
    list-style-type: none;
    display: inline; }

h2.wpb_heading {
  font-size: 26px;
  font-weight: 600;
  position: relative;
  padding-bottom: 30px;
  color: #000; }
  h2.wpb_heading:after {
    background-color: #ddd;
    bottom: 20px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 160px; }
  h2.wpb_heading:before {
    background-color: #ddd;
    bottom: 18px;
    content: "";
    height: 5px;
    left: 72px;
    position: absolute;
    width: 16px; }
  h2.wpb_heading.title-center {
    text-align: center; }
  h2.wpb_heading.title-center:after {
    left: 50%;
    margin-left: -80px; }
  h2.wpb_heading.title-center:before {
    left: 50%;
    margin-left: -8px; }

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left {
  border-right: 1px solid #ddd; }

.tabs-right {
  border-left: 1px solid #ddd; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px;
  list-style: none; }

.tabs-left > li {
  margin-right: -1px; }

.tabs-right > li {
  margin-left: -1px; }

.tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover {
  border-bottom-color: #ddd;
  border-right-color: transparent; }

.tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent; }

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0; }

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

.tab-content > .active {
  display: block; }

.sideways {
  margin-top: 50px;
  border: none;
  position: relative; }

.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px; }

.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0 0; }

.sideways > li.active > a, .sideways > li.active > a:focus, .sideways > li.active > a:hover {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd; }

.sideways.tabs-left {
  left: -50px; }

.sideways.tabs-right {
  right: -50px; }

.sideways.tabs-right > li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.sideways.tabs-left > li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  /* Woo Commerce
==============================================================*/ }

.woocommerce ul.products, .woocommerce-page ul.products {
  padding: 0;
  margin: 0;
  list-style: none inside; }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 30.8%; }
  @media screen and (max-width: 767px) {
      .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100%; } }
  .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    padding: 0;
    margin: 0; }
  .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product {
    width: 22.05%; }
  @media (min-width: 768px) and (max-width: 799px) {
        .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product {
          width: 48%; } }
  @media screen and (max-width: 767px) {
        .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product {
          width: 100%; } }

.woocommerce {
  /**
* Tab: woocommerce_product_reviews
*/ }
  .woocommerce span.onsale {
    width: 50px;
    height: 40px;
    border: 2px solid #000;
    color: #333;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    z-index: 10;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
  .woocommerce .star-rating {
    float: none; }
  .woocommerce .woocommerce-ordering select {
    padding: 7px 10px; }
  .woocommerce a.remove {
    padding-left: 3px; }
  .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #fff;
    border: 1px solid #08451b;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    /* BACKGROUND GRADIENT */
    padding: 0.618em 1em;
    font-weight: 400; }
  .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    color: #fff;
    background-color: #08451b; }
  .woocommerce div.product .quantity {
    background-color: #fff;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    border: 2px solid #ececec;
    height: 40px;
    width: 140px;
    line-height: 40px;
    overflow: hidden;
    margin: 10px 20px 0 0 !important; }
  @media screen and (max-width: 359px) {
      .woocommerce div.product .quantity {
        margin-bottom: 15px !important; } }
  .woocommerce div.product .quantity .qty, .woocommerce div.product .quantity span {
    border: none;
    padding: 0;
    display: inline-block;
    margin: 0;
    height: 100%; }
  .woocommerce div.product .quantity input[type=number]::-webkit-inner-spin-button, .woocommerce div.product .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .woocommerce div.product .quantity .qty {
    width: 50%;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield; }
  .woocommerce div.product .quantity span {
    width: 21%;
    text-align: center;
    cursor: pointer; }
  .woocommerce div.product .quantity span:hover {
    color: #08451b; }
  .woocommerce div.product .single_add_to_cart_button {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    background-color: #08451b;
    color: #fff;
    padding: 18px 35px; }
  .woocommerce div.product .single_add_to_cart_button:hover {
    background-color: transparent;
    color: #08451b; }
  .woocommerce div.product .product_title {
    position: relative;
    margin-bottom: 25px;
    font-size: 36px;
    letter-spacing: 0; }
  .woocommerce div.product .rating-price .woocommerce-product-rating .woocommerce-review-link, .woocommerce div.product .single_variation_wrap .woocommerce-product-rating .woocommerce-review-link {
    display: none; }
  .woocommerce div.product .rating-price .woocommerce-product-price, .woocommerce div.product .single_variation_wrap .woocommerce-product-price {
    margin-bottom: 15px; }
  .woocommerce div.product .rating-price .woocommerce-product-price .price del, .woocommerce div.product .single_variation_wrap .woocommerce-product-price .price del, .woocommerce div.product .rating-price .woocommerce-product-price .price ins, .woocommerce div.product .single_variation_wrap .woocommerce-product-price .price ins {
    display: inline-block; }
  .woocommerce div.product .rating-price .woocommerce-product-price .price .amount, .woocommerce div.product .single_variation_wrap .woocommerce-product-price .price .amount {
    display: inline-block;
    font-size: 36px;
    line-height: 60px;
    font-style: italic;
    font-weight: 400;
    color: #141414; }
  .woocommerce div.product .rating-price .woocommerce-product-price .price del .amount, .woocommerce div.product .single_variation_wrap .woocommerce-product-price .price del .amount {
    margin-right: 10px;
    color: #6f6f6f;
    text-decoration: line-through; }
  .woocommerce div.product .rating-price .woocommerce-product-price .price ins .amount, .woocommerce div.product .single_variation_wrap .woocommerce-product-price .price ins .amount {
    color: #141414; }
  .woocommerce div.product .variations tr .label {
    padding: 10px 0 0;
    width: 55px; }
  .woocommerce div.product .variations tr .label label {
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em; }
  .woocommerce div.product .product_meta > span {
    display: block;
    color: #6f6f6f;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 30px; }
  .woocommerce div.product .product_meta > span a, .woocommerce div.product .product_meta > span span {
    color: #141414; }
  .woocommerce div.product .social-list {
    margin: 40px 0 0;
    padding: 0;
    text-align: left; }
  .woocommerce div.product .social-list li {
    display: inline-block; }
  .woocommerce div.product .social-list li a {
    display: block;
    text-align: center;
    margin-right: 5px; }
  .woocommerce div.product .social-list li a i {
    width: 42px;
    height: 42px;
    color: #141414;
    line-height: 42px;
    background-color: #f9f9f9 !important;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    /* BACKGROUND GRADIENT */ }
  .woocommerce div.product .social-list li a:hover i {
    background-color: #08451b !important;
    color: #fff; }
  .woocommerce .woocommerce-info {
    border-top-color: #08451b;
    /**
    * --> Product Tabs
    */ }
  .woocommerce .woocommerce-info:before {
    color: #08451b; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs {
    margin: 0;
    padding: 0;
    border: none; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li {
    display: block;
    height: 55px;
    line-height: 55px;
    width: 100%;
    background-color: #ececec;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: all 200ms;
    -khtml-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    position: relative;
    text-transform: uppercase; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.active {
    background-color: #08451b; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.active a {
    color: #fff; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.active:before {
    color: #fff; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li:before {
    content: '';
    position: absolute;
    left: 30px;
    font-size: 25px;
    font-family: FontAwesome;
    -webkit-transition: all 200ms;
    -khtml-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.description:before {
    content: "\f040"; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.additional_information:before {
    content: "\f02b"; }
  .woocommerce .zo-woocommerce-tabs .nav-tabs li.reviews:before {
    content: "\f0e5"; }
  .woocommerce .zo-woocommerce-tabs .tab-content {
    margin: 0;
    padding: 30px; }

#woocommerce_product_reviews {
  /*
*---> Your Cart
*/ }
  #woocommerce_product_reviews #reply-title {
    text-transform: uppercase;
    margin: 20px 0; }

.woocommerce form .form-row .required {
  color: #08451b; }

.woocommerce-cart table.cart {
  border: none;
  margin-bottom: 30px; }
  .woocommerce-cart table.cart tr th, .woocommerce-cart table.cart tr td {
    border: none;
    border-bottom: 1px solid #ececec;
    padding: 0 0 20px;
    letter-spacing: 0.1em;
    color: #141414;
    text-transform: uppercase; }
  .woocommerce-cart table.cart tr th {
    font-size: 14px;
    font-weight: bold; }
  .woocommerce-cart table.cart tr td {
    padding: 60px 30px 60px 0;
    font-size: 12px;
    font-weight: 400; }
  .woocommerce-cart table.cart tr .product-remove {
    width: 30px;
    padding-right: 0; }
  .woocommerce-cart table.cart tr .product-name {
    padding-right: 0;
    width: 50%;
    position: relative; }
  @media screen and (max-width: 767px) {
        .woocommerce-cart table.cart tr .product-name {
          width: 39%;
          font-size: 9px; }
          .woocommerce-cart table.cart tr .product-name .variation dt.variation-Color, .woocommerce-cart table.cart tr .product-name .variation dt.variation-Size {
            display: none; }
            .woocommerce-cart table.cart tr .product-name .variation dd.variation-Color, .woocommerce-cart table.cart tr .product-name .variation dd.variation-Size {
              margin: 0;
              width: 100%; } }
  .woocommerce-cart table.cart tr .product-name span {
    display: inline-block;
    padding-right: 30px; }
  .woocommerce-cart table.cart tr .product-name span.product-name {
    float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }
  @media screen and (max-width: 799px) {
            .woocommerce-cart table.cart tr .product-name span.product-name {
              width: calc(100% - 30px); } }
  @media screen and (max-width: 767px) {
            .woocommerce-cart table.cart tr .product-name span.product-name {
              padding-right: 0; }
              .woocommerce-cart table.cart tr .product-name span.product-name > a {
                font-size: 11px; } }
  .woocommerce-cart table.cart tr .product-name img {
    max-width: 170px;
    width: 100%; }
  .woocommerce-cart table.cart tr .product-quantity .qty {
    display: inline-block;
    margin-right: 20px;
    padding: 0;
    width: 70px;
    height: 40px;
    line-height: 40px;
    border: 2px solid #e4e4e4;
    font-size: 12px;
    color: #141414;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    text-align: center; }
  @media screen and (max-width: 767px) {
          .woocommerce-cart table.cart tr .product-quantity .qty {
            width: 55px; } }
  @media screen and (max-width: 767px) {
        .woocommerce-cart table.cart tr .product-price, .woocommerce-cart table.cart tr .product-subtotal {
          text-align: center;
          padding-right: 0; } }
  .woocommerce-cart table.cart tr .product-price .amount, .woocommerce-cart table.cart tr .product-subtotal .amount {
    font-size: 18px;
    font-style: italic; }
  @media screen and (max-width: 767px) {
          .woocommerce-cart table.cart tr .product-price .amount, .woocommerce-cart table.cart tr .product-subtotal .amount {
            font-size: 13px;
            font-weight: 600; } }
  .woocommerce-cart input[type="submit"], .woocommerce-cart button[type="submit"], .woocommerce-cart .btn-continue {
    display: inline-block;
    margin-right: 20px;
    padding: 12px 35px;
    border: 2px solid #e4e4e4;
    font-size: 12px;
    color: #141414;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
  .woocommerce-cart input[type="submit"]:hover, .woocommerce-cart button[type="submit"]:hover, .woocommerce-cart .btn-continue:hover {
    border-color: #08451b;
    color: #fff !important; }
  .woocommerce-cart .cart-actions {
    margin-bottom: 50px; }
  .woocommerce-cart .cart-actions input[type="submit"], .woocommerce-cart .cart-actions .btn-continue {
    display: inline-block;
    margin-right: 20px;
    padding: 12px 35px !important;
    border: 2px solid #e4e4e4;
    font-size: 12px;
    color: #141414;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
  .woocommerce-cart .cart-actions input[type="submit"]:hover, .woocommerce-cart .cart-actions .btn-continue:hover {
    border-color: #08451b; }
  .woocommerce-cart .cart-actions .cart-action-continue {
    text-align: right; }
  .woocommerce-cart .cart-actions .cart-action-continue .btn-continue {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .woocommerce-cart .cart-actions .cart-action-group, .woocommerce-cart .cart-actions .cart-action-continue {
      text-align: center; }
      .woocommerce-cart .cart-actions .cart-action-group input[type="submit"], .woocommerce-cart .cart-actions .cart-action-continue input[type="submit"], .woocommerce-cart .cart-actions .cart-action-group .btn-continue, .woocommerce-cart .cart-actions .cart-action-continue .btn-continue {
        margin-right: 0;
        margin-bottom: 15px;
        width: 160px; } }
  .woocommerce-cart .cart-options {
    padding-bottom: 100px; }
  .woocommerce-cart .cart-options .title {
    position: relative;
    font-size: 12px;
    letter-spacing: 0.1em;
    background: url('../images/dot.png') no-repeat left center transparent;
    text-indent: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 5px;
    padding: 0; }
  .woocommerce-cart .cart-options .coupon input[type="text"], .woocommerce-cart .cart-options .form-shipping-calculator input[type="text"], .woocommerce-cart .cart-options .coupon select, .woocommerce-cart .cart-options .form-shipping-calculator select {
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */
    background-color: transparent;
    border: 1px solid #ececec;
    padding: 15px 30px;
    font-style: italic;
    font-size: 16px; }
  .woocommerce-cart .cart-options .coupon .button, .woocommerce-cart .cart-options .form-shipping-calculator .button {
    float: right;
    margin: 30px 0 0;
    padding: 12px 35px !important; }
  .woocommerce-cart .cart-options .cart-collaterals .cart_totals {
    width: 100%; }
  .woocommerce-cart .cart-options .cart-collaterals .cart-subtotal th, .woocommerce-cart .cart-options .cart-collaterals .cart-subtotal td {
    padding-top: 0 !important; }
  .woocommerce-cart .cart-options .cart-collaterals .cart-subtotal td, .woocommerce-cart .cart-options .cart-collaterals .order-total td {
    text-align: right; }
  .woocommerce-cart .cart-options .cart-collaterals .cart-subtotal td .amount, .woocommerce-cart .cart-options .cart-collaterals .order-total td .amount {
    color: #141414;
    display: block;
    font-size: 18px;
    font-style: italic;
    font-weight: normal; }
  .woocommerce-cart .cart-options .cart-collaterals .order-total td .amount {
    font-size: 36px; }

@media screen and (max-width: 767px) {
  /*
* Checkout Page
*/
    .woocommerce-cart table.cart thead tr th {
      text-align: center;
      font-size: 9px; } }

.woocommerce .cart-total-table {
  padding: 20px;
  border: 2px solid #ececec;
  margin-bottom: 100px; }
  .woocommerce .cart-total-table table {
    border: none; }
  .woocommerce .cart-total-table th {
    font-size: 12px;
    color: #141414;
    text-transform: uppercase;
    font-weight: normal; }
  .woocommerce .cart-total-table th, .woocommerce .cart-total-table td {
    width: 50%;
    text-transform: uppercase;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 20px 0 !important; }
  .woocommerce .cart-total-table #shipping_method li {
    list-style: none;
    padding: 0;
    text-indent: 0;
    overflow: hidden;
    clear: both;
    line-height: 24px;
    margin: 0 0 25px; }
  .woocommerce .cart-total-table #shipping_method li input {
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 15px; }
  .woocommerce .cart-total-table #shipping_method li label {
    display: block;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    color: #6f6f6f;
    letter-spacing: 0.1em;
    font-family: inherit;
    font-style: normal; }
  .woocommerce .cart-total-table #shipping_method li label span {
    color: #141414;
    display: block;
    font-size: 18px;
    font-style: italic;
    font-weight: normal; }
  .woocommerce .cart-total-table .wc-proceed-to-checkout .checkout-button {
    padding: 21px;
    font-size: 14px;
    font-weight: bold; }
  .woocommerce form .form-row {
    margin-bottom: 25px;
    padding: 0; }
  .woocommerce form .form-row:last-child {
    margin-bottom: 0; }
  .woocommerce form .form-row label {
    font-size: 12px;
    font-style: italic;
    color: #141414;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .woocommerce .button {
    padding: 18px 35px !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    /* BACKGROUND GRADIENT */ }

.woocommerce-checkout {
  /**
* Product Single
*/ }
  .woocommerce-checkout .woocommerce {
    padding-bottom: 100px; }
  .woocommerce-checkout .select2-container .select2-choice {
    padding: 12px 17px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
  .woocommerce-checkout .woocommerce-billing-fields > h3 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
    font-size: 14px; }
  .woocommerce-checkout .woocommerce-billing-fields .create-account {
    margin-bottom: 0; }
  .woocommerce-checkout .woocommerce-billing-fields .create-account label {
    letter-spacing: 0;
    font-size: 10px;
    font-family: inherit;
    font-weight: bold;
    font-style: normal; }
  .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
    letter-spacing: 0;
    font-size: 10px;
    text-transform: uppercase; }
  .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address .input-checkbox {
    display: inline;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle; }
  .woocommerce-checkout #order_review table tr th, .woocommerce-checkout #order_review table tr td {
    border: none; }
  .woocommerce-checkout #order_review table tr .product-total {
    text-align: right; }
  .woocommerce-checkout #order_review table tr .amount {
    display: block;
    font-size: 18px;
    line-height: 60px;
    font-style: italic;
    color: #141414;
    letter-spacing: 0.1em;
    font-weight: normal; }
  .woocommerce-checkout #order_review table .cart_item .product-name {
    font-size: 10px; }
  .woocommerce-checkout #order_review table .cart-subtotal td, .woocommerce-checkout #order_review table .order-total td {
    text-align: right; }
  .woocommerce-checkout #order_review_heading {
    color: #08451b;
    font-size: 18px;
    text-transform: uppercase; }
  .woocommerce-checkout #payment {
    background-color: transparent; }
  .woocommerce-checkout #payment h3 {
    color: #08451b;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec; }
  .woocommerce-checkout #payment ul.payment_methods {
    padding: 0; }
  .woocommerce-checkout #payment ul.payment_methods li {
    padding: 20px 0;
    border-bottom: 1px solid #ececec; }
  .woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: none; }
  .woocommerce-checkout #payment ul.payment_methods li input {
    float: left;
    margin-top: 9px; }
  .woocommerce-checkout #payment ul.payment_methods li label {
    color: #141414;
    font-size: 10px;
    text-transform: uppercase; }
  .woocommerce-checkout #payment ul.payment_methods li .payment_box {
    background: transparent;
    padding: 20px 0;
    margin: 0; }
  .woocommerce-checkout #payment ul.payment_methods li .payment_box:after {
    content: none; }
  .woocommerce-checkout #payment #place_order {
    background-color: #08451b;
    display: block;
    color: #fff;
    width: 100%; }
  .woocommerce-checkout .order_details {
    margin: 0; }
  .woocommerce-checkout .order_details li {
    width: 20%;
    margin: 0;
    padding: 0;
    text-align: center; }
  .woocommerce-checkout h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #08451b; }
  .woocommerce-checkout .addresses .title h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #08451b; }

@media screen and (max-width: 991px) {
    .woocommerce .products .zo-product-teaser {
      width: 100%; } }

.zo-product-teaser {
  margin-bottom: 30px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  /* BACKGROUND GRADIENT */
  /* TRANSFORM STYLE */
  display: inline-block;
  /**
* Related Products
*/ }
  @media screen and (min-width: 992px) {
  .zo-product-teaser {
    width: 100%; } }
  @media (min-width: 480px) and (max-width: 991px) {
  .zo-product-teaser {
    width: inherit; } }
  .zo-product-teaser:hover .zo-product-header .zo-product-overlay {
    bottom: 0; }
  .zo-product-teaser .zo-product-header {
    position: relative;
    overflow: hidden; }
  .zo-product-teaser .zo-product-header .onsale {
    width: 50px;
    height: 40px;
    border: 2px solid #000;
    color: #333;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-transform: uppercase;
    z-index: 10;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    /* BACKGROUND GRADIENT */ }
  .zo-product-teaser .zo-product-header img {
    margin: 0 !important; }
  @media screen and (max-width: 479px) {
      .zo-product-teaser .zo-product-header img {
        width: 100%; } }
  .zo-product-teaser .zo-product-header .zo-product-overlay {
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: -60px;
    left: 0;
    -webkit-transition: all 200ms ease-in-out;
    -khtml-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */ }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .add_to_cart_button, .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart {
    width: 100%;
    background-color: #08451b;
    padding: 0;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0.05em;
    font-size: 14px;
    color: #000;
    text-align: center;
    display: block; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .add_to_cart_button span:after, .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart span:after {
    content: '+';
    padding-left: 10px; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .add_to_cart_button.added, .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart.added {
    display: none; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .add_to_cart_button.loading:after, .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart.loading:after {
    content: "\f110";
    display: inline-block;
    font-family: FontAwesome;
    margin-left: 10px; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .add_to_cart_button:hover, .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart:hover {
    color: #fff; }
  .zo-product-teaser .zo-product-header .zo-product-overlay .zo-add-to-cart .added_to_cart:before {
    content: "\f07a";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 10px; }
  .zo-product-teaser .zo-product-meta .zo-product-title {
    padding: 0;
    margin: 0; }
  .zo-product-teaser .zo-product-meta .zo-product-title a {
    letter-spacing: 0.1em;
    font-size: 12px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 400;
    color: #141414; }
  .zo-product-teaser .zo-product-meta .zo-product-title a:hover {
    color: #08451b; }
  .zo-product-teaser .zo-product-meta .zo-product-price {
    display: block;
    font-size: 18px;
    font-style: italic;
    color: #141414; }
  .zo-product-teaser .zo-product-meta .zo-product-price .amount {
    letter-spacing: 0.1em; }
  .zo-product-teaser .zo-product-meta .zo-product-price ins {
    float: left;
    margin-right: 10px;
    text-decoration: none; }
  .zo-product-teaser .zo-product-meta .zo-product-price del {
    color: #6f6f6f; }

.zo-related-products {
  margin-top: 80px;
  margin-bottom: 250px; }
  .zo-related-products .zo-header {
    margin-bottom: 80px;
    text-align: center; }

@media screen and (min-width: ) {
 }

@media screen and (min-width: 768px) {
  .post-teaser.has-post-thumbnail .zo-media-wrapper {
    width: 50%;
    float: left; }
    .post-teaser.has-post-thumbnail .zo-blog-detail {
      width: 50%;
      float: right;
      padding-left: 20px; } }

@media screen and (min-width: 992px) {
 }

@media screen and (min-width: 1200px) {
  .contact-box {
    margin-left: 80px; }
    #zo-footer-top .footer-top-first {
      padding: 30px 0px; }
      #zo-footer-top .footer-top-second {
        padding-top: 35px;
        padding-right: 0px; }
    #zo-footer-bottom .bottom-first {
      padding: 0px; }
    .image-custom img {
      left: 50px;
      overflow: visible;
      position: absolute;
      top: 70px;
      z-index: 110; } }

@media screen and (max-width: 767px) {
  .details-purchase {
    padding: 35px;
    text-align: center; }
    .details-purchase i {
      margin-right: 0px !important; }
    .details-purchase .btn-blue {
      margin-left: 0px !important; }
    .details-purchase .textwidget span {
      display: inline-block; }
    .wpcf7-form .form-input input[type="text"], .wpcf7-form .form-input input[type="email"] {
      width: 100%;
      margin-bottom: 14px; } }

@media screen and (max-width: 991px) {
  .full-col-md .vc_row .vc_col-sm-4 {
    width: 100%; }
    .full-col-md .vc_row .vc_col-sm-4 .contact-box {
      text-align: center; }
    .full-col-md .vc_row .vc_col-sm-5 {
      width: 100%; }
    .full-col-md .vc_row .vc_col-sm-6 {
      width: 100%; }
    .full-col-md .vc_row .vc_col-sm-7 {
      width: 100%; }
    #siderbar {
      padding: 0px 15px; } }

@media screen and (max-width: 1199px) {
  .full-col-lg .vc_row .wpb_single_image {
    text-align: center; }
    .full-col-lg .vc_row .vc_col-sm-5 {
      width: 100%; }
    .full-col-lg .vc_row .vc_col-sm-6 {
      width: 100%; }
    .full-col-lg .vc_row .vc_col-sm-7 {
      width: 100%; }
    .full-col-lg .vc_row .sm-pad {
      width: 75% !important;
      margin: 0px 15px !important;
      float: right; }
    .contact-box {
      text-align: center; } }

@media screen and (min-width: 1170px) {
  body .zo-boxed {
    margin: auto !important;
    width: 1170px;
    background-color: #fff; }
    body .zo-boxed #zo-header {
      background: transparent !important;
      border: transparent !important; }
      body .zo-boxed #zo-header .container {
        background: #fff !important;
        border-bottom: 1px #eee solid; }
    body .zo-boxed #zo-header-top .container {
      padding-top: 13px !important;
      padding-bottom: 3px !important;
      margin-top: 20px; }
      body .zo-boxed #zo-header-top .container:before {
        display: none; }
    body .zo-boxed #zo-header-logo a, body .zo-boxed #zo-header-navigation .menu-item {
      line-height: 90px !important; }
    body .zo-boxed > footer {
      margin-bottom: 20px; }
    body .zo-boxed .border-header {
      position: relative;
      z-index: 5; }
    body .zo-boxed .footer-box-1 {
      padding: 0 15px !important; }
    body .zo-boxed .header-1 #zo-header-top .container {
      padding-top: 20px !important;
      padding-bottom: 10px !important;
      border-bottom: none; }
      body .zo-boxed .header-1 #zo-header {
        height: 72px !important; }
      body .zo-boxed .header-1 #zo-header-logo a, body .zo-boxed .header-1 #zo-header-navigation .menu-item {
        line-height: 70px !important; }
      body .zo-boxed .header-1 .border-header {
        top: 20px;
        position: relative;
        z-index: 5; }
    body .zo-boxed .footer-box-1 {
      padding: 0px; } }

@media screen and (max-width: 1024px) {
  body .container {
    width: 100%; }

  #zo-header > .container {
    padding: 0 15px; }

  .wpb_column.padding-30 {
    padding: 0 30px !important; }

  .zo-row-full-width > .no-container {
    margin-left: 0;
    margin-right: 0; }
    .zo-row-full-width > .no-container > .row {
      margin-left: 0;
      margin-right: 0; }
      .zo-row-full-width > .no-container > .row > .wpb_column {
        padding: 0; } }

@media screen and (max-width: 992px) {
  body .container {
    width: 100%;
    /* End Header Sticky */
    /* ==========================================================================
            Header Mobile
    ========================================================================== */ }

  #zo-header, #zo-header.header-fixed {
     }
    #zo-header > .container, #zo-header.header-fixed > .container {
      position: relative;
      z-index: 99; }
    #zo-header #zo-header-logo a, #zo-header.header-fixed #zo-header-logo a {
      line-height: 80px; }
      #zo-header #zo-header-logo a img, #zo-header.header-fixed #zo-header-logo a img {
        max-height: 55px; }

  #zo-menu-mobile {
    position: absolute;
    right: 15px;
    bottom: 0%;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    z-index: 999999;
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }

  #zo-header-navigation.collapse {
    display: block; }

  #zo-header-navigation .main-navigation .menu-main-menu > li a {
    text-transform: none;
    line-height: 50px; }

  body.fixed-margin-top #zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li {
    line-height: normal;
    /* ==========================================================================
       End Header Mobile
    ========================================================================== */
    /* ==========================================================================
       Shortcode
    ========================================================================== */
    /* Tab */ }

  .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper {
    /* End Tab */
    /* Shortcode Priccing */ }
    .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav {
      width: 31.667%; }
    .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
      width: 68.333%; }

  .zo-grid-pricing .zo-grid-item {
    margin-bottom: 80px; }
    .zo-grid-pricing .zo-grid-item:last-child {
      margin-bottom: 0; }

  body #zo-header.sticky-tablets {
    position: fixed;
    /* Footer Top */ }

  #zo-footer-top [class*="col-"]:nth-child(2n+1) {
    clear: left; }

  #zo-footer-top [class^="col-"] {
    margin-bottom: 30px; }

  .wpb_single_image .vc_single_image-wrapper img {
    width: 100%; } }

@media screen and (max-width: 767px) {
  body #zo-header.sticky-mobile {
    position: fixed;
    /* Start Form Comment */ }

  #comments .comment-list ul.children {
    padding: 0;
    /* End Comment */
    /* VC Row */ }
    #comments .comment-list ul.children:before {
      height: 0; }
    #comments .comment-list ul.children .comment-main .comment-content:before {
      height: 0; }

  .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right {
    width: 100%;
    /* End VC Row */
    /* Tab */ }

  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a {
    line-height: 40px;
    padding: 0 20px; }

  .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a span {
    display: none; }

  .ui-tabs-panel img {
    width: 100%;
    /* End Tab */
    /* Footer Bottom */ }

  #zo-footer-bottom {
    /* End Footer Bottom */
    /* Sidebar
    =================*/ }
    #zo-footer-bottom [class^="col-"] {
      text-align: center; }
      #zo-footer-bottom [class^="col-"] .text-left, #zo-footer-bottom [class^="col-"] .text-right, #zo-footer-bottom [class^="col-"] .align-right, #zo-footer-bottom [class^="col-"] .align-left {
        text-align: center; }

  #secondary {
    margin-top: 50px; } }

@media screen and (max-width: 640px) {
  #zo-site-map a {
    padding: 0 20px 0 55px;
    /* End Footer Scroll Top */
    /* Tab Custom Color */ }
    #zo-site-map a i {
      left: 21px; }

  .vc_tta-container {
    /* End Tab Custom Color */ }
    .vc_tta-container .vc_tta-tabs.custom-color {
      border: none; } }

@media screen and (max-width: 480px) {
  #comments .comment-list li .comment-body .comment-author-image {
    padding: 0;
    float: none;
    max-width: inherit;
    text-align: center; }
    #comments .comment-list li .comment-body .comment-main {
      padding: 10px; }

  .single-post .post-navigation a {
    float: left;
    margin-top: 20px; }

  .navigation.post-navigation {
    text-align: center;
    /* End Comment */ }
    .navigation.post-navigation a {
      float: none;
      margin-bottom: 10px; } }

@media screen and (min-width: 768px) {
  .md-nopad {
    padding: 0 !important; } }

@media screen and (max-width: 767px) {
  .custom_service_box .zo-fancy-box-content-icon, .custom_service_box .zo-fancy-box-image {
    float: none !important;
    margin: 0 !important; }
    .custom_service_box .zo-fancy-box-content {
      margin: 0 !important; } }

@media screen and (min-width: 768px) {
  .row .col-md-15, .row .col-lg-15 {
    width: 20%;
    float: left; } }

.tp-bannertimer {
  top: auto !important;
  bottom: -5px !important; }

.slider-title, .tp-caption.slider-title {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 48px;
  line-height: 60px;
  font-family: 'Raleway', sans-serif;
  margin: 0px;
  text-align: center;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  white-space: nowrap; }

.slider.title1.darkcolor, .tp-caption.slider-title1.darkcolor, .slider.title.darkcolor, .tp-caption.slider-title.darkcolor {
  color: #2f2e2e; }

.slider-title1, .tp-caption.slider-title1 {
  position: absolute;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 1px;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0px;
  text-align: center;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

.slider-title3, .tp-caption.slider-title3 {
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  font-family: 'Raleway', sans-serif;
  margin: 0px;
  padding: 20px 30px;
  text-align: right;
  background: #000;
  border-width: 0px;
  text-transform: uppercase;
  border-style: none;
  white-space: nowrap; }

.slider-title4, .tp-caption.slider-title4 {
  position: absolute;
  color: #c4c4c4;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  font-family: 'Raleway', sans-serif;
  margin: 0px;
  padding: 8px 20px 10px;
  text-align: right;
  background: #000;
  border-width: 0px;
  border-style: none;
  white-space: nowrap; }

#sidebar .btn-transparent, .slider-btn .btn-transparent, .tp-caption.slider-btn .btn-transparent {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  border-width: 2px !important;
  font-size: 12px !important;
  font-weight: 500; }

#sidebar .btn-transparent {
  margin-top: 10px; }

#sidebar .btn-lg, .slider-btn .btn-lg, .tp-caption.slider-btn .btn-lg {
  padding: 15px 30px; }

#sidebar .btn-md, .slider-btn .btn-md, .tp-caption.slider-btn .btn-md {
  padding: 10px 40px; }

#sidebar .btn-sm, .slider-btn .btn-sm, .tp-caption.slider-btn .btn-sm {
  padding: 6px 20px; }

.slider-btn.darkcolor .btn-transparent, .tp-caption.slider-btn.darkcolor .btn-transparent {
  border-color: #2f2e2e;
  color: #2f2e2e; }

.boxedcontainer {
  max-width: 1170px;
  margin: auto;
  padding: 0px 30px; }

.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0; }

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

.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0; }

.zo-masonry .image-wrapper {
  display: block;
  overflow: hidden;
  position: relative; }
  .zo-masonry .image-wrapper .ImageOverlay:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: -100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    width: 100%; }
  .zo-masonry .image-wrapper .ImageOverlay:after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    width: 100%; }
  .zo-masonry .image-wrapper:hover .ImageOverlay:after {
    opacity: 1;
    top: -50%; }
  .zo-masonry .image-wrapper:hover .ImageOverlay:before {
    bottom: -50%;
    opacity: 1; }
  .zo-masonry .image-wrapper .zo-masonry-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */
    display: block;
    margin-right: auto;
    margin-left: auto;
    opacity: 0;
    -webkit-transition: all, 0.3s, ease;
    -khtml-transition: all, 0.3s, ease;
    -moz-transition: all, 0.3s, ease;
    -ms-transition: all, 0.3s, ease;
    -o-transition: all, 0.3s, ease;
    transition: all, 0.3s, ease;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    text-align: center; }
  .zo-masonry .image-wrapper:hover .zo-masonry-center {
    opacity: 1; }
  .zo-masonry .image-wrapper .zo-masonry-lightbox i {
    border: 2px solid #2f2e2e;
    color: #fff;
    display: inline-block;
    height: 54px;
    line-height: 52px;
    margin-bottom: 20px;
    text-align: center;
    width: 54px;
    border-radius: 50%; }
  .zo-masonry .image-wrapper h3.zo-masonry-title a, .zo-masonry .image-wrapper h3.zo-masonry-title {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1; }
  .zo-masonry .image-wrapper h3.zo-masonry-title a:hover {
    color: #08451b; }
  .zo-masonry .image-wrapper .zo-masonry-categories {
    color: #fff;
    font-size: 12px; }

.portfolio-border-bottom .zo-masonry-item {
  border-bottom: solid 5px #fff; }
  .portfolio-border-bottom .zo-masonry-item:hover {
    border-bottom: solid 5px #2f2e2e; }

#carousel-custom .carousel-outer {
  overflow: hidden; }
  #carousel-custom .carousel-outer .carousel-inner {
    position: relative; }
  #carousel-custom .carousel-outer .carousel-inner .item, #carousel-custom .carousel-outer .carousel-inner img {
    width: 100%;
    height: auto; }
  #carousel-custom .carousel-outer .carousel-control {
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    padding: 12px 19px;
    transition: all 0.3s ease 0s;
    background: none;
    z-index: 1;
    width: 50px;
    height: 50px;
    opacity: 0;
    -webkit-transition: all, 0.3s, ease-out;
    -khtml-transition: all, 0.3s, ease-out;
    -moz-transition: all, 0.3s, ease-out;
    -ms-transition: all, 0.3s, ease-out;
    -o-transition: all, 0.3s, ease-out;
    transition: all, 0.3s, ease-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* BACKGROUND GRADIENT */
    /* TRANSFORM STYLE */ }
  #carousel-custom .carousel-outer .carousel-control span {
    color: #000;
    opacity: 0.8;
    text-shadow: none !important; }
  #carousel-custom .carousel-outer:hover .carousel-control {
    opacity: 0.6; }
  #carousel-custom .carousel-indicators {
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow-x: hidden;
    left: 0; }
  #carousel-custom .carousel-indicators .active {
    width: auto;
    height: auto; }
  #carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto; }
  #carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 1;
    border: 2px solid transparent; }
  #carousel-custom .carousel-indicators li.active img {
    opacity: 0.5;
    border: solid 2px #2f2e2e; }
  #carousel-custom .carousel-indicators li:hover img {
    border: solid 2px #2f2e2e; }
  #carousel-custom .carousel-indicators .owl-nav div {
    position: absolute;
    -webkit-transition: all, 0.3s, ease-out;
    -khtml-transition: all, 0.3s, ease-out;
    -moz-transition: all, 0.3s, ease-out;
    -ms-transition: all, 0.3s, ease-out;
    -o-transition: all, 0.3s, ease-out;
    transition: all, 0.3s, ease-out;
    /* BACKGROUND GRADIENT */
    /* TRIPLE BORDERS */
    bottom: 45%;
    color: transparent; }
  #carousel-custom .carousel-indicators .owl-nav div.owl-next {
    right: -30px; }
  #carousel-custom .carousel-indicators .owl-nav div.owl-next:after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #444;
    font-size: 20px;
    top: 7px;
    position: relative; }
  #carousel-custom .carousel-indicators .owl-nav div.owl-prev {
    left: -30px; }
  #carousel-custom .carousel-indicators .owl-nav div.owl-prev:before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #444;
    font-size: 20px;
    top: 5px;
    position: relative; }
  #carousel-custom .carousel-indicators:hover .owl-nav div.owl-next {
    right: 10px; }
  #carousel-custom .carousel-indicators:hover .owl-nav div.owl-prev {
    left: 10px; }

.zo-portfolio-info {
  margin-top: 20px;
  border-bottom: 1px #eee solid; }
  .zo-portfolio-info .portfolio-item {
    border-top: 1px solid #eee;
    font-size: 14px;
    padding: 10px 0; }
  .zo-portfolio-info .portfolio-item i {
    color: #2f2e2e;
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle; }
  .zo-portfolio-info .portfolio-item label {
    font-weight: bold;
    width: 150px;
    color: #000;
    display: inline-block; }

.related-portfolio-grid .zo-grid-item {
  padding: 0 !important;
  border-bottom: solid 5px #fff; }
  .related-portfolio-grid .zo-grid-item:hover {
    border-bottom-color: #2f2e2e; }
  .related-portfolio-grid .image-wrapper {
    width: 100%;
    height: auto;
    min-height: 300px;
    background-size: cover !important; }

.template-zo_carousel--client .owl-item {
  padding: 20px 30px;
  border: 1px solid #5ecdf9; }

.welcome h1 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase; }
  .welcome h1 .btn {
    vertical-align: middle; }

.zo-text-white {
  color: #fff !important; }






























body #zo-header {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

body #zo-header {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

body #zo-header.header-fixed {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

body #zo-header.header-fixed {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

#zo-header-navigation .main-navigation .menu-main-menu > li > a,
#zo-header-navigation .main-navigation .menu-main-menu > ul > li > a {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#zo-header-navigation .main-navigation .menu-main-menu > li > a,
#zo-header-navigation .main-navigation .menu-main-menu > ul > li > a {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#zo-header-navigation .main-navigation .menu-main-menu > li > a,
#zo-header-navigation .main-navigation .menu-main-menu > ul > li > a,
#zo-header-navigation .main-navigation .menu-main-menu > li ul.sub-menu li a {
    font-size: 18px;
    font-weight: bold;
}

#zo-header-navigation .main-navigation .menu-main-menu > li ul a,
#zo-header-navigation .main-navigation .menu-main-menu > ul > li ul a {
    font-size: 13px;
}

#zo-header.zo-main-header .menu-main-menu > li > a i {
    font-size: 18px;
    color: #08451b;
}

#zo-header.zo-main-header .menu-main-menu > li > a i:hover {
    color: #fff;
}

#zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li > a,
#zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > ul > li > a {
    font-size: 14px;
}

#zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > li ul li a,
#zo-header.header-fixed #zo-header-navigation .main-navigation .menu-main-menu > ul > li ul li a {
    font-size: 13px;
}

#zo-header.zo-main-header.header-fixed .menu-main-menu > li > a i {
    font-size: 12px;
}

#zo-page-element-wrap {
    background-color: #ffffff;
    background-size: cover;
    background-position: center center;
    background-image: url('http://www.duncanadams.dev/wp-content/themes/solihull-hypno/assets/images/page_header.jpg');
}

#zo-page-element-wrap {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

#zo-page-element-wrap {
    padding-top: 180px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
}

.page-title #page-title-text h1 {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    line-height: 40px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 36px;
    background-color: rgb(131,43,129,0.5);
    display: inline-block;
    float: right;
    padding: 15px;
    text-transform: none;
    margin: 0px;
}

.page-title #page-title-text .page-sub-title {
    font-family: Montserrat;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 24px;
}

#breadcrumb #breadcrumb-text .breadcrumbs,
#breadcrumb #breadcrumb-text ul li a {
    text-align: left;
    line-height: 28px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}

body #page {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

body #page {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

body #page #main {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

body #page #main {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

footer #zo-footer-top {
    background-color: #2f2e2e;
}

footer #zo-footer-top {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

footer #zo-footer-top {
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

footer #zo-footer-bottom {
    background-color: #2f2e2e;
}

footer #zo-footer-bottom {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

footer #zo-footer-bottom {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 0;
}

.vc_general.vc_btn3.btn,
button.vc_general.vc_btn3,
a.vc_general.vc_btn3,
.button,
.btn,
input[type="submit"] {
    font-size: 12px;
}

.btn,
.vc_general.vc_btn3.btn,
button.vc_general.vc_btn3,
a.vc_general.vc_btn3,
.button,
.btn,
input[type="submit"] {
    padding-top: 17px;
    padding-right: 30px;
    padding-bottom: 17px;
    padding-left: 30px;
}

.btn,
.vc_general.vc_btn3.btn,
button.vc_general.vc_btn3,
a.vc_general.vc_btn3,
.button,
.btn,
input[type="submit"] {
    border-top: 1px solid #2f2e2e;
    border-bottom: 1px solid #2f2e2e;
    border-left: 1px solid #2f2e2e;
    border-right: 1px solid #2f2e2e;
}

.btn,
.vc_general.vc_btn3.btn:hover,
button.vc_general.vc_btn3:hover,
a.vc_general.vc_btn3:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
.vc_general.vc_btn3.btn:focus,
button.vc_general.vc_btn3:focus,
a.vc_general.vc_btn3:focus,
.button:focus,
.btn:focus,
input[type="submit"]:focus {
    border-top: 1px solid #2f2e2e;
    border-bottom: 1px solid #2f2e2e;
    border-left: 1px solid #2f2e2e;
    border-right: 1px solid #2f2e2e;
}

.btn.btn-primary,
.vc_general.btn.btn-primary {
    padding-top: 17px;
    padding-right: 30px;
    padding-bottom: 17px;
    padding-left: 30px;
}

.btn.btn-primary,
.vc_general.vc_btn3.btn.btn-primary {
    border-top: 1px solid #08451b;
    border-bottom: 1px solid #08451b;
    border-left: 1px solid #08451b;
    border-right: 1px solid #08451b;
}

.btn.btn-primary,
.vc_general.vc_btn3.btn.btn-primary:hover,
.vc_general.vc_btn3.btn.btn-primary:focus {
    border-top: 1px solid #08451b;
    border-bottom: 1px solid #08451b;
    border-left: 1px solid #08451b;
    border-right: 1px solid #08451b;
}

a {
    color: #333333;
}

a:hover {
    color: #08451b;
}

a:active {
    color: #08451b;
}

body #zo-header-top {
    background-color: transparent;
}

#zo-footer-top {
    color: #cccccc;
}

#zo-footer-top h1,
#zo-footer-top h2,
#zo-footer-top h3,
#zo-footer-top h4,
#zo-footer-top h5,
#zo-footer-top h6 {
    color: #ffffff;
}

#zo-footer-top a {
    color: #cccccc;
}

#zo-footer-top a:hover {
    color: #ffffff;
}

#zo-footer-top a:active {
    color: #ffffff;
}

#zo-footer-bottom {
    color: #cccccc;
}

body {
   font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
line-height: 28px;
font-weight: 300;
font-style: normal;
color: #000;
font-size: 18px;
}

body h1 {
    font-family: Raleway;
    line-height: 50px;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    font-size: 42px;
    margin-top: 30px;
}

body h2 {
    font-family: Raleway;
    line-height: 35px;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    font-size: 35px;
}

body h3 {
    font-family: Raleway;
    line-height: 30px;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    font-size: 26px;
}

body h4 {
    font-family: Raleway;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    font-size: 22px;
}

body h5 {
    font-family: Raleway;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    font-size: 18px;
}

body h6 {
    font-family: Montserrat;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
    color: #141414;
    font-size: 14px;
}
.justify p{
  text-align: justify!important;
}
.zo_extra_font1 {
    font-family: Raleway;
    font-weight: normal;
}

.zo_extra_font2 {
    font-family: "Droid Serif";
    font-weight: normal;
}

#zo-header .textwidget .phone{
  font-weight: bold;
  font-size: 35px;
}

#zo-header .textwidget .email{
  font-size: 20px;

}

#zo-header .textwidget i{
  color: #08451b;
}
#zo-header .textwidget{
  padding-top: 50px;
}
#zo-header .textwidget p{
  margin: 0px;
  width: 100%;
  text-align: right;
}

#zo-header-navigation .search{
  padding-left: 20px;
  padding-right: 20px;
}

#zo-header-navigation .search .searchform{
  margin-bottom: 0px;
}

@media (max-width: 991px) {
 #zo-header .textwidget p {
  text-align: center;
 }
 #zo-header .textwidget {
    padding-top: 20px;
  }
  #zo-header #zo-header-logo a img{
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
    max-height: none;
  }



}
@media (max-width: 767px) {
#zo-header #zo-header-logo{
  text-align: center;
}
#zo-header #zo-header-logo a{
  text-align: center;
}
#zo-header #zo-header-logo a img{
  width:250px;
  height: auto;
  text-align: center;
  max-width: 100%;
}
#zo-header-logo a{
  line-height: 0px!important;
}

#zo-header .textwidget {
    padding-top: 10px;
  }

  

}

@media (max-width: 769px) {
 #zo-header li .fa{
  color: #999 !important;
 }
 #zo-header-navigation .search{
  padding-left: 0px;
 }
  }

@media (max-width: 450px) {
.navborder .container{
  position: relative;
  margin-bottom: -23px;
}
}

@media (max-width: 350px) {


#zo-header #zo-header-logo a img{
  width:100%;
  height: auto;
}

 #zo-header .textwidget p {
  text-align: left;
 }




}


@media (min-width: 767px) and (max-width: 769px) {

  #zo-header #zo-header-logo a{
    line-height: 0px;
  }


  #zo-header #zo-header-logo a img {
    width: 120%;
    height: auto;
  }

  #zo-header .col-xs-12.col-sm-6.col-md-6{
    margin-left: 20px;
    padding-top: 10px;
  }
}



.social a.fb i:hover{
  color: #3b5998;
}

.social a.tw i:hover{
  color: #4099FF;
}

.social a.yt i:hover{
  color: #c4302b;
}
#zo-menu-mobile span{
  display: none;
}
@media screen and (max-width: 450px) {
  #zo-menu-mobile{
    display: block;
    position: static;
  }

  #zo-menu-mobile i{
  
    width:100%;
  }

  #zo-header .navborder{
    padding-top: 15px;
  }


  #zo-menu-mobile span{
    display: inline-block;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size: 25px;
    position: relative;
    top:-5px;
  }

}

.breadcrumbs a{
  color: #fff;
}

.breadcrumbs a:hover{
  color: #fff;
}

@media (max-width: 400px) {

  .social a {
    margin: 5px;
  }


}
@media (max-width: 1300px) {
body h2 {
    font-size: 28px;
    line-height: 30px;
  }
}


.custom-home-boxes .vc_row{
  background-color: rgba(8,69,27,0.15);
 
}
.copyr{
  text-align: center;
}

.custom-home-boxes .wpb_text_column{
   height:260px;
}

@media (max-width: 992px) {
  .custom-home-boxes .wpb_text_column{
     height:300px;
  }
}

@media (max-width: 850px) {
  .custom-home-boxes .wpb_text_column{
     height:340px;
  }
}
@media (max-width: 768px) {
  .custom-home-boxes .wpb_text_column{
     height:300px;
  }
}

.large p{
  font-size: 20px;
}

@media (max-width: 992px) {
  body h1 {
    font-size: 30px;
    line-height: 35px;
  }
}