/*
Theme Name: HVAC 101
Theme URI: http://hvac101.com
Author: Alias Harris
Author URI: http://havenotmadewebsiteyet.com/
Description: HVAC 101 - Theme with all website elements required for a HVAC Business
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hvac101
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

HVAC101 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Theme Styles and Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content on Left with Sidebar on Right
--------------------------------------------------------------*/
.content-area {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .content-area {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .content-area {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 66.66666667%;
              flex: 0 0 66.66666667%;
      max-width: 66.66666667%; } }

.widget-area {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 576px) {
    .widget-area {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .widget-area {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33333333%;
              flex: 0 0 33.33333333%;
      max-width: 33.33333333%; } }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
  margin-top: 2em; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
## Posts and Pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.post {
  margin-bottom: 4em;
  padding-bottom: 1em; }

.post-thumbnail {
  margin-bottom: 1em; }

.entry-meta,
.entry-footer {
  font-size: .75rem;
  margin: .75em 0 2em; }
  .entry-meta .svg-inline--fa,
  .entry-footer .svg-inline--fa {
    color: #868e96;
    margin-right: .3em; }
  .entry-meta span,
  .entry-footer span {
    margin: 0 1.5em .4em 0;
    display: inline-block; }
    .entry-meta span:last-child,
    .entry-footer span:last-child {
      margin: 0; }
    .entry-meta span a,
    .entry-footer span a {
      text-decoration: none;
      color: #868e96; }
      .entry-meta span a:hover,
      .entry-footer span a:hover {
        color: #212529; }
  .entry-meta .edit-link .btn,
  .entry-footer .edit-link .btn {
    color: #fff; }
    .entry-meta .edit-link .btn:hover,
    .entry-footer .edit-link .btn:hover {
      color: #fff; }

/* Posts Navigation */
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

/* Screenreaders */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0; }

/* 404 page */
.error404 .content-area {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%; }

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 2em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }
  .widget #wp-calendar {
    width: 100%; }
  .widget .card-header {
    font-size: 1.25rem; }
  .widget .tagcloud,
  .widget .textwidget,
  .widget .calendar_wrap {
    padding: 1.25rem; }
  .widget ul {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0; }
  .widget.widget_search {
    border: none; }
  .widget .tagcloud a {
    margin-bottom: .5rem; }

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  /* margin-bottom: 3em; */
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  padding: 4rem 0;
  margin-top: 4rem;
  background-color: #f8f9fa; }

.site-content {
  word-break: break-word; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }



/** Added By Sujan **/


/** Fixes Navbar issue **/

span.nav-dropdown-arrow{
  display: none;
}

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

span.nav-dropdown-arrow {
        position: absolute;
        display: inline-block;
        right: 0px;
        width: 40px;
        height: 35px;
        background: none;
        border: none;
        background: #ccc;
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        content: "\f0d7";
        text-align: center;
        padding-top: 9px;
        top: 0;
    }


.nav-link.dropdown-toggle:after {
display: none;
}

ul.dropdown-menu > li.menu-item-has-children > a:after{
  display: none !important;
}



ul#menu-top-menu {
    background: #ebebeb;
    padding: 10px;
}

ul#menu-top-menu li a {
    border: none;
    padding: 5px;
    border-bottom: 1px solid #aaa;
}



}


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



}


/* dropdown */
.dropdown-menu {
    margin: 0px auto;
}
.dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0px;
}
/*  shows the dropdown on hover*/
.navbar ul.nav li:hover > ul.dropdown-menu {
    display: block;   
}
/* before and after */
.navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
    display: none;
}


ul.dropdown-menu > li.menu-item-has-children > a:after{
position: absolute;
display: inline-block;
right: 8px;
background: none;
border: none;
font-family: "Font Awesome 5 Free"; font-weight: 600; 
content: "\f0da";
text-align: center;
}


/** Fixes Navbar issue ends here **/


/*--------------------------------------------------------------
## Sub Header
--------------------------------------------------------------*/

.page-inner-heading {
    padding: 1.5em 0;
    margin-bottom: 3em;
}


/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/

.page-inner-heading {
    background: #868d96;
    padding: 1.5em 0;
    margin-bottom: 3em;
}


.top-bar-left .textwidget.custom-html-widget, .top-bar-right .textwidget.custom-html-widget {
  display: inline;
}


/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/

.logo-row .custom-logo-link img {
    max-width: 300px;
    width: 100%;
}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/

.section-home-page-slider{
  position: relative;
}

.section-home-page-slider .owl-item {
    position: relative;
}

.section-home-page-slider .owl-item .owl-carousel-caption{
    position: absolute;
    top: 50%;
    left:0;
    width: 100%;
    transform:translateY(-50%);
    padding: 60px;
}
 
.section-home-page-slider .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 75px;
}

.section-home-page-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 75px;
}


@media only screen and (max-width: 1440px) {
 
.section-home-page-slider .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.section-home-page-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}

}


.section-home-page-slider .owl-nav > div{
    background: rgba(0,0,0,.3);
    color: #fff;
    padding: 20px;
    width: 50px
    height: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 1;
}

.section-home-page-slider .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.section-home-page-slider .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
  .section-home-page-slider .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
  }
    .section-home-page-slider .owl-dots .owl-dot span {
      width: 20px;
      height: 2px;
      margin: 5px 7px;
      background: #000000;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 0px;
}

.section-home-page-slider .owl-dots .owl-dot.active span, .home-slider .owl-dots .owl-dot:hover span {
      background: #ffffff;
}

.section-home-page-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}


/**
Our Service Template 1
***/

.our-service-layout-1 .card-body {
    background-color: #474747;
    color: #ffffff;
    padding: 40px 25px;
}

.our-service-layout-1 .card {
    border: none;
}

.our-service-layout-1 .card p {
    font-size: 15px;
}

.our-service-layout-1 a.btn.btn-primary {
    background-color: transparent;
    border: 1px solid #dbdbdb;
    color: #eeeeee;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
}

.our-service-layout-1 h4.card-title {
    text-transform: uppercase;
}

.our-service-layout-1 .carder {
    padding-bottom: 10px;
}


/**
Our Services Layout 2
***/


.our-service-layout-2 .card-body {
    color: #ffffff;
    padding: 20px 15px;
    display: none;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    opacity: 0.8;
}

.our-service-layout-2 .card {
    border: none;
}

.our-service-layout-2 .card p {
    font-size: 15px;
}

.our-service-layout-2 a.btn.btn-primary {
    background-color: transparent;
    border: 1px solid #dbdbdb;
    color: #eeeeee;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    overflow: hidden;
}

.our-service-layout-2 h4.card-title {
    text-transform: uppercase;
}

.our-service-layout-2 .carder {
    padding-bottom: 10px;
}

.our-service-layout-2 .container,
.our-service-layout-2 .section_heading {
    z-index: 999;
    position: relative;
}


/***
Our Service Layout 3
***/

.our-service-layout-3 {
    padding: 100px 0;
    z-index: 10;
}

.our-service-layout-3 .card-body {
    background-color: #2A2E31;
    color: #ffffff;
    padding: 20px 15px;
    display: none;
    position: absolute;
    overflow: hidden;
    opacity: 0.8;
    height: 100%;
    width: 100%;
}

.our-service-layout-3 .card {
    border: none;
}

.our-service-layout-3 .card p {
    font-size: 15px;
}

.our-service-layout-3 a.btn.btn-primary {
    background-color: transparent;
    border: 1px solid #dbdbdb;
    color: #eeeeee;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    overflow: hidden;
}

.our-service-layout-3 h4.card-title {
    text-transform: uppercase;
}

.our-service-layout-3 .carder {
    padding-bottom: 10px;
}

.our-service-layout-3 .container,
.our-service-layout-3 .section_heading {
    z-index: 999;
    position: relative;
}


/**
Home Page Recent Blog Posts Layout 1
**/

.recent-posts-layout-1 .container,
.recent-posts-layout-1 .section_heading {
    z-index: 999;
    position: relative;
}

.recent-posts-layout-1 #home-page-recent-posts .card {
    border: none;
    border-radius: 0;
    background: transparent;
    color: white;
}

.recent-posts-layout-1 #home-page-recent-posts .row {
    margin: 0;
}

.recent-posts-layout-1 #home-page-recent-posts .card-title,
.recent-posts-layout-1 #home-page-recent-posts .post_date p {
    text-transform: uppercase;
}

.recent-posts-layout-1 #home-page-recent-posts .post_date hr {
    background-color: white;
    width: 35px;
}

.recent-posts-layout-1 #home-page-recent-posts .post_date {
    background-color: #00a0e3;
    padding: 20px 0 0 0;
}

.recent-posts-layout-1 #home-page-recent-posts .post_date h3 {
    font-weight: 500;
}

.recent-posts-layout-1 #home-page-recent-posts .description {
    border-top: 5px solid #00a0e3;
    padding: 20px 25px;
    background-color: #3c3f46;
}

.recent-posts-layout-1 #home-page-recent-posts .description .card-title {
    font-weight: 300;
}

.recent-posts-layout-1 #home-page-recent-posts .card-img-top {
    border-radius: 0;
}

.recent-posts-layout-1 #home-page-recent-posts .row {
    opacity: 0.9;
}

.recent-posts-layout-1 #home-page-recent-posts .description p {
    font-size: 14px;
}


.recent-posts-layout-1 .dots .owl-dot {
    display: inline-block;
}

.recent-posts-layout-1 .dots .owl-dot span {
    background: white;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.recent-posts-layout-1 .owls-controls .navi {
    text-align: center;
}

.recent-posts-layout-1 .dots .owl-dot.active span {
    background: none;
    border: 2px solid white;
}

.recent-posts-layout-1 .navi .owl-next,
.recent-posts-layout-1 .navi .owl-prev {
    color: #fff;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.recent-posts-layout-1 .navi .dots {
    display: inline-block;
}

/**
Home Page Recent Blog Posts Ends Layout 1 Ends
**/



/**
Recent Posts layout 2
***/



.recent-posts-layout-2 #home-page-recent-posts .card {
    border: none;
    border-radius: 0;
    background: transparent;
    color: white;
}

.recent-posts-layout-2 #home-page-recent-posts .row {
    margin: 0;
}

.recent-posts-layout-2 #home-page-recent-posts .card-title,
.recent-posts-layout-2 #home-page-recent-posts .post_date p {
    text-transform: uppercase;
}

.recent-posts-layout-2 #home-page-recent-posts .post_date hr {
    background-color: white;
}

.recent-posts-layout-2 #home-page-recent-posts .post_date {
    font-weight: 300;
    font-size: 12px;
    padding-top: 14px;
}

.recent-posts-layout-2 #home-page-recent-posts .description {
    border-bottom: 7px solid #bcbdbd;
    background-color: #3c3f46;
    transition: .25s;
}

.recent-posts-layout-2 #home-page-recent-posts .card:hover .description {
    border-bottom-color: #1c8cbb;
}

.recent-posts-layout-2 #home-page-recent-posts .card:hover .readmore {
    color: #72d2ff;
}

.recent-posts-layout-2 #home-page-recent-posts .description p {
    padding: 30px 25px 0px 25px;
}

.recent-posts-layout-2 #home-page-recent-posts .description {
    padding: 30px 0;
}

.recent-posts-layout-2 #home-page-recent-posts .description .card-title {
    font-weight: 300;
    margin: 0;
    font-size: 20px;
    padding: 0 45px;
}

.recent-posts-layout-2 #home-page-recent-posts .description .readmore {
    color: white;
    text-transform: uppercase;
    transition: .25s;
}

.recent-posts-layout-2 #home-page-recent-posts .card-img-top {
    border-radius: 0;
}

.recent-posts-layout-2 #home-page-recent-posts .description {
    opacity: 0.9;
}

.recent-posts-layout-2 #home-page-recent-posts .description p {
    font-size: 14px;
}

.recent-posts-layout-2 #home-page-recent-posts .description a {
    font-weight: 300;
}

.recent-posts-layout-2 #home-page-recent-posts .owl-nav {
    font-size: 50px;
    color: white;
    text-align: center;
}

.recent-posts-layout-2 #home-page-recent-posts .owl-nav div {
    display: inline-block;
}

.recent-posts-layout-2 #home-page-recent-posts .card .description {
    position: relative;
}

.recent-posts-layout-2 #home-page-recent-posts .card .description:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 32px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 8px solid #3c3f46;
    border-right: 9px solid transparent;
    margin: -40px auto 0 auto;
    height: 0;
    width: 0;
}

.recent-posts-layout-2 .dots .owl-dot {
    display: inline-block;
}

.recent-posts-layout-2 .dots .owl-dot span {
    background: white;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.recent-posts-layout-2 .owls-controls .navi {
    text-align: center;
}

.recent-posts-layout-2 .dots .owl-dot.active span {
    background: none;
    border: 2px solid white;
}

.recent-posts-layout-2 .navi .owl-next,
.recent-posts-layout-2 .navi .owl-prev {
    color: #fff;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.recent-posts-layout-2 .navi .dots {
    display: inline-block;
}

/***
Recent Blog Layout 2 Ends 
****/


/***
## Promotions Layout 1 
***/


.promotions-layout-1 .owl-carousel .owl-next,
  .promotions-layout-1 .owl-carousel .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    padding: 10px;
    
  }


  .promotions-layout-1 .owl-carousel .owl-prev {
    left: -80px;
  }

  .promotions-layout-1 .owl-carousel .owl-next {
    right: -80px;
  }


@media(max-width:768px) {
  .promotions-layout-1 .owl-carousel .owl-prev {
    left: 10px;
    color: #FFF !IMPORTANT;
  }

  .promotions-layout-1 .owl-carousel .owl-next {
    right: 10px;
    color: #FFF !IMPORTANT;
  }

}

/***
## Promotions Layout 1 Ends
***/

/***
## Promotions layout 2
***/

.promotions-layout-2 .container{
    position: relative;
}

.promotions-layout-2 .dots .owl-dot {
    display: inline-block;
}

.promotions-layout-2 .dots .owl-dot span {
    background: white;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.promotions-layout-2 .owls-controls .navi {
    text-align: center;
}

.promotions-layout-2 .dots .owl-dot.active span {
    background: none;
    border: 2px solid white;
}

.promotions-layout-2 .navi .owl-next,
.promotions-layout-2 .navi .owl-prev {
    color: #fff;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.promotions-layout-2 .navi .dots {
    display: inline-block;
}

/**
## Promotions layout 2 Ends
**/

/***
##Testimonials Layout 1 
***/

.testimonials-layout-1 .dots .owl-dot {
    display: inline-block;
}

.testimonials-layout-1 .dots .owl-dot span {
    background: black;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.testimonials-layout-1 .owls-controls .navi {
    text-align: center;
}

.testimonials-layout-1 .dots .owl-dot.active span {
    background: none;
    border: 2px solid black;
}

.testimonials-layout-1 .navi .owl-next,
.testimonials-layout-1 .navi .owl-prev {
    color: black;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.testimonials-layout-1 .navi .dots {
    display: inline-block;
}

.testimonials-layout-1 .card {
    padding: 40px 150px;
    border-radius: 0;
    border: none;
}

.des-image {
    background: url("images/testimonials-1-bg.png") top center;
    background-repeat: no-repeat;
    display: block;
    min-height: 75px;
    margin-bottom: 40px;
}

@media(max-width:768px) {
    .testimonials-layout-1 .card {
        padding: 40px 30px;
    }
}

/***
##Testimonials Layout 1 Ends
***/


/***
##Testimonials Layout 2
***/


.testimonials-layout-2 .dots .owl-dot {
    display: inline-block;
}

.testimonials-layout-2 .dots .owl-dot span {
    background: black;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.testimonials-layout-2 .owls-controls .navi {
    text-align: center;
}

.testimonials-layout-2 .dots .owl-dot.active span {
    background: none;
    border: 2px solid black;
}

.testimonials-layout-2 .navi .owl-next,
.testimonials-layout-2 .navi .owl-prev {
    color: black;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.testimonials-layout-2 .navi .dots {
    display: inline-block;
}

.testimonials-layout-2 .card {
    padding: 40px 30px;
    color: white;
    border-radius: 0;
    border: none;
}

.des-image {
    background: url("images/testimonials-1-bg.png") top center;
    background-repeat: no-repeat;
    display: block;
    min-height: 75px;
    margin-bottom: 40px;
}

/***
##Testimonials Layout 2 Ends
***/


/***
##Testimonials Layout 3
***/

.testimonials-layout-3 .dots .owl-dot {
    display: inline-block;
}

.testimonials-layout-3 .dots .owl-dot span {
    background: black;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.testimonials-layout-3 .owls-controls .navi {
    text-align: center;
}

.testimonials-layout-3 .dots .owl-dot.active span {
    background: none;
    border: 2px solid black;
}

.testimonials-layout-3 .navi .owl-next,
.testimonials-layout-3 .navi .owl-prev {
    color: black;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.testimonials-layout-3 .navi .dots {
    display: inline-block;
}

.testimonials-layout-3 .card {
    padding: 40px 30px;
    color: white;
    border-radius: 0;
    border: none;
}

.des-image {
    background: url("images/testimonials-1-bg.png") top center;
    background-repeat: no-repeat;
    display: block;
    min-height: 75px;
    margin-bottom: 40px;
}

/***
##Testimonials Layout 3 Ends 
***/

/****
## Our Team 
***/
.team-layout-1 .team-carder .card-title {
    font-size: 16px;
    padding: 5px 0;
}

.team-layout-1 .team-carder .card-title small {
    display: block;
}

.team-layout-1 .team-carder{
  margin: 20px 0;
}

/****
## Our Team layout 2
***/

.round-head {
    border-radius: 50%;
    overflow: hidden;
}

.team-layout-2 .card-title {
    font-size: 20px;
    padding: 5px 0;
}

.team-layout-2 .card-title small {
    display: block;
    font-size: 12px;
    padding:5px 0;
}

.team-layout-2 .col{
  margin: 10px 0;
}

.team-layout-2 .team-block {
  margin-top: 10px;
}


/****
## Our Team layout 3
***/

.team-layout-3 .card-block {
    position: absolute;
    left: 0 !important;
    bottom: 0;
}

.team-layout-3 h4.card-title{
    display: inline-block;
    background: #fff;
}

.team-layout-3 h4.card-title {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.team-layout-3 h4.card-title small{
    display: block;
    color: #ffffff;
    background: #445b8f;
    font-size: 17px;
    padding: 0 5px;
    margin-left: -5px;
    margin-right: -15px;

}

.team-layout-3 .team-carder {
    margin-bottom: 30px;
}


/**
# Service Areas Layout 1
**/

.section-home-page-service-areas .service-areas-layout-1{
    position: relative;
    overflow: hidden;
}

.service-areas-layout-1 .container{
color: #fff;
}

.section-home-page-service-areas .service-areas-layout-1 img.service-areas-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}


.service-areas-layout-1 ul.menu {
    list-style: none;
    margin: 0;
    padding: 20px 0;
    text-align: left;
}

.service-areas-layout-1 ul.menu li {
    display: inline-block;
    width: 24%;
    padding: 5px 15px;
    text-align: left;
}

.service-areas-layout-1 ul.menu li a {
    color: #fff;
    text-decoration: none;
}

.service-areas-container.service-areas-layout-1 {
    padding: 40px;
}

.service-areas-layout-1 .service-areas-content-wrapper {
    padding: 20px;
}

/**
# Service Areas Layout 1 Ends
**/


/**
# Service Areas layout 2
**/
.section-home-page-service-areas .service-areas-layout-2{
    position: relative;
    overflow: hidden;
}

.section-home-page-service-areas .service-areas-layout-2 img.service-areas-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.service-areas-layout-2 .col-6.service-areas-content-wrapper {
    background: #435a8e;
    color: #fff;
    padding: 40px 20px;
}

.service-areas-layout-2 ul.menu {
    margin: 0;
    padding: 20px 0;
}

.service-areas-layout-2 .service-areas-content-wrapper.bg-primary {
    padding: 40px;
}

.service-areas-layout-2 ul.menu li {
    display: inline-block;
    width: 45%;
    padding: 7px 0;
    text-align: left;
}


.service-areas-layout-2 ul.menu li a {
    color: #fff;
    text-decoration: none;
}

.service-areas-content-wrapper.bg-primary-color {
    padding: 40px;
}


/**
# Service Areas layout 2 Ends
**/

/*Service areas Layout 3*/

.service-areas-layout-3 .col-6.service-areas-content-wrapper {
    color: #fff;
}

.service-areas-layout-3 ul.menu {
    text-align: left;
}

.service-areas-layout-3 .service-areas-content-wrapper {
    padding: 40px 0px 40px 60px;
}

.service-areas-layout-3 ul.menu li {
    display: inline-block;
    width: 45%;
    padding: 5px 0;
    text-align: left;
}

.service-areas-layout-3 ul.menu li a {
    color: #fff;
    text-decoration: none;
}

ul#menu-service-areas-menu {
    padding: 0;
}

/*Service areas Layout 3 ends*/

/**
## Basic Padding & Margins 
**/
    
.dropdown-menu {
    border: none;
    padding: 0;
    border-radius: 0;
}


.top-bar {
    background: #eee;
    padding: 5px 0;
}

section.home-section:first {
    padding: 0;
}

section.home-section {
    padding: 40px 0 30px 0;
}

section.home-section.section-home-page-about .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

h3.section_heading.text-center {
    font-size: 35px;
    margin-bottom: 20px;
}


/*
# Extras
*/
.social-icon a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.gravatar-wrapper {
    width: 45px;
    margin-right: 17px;
}

.comments-area li.media {
    padding: 10px;
    background: #efefef;
    margin: 10px 0;
}

.comments-area h5.media-heading {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}

.main-menu .dropdown-menu .menu-item a:hover{ color: #000 !important; }

.page-template-page-full .content-area {
    max-width:100%;
    width:100%;
    flex: inherit;
}

.home-section a.more-link {
    background: none;
    border: none;
    color: #ccc;
}

.entry-meta {
    background: #eee;
    padding: 5px;
    margin: 5px 0;
}

.entry-meta span {
    padding: 0 5px;
    margin: 0;
}

.entry-content a.more-link {
    background: none;
    border: none;
}

.contact-page-full-map {
    margin-top: -48px;
}

#secondary section.widget.card {
    border-bottom: 2px solid #CCC;
    border-radius: 0;
}

.testimonials-widget-single {
    padding: 0 20px;
}

.widget_recent_blog small {display: table;}

.widget-text.wp_widget_plugin_box img {
    width: 100%;
    height: 100%;
}

#secondary .widget ul li .col-3 {
    padding: 0;
}

#secondary .widget ul li .col-9{
    line-height:1.2;
}
#secondary .widget ul li .col-9 a{
    color: inherit; 
}

.widget_recent_blog li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


/* Top Menu */

.top-menu-wrapper a{
    text-decoration: none;
    color: #21262a;
}

.top-menu-wrapper > nav {padding: 0;}

.top-bar .top-bar-left div, .top-bar .top-bar-right div {
    display: inline;
    padding: 0;
    margin: 0;
}

.top-bar .top-bar-left p, .top-bar .top-bar-right p {
    padding: 0;
    margin: 0;
    line-height: 1;
    display: inline-block;
}

/*Header Boxes*/

.header-box i {
    width: 30px;
    height: 30px;
    position: absolute;
    font-size: 50px;
    left: -18px;
    color: #445b8f;
    transform: translateX(-100%);
}


.col.header-box a.btn{
    display: block;
    margin-bottom: 10px;
}

.col.header-box {
    line-height: 1;
}

/*Footer*/

.footer-widget-wrapper .textwidget {
    padding-left: 20px;
    padding-top: 30px;
}

.footer-widget-wrapper .textwidget i {
    position: absolute;
    transform: translate(-141%, 16%);
    color: #43598e;
}

.footer-bar{
  background: #000;
  color: #fff;
  padding: 30px 0;
}

/*Sidebar */

#secondary .widget ul {
    padding: 0;
    list-style: none;
}

#secondary .widget ul li {
    margin: 0 !important;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #eee;
}

#secondary .widget ul li:last-child {
    border-bottom: 2px solid #ddd   ;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light.main-menu {
    padding: 0;
}

ul#menu-main-menu li {
    padding: 4px;
}


/*Temporary temporary CSS - Delete This to start devlopment again */

section.home-section.section-home-page-featured-manufacturer {
    padding: 0 !important;
    margin: 0;
}

section.home-section.section-home-page-featured-manufacturer .container-fluid{
    padding: 0 !important;
}

section.home-section.section-home-page-service-areas {
    padding: 0px;
}

footer#colophon {
    margin-top: 0;
}


.col.footer-3 a.social-links i {
    font-size: 28px;
}

.col.footer-3 .social-icon {
    display: block;
    padding: 30px 0;
}


.home-slider .owl-carousel h1 {
    font-family: 'Anton', sans-serif;
}

/* owl carousel default nav and dots*/

.owl-ornaments-default .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 75px;
}

.owl-ornaments-default .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 75px;
}


@media only screen and (max-width: 1440px) {
 
.owl-ornaments-default .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.owl-ornaments-default .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-75%);
    right: 5px;
}

}


@media only screen and (max-width: 960px) {
 
.owl-ornaments-default .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

.owl-ornaments-default .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
}

}

.owl-ornaments-default .owl-nav > div{
    color: #212529;
    padding: 10px;
    font-size: 80px;
    line-height: 1;
}


.owl-ornaments-default .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-ornaments-default .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
  margin-top: 20px;
}
  .owl-ornaments-default .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
  }
  
  .owl-ornaments-default .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #000000;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 50%;
}

.owl-ornaments-default .owl-dots .owl-dot.active span, .home-slider .owl-dots .owl-dot:hover span {
      background: #ccc;
}

/*Owl Ornaments default 2*/

.owl-ornament-style-2 .dots .owl-dot {
    display: inline-block;
}

.owl-ornament-style-2 .dots .owl-dot span {
    background: black;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}

.owl-ornament-style-2 .owls-controls .navi {
    text-align: center;
}

.owl-ornament-style-2 .dots .owl-dot.active span {
    background: none;
    border: 2px solid black;
}

.owl-ornament-style-2 .navi .owl-next,
.owl-ornament-style-2 .navi .owl-prev {
    color: black;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}

.owl-ornament-style-2 .navi .dots {
    display: inline-block;
}

.owl-ornament-style-2 {
    text-align: center;
}


/**
## Extra Pages Layout 1
**/

.extra-pages-layout-1 .extra-page-wrapper:nth-child(even) {
    direction: rtl;
}

.extra-pages-layout-1 .col-md-6.image-col {
    text-align: right;
}

.extra-pages-layout-1 .extra-page-wrapper:nth-child(even) .image-col {
    text-align: left !important;
}

.extra-pages-layout-1 .extra-page-wrapper:nth-child(even) .content-col {
    text-align: right !important;
}

.extra-pages-layout-1 .extra-page-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
}

/**
## Extra Pages ends
**/

/**
## Our Team Page Layout
**/

.team-page-single p {
    padding-top: 10px;
    font-size: 1.1rem;
    line-height: 1.2;
    color: #000;
}

.team-page-single p small {
    display: block;
}

/* Our team page layout ends */




/* Gravity Form with Bootstrap */

.btn > .caret, .gform_button > .caret,
  .dropup > .btn > .caret,
  .dropup > .gform_button > .caret {
    border-top-color: #000 !important;
  }

.gform_fields {
  padding-left: 0;
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
}

.gform_fields::after {
  content: "";
  display: table;
  clear: both;
}

.form-control, .gform_fields input, .gform_fields select, .gform_fields textarea {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.gform_fields input::-ms-expand, .gform_fields select::-ms-expand, .gform_fields textarea::-ms-expand {
  background-color: transparent;
  border: 0;
}

.gform_fields input:focus, .gform_fields select:focus, .gform_fields textarea:focus {
  color: #55595c;
  background-color: #fff;
  border-color: #66afe9;
  outline: none;
}

.gform_fields input::-webkit-input-placeholder, .gform_fields select::-webkit-input-placeholder, .gform_fields textarea::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

.gform_fields input::-moz-placeholder, .gform_fields select::-moz-placeholder, .gform_fields textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.gform_fields input:-ms-input-placeholder, .gform_fields select:-ms-input-placeholder, .gform_fields textarea:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

.gform_fields input::placeholder, .gform_fields select::placeholder, .gform_fields textarea::placeholder {
  color: #999;
  opacity: 1;
}

.gform_fields input:disabled, .gform_fields select:disabled, .gform_fields textarea:disabled, .gform_fields input[readonly], .gform_fields select[readonly], .gform_fields textarea[readonly] {
  background-color: #eceeef;
  opacity: 1;
}

.gform_fields input:disabled, .gform_fields select:disabled, .gform_fields textarea:disabled {
  cursor: not-allowed;
}

.gform_fields select:not([size]):not([multiple]) {
  height: 2.5rem;
}

.gform_fields select:focus::-ms-value {
  color: #55595c;
  background-color: #fff;
}

.gform_fields .input-group-sm > input.form-control-static, .gform_fields .input-group-sm > select.form-control-static, .gform_fields .input-group-sm > textarea.form-control-static,
.gform_fields .input-group-lg > input.form-control-static, .gform_fields .input-group-lg > select.form-control-static, .gform_fields .input-group-lg > textarea.form-control-static {
  padding-right: 0;
  padding-left: 0;
}

 .gform_fields .input-group-sm > input, .gform_fields .input-group-sm > select, .gform_fields .input-group-sm > textarea {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
 }

 .gform_fields .input-group-sm > select:not([size]):not([multiple]) {
  height: 1.8125rem;
 }

 .gform_fields .input-group-lg > input, .gform_fields .input-group-lg > select, .gform_fields .input-group-lg > textarea {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
 }

 .gform_fields .input-group-lg > select:not([size]):not([multiple]) {
  height: 3.166667rem;
 }

  .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_checkbox li {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}

.gform_wrapper ul.gfield_radio li + .form-check, .gform_wrapper ul.gfield_checkbox li + .form-check, .gform_wrapper ul.gfield_radio .form-check + li, .gform_wrapper ul.gfield_radio li + li, .gform_wrapper ul.gfield_checkbox .form-check + li, .gform_wrapper ul.gfield_checkbox li + li {
  margin-top: -.25rem;
}

.gform_wrapper ul.gfield_radio li.disabled .form-check-label, .gform_wrapper ul.gfield_checkbox li.disabled .form-check-label {
  color: #818a91;
  cursor: not-allowed;
}

.gform_fields input, .gform_fields .has-success input, .has-success .gform_fields select, .gform_fields .has-success select, .has-success .gform_fields textarea, .gform_fields .has-success textarea {
  border-color: #5cb85c;
}

.gform_fields input, .gform_fields .has-warning input, .has-warning .gform_fields select, .gform_fields .has-warning select, .has-warning .gform_fields textarea, .gform_fields .has-warning textarea {
  border-color: #f0ad4e;
}

.gform_fields input, .gform_fields .has-danger input, .has-danger .gform_fields select, .gform_fields .has-danger select, .has-danger .gform_fields textarea, .gform_fields .has-danger textarea {
  border-color: #d9534f;
}

.gform_button {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
}

.gform_button:focus, .btn.focus, .focus.gform_button, .gform_button:active:focus .gform_button:active.focus, .active.gform_button:focus, .active.focus.gform_button {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.gform_button:focus, .gform_button:hover {
  text-decoration: none;
}

.focus.gform_button {
  text-decoration: none;
}

.gform_button:active, .active.gform_button {
  background-image: none;
  outline: 0;
}

.disabled.gform_button, .gform_button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

a.btn.disabled, a.disabled.gform_button,
fieldset[disabled] a.btn,
fieldset[disabled] a.gform_button {
  pointer-events: none;
}

gfield_description, .validation_error, .validation_message {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.validation_message {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}

.validation_message hr {
  border-top-color: #c1e2b3;
}

.validation_message .alert-link {
  color: #2b542c;
}

.gform_fields textarea {
  height: auto;
}

.gfield_required {
  color: #a94442;
}

.gform_validation_container {
  display: none;
}

.gfield_error .ginput_container {
  margin-bottom: 10px;
}

@media (min-width: 544px) {
.form-inline .gform_fields input, .gform_fields .form-inline input, .form-inline .gform_fields select, .gform_fields .form-inline select, .form-inline .gform_fields textarea, .gform_fields .form-inline textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .input-group .gform_fields input, .gform_fields
  .form-inline .input-group input,
  .form-inline .input-group .gform_fields select, .gform_fields
  .form-inline .input-group select,
  .form-inline .input-group .gform_fields textarea, .gform_fields
  .form-inline .input-group textarea {
    width: auto;
  }
  .form-inline .input-group > .form-control, .form-inline .gform_fields .input-group > input, .gform_fields .form-inline .input-group > input, .form-inline .gform_fields .input-group > select, .gform_fields .form-inline .input-group > select, .form-inline .gform_fields .input-group > textarea, .gform_fields .form-inline .input-group > textarea {
    width: 100%;
  }

  .gform_wrapper ul.gfield_radio li, .gform_wrapper ul.gfield_radio .form-inline li, .form-inline .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_checkbox .form-inline li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

}
/* Gravity Form with Bootstrap */




/********
***** Our Service Layout 4 ******
********/

.our-service-layout-4 a.single-service {
    background: #fff;
    display: inline-block;
    min-width: 220px;
    position: relative;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    overflow: hidden;
}

.our-service-layout-4 a.single-service:hover{
  background-color: #eee;
}

a.single-service:before {
   transition: all 0.3s ease;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 35px solid #264387;
  border-right: 35px solid transparent;
    top:-30px;
    left:-30px;
      opacity:0;
}

.our-service-layout-4 a.single-service:after{
   transition: all 0.3s ease;
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 35px solid #264387;
  border-left: 35px solid transparent;
  bottom:-30px;
  right: -30px;
    opacity:0;
}


.our-service-layout-4 a.single-service:hover:before{
    top: 4px;
    left:4px;
    opacity:1;
}

.our-service-layout-4 a.single-service:hover:after{
  bottom: -35px;
  opacity:1;
  bottom:4px;
  right:4px;
}


/********
***** Our Service Layout 5 ******
********/
.our-service-layout-5 .single-service {
    background: #fff;
    margin: 50px 0;
}

.our-service-layout-5 .single-service > div {
    margin: 0;
    padding: 0;
}

.our-service-layout-5 .col-lg-6.text-div {
    padding: 30px 10px 30px 40px !important;
}


.our-service-layout-5 a.btn:hover{
    color: #fff;
}

.our-service-layout-5 .single-service:nth-child(even){
    direction: rtl;
}


/********
***** Our Service Layout 6 ******
********/

.our-service-layout-6 .single-service{
    background: #fff;
    margin: 50px 0;
}

.our-service-layout-6 .active .single-service{
     -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0px 11px 40px -14px #f8f9fa;
}

.our-service-layout-6 .col-6.img-div {
    padding: 0;
}

.our-service-layout-6 .col-6.text-div {
    padding: 30px !important;
}

.our-service-layout-6 .navi .owl-next,
.our-service-layout-6 .navi .owl-prev {
    color: black;
    display: inline-block;
    font-size: 40px;
    cursor: pointer;
}


.owls-controls.oc-service-6 .owl-prev, .owls-controls.oc-service-6 .owl-next {
    position: absolute;
    background: #ccc;
    width: 60px;
    border-radius: 50%;
}


.our-service-layout-6 .owls-controls.oc-service-6 .owl-prev{
    top: 300px;
    left: 35px;

}

.our-service-layout-6  .owls-controls.oc-service-6 .owl-next{
    top: 300px;
    right: 35px;
}

.our-service-layout-6  .owls-controls.oc-service-6 .navi {
    position: relative;
    z-index: 1000;
    text-align: center;
}

.our-service-layout-6  .owl-services-6 .owl-item .item:after {
content: " ";
position : absolute;
width: 100%;
height: 85%;
background: rgba(255,255,255, .8);
top:50%;
left:0;
transform: translateY(-50%);
}

.our-service-layout-6  .owl-services-6 .owl-item.active .item:after {
display:none;
}



@media only screen and (max-width: 1200px) {
.our-service-layout-6 .owls-controls.oc-service-6 .owl-prev {
    left: -43px;
    top: 270px;
    width: 60px;
    height: 100px;
    border-radius: 0;
    padding: 20px 10px;
}

.our-service-layout-6 .owls-controls.oc-service-6 .owl-next {
    right: -43px;
    top: 270px;
    width: 60px;
    height: 100px;
    border-radius: 0;
    padding: 20px 10px;
}
}

@media only screen and (max-width: 768px) {
.our-service-layout-6 .col-6.my-auto.text-div p, .our-service-layout-6 .col-6.my-auto.text-div a{
    font-size: 12px;
}
  
.our-service-layout-6  .owls-controls.oc-service-6 .owl-prev, .our-service-layout-6  .owls-controls.oc-service-6 .owl-next {
    top: 200px;
}
}

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

.our-service-layout-6 .owls-controls.oc-service-6 .nav{
text-align:center;
margin:0;
padding:0;
}

.our-service-layout-6 .owls-controls.oc-service-6 .owl-prev, .our-service-layout-6 .owls-controls.oc-service-6 .owl-next
{
position: relative !important;
display: inline-block;
margin: 0;
padding:0;
top: 0;
width: 100px;
height: 50px !important;
font-size: 30px !important;
border-radius: 15px !important;
}

.our-service-layout-6 .owls-controls.oc-service-6 .owl-prev {
    border-radius: 15px !important;
}

}

@media only screen and (max-width: 490px){
  
.our-service-layout-6 .col-6.my-auto.text-div p{
display:none;
}
  
}




/********
***** Who We Serve Layout 1 ******
********/

.who-we-serve-layout-1 .single-who-we-serve {
  transition: all .5s .3s ease;
    background: #fff;
    margin: 50px 0;
}

.who-we-serve-layout-1 .single-who-we-serve > div {
    margin: 0;
    padding: 0;
}

.who-we-serve-layout-1 .col-lg-6.text-div {
    padding: 30px 10px 30px 40px !important;
}

a.who-we-serve-wrapper-a {
    text-decoration: none;
    color: inherit;
}

.who-we-serve-layout-1 a.who-we-serve-wrapper-a:hover .box-even .col-lg-6.text-div:before {
  transition: all .1s .5s ease;
opacity:1;
left: -30px;
}

.who-we-serve-layout-1 a.who-we-serve-wrapper-a:hover .row{
    transition: all .5s ease;
    background: #17a2b8;
    color: #fff;
}

.who-we-serve-layout-1 a.who-we-serve-wrapper-a:hover .row{
    position: relative;
}

.who-we-serve-layout-1 .box-even .col-lg-6.text-div.my-auto:before {
    transition: all .3s ease;
    content: " ";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #17a2b8;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    position: absolute;
    opacity: 0;
}


.box-odd{
    direction: rtl;
}


.who-we-serve-layout-1 .box-odd .col-lg-6.text-div.my-auto:before {
    transition: all .3s ease;
    content: " ";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #17a2b8;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    position: absolute;
    opacity: 0;
}


.who-we-serve-layout-1 a.who-we-serve-wrapper-a:hover .box-odd .col-lg-6.text-div:before{
transition: all .1s .5s ease;
opacity:1;
right: -30px;
}


@media only screen and (max-width: 992px){
.who-we-serve-layout-1 a.who-we-serve-wrapper-a:hover .col-lg-6.text-div:before{
  display: none;
}
}


/********
***** Who We Serve Layout 2 ******
********/

.who-we-serve-layout-2 a.who-we-serve-wrapper-a {
    display: block;
    position: relative;
    z-index:1;
    margin: 50px;
}


.who-we-serve-layout-2 a.who-we-serve-wrapper-a:hover:after{
    border: 5px solid #fff; 
}

.who-we-serve-layout-2 a.who-we-serve-wrapper-a:after{
    transition: all .5s ease;
    content: " ";
    position:absolute;
    width: 101%;
    height: 100%;
    top : 50px;
    left: -40px;
    border: 5px solid #333; 
    z-index: -1;
}

.who-we-serve-layout-2 .text-div{
    padding-right: 60px;
}

.who-we-serve-layout-2 span.link {
    transition: all .5s ease;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 16px;
    right: -38px;
    transform: rotate(-90deg);
}

.who-we-serve-layout-2 a.who-we-serve-wrapper-a:hover  span.link{
      bottom: 12px;
}


/********
***** Who We Serve Layout 3 ******
********/


 .who-we-serve-layout-3 .single-who-we-serve{
     
    -webkit-box-shadow: -20px 0px 11px -22px rgba(0,0,0,1);
    -moz-box-shadow: -20px 0px 11px -22px rgba(0,0,0,1);
    box-shadow: -20px 0px 11px -22px rgba(0,0,0,1);
    
 }

.who-we-serve-layout-3 a.who-we-serve-wrapper-a {
    display:block;
    margin: 10px 10px 0 10px;
    padding: 10px 0 0 10px;
    text-align:center;
}

.who-we-serve-layout-3 a.who-we-serve-wrapper-a:hover .img-div{
 border: 7px solid #E4173C;
}

.who-we-serve-layout-3 .img-div{
    transition: all .5s ease;
    overflow: hidden;
    border-radius: 50%;
    border: 7px solid #333;
}

a.who-we-serve-wrapper-a h4 {
    font-size: 18px;
    
}


.who-we-serve-layout-3 .who-we-serve-0 {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}




/********
***** Testimonials Layout 3 ******
********/

.testimonials-layout-3 h4.card-title.testimonial-by.text-center {
    background: #cfcfcf;
    padding: 10px 0;
    margin: 0 auto;
    margin-top: -22px;
    width: 70%;
    font-size: 20px;
    font-weight: 400;
}

.testimonials-layout-3 .testimonial-desc.bg-third-color.text-light {
    padding: 40px;
}

.testimonials-layout-3 .testimonial-desc.bg-third-color.text-light p{
    line-height: 1.3;
    font-weight: 100;
    font-size: .9rem;
}




/********
***** Troubleshooter Layout 2 ******
********/

.troubleshooter-layout-2 .span-or, .troubleshooter-layout-3 .span-or {
    display: none;
}

.troubleshooter-layout-2 a.btn , .troubleshooter-layout-3 a.btn {
    margin-bottom: 15px;
}




/********
***** Newsletter Layout 3,2,1 ******
********/

.newsletter-layout-3 .form-col {
    margin-top: -50px;
    margin-bottom: -50px;
}

.section-home-page-newsletter  .form-wrapper {
    padding: 30px;
    overflow: hidden;
}

.section-home-page-newsletter  .gform_button{
   background: transparent !important;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    padding: 8px 30px;
    margin: -10px 0 0 -14px;
}

.section-home-page-newsletter  .gfield_description.validation_message{
    padding: 0 5px;
    background: rgba(255, 255, 255, .3);
    color: #000;
    border: none;
    font-size: .8em;
}

.section-home-page-newsletter  .validation_error {
    padding: 0 5px;
    color: #000;
    border: none;
    font-size: .8em;
}


.section-home-page-newsletter  label.gfield_label {
    display: none;
}

.section-home-page-newsletter .ginput_container input {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 0;
    margin: 0;
    height: 40px;
}


.newsletter-layout-2 .gform_body, .newsletter-layout-1 .gform_body {
    width: 80%;
    float: left;
    padding: 10px 0;
}

.newsletter-layout-2 .gform_footer.top_label, .newsletter-layout-1 .gform_footer.top_label {
    float: left;
    width: auto;
    padding: 20px 0px 10px 25px;
}

.newsletter-layout-2 .gform_body ul li, .newsletter-layout-1 .gform_body ul li {
    width: 47%;
    float: left;
    padding: 0 10px;
}


.newsletter-layout-3  .gform_button {
    background: transparent !important;
    color: #fff;
    border: 1px solid #fff;
}
.newsletter-layout-3 .ginput_container input {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff;
}


.newsletter-layout-3 .validation_error {
    color: #fff;
}
.newsletter-layout-3 .gfield_description.validation_message {
    color: #fff;
}



@media only screen and (max-width: 992px){
  
.newsletter-layout-2 .gform_body, .newsletter-layout-1 .gform_body {
    width: 100%;
    float: none;
    padding: 10px 0;
}
  
.newsletter-layout-2  .gform_button, .newsletter-layout-1  .gform_button {
    width: 50%;
}
  
.newsletter-layout-2 .gform_footer.top_label , .newsletter-layout-1 .gform_footer.top_label {
    float: left;
    width: 100%;
    padding: 0;
    margin: -10px 0;
}
  
.newsletter-layout-2 .gform_body ul li, .newsletter-layout-1 .gform_body ul li {
    width: 90%;
    float: none;
  }
}


/******************
********* Exta Pages layout 2 *********
*******************/


.extra-pages-layout-2 a.extra-pages-wrapper-a {
    display: block;
    position: relative;
    z-index:1;
    margin: 50px;
}

.extra-pages-layout-2 a.extra-pages-wrapper-a:hover:after{
    border: 5px solid #fff; 
}

.extra-pages-layout-2 a.extra-pages-wrapper-a:after{
    transition: all .5s ease;
    content: " ";
    position:absolute;
    width: 101%;
    height: 100%;
    top : 50px;
    left: -40px;
    border: 5px solid #333; 
    z-index: -1;
}

.extra-pages-layout-2 .text-div{
    padding-right: 60px;
}

.extra-pages-layout-2 span.link {
    transition: all .5s ease;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 16px;
    right: -38px;
    transform: rotate(-90deg);
}

.extra-pages-layout-2 a.extra-pages-wrapper-a:hover  span.link{
      bottom: 12px;
}

.extra-pages-layout-2 a.extra-pages-wrapper-a {
    text-decoration: none;
    color: inherit;
}


/*********
 * Extra Pages Layout 3
 * ***********/

.extra-pages-layout-3 .single-extra-pages {
  transition: all .5s .3s ease;
    background: #fff;
    margin: 50px 0;
}

.extra-pages-layout-3 .single-extra-pages > div {
    margin: 0;
    padding: 0;
}

.extra-pages-layout-3 .col-lg-6.text-div {
    padding: 30px 10px 30px 40px !important;
}

.extra-pages-layout-3 a.extra-pages-wrapper-a {
    text-decoration: none;
    color: inherit;
}

.extra-pages-layout-3 a.extra-pages-wrapper-a:hover .box-even .col-lg-6.text-div:before {
  transition: all .1s .5s ease;
  opacity:1;
  left: -30px;
}

.extra-pages-layout-3 a.extra-pages-wrapper-a:hover .row{
    transition: all .5s ease;
    background: #17a2b8;
    color: #fff;
}

.extra-pages-layout-3 a.extra-pages-wrapper-a:hover .row{
    position: relative;
}

.extra-pages-layout-3 .box-even .col-lg-6.text-div.my-auto:before {
    transition: all .3s ease;
    content: " ";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #17a2b8;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    position: absolute;
    opacity: 0;
}


.extra-pages-layout-3 .box-odd .col-lg-6.text-div.my-auto:before {
    transition: all .3s ease;
    content: " ";
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #17a2b8;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    position: absolute;
    opacity: 0;
}


.extra-pages-layout-3 a.extra-pages-wrapper-a:hover .box-odd .col-lg-6.text-div:before{
transition: all .1s .5s ease;
opacity:1;
right: -30px;
}

@media only screen and (max-width: 992px){
.extra-pages-layout-3 a.extra-pages-wrapper-a:hover .col-lg-6.text-div:before{
  display: none;
}
}


.gform_wrapper input[type=submit] {
    background: #ccc;
    padding: 10px 20px;
    text-transform: uppercase;
}



/***Faqs page accordions***/
#accordion h4.panel-title {
    background: #EDEDED;
    padding: 2px 5px;
    border: 1px solid #cdcdcd;
    margin:0;
}

#accordion h4.panel-title a{
    display: block;
}

#accordion  .panel.panel-default {
    border: 1px solid #cdcdcd;
    margin: 20px 0;
    padding: 0;
}

#accordion .panel-collapse p {
    padding: 20px;
}
/***Faqs page accordion ends***/




/*Woocommerce Header and Home page */

.mini-cart-span li.divider {
    margin: 10px;
    border: 1px solid #ededed;
}

.mini-cart-span ul.dropdown-menu.dropdown-cart {
    box-shadow: 1px 1px #ededed;
    border: 1px solid #ededed;
    padding: 10px 10px 0 10px;
    border-radius: 10px;
}



.mini-cart-span p.woocommerce-mini-cart__total.total {
    display: none;
}

.mini-cart-span p.woocommerce-mini-cart__buttons.buttons a {
    display: block;
    width: 100%;
    text-align: center;
}

.mini-cart-span p.woocommerce-mini-cart__buttons.buttons {
    width: 100%;
    margin-top: 10px;
}

.mini-cart-span li.woocommerce-mini-cart-item.mini_cart_item a {
   color: #000;
}

.mini-cart-span a.remove.remove_from_cart_button {
    left: 90% !important;
}

.mini-cart-span img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
    float: left;
    width: 60px;
    margin-right: 10px;
}

.mini-cart-span li.woocommerce-mini-cart-item.mini_cart_item {
    padding: 5px 25px 5px 0 !important;
    border-bottom: 1px solid #ededed;
}

.mini-cart-span .woocommerce ul.product_list_widget li a{
    max-width: 250px;
    overflow-y: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
}


.mini-cart-span a.remove.remove_from_cart_button {
    width: 25px !important;
}


.mini-cart-span span.quantity {
    position :absolute;
    top : 30px; left: 80px;
}


.mini-cart-span ul.dropdown-menu.dropdown-cart.show:before {
  content: " ";
  position: relative;
  display: block;
  overflow: hidden;
  top: -25px;
  left: 30px;  
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

.mini-cart-span ul.dropdown-menu.dropdown-cart.show{
    margin-top: 20px;
}


.mini-cart-span ul.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: 213px;
    overflow-x: scroll;
}


.mini-cart-span span.woocommerce-input-wrapper {
    width: 100%;
    display: block;
}

.mini-cart-span p.woocommerce-mini-cart__empty-message {
    font-size: 12px;
    padding: 0 5px 10px 5px;
}




.our-woocommerce-layout-2 .owl-item li.product {
    width: 100% !important;
}

.owl-ornament-style-3 .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.owl-ornament-style-3 .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    background: #ccc;
    display: inline-block;
    text-align: center;
    height: 50px;
    transform: translate(-110%, -50%);
    font-size: 30px;
}


.owl-ornament-style-3 .owl-next {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 50px;
    background: #ccc;
    display: inline-block;
    text-align: center;
    height: 50px;
    transform: translate(10%, -50%);
    font-size: 30px;
}

.owl-ornament-style-3 .owl-dots {
    display: block;
    text-align: center;
}


.owl-ornament-style-3 .owl-dot {
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ededed;
}


.owl-ornament-style-3 .owl-dot.active {
    background: #000;    
}


@media only screen and (max-width: 1000px) {
   
  .owl-ornament-style-3 {
      padding: 0 30px !important;
  }

  .owl-ornament-style-3 .owl-prev {
      top: 30%;
      width: 40px;
      transform: translate(-30%,-50%);
  }

  .owl-ornament-style-3 .owl-next {
      top: 30%;
      left: 100%;
      width: 40px;
      transform: translate(-70%, -50%);
  }

}




.our-woocommerce-layout-3 .owl-item li.product {
    width: 100% !important;
}

.owl-ornament-style-4 .owl-nav {
    position: absolute;
    top: -50px;
    right: 0;
    height: 50px;
    width: 50px;
    z-index: -1;
}

.owl-ornament-style-4 .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    display: inline-block;
    text-align: center;
    height: 35px;
    font-size: 30px;
    line-height: 1;
}

.owl-ornament-style-4 .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    display: inline-block;
    text-align: center;
    height: 35px;
    font-size: 30px;
    line-height: 1;
}

.owl-ornament-style-4 .owl-dots {
    display: block;
    text-align: center;
}

.owl-ornament-style-4 .owl-dot {
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #ededed;
}

.owl-ornament-style-3 .owl-dot.active {
    background: #000;
}

@media only screen and (max-width: 1000px) {
    .owl-ornament-style-4 {
        padding: 0 30px !important;
    }

    .owl-ornament-style-4 .owl-prev {
        top: 30%;
        width: 40px;
        transform: translate(-30%,-50%);
    }

    .owl-ornament-style-4 .owl-next {
        top: 30%;
        left: 100%;
        width: 40px;
        transform: translate(-70%, -50%);
    }
}

.our-woocommerce-layout-3 .section_heading {
    padding-bottom: 10px;
    position: relative;
}

h3.section_heading.text-left::after {
    position: absolute;
    content: " ";
    width: 85%;
    height: 2px;
    background: #ccc;
    bottom: 15px;
    right: 60px;
}

.our-woocommerce-layout-3 {
    margin-top: 30px;
}


span.mini-cart-span a {
    color: #fff;
}

span.mini-cart-span{
    margin-left: 10px;
}


@media only screen and (max-width: 1000px) {
.mini-cart-span ul.dropdown-menu.dropdown-cart.show:before {
    display: none;
}

.mini-cart-span ul.dropdown-menu.dropdown-cart.show {
    margin-top: 13px;
}

span.mini-cart-span{
    display: inline-block;
    margin-top: 10px;
}

}


section.related.products {
    clear: both;
}





/*
Home Page Slider with Animations
*/


.anim-delay-500ms   { animation-delay: 0.5s }
.anim-delay-1000ms  { animation-delay: 1s }
.anim-delay-1500ms  { animation-delay: 1.5s }
.anim-delay-2000ms  { animation-delay: 2s }

.animated {
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}


.animated-slow {
  -webkit-animation-duration: 2.5s;
  -ms-animation-duration: 2.5s;
  -moz-animation-duration: 2.5s;
  -o-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

.animated-fast {
  -webkit-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
}

.carousel-caption-top-left {
    position: absolute;
    left: 15%;
    top: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.carousel-caption-top-center {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    transform: translateX(-50%);
}

.carousel-caption-top-right {
    position: absolute;
    right: 15%;
    top: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.carousel-caption-mid-left {
    position: absolute;
    left: 15%;
    top: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    transform: translateY(-50%);
}

.carousel-caption-mid-center {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    transform: translate(-50%, -50%);
    
}

.carousel-caption-mid-right {
    position: absolute;
    right: 15%;
    top: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    transform: translateY(-50%);
}



.carousel-caption-bottom-left {
    position: absolute;
    left: 15%;
    bottom: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.carousel-caption-bottom-center {
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    transform: translateX(-50%);
}

.carousel-caption-bottom-right {
    position: absolute;
    right: 15%;
    bottom: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}


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

  .c-cap{
    max-width: 90%;
  }

    .c-cap h1, .c-cap h2, .c-cap h3, .c-cap h4, .c-cap h5, .c-cap h6, .c-cap p{
        font-size: 1.1em;
    }
    
    .c-cap p{
      margin-bottom: 5px;
    }

    .c-cap p, .c-cap a{
        font-size: .7em;
        line-height: 1;
        
    }

    ol.carousel-indicators {
    display: none;
    }

}


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

 .carousel-control-prev{
      display: none;
    }

    .carousel-control-next{
      display: none;
    }


    .carousel-caption-bottom-left, .carousel-caption-bottom-center, .carousel-caption-bottom-right{
          bottom: 3%;
    }
}

@media screen and (max-width: 600px){
.carousel-item img {
    min-width: 600px;
    display: inline-block !important;
    margin-left: 50%;
    transform: translateX(-50%);
}
}

/*
End of Styles for 
Home Page Slider with Animations
*/



/*Checkout Page*/
form.checkout.woocommerce-checkout .col-1 {
    min-width: 100% !important;
    display: block;
    float: none;
}

form.checkout.woocommerce-checkout .col-2 {
     min-width: 100% !important;
    display: block;
    float: none;
}

span.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}