/*
Theme Name: BARQ AL HAYAT Technical Services
Theme URI: https://www.canyonthemes.com/downloads/quality-construction
Author: canyonthemes
Author URI: https://www.canyonthemes.com
Description: BARQ AL HAYAT Technical Services is an elegant, responsive and cross browser comptible with attractive, modern, easy to use WordPress theme with colorful design and stunning flexibility. This theme is one of the best theme for your constructions sites and you can use this theme on various other sites as well. Quality Construction can also be used for business and corporate websites. The advanced theme options and available various widgets with drag and drop features will help to customize your site as your need.  Some of the available options are awesome slider section, header options, footer options, layout design options Color options, widget options, custom copyright options integrated social icons using menu, reset color option and lots of other available options will allow you to create unique website as you want. This theme will help you to create very high quality construction website easily with no time at all. This theme is SEO friendly, optimized, translation ready and responsive. Unlimited fonts options and color options is the best part of this theme. You can use any of the google fonts and change the whole site section color easily.
Version: 1.0.1
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: quality-construction
Tags:  custom-logo, one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce, footer-widgets
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.
Quality Construction 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.io/normalize.css/
*/

/*--------------------------------------------------------------
=========================================
TABLE OF CONTENTS WORDPRESS DEFAULT STYLE:
=========================================
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

/* --------------------------------------
=========================================
TABLE OF CONTENTS CUSTOM STYLE :
=========================================
01) Common Style
02)Top Header
03)Logo
04)Navbar
05)Banner
06)Section 1
07)Section 2
08)Section 3
09)Section 4
10)Section 5
11)Section 6
12)Section 7
13)Section 8
14)Section 9
15)Section 10
16)Footer top
17)Footer Bottom
18)Section 11
19)Section 12
20)Section 13
21)Section 14
23)Inner Title bar
24)Section 16
25)Section 17
26)Section 18
27)Section 19
28)Section 20
29)Section 21
30)Section 0
31) Pagination Style
## Galleries
*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}
.gallery-caption {
}
.wp-caption-text {
}
.wp-caption {
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}

a:visited {
  color: #eeb500;
}

a:hover,
a:focus,
a:active {
  color: #333;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
  background: #eeb500;
  color: #fff;
  position: relative;
  transition: all 0.3s ease 0s;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
  background: #d9a000;
}
.nav-links .nav-next a {
  float: right;
  padding: 10px 25px;
}
.nav-links .nav-previous a {
  float: left;
  padding: 10px 25px;
}
.pagination {
  width: 100%;
}
.post-navigation {
  margin: 20px 0;
  overflow: hidden;
}
.entry-header h1 {
  font-size: 28px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
.footer-top .comments a,
.footer-top .section-14-box .comments-bg a,
.footer-top .section-14-box h3 a,
.footer-top .widget ul li a {
  color: #777;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

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

.hentry {
  margin: 0 0 1.5em;
}

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

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

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
  padding-right: 30px;
}
.comments-title {
  margin: 30px 0;
  font-size: 22px;
}
.comments-area .comment-list {
  margin: 0;
  padding: 0;
}
.comments-area .comment-list li {
  border: 1px solid #e5e5e5;
  list-style: outside none none;
  margin-bottom: 15px;
  padding: 15px;
}
.comments-area .comment-body {
  overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-metadata {
  display: inline;
}
.comments-area .comment-body .comment-author .says {
  display: none;
}
.comments-area .comment-body .comment-metadata time {
  color: #5293ce;
  font-size: 14px;
  font-weight: 400;
  margin-left: 30px;
}
.comments-area .comment-body .comment-author img {
  border-radius: 50%;
  height: 70px;
  margin-right: 10px;
  overflow: hidden;
  width: 70px;
}
.comments-area .comment-body .comment-author b {
  font-size: 18px;
  color: #333;
}
.comments-area .comment-body .comment-content {
  border-top: 1px solid #e6e6e6;
  margin: 15px 0;
  padding: 15px 0;
}
.comments-area .comment-body .comment-content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.comments-area .comment-body .reply {
  margin-bottom: 10px;
  float: right;
}
.comments-area .comment-body .reply a {
  text-align: right;
  line-height: 26px;
  padding: 2px 12px;
  display: inline-block;

  background: #eeb500;
  color: #fff;
}
.comment-content a {
  word-wrap: break-word;
}
.comment-form label {
  width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
}
.bypostauthor {
  display: block;
}
.post-title-content .comments-bg > span,
.related-post .comments-bg > span > span {
  margin-right: 10px;
  float: left;
}
.section-14-box .comments-bg > span,
.section-14-box .comments-bg > span > span {
  float: left;
  margin-right: 10px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# 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%;
}

/************************************
 01)Common CSS
*************************************/

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

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

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.color-yellow {
  color: #eeb500;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: 600;
}

h1,
.h1 {
  font-size: 35px;
  margin-bottom: 15px;
  top: 0;
  font-weight: 800;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 26px;
  margin-bottom: 39px;
}
h4,
.h4 {
  font-size: 24px;
}
h5,
.h5 {
  font-size: 20px;
  margin-bottom: 42px;
}
h6,
.h6 {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 700;
}

html,
body {
  height: 100%;
}

body {
  font-family: "Open Sans", sans-serif;
}

a {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #333;
}

a:visited {
  color: #eeb500;
}

a:hover,
a:focus,
a:active {
  color: #eeb500;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: 0 solid;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.btn {
  padding: 10px 20px;
  border-radius: 0;
}

.btn-primary,
a.btn-primary {
  color: #fff !important;
  background-color: #eeb500 !important;
  border-color: #eeb500 !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #d9a000 !important;
  border-color: #d9a000 !important;
}

.btn-primary:active {
  color: #fff !important;
  background-color: #d9a000 !important;
  border-color: #d9a000 !important;
}
.btn-primary:active:focus {
  color: #fff;
  background-color: #d9a000 !important;
  border-color: #d9a000 !important;
}
.btn-seconday {
  color: #eeb500;
  background-color: #fff;
  border-color: #fff;
}

.btn-seconday:hover {
  color: #eeb500;
  background-color: #efeded;
  border-color: #efeded;
}

.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.read-more {
  color: #eeb500;
  font-size: 14px;
  font-weight: 600;
}

.read-more:hover {
  text-decoration: underline;
  color: #eeb500;
}

p {
  line-height: 26px;
}

.section-margine {
  padding: 70px 0 0 0;
}

.no-m-top {
  margin-top: 0;
}

.no-m-tb {
  margin: 0;
}
.left-sidebar .left-block {
  float: right;
}
.right-sidebar .left-block {
  float: left;
}
.no-sidebar .left-block {
  width: 100% !important;
}
.no-sidebar .right-block {
  display: none;
}

/************************************
02)TOP HEADER
*************************************/

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

.contact-detail2 {
  margin: 0;
}

.contact-detail2 i {
  border-radius: 3px;
  padding: 3px 5px;
}

.contact-detail2 li {
  list-style: outside none none;
  float: left;
  padding: 10px 0;
  margin-bottom: 0;
  margin-right: 35px;
}

.contact-detail2 li a {
  color: #777;
  font-size: 13px;
  font-weight: 300;
}

.social-icons {
  list-style: outside none none;
  padding: 10px 0;
  margin-bottom: 0;
}

.social-icons li {
  margin-right: 10px;
  display: inline;
}

.social-icons a {
  color: #777;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 3px;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: middle;
}

.social-icons a:hover {
  color: #00aeff;
}

.social-links li {
  display: inline-block;
}
.social-links ul li a:before {
  content: "\f0c1";
  font-family: FontAwesome, sans-serif;
  color: #777;
  font-size: 16px;
  line-height: 15px;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: middle;
}
.social-links ul li a[href*="facebook.com"]:before {
  content: "\f09a";
}
.social-links ul li a[href*="twitter.com"]:before {
  content: "\f099";
}
.social-links ul li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}
.social-links ul li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}
.social-links ul li a[href*="youtube.com"]:before {
  content: "\f167";
}
.social-links ul li a[href*="dribbble.com"]:before {
  content: "\f17d";
}
.social-links ul li a[href*="pinterest.com"]:before {
  content: "\f0d2";
}
.social-links ul li a[href*="bitbucket.org"]:before {
  content: "\f171";
}
.social-links ul li a[href*="github.com"]:before {
  content: "\f113";
}
.social-links ul li a[href*="codepen.io"]:before {
  content: "\f1cb";
}
.social-links ul li a[href*="flickr.com"]:before {
  content: "\f16e";
}
.social-links ul li a[href$="/feed/"]:before {
  content: "\f09e";
}
.social-links ul li a[href*="foursquare.com"]:before {
  content: "\f180";
}
.social-links ul li a[href*="instagram.com"]:before {
  content: "\f16d";
}
.social-links ul li a[href*="vk.com"]:before {
  content: "\f189";
}
.social-links ul li a[href*="tumblr.com"]:before {
  content: "\f173";
}
.social-links ul li a[href*="reddit.com"]:before {
  content: "\f1a1";
}
.social-links ul li a[href*="vimeo.com"]:before {
  content: "\f194";
}
.social-links ul li a[href*="digg.com"]:before {
  content: "\f1a6";
}
.social-links ul li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}
.social-links ul li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}
.social-links ul li a[href*="delicious.com"]:before {
  content: "\f1a5";
}
.social-links ul li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-links ul li a[href*="skype.com"]:before {
  content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
  content: "\f17d";
}

.social-links ul li a {
  line-height: 0;
  font-size: 0;
  color: transparent;
}

/************************************
03)Logo
*************************************/

.navbar-brand {
  float: left;
  height: auto;
  padding: 8px 0;
  font-size: 18px;
  line-height: 20px;
}
.site-branding .custom-logo-link {
  float: left;
  width: 326px;
}
.site-branding .custom-logo-link img {
  max-width: 100%;
  padding: 10px 0;
}

.custom-logo-link {
  float: left;
  width: 200px;
}
.custom-logo-link img {
  max-width: 100%;
  padding: 10px 0;
}
/************************************
04)Navbar
*************************************/

header .navbar {
  margin-bottom: 0;
}

header .header-shade {
  -webkit-box-shadow: 0 0 10px #333;
  -moz-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 10px #333;
  z-index: 999;
}
header .navbar ul {
  margin: 0;
  margin-top: 25px;
}
header .navbar-collapse {
  padding: 0;
}
header .navbar-fixed-top {
  -webkit-box-shadow: 0 0 10px #333;
  -moz-box-shadow: 0 0 10px #333;
  box-shadow: 0 0 10px #333;
  z-index: 999;
  margin-top: 0;
  padding: 20px 0;
  background: #fff;
  position: fixed;
}

header .navbar-fixed-top .navbar-nav > li > a {
  color: #777;
  font-weight: 600;
  background: transparent;
  text-transform: uppercase;
}

header .navbar-menu .navbar-right .dropdown-menu {
  left: 0;
  border: 0;
  border-radius: 0;
}

header .dropdown-menu .divider {
  margin: 0;
}

header .dropdown-menu > li > a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  background: #fff;
  padding: 10px;
}

header .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #eeb500;
}

header .navbar-menu {
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 20px 0;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}

header .navbar-menu .navbar-nav > li > a {
  color: #000;
  background: transparent;
  font-weight: bold;
}

header .navbar-menu .navbar-nav > li > a:hover,
header .navbar-menu .navbar-nav > li > a:active {
  color: #eeb500;
  background-color: transparent !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #eeb500;
}

header .navbar-menu .navbar-nav > .open > a,
header .navbar-menu .navbar-nav > .open > a:focus,
header .navbar-menu .navbar-nav > .open > a:hover {
  color: #eeb500;
  background: transparent;
}

header .navbar-menu .navbar-nav > li > .dropdown-menu {
  margin-top: 20px;
  padding: 0;
}
header .navbar-menu .navbar-right .dropdown-menu .dropdown-menu {
  left: 250px;
}

header .navbar-toggle {
  background-color: #eeb500;
  border: 0;
  border-radius: 2px;
}
header .navbar-toggle:focus,
header .navbar-toggle:hover {
  background-color: #eeb500 !important;
}
header .navbar-toggle .icon-bar {
  background-color: #fff !important;
}

/************************************
05)Banner
*************************************/

.slider {
  position: relative;
}

.over-bg {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.slider {
  position: relative;
  z-index: 2;
}

.slider .carousel {
  position: relative;
  width: 100%;
  min-height: 100%;
  text-align: center;
  color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.slider .carousel-caption {
  bottom: 20px;
  color: #fff;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  top: 40%;
  left: 0;
  width: 100%;
  z-index: 10;
}

.slider .carousel-control.left,
.slider .carousel-control.right {
  z-index: 2;
  top: 50%;
  background-image: none;
}

.slider .carousel-inner > .item > img {
  background-size: cover;
  margin: 0 auto;
  width: 100%;
  min-height: 300px;
}
.slider .carousel-control.left span,
.slider .carousel-control.right span {
  background: #333 none repeat scroll 0 0;
  display: inline-block;
  width: 40px;
}
.video-bg .item {
  height: 75vh;
  overflow: hidden;
  position: relative;
}
.slider iframe {
  width: 100%;
  height: 200vh;
  left: 50% !important;
  min-width: 100% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateX(-50%) translateY(-50%) !important;
}
.video-bg .carousel-caption {
  bottom: 100px;
  top: 10%;
}

/************************************
06)widgets
*************************************/

.widget ul {
  list-style-type: none;
  margin: 30px 0 0 0;
  padding: 0;
}

.widget ul li {
  margin: 20px 0;
}

.widget ul li a {
  color: #777;
}

.widget ul li a:hover {
  text-decoration: none;
  color: #eeb500;
}

.widget .widget-title {
  border-bottom: 2px solid #eeb500;
  padding: 0 0 15px 0;
  font-size: 18px;
}

.widget .tagcloud a {
  border: 1px solid #777;
  float: left;
  margin: 0 5px 5px 0;
  padding: 10px 20px;
}

.widget .tagcloud a:hover {
  border: 1px solid #eeb500;
}
.widget label {
  width: 100%;
}
.widget .search-field {
  border: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  padding: 13px 15px;
  outline: none !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  color: #777;
  margin: 20px 0 0 0;
}

.widget .search-submit {
  background-color: #eeb500;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
  margin-top: 10px;
}

.blog-search-field {
  border: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  padding: 13px 15px;
  outline: none !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  color: #777;
  margin: 20px 0 0 0;
}

.search-form button {
  background: #ffffff;
  border: none;
  float: right;
  margin-top: -32px;
  margin-right: 15px;
  position: relative;
  z-index: 2;
}
.widget-area .container,
.widget .container,
.widget-area [class*="col-"],
.widget [class*="col-"] {
  width: 100%;
}
.widget [class*="col-"] {
  padding: 0;
}
.widget [class*="section-"] {
  margin-bottom: 20px;
  padding: 0;
}
.widget .section-margine {
  padding: 0;
}

/************************************
06)Section 1
*************************************/
.section-1 {
  background: #f7f7f7;
  padding: 25px 0 100px 0;
}

#section1 {
  padding-bottom: 70px;
}
.section-1-box {
  padding: 20px 15px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.section-1-box-icon-background {
  background: #eeb500 none repeat scroll 0 0;
  text-align: center;
  float: left;
  height: 100px;
  margin-right: 10px;
  width: 100px;
}

.section-1-box-icon-background i {
  line-height: 100px;
  color: #fff;
}

.section-1-box h4 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0 10px 0;
}

.section-1-box p {
  color: #777;
  font-size: 14px;
}

/************************************
06)Section 1 -index
*************************************/
.section-1-index {
  background: #f7f7f7;
  padding: 25px 0 100px 0;
}

#section1-index {
  padding-bottom: 70px;
}
.section-1-index-index-box {
  padding: 20px 15px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.section-1-index-box-icon-background {
  background: #ffffff none repeat scroll 0 0;
  text-align: center;
  float: left;
  height: 130px;
  margin-right: 10px;
  width: 100px;
}

.section-1-index-box-icon-background i {
  line-height: 100px;
  color: #eeb500;
}

.section-1-index-box h4 {
  text-transform: uppercase;
  font-size: 18px;
  margin: 10px 0 10px 0;
}

.section-1-index-box p {
  color: #777;
  font-size: 14px;
}

/************************************
07)Section 2
*************************************/
.section-2 {
  background: #f7f7f7;
  padding: 100px 0 0 0;
}
.section-2-box-left h4 {
  font-size: 30px;
  margin: 0 15px 30px 0;
}
.section-2-box-right p {
  color: #777;
}

/************************************
08)Section 3
*************************************/

.section3-background {
  background: #333333;
  padding-bottom: 70px;
}

.section-3-box {
  padding: 40px 0;
  text-align: center;
}

.section-3-box figure {
  color: #fff;
  margin: 10px 0;
}

.section-3-box h3 {
  font-size: 30px;
  color: #fff;
}

.section-3-box h4 {
  font-size: 15px;
  margin-bottom: 0;
  color: #fff;
}

/************************************
09)Section 4
*************************************/
.section-4 figure {
  margin: 0;
}
.section-4 figure img {
  margin: 0 auto;
  display: inherit;
}

.section-4-box {
  padding: 20px 0;
  overflow: hidden;
}

.section-4-box-icon-cont {
  float: left;
  width: 30px;
  margin: 0 23px 53px 0;
}

.section-4-box-icon-cont i {
  color: #eeb500;
}

.section-4-box-service {
  padding: 20px 0;
  overflow: hidden;
  height: 170px;
}

.section-4-service-box-icon-cont {
  float: left;
  width: 40px;
  margin: 0 23px 53px 0;
  height: 80px;
}

.section-4-service-box-icon-cont i {
  color: #eeb500;
}

.section-4-box-text-cont {
  margin: 0 0 0 15px;
}

.section-4-box-text-cont h5 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 0 10px 0;
}

.section-4-box-text-cont p {
  color: #777;
  font-size: 14px;
}

/************************************
10)Section 5
*************************************/

.section-5-background {
  background-color: #252525 !important;
  background-position: center;
  padding: 100px 0 !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  margin-top: 0 !important;
}

.section-5-box-text-cont {
  text-align: left;
}

.section-5-box-text-cont h2 {
  color: #fff;
  margin: 40px 0 15px 0;
}

.section-5-box-text-cont p {
  color: #fff;
  margin: 0 0 40px 0;
}

/************************************
11)Section 6
*************************************/

.section-title {
  text-align: center;
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 30px;
  color: #555555;
}

.section-title h6 {
  font-size: 14px;
  text-transform: uppercase;
}

.section-6-box {
  margin-bottom: 20px;
}

.section-6-box h3 {
  font-size: 20px;
  margin-top: 30px;
}

.section-6-box p {
  font-size: 14px;
  color: #777;
}

/************************************
12)Section 7
*************************************/

.section-7-background {
  background-color: #252525;
  padding: 100px 0 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.section-7-box-text-cont {
  text-align: left;
}

.section-7-box-text-cont h2 {
  color: #fff;
}

.section-7-box-text-cont p {
  color: #fff;
  margin: 0 0 40px 0;
}

/************************************
13)Section 8
*************************************/

.section-8::before {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
}

.section-8 {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  overflow: hidden;
  padding: 60px 0;
}

#quote-carousel {
  padding: 50px 0;
  position: relative;
}

#quote-carousel .carousel-inner {
  min-height: 0;
}
#quote-carousel .item blockquote {
  height: 250px;
}
#quote-carousel .item blockquote p {
  height: 80px;
  overflow: hidden;
}
#quote-carousel a.carousel-control {
  background: none;
  color: #cacaca;
  text-shadow: none;
  position: absolute;
  background: #eeb500;
}

#quote-carousel .carousel-control.left,
#quote-carousel .carousel-control.right {
  border: 1px solid #eeb500;
  bottom: 0;
  height: 30px;
  width: 30px;
  top: 40%;
}

#quote-carousel .carousel-control i {
  line-height: 30px;
  text-align: center;
  color: #000;
}

#quote-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0;
  margin-right: -19px;
}

#quote-carousel .carousel-indicators li {
  width: 50px;
  height: 50px;
  margin: 5px;
  cursor: pointer;
  border-radius: 50px;
  opacity: 0.4;
  overflow: hidden;
  transition: all 0.4s;
}

#quote-carousel .carousel-indicators .active {
  background: #333333;
  width: 128px;
  height: 128px;
  border-radius: 100px;
  opacity: 1;
  overflow: hidden;
}

.carousel-inner {
  min-height: 300px;
}

.item blockquote {
  border-left: none;
  margin: 0;
}

.item blockquote p {
  font-size: 15px;
  color: #fff;
  font-style: italic;
}
.item blockquote small {
  color: #fff;
}
.item blockquote img {
  margin: 25px 0 0 0;
  border: 2px solid #eeb500;
  height: 70px;
  width: 70px;
}

.item blockquote p:before {
  content: "\f10d";
  font-family: "Fontawesome", sans-serif;
  float: left;
  margin-right: 10px;
}

/************************************
14)Section 9
*************************************/

.section-9-background {
  background: #fff;
  padding: 25px;
}
.partner-wrapper {
  padding: 40px 0;
}
.partner-wrapper .owl-carousel .feature-image {
  padding: 0;
}
.partner-wrapper .owl-carousel .feature-image img {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.partner-wrapper .owl-carousel .feature-image:hover img {
  opacity: 1;
}

/************************************
15)Section 10
*************************************/

.section-10-background {
  background: #eeb500;
  padding: 40px 0;
}

.section-10-box-text-cont h3 {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.section-10-box-text-cont p {
  color: #fff;
  margin: 0 0 10px 0;
  font-size: 16px;
}

.section-10-btn-cont {
  text-align: right;
  margin: 17px 0 0 0;
}

/************************************
16)Footer top
*************************************/

.footer-top {
  padding: 25px 0;
  background-color: #1a1e21;
  color: #7e7e7e;
  font-size: 14px !important;
}

.footer-top p {
  font-size: 14px !important;
  margin-bottom: 0;
}

.footer-top-box {
  margin: 30px auto;
  overflow: hidden;
}

.footer-top .widget .widget-title {
  color: #fff;
  text-transform: capitalize;
  border-bottom: 0;
}

.footer-top .input-holder {
  position: relative;
}

.footer-top .input-holder input[type="email"] {
  width: 100%;
  display: inline-block;
  border: 0;
  border-radius: 0;
  height: 39px;
  padding: 10px 20px;
}

.footer-top .input-holder label {
  position: absolute;
  top: 0;
  right: -4px;
  text-align: center;
  cursor: pointer;
  width: auto;
}

.footer-top .input-holder label i {
  position: absolute;
  top: 9px;
  left: 8px;
  font-size: 20px;
  color: #fff;
}

.footer-top .input-holder input[type="submit"] {
  color: #fff;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px;
  line-height: 0;
  text-indent: -999px;
  width: 50px;
}

.footer-top .submit-bgcolor {
  background-color: #eeb500;
}

.footer-top ul {
  list-style-type: none;
  padding-left: 0;
}

.footer-top ul li {
  margin: 0 0 10px 0;
}

.footer-top ul li a {
  color: #7e7e7e;
}

.footer-top ul li a:hover {
  color: #fff;
}

.footer-top .widget .tagcloud a {
  margin: 5px;
  color: #7e7e7e;
  padding: 5px;
  float: left;
  border: 1px solid #7e7e7e;
}

.footer-top .widget .tagcloud a:hover {
  color: #fff;
  border: 1px solid #fff;
}
.footer-top .section-margine {
  padding: 0;
}

.footer-top .widget h3 a,
.footer-top .widget .comments a {
  color: #fff;
}
.footer-top .widget .section-title {
  text-align: left;
}
.footer-top .widget h2 {
  font-size: 20px;
}
.footer-top .widget .textwidget h4 {
  font-size: 20px;
}
/***************************************
17)Footer Bottom
****************************************/

.footer-bottom {
  font-size: 14px;
  padding: 20px 0;
  background-color: #111315;
  color: #7e7e7e;
}

.footer-bottom ul.social-buttons {
  list-style-type: none;
  margin: 10px auto;
  padding: 0;
}

.footer-bottom ul.social-buttons li a {
  display: block;
  background-color: #1a1e21;
  height: 40px;
  width: 40px;
  border-radius: 0;
  font-size: 20px;
  line-height: 40px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}

.footer-bottom ul.social-buttons li a:hover {
  background-color: #eeb500;
}

.footer-bottom .copyright {
  color: #999;
  margin: 20px 0 20px 0;
}

/************************************
## Go To Top
*************************************/
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  background-color: #eeb500;
  text-align: center;
}
.scrollup:hover {
  background-color: #d9a000;
}
.scrollup i {
  color: #fff;
  line-height: 40px;
}
/************************************
18)Section 11
*************************************/

.section-11-box {
  padding: 20px 0;
  text-align: center;
}

.section-11-box-icon-background {
  background: #eeb500;
  height: 80px;
  width: 80px;
  border-radius: 5%;
  margin: 0 auto 20px auto;
}

.section-11-box-icon-background i {
  margin-top: 28px;
  color: #fff;
}

.section-11-box h4 {
  text-transform: uppercase;
  color: #555555;
  font-size: 18px;
  margin: 0 0 10px 0;
}

.section-11-box p {
  color: #777;
  font-size: 14px;
}

/************************************
19)Section 12
*************************************/

#section-12 {
  padding: 25px 0;
  margin: 50px auto 50px auto;
}

.portfolioFilter {
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 15px 10px;
  color: #333;
}

#section-12 p {
  margin-bottom: 100px;
}

.portfolioFilter a {
  color: #333;
  text-decoration: none;
  margin: 15px 5px 15px 5px;
  padding: 10px 15px;
  display: inline-block;
}

.portfolioFilter a.current {
  color: #333;
  font-weight: 700;
}

.portfolioContainer a img {
  margin: 15px auto;
  width: 100%;
  height: 100%;
}

.portfolioContainer1 a img {
  /*margin:15px auto;*/
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

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

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

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

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

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

/************************************
20)Section 13
*************************************/

.section-13 {
  background: #eeb500;
  padding: 70px 0;
}

.section-13 h2 {
  color: #fff;
  font-weight: 200;
}

.section-13 p {
  color: #fff;
}

.section-13 .light {
  color: #fff;
  width: 20%;
  margin: 30px auto 40px auto;
}

.section-13 .btn {
  color: #eeb500;
  font-weight: 600;
}

.section-13 .btn-default {
  border-color: transparent;
}

/************************************
21)Section 14
*************************************/

.section-title {
  text-align: center;
  margin-bottom: 50px;
}

.section-title h2 {
  font-size: 30px;
  color: #555555;
}

.section-title h6 {
  font-size: 14px;
  text-transform: uppercase;
  color: #999;
}
.widget-area .section-title {
  text-align: left;
  margin-bottom: 10px;
}
.section-14-box {
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.section-14-box {
}
.section-14-box h3 {
  margin: 15px 0;
}

.section-14-box h3 a,
.section-14-box h3 {
  font-size: 20px;
  color: #555555;
}
.section-14-box h3 a:hover {
  color: #eeb500;
}
.no-image h3 {
  padding-left: 85px;
  margin-top: 0;
}
.no-image .post-des {
  margin-top: 20px;
}
.section-14-box p {
  font-size: 14px;
  color: #777;
  line-height: 26px;
  margin-bottom: 15px;
}
.no-image.no-date h3,
.no-image.no-date .comments-bg {
  padding-left: 0;
}
.no-date .no-image .comments-bg {
  padding-left: 0;
}
.no-date .no-image h3 {
  padding-left: 0;
}
.section-14-box .date {
  background-color: #eeb500;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  line-height: 24px;
  padding-bottom: 15px;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  visibility: visible;
  width: 75px;
}
.section-14-box.no-image .date {
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 13px;
}
.section-14-box .comments-bg {
  width: 100%;
}
.section-14-box .comments-bg {
  padding-bottom: 5px;
  padding-right: 15px;
  color: #a5a5a5;
  float: left;
}

.section-14-box .comments-bg a {
  color: #a5a5a5;
  margin: 0 0 0 5px;
}

.section-14-box .comments-bg a:hover {
  text-decoration: underline;
}

.section-14-box .comments-bg i {
  color: #a5a5a5;
}
.right-sidebar .widget {
  margin-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.comments-area {
  margin: 70px auto;
}
.comments-area h3 {
  font-size: 22px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: 50px;
  line-height: 1.42857;
  padding: 6px 12px;
  box-shadow: 0;
  width: 100%;
}
.comments-area textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: 150px;
  line-height: 1.42857;
  padding: 6px 12px;
  box-shadow: 0;
  width: 100%;
}
.comments-area .submit {
  background-color: #eeb500;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
}
.no-image .comments-bg {
  padding-left: 85px;
  display: inline-block;
}
.no-image .comments-bg .comments {
  padding: 0;
}
.left-image .post-date-thumb,
.left-image .post-title-content,
.right-image .post-date-thumb,
.right-image .post-title-content,
.alternate-image article:nth-child(odd) .post-date-thumb,
.alternate-image article:nth-child(even) .post-date-thumb,
.alternate-image article:nth-child(odd) .post-title-content,
.alternate-image article:nth-child(even) .post-title-content {
  width: 49%;
}
.left-image .post-date-thumb,
.right-image .post-title-content {
  float: left;
}
.left-image .post-title-content,
.right-image .post-date-thumb {
  float: right;
}

.section-14-box .no-image-left {
  float: left;
}
.section-14-box .yes-image-right {
  float: left;
}

.section-14-box .left-image {
  float: left;
  margin-left: 10px;
}

.section-14-box .right-image {
  float: left;
  margin-right: 10px;
}

.left-image .post-title-content h3,
.right-image .post-title-content h3,
.alternate-image .post-title-content h3 {
  margin-top: 0;
}

.alternate-image article:nth-child(odd) .post-date-thumb,
.alternate-image article:nth-child(even) .post-title-content {
  float: right;
}
.alternate-image article:nth-child(even) .post-date-thumb,
.alternate-image article:nth-child(odd) .post-title-content {
  float: left;
}
.archive .post-title-content.no-image-left.left-image {
  margin-left: 0 !important;
}
.archive .no-image .post-title-content.no-image-left.alternate-image,
.archive .no-image .post-title-content.no-image-left.left-imag,
.archive .no-image .post-title-content.no-image-left.right-image {
  width: 100%;
}
.widget .section-14-box.no-image .date {
  position: relative;
  width: 100%;
  background: transparent;
  color: #777;
  text-align: left;
}
.widget .section-14-box.no-image h3,
.widget .section-14-box.no-image .comments-bg {
  padding-left: 0;
}
.widget .section-14-box.no-image .date br {
  display: none;
}
/*style-related-post*/
.related-post {
  background: #ebebeb none repeat scroll 0 0;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 25px;
}
.related-post .entry-title {
  font-size: 22px;
  margin-bottom: 25px;
}
.related-post.news-block .news-info {
  padding: 20px 0;
}
/*style-post-nav-with-images*/
#cooler-nav.navigation {
  overflow: hidden;
  margin: 10px 0 30px 0;
}
#cooler-nav.navigation img {
  float: left;
  max-width: 100%;
}
.nav-box.previous,
.nav-box.next {
  padding: 5px;
  border: 1px solid #eeeeee;
}
.only-image.nav-box.previous,
.only-image.nav-box.next {
  width: auto;
}
.nav-box.previous a p,
.nav-box.next a p {
  display: inline-block;
  padding: 0 15px;
  width: 60%;
}
.nav-box.previous {
  float: left;
}
.nav-box.next {
  float: right;
}
/*style-Author*/
.authorbox {
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  display: flex;
  margin: 0;
  padding: 30px 0;
}
.authorbox .author-avatar {
  border-radius: 50%;
  height: 80px;
  margin-right: 35px;
  overflow: hidden;
  width: 80px;
}
.authorbox .author-avatar img {
  max-width: 100%;
}
.authorbox .author-info {
  float: right;
  width: 70%;
}
/************************************
Button Style
*************************************/
.rounded-rectangle .btn {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
/************************************
23)Inner Title bar
*************************************/

.inner-title {
  background: #eeb500;
  padding: 30px 0;
}

.inner-title h2,
.inner-title h2 span {
  color: #fff;
}

.breadcrumbs ul {
  float: right;
  font-size: 13px;
  margin-top: 25px;
  font-weight: 500;
}

.breadcrumbs ul li {
  display: inline-block;
  color: #fff !important;
  margin: 0 0 0 5px;
}

.breadcrumbs ul li:after {
  content: "\f101";
  font-family: "FontAwesome", sans-serif;
  font-size: 12px;
  color: #fff;
  margin: 0 0 0 9px;
}

.breadcrumbs ul li:last-child:after,
.breadcrumbs ul li:first-child:after {
  content: "";
  margin: 0;
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li a {
  color: #fff !important;
  font-weight: 600;
}

.breadcrumbs ul li a:hover {
  color: #fff !important;
  text-decoration: underline;
}

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

.breadcrumbs ul li:first-child,
.breadcrumbs ul li:last-child {
  color: #fff;
  background: 0;
}

.breadcrumbs ul li:last-child {
  padding: 0;
  background: 0;
}
.breadcrumbs h2.trail-browse {
  display: none;
}
.breadcrumbs .navbar-fixed-top {
  position: relative;
}

/************************************
24)Section 16
*************************************/

.section16 {
  padding: 70px 0;
}
.section16 iframe {
  height: 500px;
  overflow: hidden;
}
.section16 .success,
.section16 .error {
  display: none;
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 48px;
}

.section16 .success {
  color: green;
}

.section16 .error {
  color: red;
}

.section16 .success .fa,
.section16 .error .fa {
  font-size: 18px;
  margin-right: 5px;
}

.section16 input[type="text"],
.section16 input[type="email"] {
  border-radius: 0;
  padding: 10px 15px;
  height: 50px;
}

.section16 textarea {
  border-radius: 0;
  padding: 25px 15px;
}

.section16 iframe {
  width: 100% !important;
  margin: 50px 0;
}

.section16 .address {
  margin: 20px 0;
}

.address h4 {
  color: #eeb500;
  font-size: 18px;
}
.section16 select {
  border-radius: 0;
  padding: 10px 15px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #777;
  font-size: 14px;
  font-weight: 300;
  line-height: 17px;
}
.woocommerce a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #eeb500;
  border-color: #eeb500;
  color: #fff;
  border-radius: 0;
  padding: 10px 20px;
}
.woocommerce .products li {
  text-align: center;
}
.woocommerce .products .star-rating {
  margin: 0 auto;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  padding: 10px 15px;
  border: 1px solid #ccc;
  margin-right: 5px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #eeb500;
  border: 1px solid #eeb500;
  color: #fff;
}

/************************************
25)Section 17
*************************************/

.section17 {
  background: #eeeef0;
  padding: 70px 0;
}

.team-member1 {
  background: #fff;
  padding: 5px;
  margin: 10px auto;
  overflow: hidden;
}

.team-member1 .team-member1-img-cont {
  float: left;
  width: 100%;
}

.team-member1 .team-member1-img-cont img {
  min-height: 167px;
}

.team-member1 .team-member1-details {
  float: left;
  padding: 0 10px;
  width: 100%;
}

.team-member1 .team-member1-details h4 {
  margin: 10px 0 0 0;
  padding: 0;
}

.team-member1 .team-member1-details p {
  color: #878787;
  margin: 5px 0 5px 0;
}

.team-member1 .team-member1-details .sub {
  margin: 10px 0 10px 0;
}

.team-member1 .team-member1-details p i {
  margin: 0 10px 0 0;
  font-size: 16px;
}
.team-member1 .my-member-details {
  color: #333;
}
.team-member1 .my-member-social {
  transition: all 0.3s ease 0s;
}
.team-member1 .my-member-social ul {
  margin: 0;
  padding: 15px 10px;
}
.team-member1 .my-member-social ul li {
  display: inline-block;
  list-style: outside none none;
  margin-top: 6px;
}
.team-member1 .my-member-social ul li a {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 25px;
}
.team-member1 .my-member-social ul li a:hover {
  background-color: #eeb500;
  border: 1px solid #eeb500;
  color: #fff;
}

/************************************
26)Section 18
*************************************/
.section18 .textcont {
  margin: 10px;
}

.section18 .textcont h2 {
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 35px;
}

.section18 .textcont p {
  margin-bottom: 20px;
  color: #777;
}

.section18 .textcont ul {
  margin: 0 0 20px 0;
  padding: 0;
}

.section18 .textcont ul li {
  list-style: none;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  padding-left: 25px;
}
.section18 .textcont ul li::after {
  content: "\f00c";
  font-family: FontAwesome, sans-serif;
  left: 0;
  position: absolute;
  top: 2px;
  font-size: 15px;
}

.section18 .right {
  float: right;
}

/************************************
27)Section 19
*************************************/

.section19 {
  margin: 100px auto 100px auto;
}

.section19 h1 {
  font-size: 20em;
  font-weight: 700;
  color: #eeb500;
  text-align: center;
}

.section19 h3 {
  text-align: center;
}

/************************************
28)Section 20
*************************************/

.section20 {
  margin: 70px auto;
}

.section-20-box {
  padding: 25px 0;
  overflow: hidden;
}

.section-20-box-icon-cont {
  float: left;
  width: 35px;
  text-align: center;
  margin: 0 15px 85px 0;
}

.section-20-box-icon-cont i {
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: #eeb500;
}

.section-20-box-text-cont {
  margin: 0 0 0 15px;
}

.section-20-box-text-cont h5 {
  text-transform: uppercase;
  color: #555555;
  font-size: 16px;
  margin: 3px 0 15px 0;
}

.section-20-box-text-cont p {
  color: #777;
  font-size: 14px;
}

/************************************
29)Section 21
*************************************/

.section21 {
  margin: 70px auto;
}

.section-21-box {
  padding: 25px 0;
  overflow: hidden;
}

/************************************
30)Section0
*************************************/

.section-0-background {
  background: #eeb500;
  padding: 40px 0;
  margin-top: -1px;
}

.section-0-box-text-cont h3 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 50px;
  margin-bottom: 0;
}

.section-0-box-text-cont p {
  color: #fff;
  font-style: italic;
  margin: 0 0 10px 0;
  font-size: 16px;
}

.section-0-btn-cont {
  text-align: right;
  margin: 0;
}

.search-submit {
  background-color: #eeb500;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 13px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 0;
}

.search-field {
  border: 1px solid #e6e6e6;
  background: #fff;
  width: 100%;
  padding: 13px 15px;
  outline: none !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  color: #777;
  margin: 20px 0 0 0;
}

.widget {
  list-style: none;
}

/*
31) pagination Style
 ----------------------------------------*/
.pagination {
  display: inline-block;
  font-size: 13px;
  line-height: normal;
  margin: 15px 0;
}
.pagination a,
.pagination span {
  background-color: transparent;
  border: 1px solid rgba(25, 25, 25, 0.1);
  border-radius: 2px;
  color: #191919;
  float: left;
  font-weight: 700;
  margin: 10px 10px 0 0;
  padding: 7px 15px;
}
.pagination a:hover,
.pagination a:focus {
  background-color: #eeb500;
  border-color: #eeb500;
  color: #ffffff;
}
.pagination .current {
  background-color: #eeb500;
  border-color: transparent;
  color: #fff;
}

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

## Galleries

--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-left: 6px;
  padding-right: 6px;
}
.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;
}

p.site-title a,
h1.site-title a {
  font-size: 30px;
  font-weight: 100;
}

/*
 Page Builder Reset
 ----------------------------------------*/
.container article .container {
  max-width: 100%;
}

/* Material icons */
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.material-icons.md-4x {
  font-size: 4em;
}

/*About Us styles*/
.about-us-service-list-cover:hover {
  cursor: pointer;
}

.about-us-service-list-cover:hover {
  border: 1px solid black;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.animated-1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-1:hover {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes tada-frame {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada-frame {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada-frame {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/*Our Works styles*/
.our-work-date {
  background-color: #e7e6e2b5;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  display: block;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  /* font-weight: bold; */
  line-height: 24px;
  padding-bottom: 15px;
  padding-top: 15px;
  position: absolute;
  text-align: left;
  max-width: 540px;
}

.our-work-date-span-1 {
  margin-left: 5px;
}

.port-folio-cover {
  height: 300px;
}
.text-left span {
  color: black;
}
.text-left i {
  color: black;
}

/*Large whatsapp on bottom*/
.whatsapp-cover {
  display: none;
}
.bottom-whatsapp {
  display: flex;
  width: 180px;
  height: 64px;
  position: fixed;
  bottom: 50px;
  right: 160px;
  background-color: #25d366;
  padding: 11px;
  border-radius: 45px;
}
.bottom-whatsapp i {
  font-size: 40px;
  color: white;
  margin-left: 10px;
}
.whatsapp-text-cover {
  display: flex;
  width: auto;
  margin-top: 7px;
}
.whatsapp-text-cover b {
  color: white;
  vertical-align: middle;
  font-size: 20px;
}

@media (max-width: 768px) {
  .whatsapp-text-cover {
    display: flex;
    width: auto;
    margin-top: 2px;
  }
  .bottom-whatsapp {
    width: 114px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 155px;
    background-color: #25d366;
    text-align: center;
    padding: 8px;
    border-radius: 0;
    display: flex;
  }
  .whatsapp-text-cover b {
    color: white;
    vertical-align: middle;
    font-size: 14px;
  }
  .bottom-whatsapp i {
    font-size: 26px;
    margin-left: 4px;
  }
}
